@font-face {
    font-family: 'emporium-icons';
    src: url('../icons/emporium-icons.eot?xwq28l');
    src: url('../icons/emporium-icons.eot?xwq28l#iefix') format('embedded-opentype'), url('../icons/emporium-icons.ttf?xwq28l') format('truetype'), url('../icons/emporium-icons.woff?xwq28l') format('woff'), url('../icons/emporium-icons.svg?xwq28l#emporium-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
}
html {
    overflow-y: scroll;
}
html, body {
	line-height: 26px !important;
	font-family: 'Roboto',sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}
a {
    color: black;
}
.topic-page-body .header-menu-parent .col-lg-12 {
    position: unset;
}
/*
body * {
    color: black;
}
*/
.admin-header-links {
    position: relative;
    z-index: 6;
}
.admin-header-links * {
    color: white;
}

/* HEADER */

.header-lower {
    /*background-color: #0797d8;*/
    width: 100%;
}


.header-logo {
    
}

@media (max-width: 481px) {
    .footer .footer-block .list li a {
        color: #0797d8;
    }
}

@media (max-width: 1024px) {
    .store-search-box {
        left: -112%;
    }
}

.pn-mega-menu > li span {
    color: #0797d8;
}

@media (min-width: 1025px) {
    .header-menu > ul > li > a:hover, .header-menu > ul > li > span:hover {
        background-color: transparent !important;
    }
}

.header-menu > ul > li > a {
    text-transform: none;
    font-size: 14px;
}

.header-menu > ul > li.active-menu-item > a {
    border-bottom: 3px solid #0797d8;
}
/*
.header-lower *,
.header-lower a {
    color: white;
}
*/

    /*.header-lower a:visited {
        color: white !important;
    }*/

    /* header hovers */
    /*
    .header-links a:hover:before,
    .header-lower a:hover {
        color: #ccc;
    }
    */

@media (min-width: 1025px) {
    .header-menu > ul {
        float: left;
    }
}

@media (min-width: 1281px) {
    .header-menu {
        padding: 0 13vw;
    }
}

@media (min-width: 1025px) {
    .header-menu > ul > li > a, .header-menu > ul > li > span {
        padding: 0 20px;
    }
}

.search-box-text {
    color: black;
}

.profile-menu-box *, .header-form-holder * {
    color: black;
}

/*
.header-links span::before,
.header-links a::before {
    color: white;
}
*/
/* MENU */

.pn-dropdown {
    background-color: white;
    border: 1px solid #ddd;
}

@media (min-width: 1025px) {
    .category-grid .item-box .title a {
        font-size: 11pt;
    }
}

@media (min-width: 1025px) {
    .pn-mega-menu .title {
        border-bottom: none;
    }

    .pn-mega-menu .row .box {
        width: 245px;
    }
}

.pn-mega-menu .title {
    color: black;
    text-transform: initial;
    padding-bottom: 0;
}

.pn-mega-menu .subcategory-item {
    padding-bottom: 5px;
    padding-left: 0;
}

    .pn-mega-menu .subcategory-item a > span {
        text-transform: initial;
        color: black;
    }

.header-lower .header-links .profile-menu-box a, .header-lower .header-links .profile-menu-box span, .header-lower .header-links .profile-menu-box a:before {
    color: #8c8c8c;
}

.header-lower .header-links .profile-menu-box .ico-account:hover, .header-lower .header-links .profile-menu-box .ico-inbox:hover span, .header-lower .header-links .profile-menu-box .ico-logout:hover {
    color: black;
}

.header-lower .header-links .profile-menu-box {padding: 10px;}

.pn-dropdown .subcategories .subcategory-item > span {
    display: none;
}

@media (min-width: 1025px) {
    .pn-dropdown .subcategories .subcategory-item a span {
        font-size: 10pt;
    }

    .pn-dropdown .title a span {
        font-size: 12pt;
    }
}

/* See PNMegaMenuHack.css*/

/*MAIN CONTENT       */

.master-wrapper-content {
    margin: auto;
    max-width: 1640px /*1300px*/;
    padding: 10px 20px;
    width: 100%;
}

@media (min-width: 1025px) {
    .pn-mega-menu .picture {
        height: 130px;
        width: 130px;
    }

    .category-navigation-list-wrapper {
        display: none;
    }

    .header-menu > ul, .pn-mega-menu {
        float: none;
    }
}

@media (min-width: 1025px) {
    .pn-dropdown {
        width: 1300px
    }
}

.item-box .btn-wrapper * {
    display: none;
}

@media (min-width: 1025px) {
    .product-grid .item-box .picture > a:after {
        background-color: transparent;
    }
}

@media (min-width: 1281px) {
    .spc-categories {
        margin: 0 0 30px;
    }
}

.page-body .rich-blog-homepage .title {
    display: none;
}

.navigation .tab span {
    color: #ccc;
}

.navigation .tab.active span {
    color: black;
}

.blog-pages-body .blogpost-page .post-body {
    margin-left: -30px;
    margin-right: -30px;
}

@media (min-width: 768px) {

    .blog-pages-body .blogpost-page .post-body {
        margin-left: auto;
        margin-right: auto;
    }
}

.blog-posts .post-description article p strong {
    color: #05638e;
    font-weight: normal;
}

.blog-posts .post-description article p {
    font-size: 14px;
}


/*PRODUCT DETAILS*/

@media (min-width: 1601px) {
    .overview {
        padding-right: 340px;
    }
}

@media (min-width: 1601px) {
    .product-prices-box {
        width: 320px;
    }
}

.productAddedToCartWindowCheckout,
.add-to-cart-button,
.product-prices-box .availability .stock,
.product-prices-box .availability .stock .label,
.product-prices-box .availability .stock .value {
    background-color: #61c259;
    color: #FFFFFF;
}

.breadcrumb .current-item {
    color: #8c8c8c;
}

.product-item .product-title a, .breadcrumb span {
    color: #0797d8;
    font-weight: bold;
}


.spc-header .category-sublist a,
.spc-header .category-title a {
    color: #05638e;
}

.item-box .sku {
    color: black;
    display: block;
}

.full-description p,
.product-item .prices span {
    color: black;
}

.product-item .prices span.old-price {
    text-decoration: line-through;
}

.productTabs-header {
    float: left;
}

.productTabs-body {
    clear: both;
    text-align: left;
}

.productTabs.ui-tabs .ui-tabs-panel {
    margin: 0;
    padding: 10px;
}

.product-specs-box .data-table td {
    border-width: 1px;
}

.new-cart td, .data-table td, .forums-table-section td {
    padding: 10px;
}

.product-essential {
    min-height: 500px;
}

.add-to-wishlist span {
    color: #8c8c8c;
}

/* FOOTER */

.footer {
    background-color: #0797d8;
}

    .footer *,
    .footer a,
    .footer-block a,
    .footer .title,
    .footer-block a:hover,
    .social-sharing a:before,
    .social-sharing a:hover:before {
        color: white;
    }

.newsletter-subscribe-button {
    background-color: #55c153;
}


/* Search icon in header and newsletter icon in footer*/

.search-box {
    margin-left: 11.5%;
}

    .newsletter-email {position: relative;}
    .newsletter-email .newsletter-subscribe-button,
    .newsletter-email .newsletter-subscribe-button:hover,
    .search-box .search-box-button,
    .search-box .search-box-button:hover {
        background-color: #55c153;
        border-radius: 0 3px 3px 0;
    }
    .newsletter-email .shape {
        top: 0px;
        right: 47px;
        width: 9px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        background-color: #0797D8;
        content: "";
        display: block;
        position: absolute;
		clip-path: polygon(0 100%, 0 101%, 101% 100%, 100% 0%);
        transition: all linear 125ms;
    }
        .newsletter-email .newsletter-subscribe-button:hover + .shape {
            background-color: #231F20;
        }

.ico-wishlist .wishlist-qty,
.ico-cart .cart-qty {
    background-color: #55c153;
}


.bar-notification.success {
    background-color: #0797d8;
}

.productAddedToCartWindowCheckout:hover,
.add-to-cart-button:hover {
    background-color: #1ea018;
}

.add-to-cart-button:hover:after {
    background-image: url(/Themes/Emporium/Content/img/add_to_basket_shape_hover.svg) !important;
}

.add-to-cart-button {
    height: 48px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.add-to-cart-button:after {
    top: 0;
    right: 0;
    width: 14px;
    height: 48px;
    background-image: url(/Themes/Emporium/Content/img/add_to_basket_shape.svg) !important;
    background-size: 14px 48px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    transition: all linear 125ms;
    pointer-events: none;
}

.product-details-page .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper:after, .product-grid .product .details .ajax-cart-button-wrapper:after {
    background-image: url(/Themes/Emporium/Content/img/add_to_basket_shape.svg) !important;
}
.product-details-page .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper:hover:after, 
.product-grid .product .details .ajax-cart-button-wrapper:hover:after {
    background-image: url(/Themes/Emporium/Content/img/add_to_basket_shape_hover.svg) !important;
}
.productAddedToCartWindowCheckout:hover, 
.add-to-cart-button:hover {
    background-color: #25b006;
}
.add-info {
    margin-left: 0;
    margin-right: 0;
}

    .add-info .buttons .product-box-add-to-cart-button {
        background-color: #61c259;
        color: white;
    }

        .add-info .buttons .product-box-add-to-cart-button:hover {
            background-color: #1ea018;
        }

.ui-tabs .ui-state-active.ui-tabs-active a {
    border-color: #1c69b5;
    color: #1c69b5;
}


/* Product description video  */

.write-review-title span {
    color: white;
}

/* Product category overview*/

.product-details-page .attributes-wrapper .attributes {
    max-width: none;
}

@media (min-width: 1601px) {
    .center-1 .item-box,
    .center-2 .item-box {
        width: 23.75%;
    }

        .center-1 .item-box:nth-child(5n + 1),
        .center-2 .item-box:nth-child(5n + 1) {
            clear: none;
            margin: 0 0 1% 1%;
        }

        .center-1 .item-box:nth-child(4n + 1),
        .center-2 .item-box:nth-child(4n + 1) {
            clear: both;
        }
}

.picture-title-wrap .title a {
    text-decoration-color: #0797d8;
}
.block .list a {
    padding: 6px 0;
    color: black;
}

input[type="radio"] + label:before, input[type="checkbox"] + label:before {
    border: 1px solid black;
}

.filtersGroupPanel .checkbox-list label {
    color: black;
}

.block-category-navigation .title strong {
    font-weight: bold;
}

.item-box .product-title {
    padding-left: 10px;
    height: 61px;
}




@media (min-width: 1025px) {
    .category-page .item-box .product-title {
        height: 70px;
    }
}

@media (min-width: 1025px) {
    .category-page .product-item .details {
        top: 0;
        height: auto;
    }
}

@media (max-width: 1025px) {
    .item-box .product-item .buttons input {
        padding: 8px 0;
        font-size: 13px;
    }

    .item-box .product-item .buttons {
        display: block;
    }
}

.product-item {
    height: 500px;
}

    .product-item .product-title {
        max-height: 61px;
    }

@media (max-width: 1025px) {
    .item-box .product-title {
        height: 70px;
    }

    .product-item .product-title {
        max-height: 70px;
    }
}

@media (max-width: 540px) {
    .item-box .add-info .buttons input {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .item-box .add-info .buttons input {
        font-size: 13px;
    }
}

.page-body .item-box .product-item .description {
    max-height: none;
}

.item-box .product-item .description {
    height: 98px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .item-box .product-item .description {
        height: 100px;
    }
}



@media (max-width: 500px) {
    .item-box .actual-price {
        font-size: 16px;
    }
}

product-item .add-info {
    max-height: 95px;
}


.category-page .product-item .details {
    text-align: left;
}

    .category-page .product-item .details .sku, .category-page .product-item .details .product-rating-box, .category-page .product-item .details .prices {
        padding-left: 10px;
    }

@media (max-width: 1025px) {
    .product-item {
        height: 470px;
    }

    .item-box .product-item .description {
        max-height: 112px;
    }
}

.master-wrapper-content .html-widget table td span a:hover {
    text-decoration: underline;
}

.master-wrapper-content .html-widget table td span a {
    color: #337ab7;
}

.product-grid .item-box .product-title a:hover {
    text-decoration: underline;
}

.product-grid .item-box {
    border: 0;
}

.product-item {
    text-align: left;
}

.item-box .description {
    display: block;
    overflow: visible;
}

.product-item .details > .description {
    padding-left: 10px;
}

    .product-item .details > .description ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 12px;
    }

.product-item .details {
    position: relative;
}

.product-item {
    height: auto;
}

.item-box .prices {
    padding-left: 10px;
}

.product-rating-box {
    padding-left: 10px;
}

.product-item .prices .actual-price {
    margin-bottom: 5px;
}

.product-item .prices .product-available {
    color: green;
    display: block;
    font-size: 12px;
}

.hidden-rating {
    visibility: hidden;
}


@media (max-width: 1025px) {

    .item-box {
        margin: 0 0 7% 2%;
    }
}

@media (min-width: 768px) {
    .item-box .product-rating-box {
        margin-bottom: 6px;
    }
}



/* Filter block */

@media (min-width: 1281px) {
    .filter-block .filtersGroupPanel {
        padding: 5px 30px;
    }
}

.filter-block .toggleControl {
    padding: 7px 35px 7px 50px;
}

.filtersGroupPanel .checkbox-list label {
    font-size: 14px;
}

/* specifictions-tab */

.product-specs-box .data-table td {
    padding: 9px 25px;
}

.carousel-item .item-box .product-item .buttons,
.spc-categories .item-box .product-item .buttons {
    display: inline-block;
}

    .carousel-item .item-box .product-item .buttons input,
    .spc-categories .item-box .product-item .buttons input {
        padding: 0 18px;
    }

.carousel-item .item-box,
.spc-categories, .item-box {
    max-height: 175px;
}

@media (min-width: 768px) {
    .carousel-item .item-box .details,
    .spc-categories .item-box .details {
        padding-top: 12px;
    }
}

.carousel-item.slick-slide.slick-active .item-box {
    max-height: none;
}

.small-products .slick-list .slick-track .slick-slide .item-box {
    max-height: 175px;
}

.product-specs-box .data-table td.spec-name, .product-specs-box .data-table td.spec-value {
    background-color: #f6f6f6;
    color: black;
}

.product-specs-box .data-table {
    border: none;
}

    .product-specs-box .data-table colgroup col:first-child {
        width: 22%;
    }

.filter-block a.clearFilterOptions:before, .filter-block a.clearPriceRangeFilter:before {
    content: none;
}

.filter-block a.clearFilterOptions:after, .filter-block a.clearPriceRangeFilter:after {
    content: "v";
    display: inline-block;
    text-transform: none;
    font-size: 11px;
    line-height: 50px;
    color: #8c8c8c;
    transition: all .2s ease;
}

.filter-block a.clearFilterOptions, .filter-block a.clearPriceRangeFilter {
    /*display: inline;*/
    width: 110px;
    font-size: 12px;
    font-weight: 700;
    color: #8c8c8c;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .slick-track .slick-current .item-box .product-box .details {
        padding-left: 5px;
    }

        .slick-track .slick-current .item-box .product-box .details .product-box-add-to-cart-button {
            padding-left: 5px;
            padding-right: 5px;
        }
}

.category-page .page-body .sub-category-grid .item-box,
.category-page .page-body .product-grid .item-box,
.blogpost-page .page-body .product-grid .item-box {
    max-height: none;
}

.search-results .product-grid .item-grid .item-box {
    max-height: none;
}

.eu-cookie-bar-notification-container .ok-button {
    background-color: transparent;
    padding-left: 0;
    margin-top: 20px;
}

.manufacturer-page .product-grid .item-grid .item-box, .product-tag-page .product-grid .item-grid .item-box,
.product-details-page-body .master-wrapper-content .carousel-wrapper .slick-carousel .slick-track .slick-slide .item-box {
    max-height: none;
}

.product-essential {
    margin: 0;
}

.add-to-cart-qty-wrapper + .ajax-cart-button-wrapper input {
    font-family: roboto, sans-serif
}

.small-products .item-box .product-item {
    font-size: 12px;
}

/* Fix to show glyphicons; otherwise default theme font is used */
.glyphicon:before {
    font-family: 'Glyphicons Halflings' !important;
}

/* Fix to override Bootstrap glyphicons.css */
a:hover,
a:focus {
    outline: inherit;
    color: inherit;
    text-decoration: inherit;
}

#shopping-cart-form .product-grid.cross-sells .item-grid .item-box {
    max-height: none;
}

.topic-page .page-body {
    max-width: none;
}

.responsive-video {
    height:0;
    padding-top:56.25%;
    position:relative;
    overflow:hidden;
}
 
.responsive-video iframe, 
.responsive-video object, 
.responsive-video embed {
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    position:absolute;
}

/**/

.padding.top {padding-top: 4px;}
.padding.right {padding-right: 0;}
.padding.bottom {padding-bottom: 24px;}
.padding.left {padding-left: 0;}

.inner-wrapper {width: 100%; max-width: 1640px; margin: 0 auto;}

.header {top: 0; right: 0; left: 0; width: 100%; position: sticky; z-index: 9999;}
.header-lower {padding: 16px 0; background-color: #FFFFFF;}
.header-lower .inner-wrapper .header-placeholder {}

.header-lower .inner-wrapper .header-placeholder .header-logo {}
.header-lower .inner-wrapper .header-placeholder .header-logo a img {width: auto; height: 48px; display: block;}

.header-lower .inner-wrapper .header-placeholder .search-box {margin: 0; padding: 0; position: relative;}
.header-lower .inner-wrapper .header-placeholder .search-box input[type=text], 
.header-lower .inner-wrapper .header-placeholder .search-box input[type=submit] {float: left; display: inline-block;}
.header-lower .inner-wrapper .header-placeholder .search-box input[type=text] {width: calc(100% - 48px); margin: 0; padding: 0; border: 1px solid #DDDDDD; border-right: 0; border-radius: 5px 0 0 5px; text-indent: 20px;}
.header-lower .inner-wrapper .header-placeholder .search-box input[type=submit] {margin: 0; padding: 0; border: 0; border-radius: 0 5px 5px 0;}

.header-lower .inner-wrapper .header-placeholder .header-links-wrapper {float: right;}

/*.header-lower .header-logo {margin-right: 20px; display: flex; position: static; background-color: transparent; height: unset; left: unset; margin-top: unset; padding: unset; padding-top: unset; position: static; width: auto;}*/
.header-lower .header-logo img {width: auto; height: 48px; margin: 0; display: block;}
/*.header-lower .search-box {width: 70rem;}*/
.header-lower .search-box span.close-side-menu-btn {width: auto !important;}
.header-lower .search-box span {width: calc(100% - 48px); display: inline-block;}
.header-lower .search-box span input[type=text] {width: 100%; height: 48px; line-height: 48px; margin: 0; padding: 0; border: 1px solid #DDDDDD; border-radius: 3px 0 0 3px; display: block; text-indent: 20px;}
.header-lower .search-box input[type=submit] {width: 48px; height: 48px; margin: 0; padding: 0; background-image: none; background-color: #0797D8; border-radius: 0 3px 3px 0; font-family: "emporium-icons"; font-size: 24px; font-weight: 400; text-transform: lowercase; display: inline-block; transition: all linear 125ms;}
.header-lower .search-box input[type=submit]:hover {background-color: #231F20;}
.header-lower .header-links-wrapper {}
.header-lower .header-links-wrapper a {font-size: 12px;}
.header-lower .header-links-wrapper ul {margin: 0; padding: 0;}
.header-lower .header-links-wrapper ul li:first-of-type {margin-left: 0;}
.header-lower .header-links-wrapper ul li a, 
.header-lower .header-links-wrapper ul li a:hover,
.header-lower .header-links-wrapper #topcartlink a,
.header-lower .header-links-wrapper #topcartlink a:hover {text-decoration: none;}
.header-lower .header-links-wrapper > .header-links > ul > li > a, 
.header-lower .header-links-wrapper #topcartlink a {width: 48px; padding: 0; text-align: center; color: #231F20; position: relative; transition: all linear 125ms; vertical-align: top;}
.header-lower .header-links-wrapper > .header-links > ul > li > span:not(.cart-qty),
.header-lower .header-links-wrapper #topcartlink span:not(.cart-qty) {white-space: nowrap; display: block; font-size: 12px; color: #8C8C8C;}
.header-lower .header-links-wrapper > .header-links > ul > li > span:not(.cart-qty) a,
.header-lower .header-links-wrapper #topcartlink span:not(.cart-qty) a {color: #8C8C8C;}
.header-lower .header-links-wrapper ul li:hover a:before,
.header-lower .header-links-wrapper #topcartlink:hover a:before,
.header-lower .header-links-wrapper ul li a:hover:before,
.header-lower .header-links-wrapper #topcartlink a:hover:before {color: #0797D8;}
.header-lower .header-links-wrapper ul li a:before,
.header-lower .header-links-wrapper #topcartlink a:before {margin: 0; color: #231F20; position: relative;}

.instantSearch {width: 100% !important; top: 48px !important; padding: 0 !important;}
.instantSearch ul {margin: 0 !important; padding: 0 !important;}
.instantSearch .k-item:first-child, .instantSearch .k-item:last-child {margin: 0 !important; padding: 0 !important;}
.instant-search-item {height: auto !important; padding: 12px 15px !important;}
 
.header-menu-parent {background-color: #0797D8; position: relative;}
.header-menu-parent .header-menu {margin: 0 !important; padding: 0 !important; background-color: transparent; position: unset;}
.header-menu-parent ul.pn-mega-menu {width: 100% !important; margin: 0; padding: 0; display: block;}
.header-menu-parent ul.pn-mega-menu > li {margin: 0; padding: 0; list-style: none; display: inline-block; float: left;}
.header-menu-parent ul.pn-mega-menu > li.active-menu-item a, .header-menu-parent ul.pn-mega-menu > li:hover a {background-color: rgba(255,255,255,0.25); /*color: #0797D8 !important;*/}
.header-menu-parent ul.pn-mega-menu > li > a, 
.header-menu-parent ul.pn-mega-menu > li > a:hover {text-decoration: none; /*transition: all linear 125ms;*/}
.header-menu-parent ul.pn-mega-menu > li > a {line-height: 32px; padding: 8px 10px; border: 0; color: #FFFFFF !important; display: block;}
.header-menu-parent ul.pn-mega-menu > li .pn-dropdown-wrapper {top: unset; background-color: #FFFFFF; z-index: 99998; box-shadow: 0 1px 5px #32323299;}
.header-menu-parent ul.pn-mega-menu > li .pn-dropdown-wrapper .pn-dropdown {width: 1640px; margin: 0 auto; padding: 24px 0 4px 0; background-color: unset; border: 0;}
.header-menu-parent ul.pn-mega-menu > li .pn-dropdown-wrapper .pn-dropdown .container-fluid {padding: 0 7.5px;}
.header-menu-parent ul.pn-mega-menu > li .pn-dropdown-wrapper .pn-dropdown a {text-decoration: none;}
.header-menu-parent ul.pn-mega-menu > li .pn-dropdown-wrapper .pn-dropdown a:hover {text-decoration: underline;}
.header-menu-parent ul.pn-mega-menu > li .pn-dropdown-wrapper .pn-dropdown a.title {line-height: 32px; font-size: 16px; font-weight: bold; color: #0797D8;}
.header-menu-parent ul.pn-mega-menu > li .pn-dropdown-wrapper .pn-dropdown ul {margin: 0 0 20px 0; padding: 0;}
.header-menu-parent ul.pn-mega-menu > li .pn-dropdown-wrapper .pn-dropdown ul li {margin: 0; padding: 0; list-style: none;}
.header-menu-parent ul.pn-mega-menu > li .pn-dropdown-wrapper .pn-dropdown ul li a {line-height: 24px; font-size: 14px;}

.trustpilot-widget {width: 100%; height: 24px; display: block; overflow: hidden;}

.burger {position: relative; display: block; width: 40px; height: 40px; line-height: 40px; font-size: 0; cursor: pointer; float: left;}
.burger:before {content: "g";}

.mini-shopping-cart .product .remove-item {line-height: 0;}

.search-wrap.is-active span:before,
.personal-button.is-active span:before,
.shopping-cart-link.is-active a:before,
.burger.is-active:before {
    content: "v";
}

.burger:before {display: inline-block; font-family: "emporium-icons"; font-size: 18px; color: #8e8e8e;}

.usps {margin-bottom: 12px;}
.usps .padding.top {padding-top: 9px;}
.usps .padding.bottom {padding-bottom: 9px;}
.usps ul {margin: 7px 0; padding: 0; float: left;}
.usps ul li {margin: 0 20px 0 0; padding: 0; list-style: none; display: inline-block; float: left;}
.usps ul li:last-of-type {margin-right: 0;}
.usps ul li:before {margin-right: 5px; font-family: "Font Awesome 5 Pro"; font-size: 16px; font-weight: 900; color: #55C153; display: inline-block;}
.usps ul li.phone:before {width: 16px; content: "\f879"; display: inline-block;}
.usps ul li.throphy:before {width: 18px; content: "\f091"; display: inline-block;}
.usps ul li.clock:before {width: 16px; content: "\f017"; display: inline-block;}
.usps .rating {float: right;}
.usps .rating .label, 
.usps .rating .icon {margin-right: 10px; display: inline-block; float: left;}
.usps .rating .label {margin: 8px 10px 0px 0; line-height: 24px;}
.usps .rating .icon:last-of-type {margin-right: 0;}
.usps .rating .icon.stars {}
.usps .rating .icon.stars img {width: 75px; height: 14px; margin: 11px 0 7px 0; display: block;}
.usps .rating .icon img {width: 113px; height: 32px; display: block;}

.row-margin {margin-bottom: 24px;}

main {width: 100%; max-width: 2048px; margin: 0 auto; padding: 0 0 96px 0; display: block;}

main .breadcrumb {margin: 0 !important; padding: 0 !important; /*padding: 14px 20px; background-color: #F6F6F6; border-radius: 3px;*/ display: block;}
main .breadcrumb ul {margin: 0; padding: 0;}
main .breadcrumb ul li {margin: 0; padding: 0; list-style: none; display: inline-block; float: left;}
main .breadcrumb ul li:not(:last-of-type):after {width: 4px; margin: 0 10px; content: "/"; display: inline-block; vertical-align: top;}
main .breadcrumb ul li a,
main .breadcrumb ul li a span, 
main .breadcrumb ul li span {margin: 0; padding: 0; font-weight: normal; display: inline-block !important;}
main .breadcrumb ul li, 
main .breadcrumb ul li:not(:last-of-type):after, 
main .breadcrumb ul li a,
main .breadcrumb ul li a span, 
main .breadcrumb ul li span {line-height: 22px; display: inline-block !important;}
main .breadcrumb ul li:first-child a, main .breadcrumb ul li:first-child a:hover {line-height: 22px; text-decoration: none;}
main .breadcrumb ul li:first-child a i {width: 16px; height: 22px; line-height: 22px; text-align: center; display: block;}
main .breadcrumb ul li:first-child a i:before {font-family: "Font Awesome 5 Pro" !important; color: #0797D8;}
main .breadcrumb ul li a, main .breadcrumb ul li a span, main .breadcrumb ul li span {color: #8C8C8C;}
main .breadcrumb ul li a:hover span {text-decoration: underline; color: #0797D8;}

main .filtersPanel {}
main .filtersPanel .filtersTitlePanel {}
main .filtersPanel .filtersTitlePanel a {}
main .filtersPanel .filter-block {margin: 0; border: 0;}
main .filtersPanel .filter-block .title {background-color: transparent; border-bottom: 1px solid #DDDDDD;}
main .filtersPanel .filter-block .title {line-height: 32px; padding: 0; border-bottom: 1px solid #DDDDDD; font-size: 14px; font-weight: bolder; text-decoration: none;}
main .filtersPanel .filter-block a.clearFilterOptions, 
main .filtersPanel .filter-block a.clearPriceRangeFilter {top: 0; width: unset; height: unset; font-weight: normal; text-decoration: none; text-transform: none;}
main .filtersPanel .filtersTitlePanel a.clearFilterOptionsAll {top: 9px; width: unset; height: unset; font-weight: normal; text-decoration: none; text-transform: none; display: unset;}
main .filtersPanel .filter-block a.clearFilterOptions:hover, 
main .filtersPanel .filtersTitlePanel a.clearFilterOptionsAll:hover, 
main .filtersPanel .filter-block a.clearPriceRangeFilter:hover {text-decoration: underline; color: #0797D8;}
main .filtersPanel .filter-block a.clearFilterOptions:after, 
main .filtersPanel .filtersTitlePanel a.clearFilterOptionsAll:after, 
main .filtersPanel .filter-block a.clearPriceRangeFilter:after {width: unset; line-height: unset; margin-left: 5px; font-weight: normal; display: inline-block;}
main .filtersPanel .filter-block a.clearFilterOptions:hover:after, 
main .filtersPanel .filtersTitlePanel a.clearFilterOptionsAll:hover:after, 
main .filtersPanel .filter-block a.clearPriceRangeFilter:hover:after {color: #0797D8;}
main .filtersPanel .filtersTitlePanel a.clearFilterOptionsAll {right: 0 !important; max-width: none; text-overflow: unset;}
main .filtersPanel .filtersTitlePanel a.clearFilterOptionsAll:after {content: "v"; display: inline-block; text-transform: none; font-size: 11px; color: #8c8c8c; transition: all .2s ease; font-family: "emporium-icons"; box-sizing: border-box;}
main .filtersPanel .filter-block .title a.toggleControl, main .filtersPanel .filter-block .title a.toggleControl:hover {color: #000000 !important;}
main .filtersPanel .filter-block .title a.toggleControl {line-height: 32px; padding: 0; font-size: 14px; font-weight: bolder; text-decoration: none;}
main .filtersPanel .filter-block .toggleControl {cursor: default;}
main .filtersPanel .filter-block .toggleControl:before {display: none; visibility: hidden;}
/*
main .filtersPanel .filter-block .toggleControl:before {top: 0; left: 0; content: "\f078"; font-family: "Font Awesome 5 Pro"; font-size: 16px; transform: unset; transform: rotate(-180deg);}
main .filtersPanel .filter-block .toggleControl.closed:before {transform: rotate(0deg);}
*/
main .filtersPanel .filter-block .filtersGroupPanel {padding: 0 0 10px 0;}
main .filtersPanel .filter-block .filtersGroupPanel ul {margin: 10px 0 0 0; padding: 0;}
main .filtersPanel .filter-block .filtersGroupPanel ul li {margin: 0; list-style: none;}
main .filtersPanel .filter-block .filtersGroupPanel ul li.sub_accordian {}
main .filtersPanel .filter-block .filtersGroupPanel ul li.sub_accordian > span, main .filtersPanel .filter-block .filtersGroupPanel ul li.sub_accordian > span > span {padding: 4px 0; color: #8c8c8c; display: inline-block; cursor: pointer;}
main .filtersPanel .filter-block .filtersGroupPanel ul li.sub_accordian > span:before {margin: 0 10px 0 0; content: "\f054"; font-family: "Font Awesome 5 Pro"; font-size: 16px; color: #8c8c8c; display: inline-block; transform: rotate(90deg); vertical-align: middle;}
main .filtersPanel .filter-block .filtersGroupPanel ul li.sub_accordian:hover > span,
main .filtersPanel .filter-block .filtersGroupPanel ul li.sub_accordian:hover > span:before, 
main .filtersPanel .filter-block .filtersGroupPanel ul li.sub_accordian > span.show_less, 
main .filtersPanel .filter-block .filtersGroupPanel ul li.sub_accordian > span.show_less:before {color: #0797D8;}
main .filtersPanel .filter-block .filtersGroupPanel ul li.sub_accordian > span:hover span {text-decoration: underline; color: #0797D8;}
main .filtersPanel .filter-block .filtersGroupPanel ul li.sub_accordian > span.show_less:before {transform: rotate(-90deg);}

main .filtersPanel .filter-block .filtersGroupPanel ul li label {padding-top: 4px !important; padding-bottom: 4px !important;}
main .filtersPanel .filter-block .filtersGroupPanel ul.selected-options-list > li label {font-weight: normal; font-size: 14px; color: black;}
main .filtersPanel .filter-block .filtersGroupPanel .priceRangeMinMaxPanel, 
main .filtersPanel .filter-block .filtersGroupPanel .specification-min-max-panel {margin: 20px 0;}
main .filtersPanel .filter-block .filtersGroupPanel .slider-cls {height: 25px; display: block; overflow: hidden;}
main .filtersPanel .filter-block .filtersGroupPanel .ui-slider {max-width: 100%; display: block;}

main .search-filters .filters-mobile-header {display: none;}

@media(max-width: 991px) {
    main .search-filters {background-color: #F6F6F6; padding: 14px 24px;}
    main .search-filters .filters-mobile-header {display: block;}
    main .search-filters .filters-mobile-header p.heading-3 {padding: 10px 24px 10px 0; position: relative; line-height: 26px; margin: 0; font-size: 16px; font-weight: bold;}
    main .search-filters .filters-mobile-header p.heading-3:after {position: absolute; content: "\f077"; font-family: "Font Awesome 5 Pro"; right: 0; top: 50%; transform: translateY(-50%); transition: transform .25s ease;}
    main .search-filters.opened .filters-mobile-header p.heading-3:after {transform: translateY(-50%) rotate(180deg);}
    main .search-filters .filtersPanel {padding: 0 !important;}

}

@media(max-width: 767px) {
}

@media(max-width: 575px) {
}

main .category-block {margin: 0;}
main .category-block .title {line-height: 32px; padding: 0; border-bottom: 1px solid #DDDDDD; font-size: 14px; font-weight: bolder; text-decoration: none;}
main .category-block ul {margin: 10px 0; padding: 0;}
main .category-block ul li {margin: 0; padding: 0; list-style: none;}
main .category-block ul li a, 
main .category-block ul li a:before {vertical-align: middle;}
main .category-block ul li a:before {margin: 0 10px 0 0; content: "\f054"; font-family: "Font Awesome 5 Pro"; font-size: 16px; color: #0797D8; display: inline-block;}
main .category-block ul li a {padding: 4px 0; text-decoration: none; display: block;}
main .category-block ul li a:hover {text-decoration: underline;}

main .categories {}
main .categories .intro {}
main .categories .intro h1, 
main .categories .intro .heading-1 {margin: 0; padding: 0; font-weight: 900; line-height: 32px; font-size: 24px;}
main .categories .intro h2, 
main .categories .intro .heading-2 {margin: 0; padding: 16px 0 0 0; font-weight: 900; line-height: 28px; font-size: 20px;}
main .categories .intro h2 + h3, 
main .categories .intro .heading-2 + .heading-3 {padding-top:0; font-weight: 300;}
main .categories .intro h3, 
main .categories .intro .heading-3 {margin: 0; padding: 16px 0 0 0; font-weight: 900; line-height: 24px; font-size: 16px;}
main .categories .intro h4, 
main .categories .intro .heading-4 {margin: 0; padding: 16px 0 0 0; font-weight: 900;}
main .categories .intro h5, 
main .categories .intro .heading-5 {margin: 0; padding: 16px 0 0 0; font-weight: 900;}
main .categories .intro h6, 
main .categories .intro .heading-6 {margin: 0; padding: 16px 0 0 0; font-weight: 900;}
main .categories .intro p {margin: 0; padding: 16px 0 0 0;}
main .categories .category-grid.sub-category-grid .category {margin: 20px 0 0 0; border: 1px solid #DDDDDD; border-radius: 3px; position: relative;}
main .categories .category-grid.sub-category-grid .category:hover {border-color: #CCCCCC;}
main .categories .category-grid.sub-category-grid .category a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
main .categories .category-grid.sub-category-grid .category .picture {width: 100%; padding-top: 100%; position: relative; overflow: hidden;}
main .categories .category-grid.sub-category-grid .category .picture img {top: 0; right: 0; bottom: 0; left: 0; object-fit: contain; margin: auto; position: absolute; z-index: 1; transition: all linear 125ms;}
main .categories .category-grid.sub-category-grid .category:hover .picture img {transform: scale(1.05);}
main .categories .category-grid.sub-category-grid .category p.heading-3 {margin: 0; padding: 12px 20px; font-weight: 900; line-height: 32px; text-align: center; transition: all linear 125ms;}
main .categories .category-grid.sub-category-grid .category:hover p.heading-3 {color: #0797D8;}

.product-grid .product {margin: 20px 0 0 0; position: relative;}
.product-grid .product:hover {border-color: #CCCCCC;}
/*main .product-grid .product a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}*/
.product-grid .product .picture {width: 100%; padding-top: 100%; position: relative;}
.product-grid .product .picture a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 2;}
.product-grid .product .picture img {top: 0; right: 0; bottom: 0; left: 0; object-fit: contain; position: absolute; z-index: 1;}
.product-grid .product .picture .btn-wrapper {top: 0; right: 0; position: absolute; z-index: 3;}
.product-grid .product .details {padding: 12px 0;}
.product-grid .product .details p.heading-4 {height: 52px; margin: 0 0 12px 0; padding: 0; font-size: 14px; font-weight: 900; color: #0797D8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.product-grid .product .details p.heading-4 a {text-decoration: none;}
.product-grid .product .details p.heading-4 a,
.product-grid .product .details p.heading-4 a:hover {color:#0797D8;}
.product-grid .product .details p.heading-4 a:hover {text-decoration: underline;}
.product-grid .product .details .product-rating-box {}
.product-grid .product .details .description {padding: 0;}
.product-grid .product .details .description ul {margin: 0; padding: 0;}
.product-grid .product .details .description ul li {margin: 0 0 12px 0; padding: 0; list-style: none;}
.product-grid .product .details .add-info {line-height: 24px; margin: 12px 0 0 0;}
.product-grid .product .details .add-info ul.short-product-specifications {height: 96px; margin: 0 0 12px 0; padding: 0;}
.product-grid .product .details .add-info ul.short-product-specifications li {margin: 0; padding: 0; list-style: none; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product-grid .product .details .add-info ul.short-product-specifications li span.label {color: #808080;}
.product-grid .product .details .add-info ul.short-product-specifications li span.value {}

.product-grid .product .details .add-info .html-widget p span {font-size: 12px;}.product-grid .product .details .add-info .prices {width: 100%; /*width: calc(100% - 68px);*/ min-height: 72px; float: left;}
.product-grid .product .details .add-info .prices .price.actual-price {font-size: 14px; font-weight: bold;}
.product-grid .product .details .add-info .prices .product-available {color: #61c259;}
.product-grid .product .details .add-info .prices .product-available:before {width: 20px; margin-right: 5px; font-family: "Font Awesome 5 Pro"; font-size: 14px; text-align: center; font-weight: 900; color: #61c259; content: "\f058"; display: inline-block;}

.logisz-add-to-wishlist { margin: 20px 0 0 0; float: left; }
.logisz-add-to-wishlist button { height: 48px; padding: 0 25px; background-color: transparent; border: 1px solid #DDDDDD; border-radius: 3px; text-transform: uppercase; font-size: 12px; transition: all .2s ease; }
.logisz-add-to-wishlist button span { color: #8c8c8c; vertical-align: middle; }
.logisz-add-to-wishlist button span:before {width: 20px; height: 26px; content: "\f004"; width: 20px; font-family: "Font Awesome 5 Pro"; font-size: 16px; font-weight: 500; vertical-align: top; display: block;}

.product-details-page .logisz-add-to-wishlist {position: relative;}
.product-details-page .logisz-add-to-wishlist:after {top: 0; left: -14px; width: 14px; height: 48px; background-image: url('/Themes/Emporium/Content/img/add_to_favourites_shape.svg'); background-size: 14px 48px; background-repeat: no-repeat;  text-align: center; content: ""; display: block; position: absolute; transition: all linear 125ms; z-index: 2; pointer-events: none;}
.product-details-page .logisz-add-to-wishlist:hover:after {background-image: url('/Themes/Emporium/Content/img/add_to_favourites_shape_hover.svg');}
.product-details-page .logisz-add-to-wishlist button {border-radius: 5px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0;}

.product-grid .product .details .logisz-add-to-wishlist button, 
.product-grid .product .details .ajax-cart-button-wrapper input[type=button] {width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 3px 0 0 3px; font-family: "emporium-icons"; font-size: 26px; transition: all linear 125ms; background-color: #61c259; color: white;}
.product-grid .product .details .logisz-add-to-wishlist button {background-color: transparent; border: 1px solid #DDDDDD;}
.product-grid .product .details .logisz-add-to-wishlist button span,
.product-grid .product .details .logisz-add-to-wishlist button span:before {width: 46px; height: 46px; line-height: 46px; /*margin: 0 !important;*/ text-align: center; display: block;}
.product-grid .product .details .logisz-add-to-wishlist button span:before {/*margin: 0 !important; padding: 0 24px !important;*/ font-size: 20px;}

.product-grid .product .details .logisz-add-to-wishlist {margin: 0 0 0 21px; float: none; display: inline-block; vertical-align: top; position: relative;}
.product-grid .product .details .logisz-add-to-wishlist:after {top: 0; right: 48px; width: 14px; height: 48px; background-image: url('/Themes/Emporium/Content/img/add_to_favourites_shape.svg'); background-size: 14px 48px; background-repeat: no-repeat;  text-align: center; content: ""; display: block; position: absolute; transition: all linear 125ms; z-index: 2; pointer-events: none;}
.product-grid .product .details .logisz-add-to-wishlist button {border-radius: 5px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 0;}

.product-grid .product .details .ajax-cart-button-wrapper {margin: 0; float: none; display: inline-block; vertical-align: top; position: relative;}
.product-details-page .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper {padding-right: 14px; position: relative;}
.product-details-page .add-to-cart .add-to-cart-panel input[type=button].lgsz-add-to-cart-button {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.product-details-page .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper:after, 
.product-grid .product .details .ajax-cart-button-wrapper:after {top: 0; right: 0; width: 14px; height: 48px; background-image: url('/Themes/Emporium/Content/img/add_to_basket_product_shape.svg'); background-size: 14px 48px; background-repeat: no-repeat; content: ""; display: block; position: absolute; transition: all linear 125ms; pointer-events: none;}
.product-grid .product .details .ajax-cart-button-wrapper:after {right: -14px;}
.product-details-page .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper:hover:after, 
.product-grid .product .details .ajax-cart-button-wrapper:hover:after {background-image: url('/Themes/Emporium/Content/img/add_to_basket_shape_hover.svg');}
.product-details-page .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper:hover input[type=button].lgsz-add-to-cart-button {background-color: #25b006;}
.product-grid .product .details .ajax-cart-button-wrapper 
{border-radius: 5px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}

.product-grid .product .details .add-info .buttons .ajax-cart-button-wrapper input[type=button] {background-color: #61c259; color: white;}

.logisz-add-to-wishlist button:hover {background-color: #F6F6F6;}

.product-grid .product .details .add-info .buttons .ajax-cart-button-wrapper input[type=button]:hover {background-color: #25b006;}

.product-grid .product .details .add-info .buttons input[type=button] {width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 3px 0 0 3px; font-family: "emporium-icons"; font-size: 26px; transition: all linear 125ms;}

.product-details-page h1, 
.product-details-page .heading-1 {margin: 0; padding: 16px 0 0 0; font-weight: 900; line-height: 32px; font-size: 24px;}
.product-details-page h2, 
.product-details-page .heading-2 {margin: 0; padding: 16px 0 0 0; font-weight: 900; line-height: 28px; font-size: 20px;}
.product-details-page h2 + h3, 
.product-details-page .heading-2 + .heading-3 {padding-top:0;font-weight: 300;}
.product-details-page h3, 
.product-details-pageding-3 {margin: 0; padding: 16px 0 0 0; font-weight: 900; line-height: 24px; font-size: 16px;}
.product-details-page h4, 
.product-details-page .heading-4 {margin: 0; padding: 16px 0 0 0; font-weight: 900;}
.product-details-page h5, 
.product-details-page .heading-5 {margin: 0; padding: 16px 0 0 0; font-weight: 900;}
.product-details-page h6, 
.product-details-page .heading-6 {margin: 0; padding: 16px 0 0 0; font-weight: 900;}
.product-details-page p,
.product-details-page p,
.product-details-page p {padding: 20px 0 0 0;}
.product-details-page {text-align: left;}
.product-details-page h1 {margin: 0; padding: 0;}
.product-details-page .compare-products {padding: 16px 0; float: right;}
.product-details-page .compare-products .add-to-compare-list-button:before {vertical-align: top;}
.product-details-page .product-prices-box {top: unset; right: unset; width: unset; position: static;}
.product-details-page .gallery {width: 100%; margin: 12px 0 0 0; float: none;}
.product-details-page .gallery { display: flex; }
.product-details-page .gallery .ribbon-wrapper { order: 2; }
.product-details-page .gallery .picture {width: 85%; border: 1px solid #eee; float: right;}
.product-details-page .gallery .picture-thumbs {width: 15%; max-width: unset; margin: 0; float: left;}
.product-details-page .gallery .picture-thumbs .thumb-item {width: calc(100% - 10px) !important; max-width: unset; margin: 0 10px 10px 0;  display: block !important;}
.product-details-page .gallery .ribbon-wrapper {overflow: unset; float: unset; width: 100%;}
    /*
.gallery>div:first-child {width: 100% !important; border: 1px solid #DDDDDD;}
.gallery .picture-thumbs {width: 100% !important; margin-right: 10px;}
.picture-thumbs .picture-thumbs-item {padding: 0; margin-bottom: 10px; display: inline-block; float: left;}
.gallery .thumb-item {border-color: #DDDDDD;}

.product-details-page .gallery .picture-wrapper {width: 100%; float: none;}
.product-details-page .gallery .picture-wrapper .picture {max-width: 500px;}
*/
.product-details-page .overview {width: unset; padding: 0; float: none;}
.product-details-page hr {margin: 20px 0 0 0; padding: 0;}
.product-details-page .description {padding: 0 0 0 0; font-size: 16px;}
.product-details-page .description h2 {padding: 20px 0 0 0; margin: 0;}
.product-details-page .description p {padding: 20px 0 0 0;}
.product-details-page .description ul {margin: 0; padding: 20px 0 0 0;}
.product-details-page .description ul li {margin: 0 0 0 16px; list-style: disc;}
.product-details-page .prices {float: left;}
.product-details-page .prices .old-product-price {}
.product-details-page .prices .product-price {font-weight: 900; line-height: 48px; font-size: 32px;}
.product-details-page .add-to-wishlist {margin: 20px 0 0 0; float: right;}
.product-details-page .add-to-wishlist button {height: 45px; padding: 0 25px; background-color: transparent; border: 1px solid #DDDDDD;  border-radius: 3px; text-transform: uppercase; font-size: 12px; transition: all .2s ease;}
.product-details-page .add-to-wishlist button span {vertical-align: middle;}
.product-details-page .add-to-wishlist button span:before {content: "\f004"; width: 20px; margin-right: 5px; font-family: "Font Awesome 5 Pro"; font-size: 16px; font-weight: 500; vertical-align: middle;}
.product-details-page .availability {float: left;}
.product-details-page .availability .stock {line-height: 22px;}
.product-details-page .availability .stock .label {display: block;}
.product-details-page .availability .stock .value {font-weight: bold; font-size: 14px; color: #55C153; display: block; vertical-align: top;}
.product-details-page .availability .stock .value:before {width: 20px; height: 22px; margin-right: 5px; font-family: "Font Awesome 5 Pro"; font-size: 16px; font-weight: 900; text-align: center; content: "\f058"; color: #55C153; display: inline-block;}
.product-details-page .availability .pickup .value {/*font-weight: bold;*/ font-size: 14px; color: #000000; display: block;}
.product-details-page .availability .pickup .value:before {width: 20px; margin-right: 5px; font-family: "Font Awesome 5 Pro"; font-size: 16px; font-weight: 300; text-align: center; content: "\f495"; color: #000000; display: inline-block;}

.product-details-page .attributes {max-width: unset; margin: 20px 0 0 0; padding: 0;}
.product-details-page .attributes dl {margin: 0;}
.product-details-page .attributes dl dd {margin: 0 0 20px 0;}
.product-details-page .attributes dt, .product-details-page .attributes dd {text-align: left !important;}
.product-details-page .attributes * {font-size: 14px !important;}
.product-details-page .attributes ul {margin: 0; padding: 0;}
.product-details-page .attributes ul li {margin: 0; padding: 0; list-style: none;}

.button-1 {
    padding: 0 !important;
}

.product-details-page .add-to-cart {width: calc(100% - 73px); margin: 20px 0 0 0; float: left;}
.product-details-page .add-to-cart .add-to-cart-panel {margin-right: 10px; display: flex;}
.product-details-page .add-to-cart .add-to-cart-panel input[type=button].lgsz-add-to-cart-button {width: 100% !important; height: 48px; padding: 0; background-color: #61c259; border: none; border-radius: 3px; font-family: roboto, sans-serif; font-size: 14px; font-weight: 500; color: #fff; text-transform: uppercase; transition: all .2s ease;}
.product-details-page .add-to-cart .add-to-cart-panel input[type=button].lgsz-add-to-cart-button:hover {background-color: #25b006;}
.product-details-page .add-to-cart .add-to-cart-panel label {display: none; visibility: hidden;}
.product-details-page .add-to-cart .add-to-cart-panel .add-to-cart-qty-wrapper {margin: 0 10px 0 0; float: left;}
.product-details-page .add-to-cart .add-to-cart-panel .add-to-cart-qty-wrapper input {width: 95px; height: 48px;}
.product-details-page .add-to-cart .add-to-cart-panel .add-to-cart-qty-wrapper .plus, .product-details-page .add-to-cart .add-to-cart-panel .add-to-cart-qty-wrapper .minus {height: 20px;}
.product-details-page .add-to-cart .add-to-cart-panel .add-to-cart-qty-wrapper + .ajax-cart-button-wrapper input {
    padding: 0;
    font-weight: 500 !important;
}
.product-details-page .add-to-cart .add-to-cart-panel .ajax-cart-button-wrapper {width: calc(100% - 105px) !important; max-width: calc(100% - 105px) !important; min-width: calc(100% - 105px) !important; float: left;}
.product-details-page .specifications {padding: 0 0 0 0;}
.product-details-page .specifications h2 {padding: 20px 0 0 0; margin: 0;}
.product-details-page .specifications table {width: 100%; margin: 20px 0 0 0; padding: 0; border: 0; border-top: 1px solid #EEEEEE; border-collapse: collapse;}
/*
    .product-details-page .specifications table tr.odd {background-color: #F6F6F6;}
    .product-details-page .specifications table tr.even {background-color: transparent;}
*/
.product-details-page .specifications table tr td {margin: 0; padding: 9px 20px; background-color: transparent; border: 0; font-size: inherit !important;}
.product-details-page .specifications.short table tr td {padding: 9px 20px;}
.product-details-page .specifications table tr td.spec-name {color: #8C8C8C;}
.product-details-page .specifications.short table tr td .spec-name,
.product-details-page .specifications.short table tr td .spec-value {display: inline-block;}
.product-details-page .specifications.short table tr td .spec-name {color: #8C8C8C;}
.product-details-page .specifications.short .scrollToSpecifications {margin-top: 20px; font-weight: bold; text-decoration: underline; cursor: pointer;}
.product-details-page .specifications.short .scrollToSpecifications:hover {text-decoration: none;}
.product-details-page .product-tags {margin: 0 0 0 0; padding: 0;}
.product-details-page .product-tags h2 {padding: 20px 0 0 0; margin: 0;}
.product-details-page .product-tags .tags-list {margin: 20px 0 0 0;}
.product-details-page .product-tags .tags-list ul {margin: 0; padding: 0;}
.product-details-page .product-tags .tags-list ul li {margin: 0; padding: 0; list-style: none; display: inline-block; float: left;}
.product-details-page .product-tags .tags-list ul li a, .product-details-page .product-tags .tags-list ul li a:hover {color: #0797D8;}
.product-details-page .product-tags .tags-list ul li a {text-decoration: none;}
.product-details-page .product-tags .tags-list ul li a:hover {text-decoration: underline;}
.product-details-page .product-tags .tags-list ul li.separator {margin-right: 10px;}
.product-details-page .file-attachments {margin: 0;}
.product-details-page .file-attachments ul {margin: 20px 0 0 0; padding: 0;}
.product-details-page .file-attachments ul li {margin: 0 0 10px 0; padding: 0; list-style: none;}
.product-details-page .file-attachments ul li a {text-decoration: underline;}
.product-details-page .file-attachments ul li a:hover {text-decoration: none;}
.product-details-page .tier-prices {margin: 0; padding: 0;}
.product-details-page .tier-prices h2 {padding: 20px 0 0 0; margin: 0;}
.product-details-page .tier-prices .table-wrapper {margin: 20px 0 0 0;}
.product-details-page .tier-prices .table-wrapper .prices-table {border-color: #DDDDDD;}
.product-details-page .tier-prices .table-wrapper .prices-table .field-header,
.product-details-page .tier-prices .table-wrapper .prices-table .item-quantity,
.product-details-page .tier-prices .table-wrapper .prices-table .item-price {padding: 9px 20px; font-size: 12px !important;}






.product-review-box .rating,
.product-review-box .product-review-links {display: inline-block; vertical-align: top;}
.product-review-box .rating {width: 100px !important; height: 20px !important; margin-right: 10px; }
.product-review-box .rating div {height: 20px !important;}
.product-review-box .product-review-links {line-height: 20px !important;}

.product-rating-box {padding: 0;}
.product-rating-box .rating,
.product-rating-box .rating {width: 100px !important; height: 20px !important; margin-right: 10px; background: url(/Themes/Emporium/Content/img/rating1.gif) repeat-x;}
.product-rating-box .rating div {height: 20px !important; background: url(/Themes/Emporium/Content/img/rating2.gif) repeat-x;}

.order-summary-content {}
.order-summary-content h1, 
.order-summary-content .heading-1 {margin: 0; padding: 20px 0 0 0; font-weight: 900; line-height: 32px; font-size: 24px;}
.order-summary-content h2, 
.order-summary-content .heading-2 {margin: 0; padding: 20px 0 0 0; font-weight: 900; line-height: 28px; font-size: 20px;}
.order-summary-content h2 + h3, 
.order-summary-content .heading-2 + .heading-3 {padding-top:0;font-weight: 300;}
.order-summary-content h3, 
.order-summary-content .heading-3 {margin: 0; padding: 20px 0 0 0; font-weight: 900; line-height: 24px; font-size: 16px;}
.order-summary-content h4, 
.order-summary-content .heading-4 {margin: 0; padding: 20px 0 0 0; font-weight: 900;}
.order-summary-content h5, 
.order-summary-content .heading-5 {margin: 0; padding: 20px 0 0 0; font-weight: 900;}
.order-summary-content h6, 
.order-summary-content .heading-6 {margin: 0; padding: 20px 0 0 0; font-weight: 900;}
.order-summary-content p,
.order-summary-content p,
.order-summary-content p {padding: 20px 0 0 0;}
.order-summary-content .product {margin: 0 0 10px 0; padding: 10px; border: 1px solid #DDDDDD; border-radius: 3px;}
.order-summary-content .product .heading-3 {padding: 0;}
.order-summary-content .product .heading-3 a, .order-summary-content .product .heading-3 a:hover {color: #0797D8;}
.order-summary-content .product .heading-3 a {text-decoration: none;}
.order-summary-content .product .heading-3 a:hover {text-decoration: underline;}
.order-summary-content .product .remove-product {line-height: 32px; margin-right: 10px; color: #8c8c8c; display: inline-block; cursor: pointer; vertical-align: top;}
.order-summary-content .product .remove-product:after {margin-left: 5px; font-family: "Font Awesome 5 Pro"; font-size: 16px; font-weight: 900; content: "\f00d"; display: inline-block; vertical-align: top;}
.order-summary-content .product .remove-product:hover {text-decoration: underline; color: #0797D8;}
.order-summary-content .product .add-to-cart-qty-wrapper input[type="text"] {width: 106px; height: 32px; border: 1px solid #e7e7e7; border-radius: 3px; padding: 0 35px; vertical-align: middle; font-size: 15px; color: #8c8c8c; font-family: 'Roboto';}
.order-summary-content .product .add-to-cart-qty-wrapper .plus {right: 0; width: 26px; line-height: 26px; height: 26px;}
.order-summary-content .product .add-to-cart-qty-wrapper .minus {left: 0; width: 26px; line-height: 26px; height: 26px;}
.order-summary-content .product .product-unit-price {line-height: 32px; font-weight: bold; float: right;}
.order-summary-content .product .attributes {margin: 0; padding: 0; max-width: unset !important; font-size: 12px; color: #8c8c8c; margin-bottom: 10px;}

.order-summary-content table.shoppingcart {width: 100%; margin: 0; border: 0;}
.order-summary-content table.shoppingcart thead {border: 0;}
.order-summary-content table.shoppingcart thead tr {border-bottom: 2px solid #DDDDDD;}
.order-summary-content table.shoppingcart thead tr th {border: 0; padding: 12px 0px; font-size: 14px;}
.order-summary-content table.shoppingcart thead tr th.nummeric {text-align: right;}
.order-summary-content table.shoppingcart tbody {}
.order-summary-content table.shoppingcart tbody tr {border-bottom: 0;}
.order-summary-content table.shoppingcart tbody tr:not(:last-of-type) {border-bottom: 1px dotted #DDDDDD ;}
.order-summary-content table.shoppingcart tbody tr:nth-child(odd),
.order-summary-content table.shoppingcart tbody tr:nth-child(even) {background-color: unset;}
.order-summary-content table.shoppingcart tbody tr td {border: 0; padding: 12px 0px; vertical-align: top;}
.order-summary-content table.shoppingcart tbody tr td.nummeric {text-align: right;}
.order-summary-content table.shoppingcart tbody tr td.product > a {font-size: 14px; font-weight: bold;}

table.shoppingcart tbody tr td.qty .number {display: flex;}
table.shoppingcart tbody tr td.qty .number .minus, 
table.shoppingcart tbody tr td.qty .number .plus, 
table.shoppingcart tbody tr td.qty .number input {vertical-align: top;}
table.shoppingcart tbody tr td.qty .number input {height: 32px; width: calc(100% - 64px); margin: 0; padding: 0; text-align: center; border: 1px solid #DDDDDD; border-right: 0; border-left: 0; outline: none;}
table.shoppingcart tbody tr td.qty .number .minus, 
table.shoppingcart tbody tr td.qty .number .plus {width: 32px; line-height: 32px; height: 32px; background-color: #0797D8; position: relative; cursor: pointer;}
table.shoppingcart tbody tr td.qty .number .minus:hover, 
table.shoppingcart tbody tr td.qty .number .plus:hover {background-color: #000000;}
table.shoppingcart tbody tr td.qty .number .minus {border-radius: 3px 0 0 3px;}
table.shoppingcart tbody tr td.qty .number .plus {border-radius: 0 3px 3px 0;}
table.shoppingcart tbody tr td.qty .number .minus::after, 
table.shoppingcart tbody tr td.qty .number .plus::after {top: 0; right: 0; bottom: 0; left: 0; width: 32px; height: 32px; line-height: 32px; font-family: 'Roboto',sans-serif !important; font-size: 14px; font-weight: bold !important; text-align: center; color: #FFFFFF; position: absolute;}
table.shoppingcart tbody tr td.qty .number .minus::after {content: "-";}
table.shoppingcart tbody tr td.qty .number .plus::after {content: "+";}

table.shoppingcart tbody tr td.remove-from-cart .remove-btn {width: 32px; height: 32px; line-height: 32px; margin: 0; padding: 0; background-color: #000000; border: 0; border-radius: 3px; cursor: pointer;}
table.shoppingcart tbody tr td.remove-from-cart .remove-btn::after {font-family: "Font Awesome 5 Pro"; content: "\f1f8"; font-size: 14px; text-align: center; color: #FFFFFF;}
table.shoppingcart tbody tr td.remove-from-cart .remove-btn:hover {background-color: #0797D8; color: #F6D42E;}

.checkout-attributes {margin: 0 !important; padding: 24px 20px !important; border-radius: 0 !important; background-color: transparent !important; border: 1px solid #DDDDDD; font-size: unset !important;}
.checkout-attributes dl {max-width: unset !important;}
.checkout-attributes input[type="checkbox"], 
.checkout-attributes input[type="radio"] {visibility: hidden; display: none; /*position: absolute; left: -9999px;*/}
.checkout-attributes input[type="radio"] {visibility: hidden; display: none; /*position: absolute; left: -9999px;*/}
.checkout-attributes label {font-size: 14px;}
.checkout-attributes ul {margin: 0; padding: 0;}
.checkout-attributes ul li {margin: 0; padding: 0; list-style: none;}
.checkout-attributes ul li label {line-height: 26px; font-family: "Roboto"; font-size: 12px; font-weight: 400; padding-left: 26px; display: block; color: #000000; position: relative;}

#CybotCookiebotDialog input[type="checkbox"] {position: unset; left: unset;}

.checkout-attributes ul li label:before, 
.checkout-attributes ul li label:before {top: 50%; left: 0; transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid #DDDDDD; border-radius: 1px; margin-top: 0; margin-left: 0 !important; position: absolute;}


.totals {margin: 0; padding: 0; background-color: transparent; border-radius: 0;}
.totals > div {max-width: unset;}

table.cart-total {margin: 0; border: 0;}
table.cart-total thead {}
table.cart-total thead tr {background-color: transparent !important;}
table.cart-total thead tr th {}
table.cart-total tbody {}
table.cart-total tbody tr {border-bottom: 1px dotted #DDDDDD; background-color: transparent !important;}
table.cart-total tbody tr td {padding: 12px 0; font-size: unset; text-align: right;}
table.cart-total tbody tr td label {font-size: unset;}
table.cart-total tbody tr td.cart-total-left {width: unset;}
table.cart-total tbody tr td.cart-total-right {width: 200px;}
table.cart-total tbody tr td:last-of-type {width: 60px;}
table.cart-total tbody tr.order-subtotal {border-top: 1px solid #DDDDDD;}
table.cart-total tbody tr.tax-value {border-bottom: 2px solid #DDDDDD;}

.cart-total .cart-total-left,
.cart-total .cart-total-left label {font-size: 14px; font-weight: bold;}
.cart-total .cart-total-right {font-size: 14px;}
.cart-total .order-total,
.cart-total .order-total label {font-size: 18px !important; border-bottom: 0;}
.order-total td span {font-size: 18px !important;}
/*
.order-summary-content .cart-footer {width: unset; float: none; clear: unset;}
.order-summary-content .cart-footer .totals {padding: 24px 20px;}
.order-summary-content .cart-footer .total-info {max-width: unset; margin: 0; padding: 0;}
.order-summary-content .cart-footer .total-info table {margin: 0 0 24px 0;}
.order-summary-content .cart-footer .checkout-buttons {max-width: unset;}
*/
.data-table td label, .td-title {
    display: inline-block;
}

.shopping-cart-page input[type="checkbox"], .shopping-cart-page input[type="radio"] {position: relative; left: unset;}

.page-title {text-align: left;}

.selected-options-list>li span:hover, .theme-roller .open-button:hover, .avatar-page .upload-image.valid+label:hover {background-color: #231F20;}

input[type="radio"]+label:before, input[type="checkbox"]+label:before {width: 16px; height: 16px; border: 1px solid #DDDDDD; border-radius: 1px; margin-top: 0; margin-left: 0 !important;}

.newsletter-email {max-width: unset;}

.forgot-password {
    font-size: 13px !important;
    font-weight: 700 !important;
    position: absolute;
    right: 0px;
}

footer {line-height: 32px;}
footer a {text-decoration: none;}
footer a:hover {text-decoration: underline;}
footer .footer-1 {background-color: #F6F6F6;}

footer .footer-1 .html-widget {height: 100%; position: relative;}
footer .footer-1 .html-widget div img {left: 50%; height: calc(100% + 96px); width: auto; bottom: 0; transform: translateX(-50%); position: absolute;}
footer .footer-1 p.address, 
footer .footer-1 p.phone,
footer .footer-1 p.email, 
footer .footer-1 p.facebook, 
footer .footer-1 p.twitter,
footer .footer-1 p.instagram, 
footer .footer-1 p.youtube, 
footer .footer-1 p.linkedin {margin-top: 20px; padding: 0 0 0 50px; position: relative;}
footer .footer-1 p.address:before, 
footer .footer-1 p.phone:before,
footer .footer-1 p.email:before {top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; border: 1px solid #DDDDDD; border-radius: 20px; font-family: "Font Awesome 5 Pro"; font-size: 16px; font-weight: 900; text-align: center; content: ""; display: inline-block; position: absolute;}
footer .footer-1 p.facebook:before, 
footer .footer-1 p.twitter:before,
footer .footer-1 p.instagram:before,  
footer .footer-1 p.youtube:before, 
footer .footer-1 p.linkedin:before {top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; border: 1px solid #DDDDDD; border-radius: 20px; font-family: "Font Awesome 5 Brands"; font-size: 16px; font-weight: 900; text-align: center; content: ""; display: inline-block; position: absolute;}
footer .footer-1 p.phone {}
footer .footer-1 p.address:before {content: "\f041";}
footer .footer-1 p.phone:before {content: "\f879";}
footer .footer-1 p.email:before {content: "\f0e0";}
footer .footer-1 p.facebook:before {content: "\f39e";}
footer .footer-1 p.twitter:before {content: "\f099";}
footer .footer-1 p.instagram:before {content: "\f16d";}
footer .footer-1 p.youtube:before {content: "\f167";}
footer .footer-1 p.linkedin:before {content: "\f0e1";}
footer .footer-1 .newsletter {padding-top: 20px;}
footer .footer-1 .newsletter input[type=button] {background-color: #0797D8;}
footer .footer-1 .newsletter input[type=button]:hover {background-color: #231F20;}
footer .footer-2 {padding: 0 0 24px 0; background-color: #0797D8; position: relative;}
footer .footer-2:after {top: 0; left: 75%; width: 25%; height: 100%; position: absolute; content: ""; display: block; position: absolute;}
footer .footer-2:after {background-color: #231F20; background-image: url('/Themes/Emporium/Content/img/part-of-sign.svg'); background-position: top left; background-repeat: no-repeat; background-size: auto 100%;}
footer .footer-2 * {color: #FFFFFF;}
footer .footer-2 p {line-height: 32px; font-size: 16px;}
footer .footer-2 .inner-wrapper {}
footer .footer-2 .inner-wrapper ul {margin: 0; padding: 0;}
footer .footer-2 .inner-wrapper ul li {margin: 0; padding: 0;}
footer .footer-2 .inner-wrapper ul li a {display: block;}
footer .footer-2 .inner-wrapper ul li a:hover {text-decoration: underline;}
footer .footer-3 {}
footer .footer-3 .padding.top {padding-top: 16px;}
footer .footer-3 .padding.bottom {padding-bottom: 16px;}
footer .footer-3 .icons {margin: 0 auto; display: table;}
footer .footer-3 .icons .payment {float: left;}
footer .footer-3 .icons .payment .label, 
footer .footer-3 .icons .payment .icon {margin-right: 10px; display: inline-block; float: left;}
footer .footer-3 .icons .payment .label {margin: 8px 10px 0px 0; line-height: 24px;}
footer .footer-3 .icons .payment .icon:last-of-type {margin-right: 0;}
footer .footer-3 .icons .payment .icon img {width: auto; height: 32px; display: block;}
footer .footer-3 .icons .rating {float: left;}
footer .footer-3 .icons .rating:before {margin: 0 20px; width: 1px; height: 32px; background-color: #DDDDDD; content: ""; display: inline-block; float: left;}
footer .footer-3 .icons .rating .label, 
footer .footer-3 .icons .rating .icon {margin-right: 10px; display: inline-block; float: left;}
footer .footer-3 .icons .rating .label {margin: 8px 10px 0px 0; line-height: 24px;}
footer .footer-3 .icons .rating .icon:last-of-type {margin-right: 0;}
footer .footer-3 .icons .rating .icon.stars {}
footer .footer-3 .icons .rating .icon.stars img {margin: 11px 0 7px 0; height: 14px;}
footer .footer-3 .icons .rating .icon img {width: auto; height: 32px; display: block;}
footer .footer-3 .copyright {border-top: 1px solid #DDDDDD; text-align: center;}
footer .footer-3 .copyright * {color: #8C8C8C;}

footer .footer-1 h1, 
footer .footer-1 .heading-1 {margin: 0; padding: 20px 0 0 0; font-weight: 900; line-height: 32px; font-size: 24px;}
footer .footer-1 h2, 
footer .footer-1 .heading-2 {margin: 0; padding: 20px 0 0 0; font-weight: 900; line-height: 28px; font-size: 20px;}
footer .footer-1 h2 + h3, 
footer .footer-1 .heading-2 + .heading-3 {padding-top:0;font-weight: 300;}
footer .footer-1 h3, 
footer .footer-1 .heading-3 {margin: 0; padding: 20px 0 0 0; font-weight: 900; line-height: 24px; font-size: 16px;}
/*
footer .footer-1 h3 + p, 
footer .footer-1 p.heading-3 + p {padding: 0;}
*/
footer .footer-1 h4, 
footer .footer-1 .heading-4 {margin: 0; padding: 20px 0 0 0; font-weight: 900; font-size: 14px;}
footer .footer-1 h5, 
footer .footer-1 .heading-5 {margin: 0; padding: 20px 0 0 0; font-weight: 900;}
footer .footer-1 h6, 
footer .footer-1 .heading-6 {margin: 0; padding: 20px 0 0 0; font-weight: 900;}

footer .footer-1 p,
footer .footer-2 p,
footer .footer-3 p {padding: 20px 0 0 0;}

footer .footer-1 .custom-columns {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px;}
footer .footer-1 .custom-columns .columns {}

@media (max-width: 991px) {
    footer .footer-1 .html-widget div img {display: none; visibility: hidden;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    footer .footer-1 .html-widget div img {height: unset;}
}

@media (max-width: 1199px) {
    footer .footer-1 .custom-columns {grid-template-columns: 1fr;}
}

.ico-wishlist .wishlist-qty, 
.ico-cart .cart-qty {
    top: -3px; right: -3px; bottom: unset; left: unset; min-width: 6px; height: 16px; min-height: unset; line-height: 16px; margin: 0; padding: 0 5px; background-color: #0797D8; text-align: center; border-radius: 8px; transform: unset;}

.usps {background-color: #F6F6F6;}


.group:before, .group:after {content: ""; display: table;}
.group:after {clear: both;}
.group {zoom: 1;}

.burger-placeholder {top: 32px; right: 15px; width: 32px; height: 32px; display: block; position: absolute;}
.burger-placeholder .bun:before {top: 5px; right: 5px; width: 32px; height: 2px; background: #39BFD1; transition: all 0.5s cubic-bezier(0.1, 0.9, 0, 1.2); content: ""; position: absolute;}
.burger-placeholder .bun:after {bottom: 5px; left: -5px; width: 32px; height: 2px; background: #39BFD1; transition: all 0.5s cubic-bezier(0.1, 0.9, 0, 1.2); content: ""; position: absolute;}
.burger-placeholder .bun .burger {height: 32px; width: 32px; position: absolute; display: flex; align-items: center;}
.burger-placeholder .bun .burger:before, 
.burger-placeholder .bun .burger:after {content: ""; position: absolute; width: 100%; height: 2px; background: #39BFD1; transition: all 0.5s cubic-bezier(0.1, 0.9, 0, 1.2);}
.burger-placeholder input {display: block; position: absolute; opacity: 0; z-index: 1; width: 32px; height: 32px; cursor: pointer;}
.burger-placeholder input:checked ~ .bun:before, .burger-placeholder input:checked ~ .bun:after {width: 0;}
.burger-placeholder input:checked ~ .bun .burger:before {transform: rotate(135deg);}
.burger-placeholder input:checked ~ .bun .burger:after {transform: rotate(45deg);}

nav.mobile {height: 0; width: 100%; position: fixed; z-index: 9999; bottom: 0; left: 0; background-color: rgba(2,128,151,0.9); overflow-x: hidden; transition: 0.5s; text-align: center;}
nav.mobile > .mobile-placeholder {background-color: #FFFFFF; border-top: 1px solid #cccccc;}
nav.mobile > .mobile-placeholder > .search-placeholder {padding: 24px 35px; background-color: #FFFFFF; border-bottom: 1px solid #E3E3E3;}
nav.mobile > .mobile-placeholder > .search-placeholder .search input {width: calc(100% - 49px); background-color: #F2F2F2;}
nav.mobile > .mobile-placeholder > .search-placeholder .search button {background-color: #F2F2F2; border-left: 1px solid #FFFFFF; color: #000000;}
nav.mobile > .mobile-placeholder > .search-placeholder .search button:hover {background-color: #000000; color: #FFFFFF;}

.slinky-menu {overflow: hidden; transform: translateZ(0);}
.slinky-menu > ul {left: 0; position: relative; transform: translateZ(0);}
.slinky-menu ul, .slinky-menu li {list-style: none; margin: 0; padding: 0;}
.slinky-menu ul {width: 100%;}
.slinky-menu a {align-items: center; display: flex;}
.slinky-menu a span {line-height: 32px; flex: 1;}
.slinky-menu li ul {display: none; left: 100%; position: absolute; top: 0;}
.slinky-menu .header {display: flex;}
.slinky-menu .header .title {flex: 1; line-height: 1.4; margin: 0; order: 1;}

.slinky-theme-default {}
.slinky-theme-default .title {}
.slinky-theme-default li, .slinky-theme-default li a, .slinky-theme-default li a span {text-align: left;}
.slinky-theme-default li {line-height: 1; border-bottom: 1px solid #cccccc; display: block;}

.slinky-theme-default li.compare a:before {
    display: inline-block;
    font-family: "emporium-icons";
    margin-right: 10px;
    vertical-align: middle;
    content: "b";
} 
.slinky-theme-default li.wishlist a:before {
    display: inline-block;
    font-family: "emporium-icons";
    margin-right: 10px;
    vertical-align: middle;
    content: "c";
}

.slinky-theme-default a {transition: all linear 125ms;}
.slinky-theme-default a:not(.back):not(.next) {width: calc(100% - 63px); padding: 8px 40px 8px 35px; text-decoration: none; color: #000000; display: inline-block !important; float: left; vertical-align: top;}
.slinky-theme-default a.nav-link {width: 100% !important; display: block !important;}
.slinky-theme-default a, 
.slinky-theme-default a:hover, 
.slinky-theme-default a:active {text-decoration: none;}
.slinky-theme-default a:hover {background-color: #F2F2F2;}
.slinky-theme-default .next, .slinky-theme-default .back {line-height: 32px; text-align: center; display: inline-block; vertical-align: top;}
.slinky-theme-default .next {padding: 8px 27px; border-left: 1px solid #cccccc; float: left;}
.slinky-theme-default .back {padding: 8px 27px; border-right: 1px solid #cccccc;}
.slinky-theme-default .next::after, .slinky-theme-default .back::after {width: 8px; font-family: 'Font Awesome 5 Pro'; font-weight: 900; color: #39BFD1; display: block;}
.slinky-theme-default .next::after {content: "\f0da";}
.slinky-theme-default .back::after {content: "\f0d9";}
.slinky-theme-default .next a, .slinky-theme-default .back a {text-decoration: none;}

.nop-jcarousel {padding: 0 !important;}

@media (max-width: 1024px) {
    .admin-header-links ~ .responsive-nav-wrapper-parent ~ .header {
        margin-top: 98px;
    }
}
@media (max-width: 1024px) {
    .header {
        margin-top: 63px;
    }
}

@media (max-width: 1024px) {
    main .filtersPanel {padding: 20px !important;}
    .pn-mega-menu, .usps, .header-logo {display: none !important ; visibility: hidden !important; }
    .responsive-nav-wrapper-parent {border-bottom: 1px solid #DDDDDD;}
    .header-lower {padding: 0;}
    .header-lower .inner-wrapper .header-placeholder {height: 0;}
    .header-menu, .profile-menu-box, .store-search-box {width: 100%; margin: 0; padding: 0;}
    footer .footer-3 .icons .payment, 
    footer .footer-3 .icons .rating {margin: 0 auto; float: none; display: table;}
    footer .footer-3 .icons .payment .label, 
    footer .footer-3 .icons .rating .label, 
    footer .footer-3 .icons .rating:before {display: none; visibility: hidden;}
    .order-summary-content .product .remove-product,
    .add-to-cart-qty-wrapper {
        margin-right: 0;
        /*width: 100%;*/
    }
    .order-summary-content .product .add-to-cart-qty-wrapper input[type="text"] {width: 100%;}
    .order-summary-content .product .product-unit-price {float: none; text-align: center;}
    .cart-collaterals>div {float: none; width: 100%; }
}

main h1, main p.heading-1 {margin:0;padding:20px 0 0 0;font-weight:900;}
main h2 {margin:0;padding:20px 0 0 0;}
main h3 {margin:0;padding:20px 0 0 0;}
main h4 {margin:0;padding:20px 0 0 0;}
main h5 {margin:0;padding:20px 0 0 0;}
main h6 {margin:0;padding:20px 0 0 0;}

main p {line-height:26px; margin:0;padding:20px 0 0 0; font-weight:400;}

main .intro ul, main .topic ul {margin: 20px 0 0 0; padding: 0;}
main .intro ul li, main .topic ul li {margin: 0 0 0 16px; padding: 0; list-style: disc;}

main .padding.top {padding-top:28px;}
main .padding.right {padding-right:20px;}
main .padding.bottom {padding-bottom:48px;}
main .padding.left {padding-left:20px;}

main p.button {display:block;}
main p.button a {display:block;}
main p.button a span {margin: 0 14px 0 0;padding:11px 20px 11px 20px;background-color:#55C153;border-radius:3px;border-top-right-radius:0;border-bottom-right-radius: 0;font-weight:bold;color:#FFFFFF;display:inline-block; position: relative;}

main p.button:not(.alternative) a span:after {top: 0; right: -14px; width: 14px; height: 48px; background-image: url(/Themes/Emporium/Content/img/add_to_basket_shape.svg); background-size: 14px 48px; background-repeat: no-repeat; content: ""; display: block; position: absolute; pointer-events: none;}
main p.button:not(.alternative) a:hover span:after {background-image: url(/Themes/Emporium/Content/img/add_to_basket_shape_hover_darker.svg);}

main p.button a:hover span {background-color:#398439;}
main p.button.alternative a span {padding:8px 19px !important;background-color:transparent;border:2px solid #55C153;color:#55C153;}
main p.button.alternative a span:hover {background-color:#55C153;color:#FFFFFF;}
main p.button.inline {margin-right:20px;display: inline-block;}
main p.button.center {margin: 0 auto;display:table;}
main p.button.right {float: right;}

main .image {margin:20px 0 0 0;padding:0;position:relative;}
main .image.animated {overflow: hidden;}
main .image.animated img {transition: all linear 125ms;}
main .image.animated:hover img {transform: scale(1.1);}

main {}
main section h1 {line-height:56px;font-size:48px;}
main section h2 {line-height:48px;font-size:40px;}
main section h2 + h3 {padding-top:0;font-weight: 300;}
main section h3 {line-height:32px;font-size:24px;}

main section.hero.vh-25 {height:25vh;}
main section.hero.vh-50 {height:50vh;}
main section.hero.vh-75 {height:75vh;}
main section.hero.vh-25 .wrapper, 
main section.hero.vh-50 .wrapper, 
main section.hero.vh-75 .wrapper {top:50%;right:0;left:0;transform:translateY(-50%);position:absolute!important;}
main section.hero .padding.top {padding-top:68px;}
main section.hero .padding.bottom {padding-bottom:96px;}
main section.hero h1, main section.hero p.heading-1 {line-height:48px;font-size:40px;font-weight:900;}
main section.hero p {line-height:28px;font-size: 20px;font-weight:300;}

main section.background {}

main section.background.white {background-color:#FFFFFF;}

main section.background.blue {background-color:#0797d8;}
main section.background.blue * {color:#FFFFFF;}
main section.background.blue p.button.alternative a span {border-color:#FFFFFF;color:#FFFFFF;}
main section.background.blue p.button.alternative a span:hover {background-color:#FFFFFF;color:#0797d8;}

main section.background.grey {background-color:#F6F6F6;}

main section.background.green {background-color:#55C153;}
main section.background.green * {color:#FFFFFF;}
main section.background.green p.button a span, main section.background.green p.button.alternative a span {padding:13px 19px;background-color:transparent;border:2px solid #FFFFFF;color:#FFFFFF;}
main section.background.green p.button a span:hover, main section.background.green p.button.alternative a span:hover {background-color:#FFFFFF;color:#55C153;}

main section.background.black {background-color:#000000;}
main section.background.black * {color:#FFFFFF;}
main section.background.black p.button a span, main.landing-pagfe section.background.black p.button.alternative a span {padding:13px 19px;background-color:transparent;border:2px solid #FFFFFF;color:#FFFFFF;}
main section.background.black p.button a span:hover, main section.background.black p.button.alternative a span:hover {background-color:#FFFFFF;color:#000000;}

main section.background.orange {background-color:#FF6600;}
main section.background.orange * {color:#FFFFFF;}
main section.background.orange p.button a span, main section.background.orange p.button.alternative a span {padding:13px 19px;background-color:transparent;border:2px solid #FFFFFF;color:#FFFFFF;}
main section.background.orange p.button a span:hover, main section.background.orange p.button.alternative a span:hover {background-color:#FFFFFF;color:#FF6600;}

main section.background.image {margin:0;background-position:center center;background-size:cover;position:relative;}
main section.background.image.dimming:after {top:0;right:0;bottom:0;left:0;background-color:rgba(7,151,216,0.6);display:block;content:"";position:absolute;z-index:1;}
main section.background.image .wrapper {position:relative;z-index:2;}
main section.background.image.dimming .wrapper h1, 
main section.background.image.dimming .wrapper p {color:#FFFFFF;}

main section.full-banner {background-position:center center;background-size:cover;position:relative;}
main section.full-banner.dimming:after {top:0;right:0;bottom:0;left:0;background-color:rgba(7,151,216,0.6);display:block;content:"";position:absolute;z-index:1;}
main section.full-banner.dimming * {color:#FFFFFF;}
main section.full-banner.dimming .wrapper {position:relative;z-index:2;}
main section.full-banner.dimming .wrapper h1, 
main section.full-banner.dimming .wrapper p {color:#FFFFFF;}
main section.full-banner.dimming p.button.alternative a span {border:2px solid #FFFFFF;color:#FFFFFF;}
main section.full-banner.dimming p.button.alternative a span:hover {background-color:#FFFFFF;color:#0797d8;}
main section.full-banner.vh-25 {height:25vh;}
main section.full-banner.vh-50 {height:50vh;}
main section.full-banner.vh-75 {height:75vh;}
main section.full-banner.vh-25 .wrapper, 
main section.full-banner.vh-50 .wrapper, 
main section.full-banner.vh-75 .wrapper {top:50%;right:0;left:0;transform:translateY(-50%);position:absolute!important;}
main section.full-banner .padding.top {padding-top:68px;}
main section.full-banner .padding.bottom {padding-bottom:96px;}
main section.full-banner h2 {line-height:48px;font-size:40px;}
main section.full-banner h2 + h3 {padding-top:0;font-weight: 300;}
main section.full-banner p {line-height:28px;font-size: 20px;font-weight:300;}

main section.half-banner .wrapper {position: relative;}
main section.half-banner .wrapper .image, 
main section.half-banner.flipped .wrapper .image {top:0;bottom:0;width:50%;height:100%;margin:0;position:absolute;}
main section.half-banner .wrapper .image {left:0;}
main section.half-banner.flipped .wrapper .image {left:unset;right:0;}
main section.half-banner .wrapper .image img, 
main section.half-banner.flipped .wrapper .image img {width: 100%; height: 100%; object-fit: cover;}

main section.cards {padding-bottom:48px;}
main section.cards .inner-wrapper {margin:20px 0 0 0;background-color:#FFFFFF;border:1px solid #EEEEEE;border-radius:3px;}

main ul.slick-dots {bottom:20px;left:50%;transform:translateX(-50%);position:absolute;}
main ul.slick-dots li {margin:0 5px;display:inline-block;float:left;}
main ul.slick-dots li button {width:16px;height:16px;margin:0;padding:0;background-color:#000000;border:0;border-radius:8px;text-indent:-9999px;}
main ul.slick-dots li.slick-active button {background-color:#0797d8;}

main table {margin:20px 0 0 0;padding:0;border:0; border-top: 1px solid #EEEEEE;}
main table thead {border-bottom:2px solid #000000;}
main table thead tr {}
main table thead tr th {padding:10px;text-align:left;}
main table tbody {}
main table tbody tr {border-bottom:1px solid #EEEEEE;}
main table tbody tr:nth-child(odd) {}
main table tbody tr:nth-child(even) {background-color:#EEEEEE;}
main table tbody tr td {padding:10px;}
main table tbody tr td.description {font-weight:bold;}
main table tbody tr td,
main table tbody tr td.value {}

.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/**/

.mc-field-group {width: 100% !important; margin: 0 !important; padding: 0 !important;}
.mc-field-group.reversed {display: flex; flex-flow: column-reverse; width: 100%; position: relative;}
.mc-field-group > strong {margin-top: 26px; display: block;}
.mc-field-group label, 
.mc-field-group input {transition: all 0.2s; touch-action: manipulation; -webkit-appearance: none; cursor: text;}
.mc-field-group input {height: 48px !important; line-height: 48px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #EEEEEE !important; border-radius: 0 !important;}
.mc-field-group label {line-height: 26px !important; margin: 0 !important; white-space: nowrap; font-weight: normal; cursor: default;}
.mc-field-group input:placeholder-shown + label,
.mc-field-group textarea:placeholder-shown + label {cursor: text; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform-origin: left bottom; transform: translate(10px, 37px); color: #656868; width: 100%;}
.mc-field-group input::-webkit-input-placeholder,
.mc-field-group textarea::-webkit-input-placeholder {opacity: 0; transition: inherit;}
.mc-field-group input::-moz-placeholder,
.mc-field-group textarea::-moz-placeholder {opacity: 0; transition: inherit;}
.mc-field-group input:focus::-webkit-input-placeholder,
.mc-field-group textarea:focus::-webkit-input-placeholder {opacity: 0.9;}
.mc-field-group input:focus::-moz-placeholder, 
.mc-field-group textarea:focus::-moz-placeholder {opacity: 0.9;}
.mc-field-group input:not(:placeholder-shown) + label,
.mc-field-group textarea:not(:placeholder-shown) + label,
.mc-field-group textarea:focus + label,
.mc-field-group input:focus + label {transform: translate(0, 0); font-size: 12px;}

/**/

.search-block {margin-top: 16px; padding: 24px 20px; background-color: #F6F6F6;}
.search-block .buttons {text-align: left;}
.search-block .advanced-search {padding: 0; border: 0;}

.address {margin-top: 24px;}

.buttons.complete-button {margin-top: 24px;}

.form-group {margin-bottom: 12px;}
.form-group label {margin-bottom: 6px; font-size: 12px; text-transform: uppercase; display: block;}
.form-group input[type=checkbox] + label {text-transform: none;}
.form-group input[type=checkbox] + label:before {width: 16px !important; height: 16px !important; margin: 0 10px 0 0 !important;}
.form-group input[type=text], .form-group select {width: 100%;}
.form-group .price-range {font-size: 12px;}
.form-group .price-range input[type=text] {width: auto !important; display: inline-block;}
.form-group .price-range input[type=text].price-from {margin: 0 10px;}
.form-group .price-range input[type=text].price-to {margin: 0 0 0 10px;}

/**/

.group:before, .group:after {content: ""; display: table;}
.group:after {clear: both;}
.group {zoom: 1;}

@media (max-width: 768px) {
	main section.half-banner .wrapper .image, 
	main section.half-banner.flipped .wrapper .image {top:unset;bottom:unset;width:100%;height:auto;position:relative;}
    .shopping-cart-page .common-buttons button {width: 100%;}
    .instantSearch {top: 65px !important; right: 20px !important; left: 20px !important; width: calc(100% - 40px) !important;}
}

@media (max-width: 1024px) {
.header-menu,
.profile-menu-box,
.store-search-box,
.mobile-flyout-wrapper {
    height: 0;
    background-color: rgba(2,128,151,0.9);
    transition: 0.5s;
}
.header-menu,
.profile-menu-box .header-form-holder,
.store-search-box form {
    background-color: #FFFFFF;
}
nav.mobile.open, 
.header-menu.open,
.profile-menu-box.open,
.store-search-box.open,
.mobile-flyout-wrapper.open {
    height: calc(100% - 62px);
}
.admin-header-links ~ .responsive-nav-wrapper-parent ~ .header {
    margin-top: 98px;
}
    .admin-header-links ~ .responsive-nav-wrapper-parent ~ .header nav.mobile.open,
    .admin-header-links ~ .responsive-nav-wrapper-parent ~ .header .header-menu.open,
    .admin-header-links ~ .responsive-nav-wrapper-parent ~ .header .profile-menu-box.open,
    .admin-header-links ~ .responsive-nav-wrapper-parent ~ .header .store-search-box.open,
    .admin-header-links ~ .responsive-nav-wrapper-parent ~ .header .mobile-flyout-wrapper.open,
    .mobile-flyout-wrapper .flyout-cart-scroll-area {
        height: calc(100% - 97px) !important;
    }
    .header-menu,
    .profile-menu-box,
    .store-search-box,
    .mobile-flyout-wrapper, 
    .header-menu.open,
    .profile-menu-box.open,
    .store-search-box.open,
    .mobile-flyout-wrapper.open {
    width: 100% !important;
    margin: 0 !important;
    top: unset !important;
    left: 0 !important;
    bottom: 0;
    position: fixed;
    z-index: 9999;
    }
    .flyout-cart,
    .store-search-box, 
    .profile-menu-box {border-top: 1px solid #cccccc;}
    .profile-menu-box .body {background-color: #FFFFFF;}
    .profile-menu-box .body a {line-height: 32px; padding: 8px 40px; border-bottom: 1px solid #cccccc; text-decoration: none; display: block; transition: all linear 0.125s;}
    .profile-menu-box .body a:active {background-color: #F2F2F2;}
    .profile-menu-box .body a:before {display: inline-block; vertical-align: top;}
    .overlayOffCanvas, 
    .close-side-menu {display: none !important ; visibility: hidden !important; }
}
.ajaxCart .productAddedToCartWindow .title {padding: 0 30px 16px 30px; text-align: center; font-size: 18px;}
.ajaxCart .productAddedToCartWindow .categories {padding: 0 30px 30px 30px;}

.ship-to-same-address, .pickup-in-store {text-align: unset !important;}

.ropc h1 {padding: 0 0 20px 0 !important;}

.ropc-box {margin: 0 0 20px 0; padding: 4px 20px 24px 20px; background-color: #FFFFFF /*#F6F6F6*/ !important; border: 1px solid #DDDDDD; text-align: left !important;}
.ropc-box, 
/*.ropc-box label {line-height: 26px !important; font-family: "Roboto" !important; font-size: 12px !important; font-weight: 400 !important;}*/
.ropc-box p.title + select {width: 100%;}
.ropc-box ul {margin: 0; padding: 0;}
.ropc-box ul li {margin: 0; padding: 0; list-style: none;}
.ropc-box .ship-to-same-address {margin-top: 20px !important;}
.ropc-box .ship-to-same-address label {font-size: 12px !important; font-weight: normal !important;}
.ropc-box table.new-cart, 
.ropc-box table.cart-total {margin: 20px 0 0 0; padding: 0; border: 0 !important;}
.ropc-box table.new-cart {border-bottom: 1px solid #EEEEEE !important;}
.ropc-box table.cart-total {margin-bottom: 20px; border-top: 0 !important;}
.ropc-box table.new-cart *, 
.ropc-box table.cart-total * {line-height: 26px !important; font-family: "Roboto" !important; font-size: 12px !important;}
.ropc-box table.new-cart thead,
.ropc-box table.cart-total thead {}
.ropc-box table.new-cart thead tr,
.ropc-box table.cart-total thead tr {background-color: transparent;}
.ropc-box table.new-cart thead tr th,
.ropc-box table.cart-total thead tr th {margin: 0; padding: 3px 20px; background-color: transparent; border: 0; font-weight: bold !important; color: #000000;}
.ropc-box table.new-cart tbody,
.ropc-box table.cart-total tbody {}
.ropc-box table.new-cart tbody tr,
.ropc-box table.cart-total tbody tr {margin: 0; padding: 0; background-color: transparent;}
.ropc-box table.cart-total tbody tr {border-bottom: 0;}
.ropc-box table.new-cart tbody tr:nth-child(even) {background-color: #EEEEEE;}
.ropc-box table.new-cart tbody tr td,
.ropc-box table.cart-total tbody tr td {margin: 0; padding: 3px 20px; background-color: transparent; border: 0; vertical-align: top;}
.ropc-box table.new-cart tbody tr td {border-top: 1px solid #EEEEEE !important;}

.ropc-box table.new-cart tbody tr td.product .edit-item a {text-transform: none; font-weight: normal; color: #000000;}

.ropc-box table.cart-total tbody tr td.cart-total-left {font-weight: bold !important;}
.ropc-box table.cart-total tbody tr td.cart-total-left,
.ropc-box table.cart-total tbody tr td.cart-total-right {width: unset; text-align: right;}
.ropc-box table.cart-total tbody tr.order-total td.cart-total-left span, 
.ropc-box table.cart-total tbody tr.order-total td.cart-total-right span strong {color: #000000 !important; /*font-size: 18px !important;*/ }
.ropc-box table.new-cart .quantity, .ropc-box table.new-cart .unit-price, .ropc-box table.new-cart .subtotal {text-align: right;}
.ropc-box .total-info, .ropc-box .complete-order-panel>div {max-width: unset;}
.ropc-box .buttons button span {color: #FFFFFF !important;}
.ropc-box .payment-info {margin: 0;}

.checkout-attributes input,
.checkout-attributes textarea {width: 100%;}
.checkout-attributes .attribute-name {margin: 0; padding: 20px 0 0 0;}
.checkout-attributes .attribute-values {margin: 0;}

.shipping-method .method-list li, 
.payment-method .method-list li {border: 0; border-radius: 0; padding: 0 0 0 26px; margin: 0;}
.shipping-method .method-list,
.payment-method .method-list {margin: 0 !important;}
.shipping-method .method-list li label,
.payment-method .method-list li label {font-size: 12px; font-weight: normal;}
.shipping-method .method-list li label:before,
.payment-method .method-list li label:before {top: 12px !important; left: 0 !important;}

.payment-method ul.method-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.payment-method ul.method-list li {max-width: unset !important; padding: 24px 20px; border: 1px solid #DDDDDD; background-color: #F6F6F6;}
.payment-method ul.method-list li label {position: relative;}
.payment-method ul.method-list input[type="radio"] + label:before {top: 6px !important; left: 0 !important; position: relative; margin: 0 !important;}
.payment-logo {border: 1px solid #DDDDDD;}
.payment-logo + .payment-details {vertical-align: top;}

@media (max-width: 820px) {
    .payment-method ul.method-list {
        width: 100%;
        max-width: unset !important;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

.footer-cart {
}
.footer-cart .checkout-attributes {margin: 0; padding: 0; background-color: transparent; font-size: unset !important;}
.footer-cart .checkout-attributes dt {margin-top: 20px;}
.footer-cart .checkout-attributes label.text-prompt {line-height: 26px !important; font-family: "Roboto" !important; font-size: 12px !important; font-weight: 400 !important;}
.footer-cart .checkout-attributes label:not(.text-prompt) {}
.footer-cart .checkout-attributes input[type=radio], .cart-footer .checkout-attributes input[type=checkbox] {display: none;}
.footer-cart .totals {margin: 0; padding: 0 !important; background-color: transparent;}
.footer-cart .totals table.cart-total {margin: 20px 0 0 0; padding: 0; border: 0 !important;}
.footer-cart .totals table.cart-total {margin-bottom: 20px; border-top: 0 !important;}
.footer-cart .totals table.cart-total * {line-height: 26px !important; font-family: "Roboto" !important; font-size: 12px !important;}
.footer-cart .totals table.cart-total thead {}
.footer-cart .totals table.cart-total thead tr {background-color: transparent;}
.footer-cart .totals table.cart-total thead tr th {margin: 0; padding: 3px 20px; background-color: transparent; border: 0; font-weight: bold !important; color: #000000;}
.footer-cart .totals table.cart-total tbody {}
.footer-cart .totals table.cart-total tbody tr {margin: 0; padding: 0; background-color: transparent;}
.footer-cart .totals table.cart-total tbody tr {border-bottom: 0;}
.footer-cart .totals table.cart-total tbody tr td {margin: 0; padding: 3px 20px; background-color: transparent; border: 0;}
.footer-cart .totals table.cart-total tbody tr td.cart-total-left, .cart-footer .totals table.cart-total tbody tr td.cart-total-left span, .cart-footer .totals table.cart-total tbody tr td.cart-total-left label {font-weight: bold !important;}
.footer-cart .totals table.cart-total tbody tr td.cart-total-left,
.footer-cart .totals table.cart-total tbody tr td.cart-total-right {width: unset; text-align: right;}
.footer-cart .totals table.cart-total tbody tr.order-total td.cart-total-left span, 
.footer-cart .totals table.cart-total tbody tr.order-total td.cart-total-left label, 
.footer-cart .totals table.cart-total tbody tr.order-total td.cart-total-right span strong {color: #000000 !important; /*font-size: 18px !important;*/ }

.rating input[type="radio"]:checked + label:before, .rating input[type="checkbox"]:checked + label:before {
    width: 15px;
    height: 15px;
    margin-left: 0;
}

.wishlist {}
.wishlist .wishlist-list {margin: 0 0 20px 0;}
.wishlist .wishlist-list .wishlist-item {height: calc(100% - 20px); margin: 20px 0 0 0; padding: 4px 20px 24px 20px; background-color: #FFFFFF; border: 1px solid #DDDDDD; position: relative;}
.wishlist .wishlist-list .wishlist-item p.title {padding-right: 105px; line-height: 40px; font-size: 20px; font-weight: 900; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wishlist .wishlist-list .wishlist-item .tools {top: 24px; right: 20px; position: absolute;}
.wishlist .wishlist-list .wishlist-item .tools a {width: 40px; height: 40px; line-height: 40px; margin-left: 5px; border: 1px solid #DDDDDD; border-radius: 20px; font-family: "emporium-icons"; font-size: 16px; font-weight: 900; text-decoration: none; text-align: center; transition: all linear 125ms; content: ""; display: inline-block;}
.wishlist .wishlist-list .wishlist-item .tools a:hover {background-color: #F6F6F6;}
.wishlist .wishlist-list .wishlist-item .tools a:first-of-type {margin-left: 0;}

.wishlist .wishlist-edit {margin-top: 20px;}

.wishlist .wishlist-add {margin-top: 20px;}

.wishlist .wishlist-detail {}
.wishlist .wishlist-detail .unit-price,
.wishlist .wishlist-detail .quantity, 
.wishlist .wishlist-detail .subtotal {text-align: right;}

.wishlist .wishlist-detail table {margin: 20px 0 0 0; border: 0;}
.wishlist .wishlist-detail table thead {border: 0;}
.wishlist .wishlist-detail table thead tr {border-bottom: 1px solid #EEEEEE;}
.wishlist .wishlist-detail table thead tr th {padding: 3px 20px;}
.wishlist .wishlist-detail table thead tr th[onclick] {text-decoration: none; cursor: pointer;}
.wishlist .wishlist-detail table thead tr th[onclick]:after {margin-left: 5px; font-family: "Font Awesome 5 Pro"; content: "\f0dc"; font-weight: 700; text-decoration: none;}
.wishlist .wishlist-detail table thead tr th[onclick]:hover {text-decoration: none; color: #0797D8;}
.wishlist .wishlist-detail table tbody {border: 0;}
.wishlist .wishlist-detail table tbody tr {border-bottom: 1px solid #EEEEEE;}
.wishlist .wishlist-detail table tbody tr td {padding: 3px 20px;}
.wishlist .wishlist-detail table tbody tr td label {display: none;}
.wishlist .wishlist-detail table tbody tr td .delete label {display: inline-block;}
.wishlist .wishlist-detail table tbody tr td .delete label span {display: none;}
.wishlist .wishlist-detail table tbody tr td a img {width: 48px; height: auto;}
.wishlist .wishlist-detail table tbody tr td span.product-sku {color: #8C8C8C;}
.wishlist .wishlist-detail table tbody tr td .product-box-add-to-cart-button,
.wishlist .wishlist-detail table tbody tr td .product-box-delete-button {display: inline-block; float: left;}
.wishlist .wishlist-detail table tbody tr td .product-box-add-to-cart-button {width: 32px; height: 32px; margin: 0 5px 0 0; padding: 0; border: 0; border-radius: 3px; font-family: "emporium-icons"; font-size: 18px; transition: all linear 125ms; background-color: #61c259; color: white;}
.wishlist .wishlist-detail table tbody tr td .product-box-add-to-cart-button:hover {background-color: #1ea018;}
.wishlist .wishlist-detail table tbody tr td .product-box-delete-button {width: 32px; height: 32px; line-height: 32px; margin: 0; padding: 0; border: 0; border-radius: 3px; font-family: "emporium-icons"; font-size: 18px; transition: all linear 125ms; background-color: #888888; text-align: center; color: white;}
.wishlist .wishlist-detail table tbody tr td .product-box-delete-button:hover {background-color: #000000;}
.wishlist .wishlist-detail table tbody tr td .buttons {margin-top: 0;}
.wishlist .wishlist-detail table tbody tr td .add-to-cart-qty-wrapper {margin: 0;}
.wishlist .wishlist-detail table tbody tr td .add-to-cart-qty-wrapper input[type="text"] {width: 106px; height: 32px; border: 1px solid #e7e7e7; border-radius: 3px; padding: 0 35px; vertical-align: middle; font-size: 15px; color: #8c8c8c; font-family: 'Roboto';}
.wishlist .wishlist-detail table tbody tr td .add-to-cart-qty-wrapper input[type="text"] {border: 1px solid #DDDDDD; text-align: center;}
.wishlist .wishlist-detail table tbody tr td .add-to-cart-qty-wrapper .plus {right: 0; width: 26px; line-height: 26px; height: 26px;}
.wishlist .wishlist-detail table tbody tr td .add-to-cart-qty-wrapper .minus {left: 0; width: 26px; line-height: 26px; height: 26px;}

.wishlist .wishlist-detail .buttons {margin-top: 10px;}
.wishlist .wishlist-detail .buttons button {margin-top: 10px;}

.wishlist .wishlist-detail a.product-name {}
.wishlist .wishlist-detail span.product-sku {}

.wishlist .buttons {text-align: left;}
.wishlist .buttons a, .wishlist .buttons button {border: none; margin-right: 5px; padding: 7px 20px; border-radius: 3px; background-color: #0897D8; color: #FFFFFF; font-weight: 900; text-transform: uppercase; text-decoration: none; transition: all .2s ease; display: inline-block; float: left;}
.wishlist .buttons a.logisz-wishlist-delete-button, .wishlist .buttons button.logisz-wishlist-delete-button {background-color: #8B0000;}
.wishlist .buttons a.logisz-wishlist-cancel-button, .wishlist .buttons button.logisz-wishlist-cancel-button {padding: 6px 19px; background-color: transparent; border: 1px solid #DDDDDD; color: #000000;}
.wishlist .buttons a.logisz-wishlist-cancel-button:hover, .wishlist .buttons button.logisz-wishlist-cancel-button:hover {background-color: #F6F6F6;}
.wishlist .buttons .wishlist-add-to-cart-button {background-color: #61c259;}
.wishlist .buttons .wishlist-add-to-cart-button:hover {background-color: #1ea018;}

.wishlist .buttons a:last-child, .wishlist .buttons button:last-child {margin-right: 0;}
.wishlist .buttons a:hover, .wishlist .buttons button:hover {background-color: #000000;}

@media (max-width: 820px)
{
.wishlist .wishlist-detail table thead {display: none;}
.wishlist .wishlist-detail table,
.wishlist .wishlist-detail table tbody,
.wishlist .wishlist-detail table tbody tr,
.wishlist .wishlist-detail table tbody tr td {width: 100%; display: block;}
.wishlist .wishlist-detail table tbody tr {border: 1px solid #EEEEEE;}
.wishlist .wishlist-detail table tbody tr td:first-child {padding-top: 20px;}
.wishlist .wishlist-detail table tbody tr td:last-child {padding-bottom: 20px;}
.wishlist .wishlist-detail table tbody tr td {padding: 3px 20px; width: 100%; display: block;}
.wishlist .wishlist-detail table tbody tr td label {display: inline-block;}
.wishlist .wishlist-detail table tbody tr td .delete label span {display: inline-block;}
.wishlist .wishlist-detail table tbody tr td .buttons {text-align: right;}
.wishlist .wishlist-detail table tbody tr td .buttons .product-box-add-to-cart-button,
.wishlist .wishlist-detail table tbody tr td .buttons .product-box-delete-button {float: none;}
.wishlist .wishlist-detail table tbody tr td input[type=number] {border: 1px solid #DDDDDD; text-align: center;}
.wishlist .wishlist-detail table tbody tr td a img {width: 48px; height: auto;}
.wishlist .wishlist-detail table tbody tr td span.product-sku {color: #8C8C8C;}
.wishlist .wishlist-detail table tbody tr td .product-box-add-to-cart-button {width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 3px; font-family: "emporium-icons"; font-size: 18px; transition: all linear 125ms; background-color: #61c259; color: white;}
.wishlist .wishlist-detail table tbody tr td .product-box-add-to-cart-button:hover {background-color: #1ea018;}
}

.page.product-review h1 {margin-bottom: 20px;}
.page.product-reviews-page h2 {margin: 0 0 20px 0;}

.inputs>label {font-size: 12px;}

.write-review-section {padding: 24px 20px; margin: 0; width: 100%; max-width: unset; text-align: left; border: 1px #DDDDDD solid;}
.write-review-section .review-rating {}
.write-review-section .review-rating label, 
.write-review-section .review-rating ul {vertical-align: top; float: left; display: inline-block;}
.write-review-section .review-rating label {line-height: 25px; margin: 0 5px 0 0;}
.write-review-section .review-rating ul {height: 25px; margin: 0; padding: 0;}
.write-review-section .review-rating ul li.label.first, 
.write-review-section .review-rating ul li.label.last {display: none; visibility: hidden;}
.write-review-section .review-rating ul li.rating-options {}
.write-review-section .review-rating ul li.rating-options label, 
.write-review-section .review-rating ul li.rating-options label:before {vertical-align: top;}
.write-review-section .review-rating ul li.rating-options label {margin: 0; display: inline-block; float: left;}
.write-review-section .rating-options label:before, 
.write-review-section .rating-options input[type="radio"]:checked + label:before {display: inline-block; font-size: 25px; border: none; background-image: url('/Themes/Emporium/Content/img/rating1.gif'); content: ""; background-repeat: no-repeat; background-position: center center; box-shadow: none; margin: 0; width: 25px; height: 25px; line-height: 1; transition: all .2s ease;}
.write-review-section .rating-options input[type="radio"].selected + label:before { background-image: url('/Themes/Emporium/Content/img/rating2.gif'); }

.rating input[type="radio"] + label:before,
.rating input[type="checkbox"] + label:before {
    width: 15px;
    height: 15px;
    border: 0;
    background-image: url('/Themes/Emporium/Content/img/rating1.gif');
}

.write-review {margin-bottom: 20px;}
.write-review textarea {min-height: 111px;}
.write-review .buttons {margin-top: 20px; text-align: left;}
.write-review .buttons a, 
.write-review .buttons button,
.write-review .buttons input[type=submit] {border: none; margin-right: 5px; padding: 7px 20px; border-radius: 3px; background-color: #0897D8; color: #FFFFFF; font-weight: 900; text-transform: uppercase; text-decoration: none; transition: all .2s ease; display: inline-block; float: left;}
.write-review .buttons a.logisz-wishlist-delete-button, 
.write-review .buttons button.logisz-wishlist-delete-button {background-color: #8B0000;}
.write-review .buttons a.logisz-wishlist-cancel-button, 
.write-review .buttons button.logisz-wishlist-cancel-button {padding: 6px 19px; background-color: transparent; border: 1px solid #DDDDDD; color: #000000;}
.write-review .buttons a.logisz-wishlist-cancel-button:hover, 
.write-review .buttons button.logisz-wishlist-cancel-button:hover {background-color: #F6F6F6;}
.write-review .buttons .wishlist-add-to-cart-button {background-color: #61c259;}
.write-review .buttons .wishlist-add-to-cart-button:hover {background-color: #1ea018;}
.write-review .buttons a:last-child, .wishlist .buttons button:last-child {margin-right: 0;}
.write-review .buttons a:hover, .wishlist .buttons button:hover, .write-review .buttons input[type=submit]:hover {background-color: #000000;}

.product-reviews-overview {margin: 0;}

.product-no-reviews {display: inline-block; line-height: 20px; vertical-align: top;}

.product-review-list {border-color: #DDDDDD;}

.product-review-item {padding: 24px 20px; border-color: #DDDDDD;}
.product-review-item .product-review-box {height: 20px; margin: 0 0 10px 0;}
.product-review-item p.title {padding: 0; font-size: 16px;}
.product-review-item p.text {padding: 0;}
.product-review-item .pros {}
.product-review-item .pros ul {margin: 10px 0 0 0; padding: 0;}
.product-review-item .pros ul li {margin: 0; padding: 0 0 0 25px; list-style: none; position: relative;}
.product-review-item .pros ul li:before {
    top: 0;
    left: 0;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    content: "\f055";
    font-weight: 900;
    color: #61c259;
    position: absolute;
}
.product-review-item .cons {}
.product-review-item .cons ul {margin: 10px 0 0 0; padding: 0;}
.product-review-item .cons ul li {margin: 0; padding: 0 0 0 25px; list-style: none; position: relative;}
.product-review-item .cons ul li:before {
    top: 0;
    left: 0;
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    content: "\f056";
    font-weight: 900;
    color: #888888;
    position: absolute;
}
.product-review-item .user, .product-review-item .separator, .product-review-item .date {color: #888888;}

.product-review-helpfulness {width: 100%; float: none; padding: 12px 10px; color: #000000 !important; background-color: #F6F6F6; border: 1px solid #DDDDDD;}
.product-review-helpfulness span {font-size: 12px; color: #000000;}
.product-review-helpfulness span.question {font-weight: 700; font-size: 16px;}
.product-review-helpfulness span.vote-stats {margin: 0;}
.product-review-helpfulness span.vote-options {line-height: 26px; height: 26px;}
.product-review-helpfulness span.vote-options .vote {padding: 0; line-height: 26px; height: 26px;}

.mfp-bg {z-index: 99998;}
.mfp-wrap {z-index: 99999;}

@media (max-width: 1280px)
{
    .header-lower .inner-wrapper .header-placeholder .search-box {
        width: calc(100% - 772px);
    }
}

#multiwishlist-detail .wishlist-content table .buttons {margin-top: 24px; float: right; margin:0;}
#multiwishlist-detail .wishlist-content table .buttons input[type=button] {min-width: unset; width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 3px; font-family: "emporium-icons"; font-size: 26px; transition: all linear 125ms;}
#multiwishlist-detail .wishlist-content table .buttons .product-box-add-to-cart-button { background-color: #61c259; color: white; }
#multiwishlist-detail .wishlist-content table .buttons .product-box-add-to-cart-button:hover { background-color: #1ea018; }

#logiszaddtowishlistpopup .popup {  }
#logiszaddtowishlistpopup .popup .logiszWishlist {  }
#logiszaddtowishlistpopup .popup .logiszWishlist .addToWishlistWrapper { padding: 0 30px 30px 30px; }
#logiszaddtowishlistpopup .popup .logiszWishlist .addToWishlistWrapper button, 
#logiszaddtowishlistpopup .popup .logiszWishlist .addToWishlistWrapper input, 
#logiszaddtowishlistpopup .popup .logiszWishlist .addToWishlistWrapper select { width: 100%; } 
#logiszaddtowishlistpopup .popup .logiszWishlist .addToWishlistWrapper input { height: 45px; line-height: 45px; margin: 0; padding: 0; border: 1px solid #DDDDDD; border-radius: 3px 0 0 3px; display: block; text-indent: 20px; }

.master-wrapper-page, .master-wrapper-content {margin: 0; padding: 0 !important; width: 100%; max-width: unset !important;}

.header-lower .search-box span.k-icon.k-loading {display: block !important; visibility: hidden !important; }

/**/

.homepage section h1, .homepage section h2 {line-height: 34px; font-size: 34px; font-weight: bold;}
.homepage section.cards {padding: 20px 0 0 0;}
.homepage section.cards.background.grey {padding: 0 0 20px 0;}
.homepage section.half-banner.flipped {padding: 0;}
.homepage .image-card, .homepage .text-card {height: calc(100% - 20px); margin-bottom: 20px;}
.homepage .image-card {position: relative;}
.homepage .image-card a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 3;}
.homepage .image-card .image {height: 100%; margin: 0; overflow: hidden;}
.homepage .image-card .image img {width: 100%; height: 100%; object-fit: cover; transition: all linear 125ms;}
.homepage .image-card:hover .image img {transform: scale(1.025);}
.homepage .image-card .content {top: 20px; left: 0; background-color: transparent; color: #000000; position: absolute; z-index: 2;}
/*
.homepage .image-card .content {bottom: 20px; left: 0; background-color: #0797D8; color: #FFFFFF; position: absolute; z-index: 2;}
.homepage .image-card .content:after {top: 0; left: 100%; width: 51px; height: 72px; background-image: url(/Themes/Emporium/Content/img/part-of-sign.svg); background-position: top left; background-repeat: no-repeat; background-size: auto 100%; content: ""; display: block; position: absolute;}
*/
.homepage .image-card .content .padding.top {padding-top: 10px;}
.homepage .image-card .content .padding.right {padding-right: 0;}
.homepage .image-card .content .padding.bottom {padding-bottom: 10px;}
.homepage .image-card .content h1, .homepage .image-card .content h2 {line-height: 28px; padding: 0; font-size: 28px; font-weight: bold;}
.homepage .image-card .content h1 + h2, .homepage .image-card .content h2 + h3 {line-height: 24px; font-size: 20px;}
.homepage .text-card {background-color: #f6f6f6;}
.homepage .text-card h2 {line-height: 28px; font-size: 28px; font-weight: bold;}
.homepage .text-card p {font-size: 16px;}
.homepage section.cards.background.grey .text-card {margin: 20px 0 0 0; background-color: #fff; border: 1px solid #eee; border-radius: 3px;}
.homepage section.cards.background.grey .text-card .image {margin: 0;}
.homepage .image-banner {margin-top: 20px; background-position: center center -25%; background-size: cover; background-repeat: no-repeat; background-color: #f6f6f6; position:relative;}
.homepage .image-banner img {width: 100%; height: auto; display: block;}
.homepage .image-banner .wrapper, .homepage .image-banner .wrapper .inner-wrapper {height: 100%;}
.homepage .image-banner.gradient-from-left .wrapper {background: -moz-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,0) 100%); background: -webkit-linear-gradient(left, rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); background: linear-gradient(to right, rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00f6f6f6',GradientType=1 );}
.homepage .image-banner.gradient-from-right .wrapper {background: -moz-linear-gradient(left, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%); background: -webkit-linear-gradient(left, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); background: linear-gradient(to right, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 );}
.homepage .image-banner.background-left {background-position:center left;}
.homepage .image-banner.background-right {background-position:center right;}
.homepage .image-banner.vh-40 {height: 40vh;}
.homepage .image-banner.equal-height {height: calc(100% - 20px);}
.homepage .image-banner h1, .homepage .image-banner h2 {line-height: 34px; font-size: 34px; font-weight: bold;}
.homepage .image-banner h1 + h2, .homepage .image-banner h2 + h3 {padding-top: 10px; line-height: 26px; font-size: 20px;}
.homepage .image-banner p {font-size: 16px;}
.homepage .image-banner .inner-wrapper {position: relative; z-index: 2;}
.homepage .image-banner .image {top: 0; bottom: 0; margin: 0; position: absolute; z-index: 1;}
.homepage .image-banner .image img {width: 100%; height: 100%; object-fit: cover;}
.homepage .image-banner.left .image {right: 0;}
.homepage .image-banner.right .image {left: 0;}
.homepage .image-banner .padding.top {padding-top: 76px;}
.homepage .image-banner .padding.right {padding-right: 48px;}
.homepage .image-banner .padding.bottom {padding-bottom: 96px;}
.homepage .image-banner .padding.left {padding-left: 48px;}
.homepage .text-align-center {text-align: center;}
.homepage .text-align-right {text-align: right;}

/* INSTANT SEARCH */
#instant-search-window .padding, .instant-search-no-results .padding, #instant-search-window-loader {padding: 8px 24px 24px 24px;}
#instant-search-window-loader span {margin-top: 16px; font-size: 14px; display: block;}
.instant-search-no-results p {margin: 16px 0 0 0; font-size: 14px; display: block;}
#instant-search-window .instant-search-window { font-size: 14px;  }
#instant-search-window #instant-search-window-loader { display:none; color: black; font-size: 16px; } 
#instant-search-window #instant-search-window-content { display:none; }
#instant-search-window {text-align: left;}
#instant-search-window h2 {line-height: 26px; margin: 16px 0 0 0; font-size: 16px; font-weight: bold;}
#instant-search-window a {text-decoration: none;}
#instant-search-window a:hover {text-decoration: underline;}
.instant-search-categories {margin: 0;}
.instant-search-categories h2:before {margin-right: 8px; font-family: "Font Awesome 5 Pro"; content: "\f61f"; color: #55C153;}
.instant-search-categories .placeholder {margin: 10px 0 0 0; display: flex; flex-wrap: wrap;}
.instant-search-categories .placeholder .search-item {flex: 0 0 calc(100% / 3); margin: 0; padding: 0 0 0 25px; list-style: none; font-size: 12px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ display: block; position: relative;}
.instant-search-categories .placeholder .search-item:before {top: 0; left: 0; margin-right: 20px; font-family: "Font Awesome 5 Pro"; font-size: 8px; font-weight: 700; content: "\f105"; color: #0797D8; display: inline-block; vertical-align: top; position: absolute;}
.instant-search-products {margin: 0; border-top: 1px solid #F6F6F6;}
.instant-search-products h2:before {width: 18px; height: 17px; margin-right: 8px; background-image: url("/Themes/Emporium/Content/img/icon_emmer.png"); background-repeat: no-repeat; background-position: center center; content: ""; display: inline-block; vertical-align: text-top;}
.instant-search-products .placeholder {margin-top: 10px; display: flex; flex-wrap: wrap;}
.instant-search-products .placeholder .search-item {flex: 0 0 calc(100% / 3); margin: 0; padding: 0; list-style: none; display: block; position: relative;}
.instant-search-products .placeholder .search-item a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.instant-search-products .placeholder .search-item .placeholder {display: flex;}
.instant-search-products .placeholder .search-item .placeholder img {width: 80px; height: 80px; margin-right: 15px; border: 1px solid #DDDDDD; border-radius: 6px; overflow: hidden;}
.instant-search-products .placeholder .search-item .placeholder .text {width: calc(100% - 95px); padding-right: 15px;}
.instant-search-products .placeholder .search-item .placeholder .text p {margin: 0;}
.instant-search-products .placeholder .search-item .placeholder .text p.name {line-height: 16px; font-size: 12px; font-weight: bold; color: #0797D8;}
.instant-search-products .placeholder .search-item .placeholder .text p.sku {line-height: 20px; font-size: 10px; color: #B8B8B8;}
.instant-search-products .placeholder .search-item .placeholder .text p.price {line-height: 20px; font-size: 14px; font-weight: bold; color: #000000;}
.instant-search-blogs-topics {margin: 0; background-color: rgba(7,151,216,0.08);}
.instant-search-blogs-topics h2:before {margin-right: 8px; font-family: "Font Awesome 5 Pro"; content: "\f31c"; color: #55C153;}
.instant-search-blogs-topics .placeholder {margin: 10px 0 0 0; display: flex; flex-wrap: wrap;}
.instant-search-blogs-topics .placeholder .search-item {flex: 0 0 calc(100% / 3); margin: 0; padding: 0 0 0 25px; list-style: none; font-size: 12px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ display: block; position: relative;}
.instant-search-blogs-topics .placeholder .search-item:before {top: 0; left: 0; margin-right: 20px; font-family: "Font Awesome 5 Pro"; font-size: 8px; font-weight: 900; content: "\f105"; color: #0797D8; display: inline-block; vertical-align: top; position: absolute;}
.header-lower .inner-wrapper .header-placeholder .search-box input[type=text] {line-height: 48px; height: 48px;}
.search-box input[type=submit]:hover + .shape {background-color: #231F20;}
.search-box .shape {top: -1px; right: 47px; width: 9px; height: 49px; line-height: 48px; text-align: center; background-color: #0797D8; content: ""; display: block; position: absolute; clip-path: polygon(0 100%, 0 101%, 101% 100%, 100% 0%); transition: all linear 125ms;}

.custom-search-page { margin-top: 24px;}
.custom-search-page h2 {font-size: 16px; line-height: 26px; font-weight: bold;}
.custom-search-page .block-wrapper { margin-right: 24px; }
.custom-search-page .search-input form {margin: 0; padding: 0; background-color: transparent; display: flex; flex-wrap: wrap; position: relative;}
.custom-search-page .search-input form h1 {line-height: 48px; margin: 0; padding: 0 40px 0 0; flex: 0;}
.custom-search-page .search-input form input[type=text] {width: calc(100% - 48px); height: 48px; line-height: 48px; margin: 0; padding: 0; background-color: #F6F6F6; border: 1px solid #DDDDDD; border-right: 0; border-radius: 5px 0 0 5px; text-indent: 20px; flex: 1;}
.custom-search-page .search-input form input[type=submit] {width: 48px !important; height: 48px !important; margin: 0; padding: 0; border: 0; border-radius: 0 5px 5px 0; background-image: none; background-color: #0797D8; font-family: "emporium-icons"; font-size: 24px; font-weight: 400; text-transform: lowercase; transition: all linear 125ms; flex: 0 1 auto;}
.custom-search-page .search-input form input[type=submit]:hover {background-color: #000000;}
.custom-search-page .search-input form input[type=submit]:hover + .shape {background-color: #000000;}
.custom-search-page .search-input form .shape {top: 0; right: 47px; width: 9px; height: 48px; line-height: 48px; text-align: center; background-color: #0797D8; content: ""; display: block; position: absolute; clip-path: polygon(0 100%, 0 101%, 101% 100%, 100% 0%); transition: all linear 125ms;}
.custom-search-page .search-input form .basic-search {margin: 0; padding: 0;}
.custom-search-page .instant-search-categories {padding-bottom: 19px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
.custom-search-page .instant-search-categories .placeholder .search-item {flex: 0 0 calc(100% / 2); font-size: 12px;}
.custom-search-page .instant-search-categories .placeholder .search-item a {text-decoration: none;}
.custom-search-page .instant-search-categories .placeholder .search-item a:hover {text-decoration: underline;}
.custom-search-page .instant-search-blogs-topics {padding: 0 30px 20px 30px; border-radius: 5px;}
.custom-search-page .instant-search-blogs-topics .placeholder .search-item {flex: 0 0 calc(100% / 2); font-size: 12px;}
.custom-search-page .instant-search-blogs-topics .placeholder .search-item a {text-decoration: none;}
.custom-search-page .instant-search-blogs-topics .placeholder .search-item a:hover {text-decoration: underline;}
.custom-search-page .instant-search-products {border-top: 0;}
.custom-search-page .search-results {margin-top: 0;}
.custom-search-page .search-results h1 {margin-top: 0; padding: 10px 0px;}
.custom-search-page .instant-search-products h2 {padding: 0;}

.custom-search-page .search-result-block { margin: 0 0 24px 0; padding: 24px;}
.custom-search-page .search-result-block .clamp-2 {  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;text-overflow: ellipsis;}
.custom-search-page .search-result-block p { margin: 0; padding: 0; }
.custom-search-page .search-result-block ul { padding: 15px 0 0 0; margin: 0; }
.custom-search-page .search-result-block ul li { margin: 0; padding: 0; list-style: none; }
.custom-search-page .search-result-block ul li.load-more-btn {line-height: 24px; padding: 0 0 0 25px; font-size: 14px; color: #808080; cursor: pointer;}
.custom-search-page .search-result-block ul li.load-more-btn:before {content: "\f107";}
.custom-search-page .search-result-block ul li.load-more-btn:hover { text-decoration: underline; }
.custom-search-page .search-result-block ul li a {line-height: 24px; padding: 0 0 0 25px; font-size: 14px; display: flex; flex-direction: row; flex-wrap: wrap; text-decoration: none; position: relative;}
.custom-search-page .search-result-block ul li a:hover {text-decoration: underline;}
/*.custom-search-page .search-result-block.smaller-blocks ul li a { font-size: 14px; line-height: 18px; padding: 20px; }*/
.custom-search-page .search-result-block .search-result-title-block { display: flex; justify-content: space-between; align-items: center; }
/*.custom-search-page .search-result-block .search-result-title-block p:first-of-type { position: relative; font-size: 17px; color: #444; background-color: #f6f6f6; text-align: left; font-weight: 300; }*/
.custom-search-page .search-result-block .search-result-title-block .search-result-count { font-size: 12px; color: #808080; }

.custom-search-page .search-result-block ul li {position: relative;}
.custom-search-page .search-result-block ul li:before {top: 0; left: 0; line-height: 24px; font-family: "Font Awesome 5 Pro"; font-size: 12px; font-weight: 900; content: "\f105"; color: #0797D8; display: inline-block; vertical-align: top; position: absolute;}
.custom-search-page .search-result-block ul li a {}

.custom-search-page .search-result-block.block-categories {margin-bottom: 0; border-top: 1px solid #F6F6F6;}
.custom-search-page .search-result-block.block-categories p.heading-3 {line-height: 26px; margin: 0; font-size: 16px; font-weight: bold;}
.custom-search-page .search-result-block.block-categories p.heading-3:before {width: 18px; height: 17px; margin-right: 8px; background-image: url(/Themes/Emporium/Content/img/icon_emmer.png); background-repeat: no-repeat; background-position: center center; content: ""; display: inline-block; vertical-align: text-top;}

.custom-search-page .search-result-block.block-topics {background-color: rgba(7,151,216,0.08);}
.custom-search-page .search-result-block.block-topics p.heading-3 {line-height: 26px; margin: 0; font-size: 16px; font-weight: bold;}
.custom-search-page .search-result-block.block-topics p.heading-3:before {margin-right: 8px; font-family: "Font Awesome 5 Pro"; content: "\f31c"; color: #55C153;}

.search-box .search-box-text {width: calc(100% - 48px) !important; height: 48px !important; margin: 0; padding: 0 !important; border: 1px solid #DDDDDD; border-right: 0; border-radius: 5px 0 0 5px; text-indent: 20px;}
.search-box .search-box-button {width: 48px; height: 48px; margin: 0; padding: 0; background-image: none; background-color: #0797D8; border: 0; border-radius: 0 5px 5px 0; font-family: "emporium-icons"; font-size: 24px; font-weight: 400; text-transform: lowercase; display: inline-block; transition: all linear 125ms;}
.search-box .search-box-button:hover {background-color: #231F20; border-radius: 0 5px 5px 0 !important;}
.search-box.open.opened .shape {height: 48px !important; top: 20px; right: 68px;}

.blog {}
.blog .post {height: calc(100% - 26px); margin-bottom: 26px; background-color: #F6F6F6; border-radius: 5px; overflow: hidden; position: relative;}
.blog .post.first .image-placeholder {padding-top: 56.25%;}
.blog .post.second .image-placeholder {height: 100%; padding: unset;}
.blog .post.first .image-placeholder .image img, 
.blog .post.second .image-placeholder .image img {object-position: center;}
.blog .post.first .image-placeholder .placeholder .inlay {width: 50%;}
.blog .post.first .image-placeholder .placeholder h2, .blog .post.second .image-placeholder .placeholder h2 {line-height: 40px; font-size: 32px;}
.blog .post.first .image-placeholder .placeholder p, .blog .post.second .image-placeholder .placeholder p {line-height: 26px; font-size: 16px; color: #FFFFFF; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.blog .post:hover .image-placeholder .placeholder h2 {color: #55C153;}
.blog .post .image-placeholder .arrow {top: 0; right: -14px; width: 84px; height: 48px; display: block; opacity: 0; position: absolute; z-index: 3; transform: skew(10deg); transition: all linear 125ms; pointer-events: none;}
.blog .post .image-placeholder .arrow:before {width: 84px; height: 48px; background-color: #55C153; content: ""; display: block; position: relative;}
.blog .post .image-placeholder .arrow:after {top: 0; right: 24px; width: 48px; height: 48px; line-height: 48px; font-family: "Font Awesome 5 Pro"; font-size: 18px; font-weight: 900; text-align: center; color: #FFFFFF; transform: skew(-10deg); position: absolute; content: "\f061";}
.blog .post .image-placeholder:after {top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); content: ""; display: block; position: absolute; z-index: 1; pointer-events: none; opacity: 0; transition: all linear 125ms;}
.blog .post:hover .image-placeholder:after {opacity: 1;}
.blog .post:hover .image-placeholder .arrow {opacity: 1; right: -4px;}
.blog .post a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.blog .post .image-placeholder {width: 100%; padding-top: 56.25%; position: relative;}
.blog .post .image-placeholder .image {top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute;}
.blog .post .image-placeholder .image img {width: 100%; height: 100%; object-fit: cover;}
.blog .post .image-placeholder .placeholder {right: 0; bottom: 0; left: 0; padding: 32px; position: absolute; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000000000', endColorstr='#b3000000',GradientType=0 ); z-index: 2; pointer-events: none;}
.blog .post .image-placeholder .placeholder h2 {line-height: 24px; font-size: 20px; font-weight: bold; color: #FFFFFF;}
.blog.home .post .image-placeholder .placeholder .inlay {width: 50%;}
.blog.home .post .image-placeholder .placeholder h2 {line-height: 40px; font-size: 32px;}
.blog .post .body {padding: 20px 32px; font-size: 16px;}
.blog .post .body p, 
.blog .post .body ol, 
.blog .post .body ul, 
.blog .post .body table, 
.blog .post .body span, 
.blog .post .body img {display: none; visibility: hidden;}
.blog .post .body p:nth-child(2) {display: block; visibility: visible;}
.blog .post .body p:nth-child(2) {line-height: 26px; padding: 0; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.blogpost a.back-to-all-button {height: 60px; border-radius: 5px 0 0 5px; font-weight: normal; text-align: left; text-decoration: none; text-transform: none; color: #FFFFFF; display: block; position: relative; overflow: hidden;}
.blogpost a.back-to-all-button > span {width: calc(100%); height: 60px; margin: 0 0 0 -8px; padding: 17px 20px; background-color: #55C153; display: block; transform: skew(-10deg); transition: all linear 125ms;}
.blogpost a.back-to-all-button:hover > span {background-color: #398439;}
.blogpost a.back-to-all-button:before {content: attr(data-title); line-height: 24px; font-size: 18px; padding: 18px 20px; font-family: 'Roboto',sans-serif !important; text-align: left; color: #FFFFFF; position: absolute; z-index: 1;}
.blogpost a.back-to-all-button:after {top: 17px; right: 32px; font-family: "Font Awesome 5 Pro"; font-size: 16px; font-weight: 900; content: "\f053"; position: absolute; z-index: 1;}

.blogpost, .blogpost p {line-height: 26px; font-size: 16px; color: #000000 !important;}
.blogpost .image-placeholder {padding-top: 56.25%;}
.blogpost .image-placeholder {width: 100%; padding-top: 56.25%; position: relative;}
.blogpost .image-placeholder .image {top: 0; right: 0; bottom: 0; left: 0; margin: auto; border-radius: 5px 5px 0 0; position: absolute; overflow: hidden;}
.blogpost .image-placeholder .image img {width: 100%; height: 100%; object-fit: cover;}
.blogpost .image-placeholder .placeholder {right: 0; bottom: 0; left: 0; padding: 32px 48px; position: absolute; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000000000', endColorstr='#b3000000',GradientType=0 ); z-index: 2; pointer-events: none;}
.blogpost .image-placeholder .placeholder h1 {line-height: 24px; font-size: 20px; font-weight: bold; color: #FFFFFF;}
.blogpost .image-placeholder .image img {object-position: center;}
.blogpost .image-placeholder .placeholder .inlay {width: 50%;}
.blogpost .image-placeholder .placeholder h1 {line-height: 40px; font-size: 32px;}
.blogpost .image-placeholder .placeholder p {line-height: 26px; font-size: 16px; color: #FFFFFF; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.blogpost .image-placeholder .arrow {top: 0; right: -14px; width: 84px; height: 48px; display: block; opacity: 0; position: absolute; z-index: 3; transform: skew(10deg); transition: all linear 125ms; pointer-events: none;}
.blogpost .image-placeholder .arrow:before {width: 84px; height: 48px; background-color: #55C153; content: ""; display: block; position: relative;}
.blogpost .image-placeholder .arrow:after {top: 0; right: 24px; width: 48px; height: 48px; line-height: 48px; font-family: "Font Awesome 5 Pro"; font-size: 18px; font-weight: 900; text-align: center; color: #FFFFFF; transform: skew(-10deg); position: absolute; content: "\f061";}
.blogpost .image-placeholder:after {top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); content: ""; display: block; position: absolute; z-index: 1; pointer-events: none; opacity: 0; transition: all linear 125ms;}
.blogpost .body {background-color: #F6F6F6; padding: 32px 48px; border-radius: 0 0 5px 5px;}
.blogpost .body .tags {padding-top: 32px;}
.blogpost .body .tags ul {margin: 0; padding: 0; display: flex;}
.blogpost .body .tags ul li {margin: 0 10px 0 0;}
.blogpost .body .tags ul li:last-of-type {margin-right: 0;}
.blogpost .body .tags ul li a {padding: 0 14px; display: block; background-color: #FFFFFF; border-radius: 14px; border: 1px solid #FFFFFF; text-decoration: none; color: #0797D8;}
.blogpost .body .tags ul li:hover a {background-color: transparent; border-color: #55C153; color: #55C153;}

.blogpost .post-footer {margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #DDDDDD;}

.blogpost ul.share-post {margin: 0; padding: 0;}
.blogpost ul.share-post:first-of-type:before {line-height: 32px; font-family: 'Roboto',sans-serif !important; font-size: 14px; content: "Deel dit bericht"; display: inline-block; color: #8C8C8C;}
.blogpost ul.share-post li {margin: 0 0 0 5px;}
.blogpost ul.share-post li a, .blogpost ul.share-post li a:hover {text-decoration: none;}
.blogpost ul.share-post li a {color: #0797D8;}
.blogpost ul.share-post li a:hover {color: #000000;}
.blogpost ul.share-post li a:before {width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 18px; background-color: #0797D8; border-radius: 3px; font-family: "Font Awesome 5 Brands"; color: #FFFFFF;}
.blogpost ul.share-post li a:hover:before {background-color: #231F20;}
.blogpost ul.share-post li.facebook {}
.blogpost ul.share-post li.facebook a {}
.blogpost ul.share-post li.facebook a:before {content: "\f39e";}
.blogpost ul.share-post li.linkedin a:before {content: "\f0e1";}

.blogpost .categories .related-products-grid h2 {color: #55C153; font-weight: bold;}

.blog-block {margin-bottom: 20px; background-color: #EBF7FC; border-radius: 5px;}
.blog-block .title {padding: 18px 24px 0 24px; background-color: transparent; cursor: pointer;}
.blog-block .title strong {line-height: 24px; padding-bottom: 18px; font-size: 20px; font-weight: normal; color: #000000; display: flex;}
.blog-block .title strong:after {margin-left: auto; font-family: "Font Awesome 5 Pro"; font-size: 16px; font-weight: 900; content: "\f078"; color: #0797D8; transition: all linear 250ms;}
.blog-block .title.is--active strong:after {transform: rotate(-180deg);}
.blog-block .listbox {padding: 18px 24px; border-top: 1px solid rgba(7,151,216,0.1);}
.blog-block.block-popular-blogtags .listbox {padding: 18px 14px;}
.blog-block .listbox ul {margin: 0; padding: 0;}
.blog-block .listbox ul li {margin: 0; padding: 0; list-style: none;}
.blog-block .listbox ul li a {text-decoration: none;}
.blog-block .listbox ul li a, .blog-block .listbox ul li a:hover {color: #000000;}
.blog-block .listbox ul li a:hover {text-decoration: underline;}
.blog-block .listbox ul li ul {margin: 0; padding: 0;}
.blog-block .listbox ul.tags {display: flex; flex-wrap: wrap;}
.blog-block .listbox ul li ul li {margin: 0; padding: 0; list-style: none;}
.blog-block .listbox ul.tags li {margin: 0 10px;}
.blog-block:not(.blog-search-box) .listbox {display: none;}
.blog-block.blog-search-box {}
.blog-block.blog-search-box .listbox form {display: flex;}
.blog-block.blog-search-box .shape {top: -1px; right: 47px; width: 9px; height: 49px; line-height: 48px; text-align: center; background-color: #0797D8; content: ""; display: block; position: absolute; clip-path: polygon(0 100%, 0 101%, 101% 100%, 100% 0%);transition: all linear 125ms;}
.blog-block.blog-search-box input[type=text], 
.blog-block.blog-search-box input[type=submit] {float: left; display: inline-block;}
.blog-block.blog-search-box input[type=text] {width: calc(100% - 48px); height: 48px; margin: 0; padding: 0; border: 1px solid #DDDDDD; border-right: 0; border-radius: 5px 0 0 5px; text-indent: 20px;}
.blog-block.blog-search-box input[type=submit] {margin: 0; padding: 0; border: 0; border-radius: 0 5px 5px 0;}
.blog-block.blog-search-box input[type=submit] {width: 48px; height: 48px; margin: 0; padding: 0; background-image: none; background-color: #0797D8; border-radius: 0 5px 5px 0; font-family: "emporium-icons"; font-size: 24px; font-weight: 400; text-transform: lowercase; color: #FFFFFF; display: inline-block; transition: all linear 125ms;}
.blog-block.blog-search-box input[type=submit]:hover {background-color: #231F20;}
.blog-block.blog-search-box input[type=submit]:hover + .shape {background-color: #231F20;}

.pager {}
.pager ul {margin: 0; padding: 0;}
.pager ul li {margin: 0 4px; padding: 0; background-color: transparent; border: 2px solid #F6F6F6; border-radius: 5px; list-style: none;}
.pager ul li span, 
.pager ul li a {margin: 0 !important; padding: 0 !important; background-color: transparent !important; border: 0 !important;}
.pager ul li a, .pager ul li a:hover {border-radius: 0 !important; text-decoration: none; display: block;}
.pager ul li:hover a {background-color: #F6F6F6 !important; border-color: #F6F6F6 !important; color: #737373;}
.pager ul li.current-page {background-color: #55C153 !important; border-color: #55C153 !important;}

.pager ul li.previous-page {width: 50px; height: 42px; border: 0 !important; position: relative; overflow: hidden; cursor: pointer;}
.pager ul li.previous-page:after {width: 42px; height: 42px; line-height: 42px; text-align: center; font-size: 12px; color: #FFFFFF; line-height: 42px; transition: all .3s ease; content: "k"; font-family: "emporium-icons"; box-sizing: border-box; position: relative; z-index: 2; float: right; pointer-events: none;}
.pager ul li.previous-page a {top: 0; right: -4px; width: 50px; height: 42px; background-color: #0797D8 !important; border-radius: 0 !important; transform: skew(-10deg); position: absolute;}
.pager ul li.previous-page:hover a {background-color: #231F20 !important;}
.pager ul li.previous-page a:before {display: none; visibility: hidden;}

.pager ul li.next-page {width: 50px; height: 42px; border: 0 !important; border-top-right-radius: 0; border-bottom-right-radius: 0; position: relative; overflow: hidden; cursor: pointer;}
.pager ul li.next-page:after {font-size: 12px; color: #FFFFFF; line-height: 42px; transition: all .3s ease; content: "j"; font-family: "emporium-icons"; box-sizing: border-box; position: relative; z-index: 2; pointer-events: none;}
.pager ul li.next-page a {top: 0; left: -4px; width: 50px; height: 42px; background-color: #0797D8 !important; border-radius: 0 !important; transform: skew(-10deg); position: absolute;}
.pager ul li.next-page:hover a {background-color: #231F20 !important;}
.pager ul li.next-page a:before {display: none; visibility: hidden;}

.product-details-page .related-products-grid, 
.product-details-page .also-purchased-products-grid {
    margin: 0;
}
.product-details-page .related-products-grid h2,
.product-details-page .also-purchased-products-grid h2 {
    margin: 0 0 20px 0;
}

@media (max-width: 1024px) {
    #instant-search-window {}
    #instant-search-window {max-height: calc(100% - 111px); position: absolute; z-index: 100000; top: 74px; right: 20px; left: 20px; display: none; border: 1px solid #DDDDDD; border-radius: 5px; background: #ffffff; -webkit-box-shadow: 0px 0px 60px 20px rgba(0,0,0,0.16); box-shadow: 0px 0px 60px 20px rgba(0,0,0,0.16); overflow-y: auto;}
}
@media (max-width: 992px) {
    .blogpost .image-placeholder, 
    .blogpost a.back-to-all-button,
    .filter-block.blog-search-box {
        margin-top: 20px;
    }
    .blog .post.second .image-placeholder {
        width: 100% !important;
        height: unset !important;
        padding-top: 56.25%;
    }
    .blog .post.first .image-placeholder .placeholder .inlay {
        width: 100%;
    }
}
@media (max-width: 820px) {
    main .breadcrumb {display: none; visibility: hidden;}
    .header-upper, .header-lower {/*display: none; visibility: hidden;*/ height: 0;}
    .homepage .image-banner {overflow: hidden;}
    .homepage .image-banner.vh-40 {height: auto;}
    .homepage .image-banner.gradient-from-left .inner-wrapper {background: -moz-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,0.6) 100%); background: -webkit-linear-gradient(left, rgba(246,246,246,1) 0%,rgba(246,246,246,0.6) 100%); background: linear-gradient(to right, rgba(246,246,246,1) 0%,rgba(246,246,246,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#99f6f6f6',GradientType=1 );}
    .homepage .image-banner.gradient-from-right .inner-wrapper {background: -moz-linear-gradient(left, rgba(246,246,246,0.6) 0%, rgba(246,246,246,1) 100%); background: -webkit-linear-gradient(left, rgba(246,246,246,0.6) 0%,rgba(246,246,246,1) 100%); background: linear-gradient(to right, rgba(246,246,246,0.6) 0%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99f6f6f6', endColorstr='#f6f6f6',GradientType=1 );}
    .homepage .image-banner .image {top: 0; right: 0; bottom: 0; left: 0; margin: 0; position: absolute; z-index: 1;}
    .homepage .image-banner .inner-wrapper {position: relative; z-index: 2; overflow: hidden;}
    .responsive-nav-wrapper .burger,
    .responsive-nav-wrapper .search-wrap,
    .responsive-nav-wrapper .search-wrap span,
    .responsive-nav-wrapper .shopping-cart-link,
    .responsive-nav-wrapper .shopping-cart-link a,
    .responsive-nav-wrapper .personal-button,
    .responsive-nav-wrapper .personal-button a {width: 40px; height: 40px; display: block;}
    .custom-search-page {text-align: left !important;}
    .custom-search-page .instant-search-blogs-topics {margin-top: 24px;}
}
@media (max-width: 576px) {
    #instant-search-window {top: 78px; right: 20px; left: 20px;}
    #instant-search-window .instant-search-categories .placeholder .search-item {flex: 0 0 calc(100% / 2);}
    #instant-search-window .instant-search-blogs-topics .placeholder .search-item {flex: 0 0 calc(100% / 2);}
    #instant-search-window .instant-search-products .placeholder .search-item {flex: 0 0 100%;}
    .custom-search-page .search-input form {margin-top: 20px;}
    .blog .post.first .image-placeholder, 
    .blog .post.second .image-placeholder {padding-top: unset !important;}
    /*.blog .post .image-placeholder .placeholder {position: relative !important;}*/
}
@media (min-width: 820.02px) {
    main .breadcrumb {height: 22px; margin: 0 0 20px 0 !important; }
}
@media (min-width: 820.02px) and (max-width: 1366px)
{
    .homepage .image-banner.gradient-from-left .inner-wrapper {background: -moz-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,0) 100%); background: -webkit-linear-gradient(left, rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); background: linear-gradient(to right, rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00f6f6f6',GradientType=1 );}
    .homepage .image-banner.gradient-from-right .inner-wrapper {background: -moz-linear-gradient(left, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%); background: -webkit-linear-gradient(left, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); background: linear-gradient(to right, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 );}
    .homepage .image-banner .image {top: 0; right: 0; bottom: 0; left: 0; margin: 0; position: absolute; z-index: 1;}
    .homepage .image-banner .image img {opacity: 0.5;}
    .homepage .image-banner .inner-wrapper {width: 100%; position: relative; z-index: 2; overflow: hidden;}
}
@media (min-width: 1024.02px) {
    #instant-search-window {position: absolute; z-index: 100000; top: 53px; right: 0px; left: 0px; display: none; border: 1px solid #DDDDDD; border-radius: 5px; background: #ffffff; -webkit-box-shadow: 0px 0px 60px 20px rgba(0,0,0,0.16); box-shadow: 0px 0px 60px 20px rgba(0,0,0,0.16); overflow-y: auto;}
}
@media (min-width: 1366px) {
    .homepage .image-banner.gradient-from-left .inner-wrapper {background: -moz-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,0) 50%); background: -webkit-linear-gradient(left, rgba(246,246,246,1) 0%,rgba(246,246,246,0) 50%); background: linear-gradient(to right, rgba(246,246,246,1) 0%,rgba(246,246,246,0) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#00f6f6f6',GradientType=1 );}
    .homepage .image-banner.gradient-from-right .inner-wrapper {background: -moz-linear-gradient(left, rgba(246,246,246,0) 50%, rgba(246,246,246,1) 100%); background: -webkit-linear-gradient(left, rgba(246,246,246,0) 50%,rgba(246,246,246,1) 100%); background: linear-gradient(to right, rgba(246,246,246,0) 50%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 );}
    .homepage .image-banner .inner-wrapper {width: 100%; margin: 0;}
    .homepage .image-banner.left .inner-wrapper {padding-right: 50%;}
    .homepage .image-banner.right .inner-wrapper {padding-left: 50%; float: right;}
}
@media (max-width: 1640px) {
    /*.blog .post .image-placeholder {height: 100%; padding-top: unset; position: relative;}*/
    .blog .post .image-placeholder .placeholder .inlay {width: 100%;}

}
@media (min-width: 1980px) {
    .homepage .image-banner.gradient-from-left .inner-wrapper, 
    .homepage .image-banner.gradient-from-right .inner-wrapper {background: unset;}
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-left: 9px;
    padding-right: 9px;
}
.row {
    margin-right: -9px;
    margin-left: -9px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 9px;
    padding-right: 9px;
}
footer .footer-3 .icons .rating {display: flex; align-items: center;}
.trustpilot-widget {width: unset !important;}

.cross-selling {}
.cross-selling .placeholder {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.cross-selling .placeholder .content {}
.cross-selling .placeholder .buttons {margin-left: auto; display: flex; flex-direction: row; flex-wrap: wrap; gap: 22px;}
.cross-selling .placeholder .buttons button {width: unset; height: unset; margin: 0; padding: 10px 20px !important; background-color: transparent; border: 0; border-radius: 0; position: relative;}
.cross-selling .placeholder .buttons button.button-1 {line-height: 28px; background: #61C259; border-radius: 4px 0 0 4px;}
.cross-selling .placeholder .buttons button.button-1::after {top: 0; left: 100%; width: 14px; height: 48px; background-image: url(/Themes/Emporium/Content/img/add_to_basket_shape.svg); background-size: 14px 48px; background-repeat: no-repeat; text-align: center; content: ""; display: block; position: absolute; transition: all linear 125ms; z-index: 2; pointer-events: none;}
.cross-selling .placeholder .buttons button.button-1:hover {background-color: #25b006;}
.cross-selling .placeholder .buttons button.button-1:hover::after {background-image: url(/Themes/Emporium/Content/img/add_to_basket_shape_hover.svg);}
.cross-selling .placeholder .buttons button.button-2 {line-height: 26px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 0 4px 4px 0; color: #8c8c8c;}
.cross-selling .placeholder .buttons button.button-2::before {top: -1px; right: 100%; width: 14px; height: 48px; background-image: url(/Themes/Emporium/Content/img/add_to_favourites_shape.svg); background-size: 14px 48px; background-repeat: no-repeat; text-align: center; content: ""; display: block; position: absolute; transition: all linear 125ms; z-index: 2; pointer-events: none;}
.cross-selling .placeholder .buttons button.button-2:hover {color: #000000;}
.cross-selling .cross-sell-product-wrapper {margin-top: 48px; padding: 48px 20px 24px 20px; background-color: #F6F6F6; position: relative;}
.cross-selling .cross-sell-product-wrapper h2 {top: -24px; left: 0; line-height: 28px; padding: 10px 20px; background-color: #0797D8; font-weight: bold; color: #FFFFFF; position: absolute;}
.cross-selling .cross-sell-product-wrapper h2::after {top: 0; right: -12px; width: 13px; height: 48px; clip-path: polygon(0px 48px, 0px 0px, 13px 0px, 1px 48px); background-color: #0797D8; display: block; content: ""; position: absolute;}
.cross-selling .cross-sell-product-wrapper .cross-sell-product-details {}
.cross-selling .cross-sell-product-wrapper .cross-sell-product-details .content {display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px;}
.cross-selling .cross-sell-product-wrapper .cross-sell-product-details .content .cross-sell-product-count {width: 32px; height: 32px; line-height: 30px; border: 2px solid #0797D8; border-radius: 3px; text-align: center; display: block;}
.cross-selling .cross-sell-product-wrapper .cross-sell-product-details .content h3 {padding: 0; display: block; font-weight: bold;}
.cross-selling .cross-sell-product-wrapper .cross-sell-product-details .content h3 span {font-size: 1.25rem; font-weight: normal; display: block;}
.cross-selling .cross-sell-product-wrapper .cross-sell-products {}
.cross-selling .cross-sell-product-wrapper .cross-sell-products .product-grid {}
.cross-selling .cross-sell-product-wrapper .cross-sell-products .product-grid .product {background-color: #FFFFFF; border: 1px solid #E7E7E7; border-radius: 8px; overflow: hidden;}
.cross-selling .cross-sell-product-wrapper .cross-sell-products .product-grid .product .details {padding: 24px 20px; border-top: 1px solid #E7E7E7;}
.cross-selling .cross-sell-product-wrapper .cross-sell-products .product-grid .product .ribbon-wrapper .product-ribbon { display: none; visibility: hidden; }

/**/

.page.checkout-page .outer-wrapper .checkout-header {background-color: #FFFFFF; border-bottom: 1px solid #DDDDDD; position: relative; z-index: 6;}
.page.checkout-page .outer-wrapper .checkout-header .inner-wrapper {justify-content: space-between; display: flex;}
.page.checkout-page .outer-wrapper .checkout-header .inner-wrapper .logo {margin: 48px 0 26px 0;}
.page.checkout-page .outer-wrapper .checkout-header .inner-wrapper .logo a {}
.page.checkout-page .outer-wrapper .checkout-header .inner-wrapper .logo a img {height: 48px;}
.page.checkout-page .outer-wrapper .checkout-header .inner-wrapper .buttons {margin: 56px 0 34px 0;}

.page.checkout-page .outer-wrapper .inner-wrapper .ropc {}
.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder {padding-top: 50px; position: relative;}
.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder .ropc-box {margin: 0; padding: 50px 20px 24px 20px; border: 1px solid #DDDDDD; position: relative;}
.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder .ropc-box.grey {background-color: #F6F6F6 !important;}
/*.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder .ropc-box p {line-height: 26px; padding-top: 26px; font-size: 14px;}*/
.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder .ropc-box p.title {top: -25px; left: 20px; margin: 0; padding: 11px 20px; background-color: #0797D8; border-radius: 3px 0 0 3px; font-size: 16px; font-weight: bold; color: #FFFFFF; position: absolute;}
.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder .ropc-box p.title:after {top: 0; right: -14px; width: 14px; height: 48px; background-color: #0797D8; clip-path: polygon(100% 0%, 0 100%, -4% 100%, -4% 0%); display: block; content: ""; position: absolute;}
.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder .ropc-box p.title + p {line-height: 26px; padding-top: 0; font-size: 14px;}
.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder .ropc-box ul, .page.checkout-page .outer-wrapper .ropc .ropc-box-placeholder .ropc-box ol {margin: 26px 0 0 0; padding: 0;}
.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder .ropc-box li {font-size: 14px;}
.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder .ropc-box .address, 
.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder .ropc-box .options {margin-top: 26px;}
.page.checkout-page .outer-wrapper .inner-wrapper .ropc .ropc-box-placeholder .ropc-box .form-group {margin-bottom: 26px;}

.ropc-box.grey .panel-loader-effect {background-color: rgba(246,246,246,.6) !important;}
.ropc-box.grey .order-summary-content {position: relative;}
.ropc-box.grey .order-summary-content table.new-cart {border-bottom: 0px !important; border-collapse: collapse;}
.ropc-box.grey .order-summary-content table.new-cart thead {border-bottom: 1px solid #DDDDDD;}
.ropc-box.grey .order-summary-content table.new-cart thead tr {}
.ropc-box.grey .order-summary-content table.new-cart thead tr th {}
.ropc-box.grey .order-summary-content table.new-cart tbody {}
.ropc-box.grey .order-summary-content table.new-cart tbody tr {border-bottom: 1px dotted #DDDDDD;}
.ropc-box.grey .order-summary-content table.new-cart tbody tr:nth-child(odd),
.ropc-box.grey .order-summary-content table.new-cart tbody tr:nth-child(even) {background-color: transparent;}
.ropc-box.grey .order-summary-content table.new-cart tbody tr td {border-top: 0px !important;}

.ropc-box.grey .total-info {position: relative;}
.ropc-box.grey .total-info table.cart-total {margin: 0;}

button {margin: 0; padding: 11px 20px; border: 0; font-size: 16px; font-weight: bold; color: #FFFFFF; position: relative;}
button.backward {margin-left: 14px; border-radius: 0 3px 3px 0;}
button.forward {margin-right: 14px; border-radius: 3px 0 0 3px;}
button.small {margin: 0; padding: 3px 10px; border: 0; font-size: 14px; font-weight: bold; color: #FFFFFF; position: relative;}
button.small.backward {margin-left: 9px;}
button.small.forward {margin-right: 9px;}
button.small.backward::before {left: -9px; width: 9px; height: 32px;}
button.small.forward::after {right: -9px; width: 9px; height: 32px;}
button.left {float: left;}
button.right {float: right;}
button.blue,
button.blue.backward::before, 
button.blue.forward::after {background-color: #0797D8;}
button.blue:hover,
button.blue.backward:hover::before, 
button.blue.forward:hover::after {background-color: #000000;}
button.black,
button.black.backward::before, 
button.black.forward::after {background-color: #000000;}
button.black:hover,
button.black.backward:hover::before, 
button.black.forward:hover::after {background-color: #0797D8;}
button.green,
button.green.backward::before, 
button.green.forward::after {background-color: #55C153;}
button.green:hover,
button.green.backward:hover::before, 
button.green.forward:hover::after {background-color: #000000;}
button.edit.backward::after,
button.edit.forward::before {content: "\f304";}
button.cart.backward::after,
button.cart.forward::before {content: "\f07a";}
button.save.backward::after,
button.save.forward::before {content: "\f0c7";}
button.check.backward::after,
button.check.forward::before {content: "\f00c";}
button.check.forward.processing-order {
    padding-left: 50px;
}
button.check.forward.processing-order::before { content: "\f3f4";
    animation-name: fa-spin;
    animation-duration: var(--fa-animation-duration, 2s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear);
    position: absolute;
    left: 20px;
}
button.update.backward::after,
button.update.forward::before {content: "\f2f1";}
button.backward::before {top: 0; left: -14px; width: 14px; height: 48px; clip-path: polygon(96% 0%, 104% 0%, 104% 100%, 98% 100%, 0% 100%); display: block; content: ""; position: absolute;}
button.backward::after {margin-left: 10px; font-family: "Font Awesome 5 Pro"; font-weight: 700;}
button.small.backward::after {margin-left: 10px;}
button.forward::before {margin-right: 10px; font-family: "Font Awesome 5 Pro"; font-weight: 700;}
button.small.forward::before {margin-right: 10px;}
button.forward::after {top: 0; right: -14px; width: 14px; height: 48px; clip-path: polygon(100% 0%, 0 100%, -4% 100%, -4% 0%); display: block; content: ""; position: absolute;}

.buttons {margin-top: 26px; text-align: unset; display: flex; flex-direction: row; align-items: center;}
.buttons button:not(:only-of-type):last-of-type {margin-left: auto;}
/*.buttons button.right {margin-left: auto;}*/
.buttons button.green:only-of-type {margin-left: auto;}
.buttons button:not(:last-of-type) {margin-right: 10px;}
.buttons button {margin-bottom: 0;}
.page.checkout-page select {width: 100%; line-height: 26px; height: unset; margin: 20px 0 0 0 !important; padding: 10px 19px; border: 1px solid #DDDDDD; border-radius: 3px; font-size: 14px; font-weight: normal;}

.form-group {margin-bottom: 26px; position: relative;}
.form-group.with-movement input + label {transition: all .15s ease-in-out,opacity .15s ease-in-out; text-transform: none;}
.form-group.with-movement input:placeholder-shown + label, .form-group.with-movement textarea:placeholder-shown + label {top: 11px; left: 20px; width: unset; line-height: 26px; font-size: 14px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; position: absolute; transform-origin: left bottom; overflow: hidden; cursor: text;}
.form-group.with-movement input::-webkit-input-placeholder, 
.form-group.with-movement textarea::-webkit-input-placeholder {opacity: 0; transition: inherit;}
.form-group.with-movement input::-moz-placeholder, 
.form-group.with-movement textarea::-moz-placeholder {opacity: 0; transition: inherit;}
.form-group.with-movement input:focus::-webkit-input-placeholder, 
.form-group.with-movement textarea:focus::-webkit-input-placeholder {opacity: 0;}
.form-group.with-movement input:focus::-moz-placeholder, 
.form-group.with-movement textarea:focus::-moz-placeholder {opacity: 0;}
.form-group.with-movement input:not(:placeholder-shown) + label,
.form-group.with-movement textarea:not(:placeholder-shown) + label,
.form-group.with-movement textarea:focus + label,
.form-group.with-movement input:focus + label {top: -10px; left: 10px; width: unset; line-height: 20px; margin: 0; padding: 0 10px; background-color: #DDDDDD; border-radius: 2px; font-size: 10px; font-weight: normal; position: absolute;}
.form-group input[type=email], 
.form-group input[type=password], 
.form-group input[type=tel], 
.form-group input[type=text] {width: 100%; height: unset; line-height: 26px !important; margin: 0; padding: 10px 68px 10px 20px; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 3px; font-size: 14px; font-weight: normal; color: #000000; outline: none; display: block;}
.form-group .placeholder {position: relative;}
.form-group .placeholder label {top: -10px; left: 10px; width: unset; line-height: 20px; margin: 0; padding: 0 10px; background-color: #DDDDDD; border-radius: 2px; font-size: 10px; font-weight: normal; position: absolute;}
.form-group .placeholder select.required {width: calc(100% - 48px); border-right: 0; border-radius: 4px 0 0 4px;}
.form-group .gender > label, 
.form-group .date-picker > label, 
.form-group:not(.with-movement) > label {line-height: 20px !important; margin: 0 !important; font-size: 10px !important; text-transform: none !important; color: #000000;}
.form-group .date-picker select {width: calc(33.33% - 10px); height: 66px; line-height: 66px; margin: 0 10px 0 0; padding: 0 0 0 16px; background-color: #FFFFFF; border: 1px solid #CDC5D0; border-radius: 4px; outline: none; float: left;}
.form-group .date-picker select:last-of-type {width: 33.33% !important; margin: 0;}
.form-group .checkbox {font-size: 14px; float: left;}
.form-group .checkbox > label {font-size: 14px; text-transform: none !important;}
.form-group .checkbox input[type=checkbox] {}
.form-group span.required {top: 0; right: 0; width: 48px; height: 48px; line-height: 48px; margin: 0; background-color: #0797D8; border-radius: 0 3px 3px 0; text-align: center; font-family: 'FontAwesome 5 Pro'; font-size: 24px; content: "\2a"; color: #FFFFFF; position: absolute;}
.form-group a {font-size: 14px; text-decoration: none; float: right;}
.form-group a:hover {text-decoration: underline;}
.form-group span.field-validation-error {margin: 12px 0 0 0; padding: 0; background-color: transparent; font-size: 14px; font-style: italic; font-weight: normal; color: #3F1B48; display: block; float: none;}
.form-group .help-block {margin-top: 12px; font-size: 14px; font-style: italic; display: block;}
.form-group .placeholder select.required {width: calc(100% - 50px); font-weight: normal;}


/*.customer-boxes {padding-top: 50px;}*/

.customer-box {margin: 50px 0 0 0; padding: 50px 20px 24px 20px; border: 1px solid #DDDDDD; position: relative;}
.customer-box.grey {background-color: #F6F6F6 !important;}
.customer-box hr {margin: 26px 0 0 0; padding: 0; border: 0; background-color: transparent; opacity: 1; border-top: 1px solid #DDDDDD;}
.customer-box p {line-height: 26px; padding-top: 26px; font-size: 14px;}
.customer-box p.title {top: -25px; left: 20px; margin: 0; padding: 11px 20px; background-color: #0797D8; border-radius: 3px 0 0 3px; font-size: 16px; font-weight: bold; color: #FFFFFF; position: absolute;}
.customer-box p.title:after {top: 0; right: -14px; width: 14px; height: 48px; background-color: #0797D8; clip-path: polygon(100% 0%, 0 100%, -4% 100%, -4% 0%); display: block; content: ""; position: absolute;}
.customer-box p.title + p {padding-top: 0;}
.customer-box p.sub-title {font-size: 16px; font-weight: bold;}
.customer-box ul, .page.checkout-page .outer-wrapper .ropc .ropc-box-placeholder .ropc-box ol {margin: 26px 0 0 0; padding: 0;}
.customer-box li {font-size: 14px;}
.customer-box .address, 
.customer-box .options {margin-top: 26px;}
.customer-box .form-group {margin-bottom: 26px;}

.customer-box .buttons button.green:only-of-type {margin-left: auto;}


@media (max-width: 576px) {
    .cross-selling .placeholder {align-items: start; flex-direction: column;}
    .cross-selling .placeholder .buttons {width: 100%; margin: 20px 0 0 0; flex-direction: column; gap: 10px;}
    .cross-selling .placeholder .buttons button {width: 100%; border-radius: 4px !important;}
    .cross-selling .placeholder .buttons button::before, .cross-selling .placeholder .buttons button::after {display: none; visibility: hidden;}
    .cross-selling .cross-sell-product-wrapper h2 {width: calc(100% - 40px);}
    .cross-selling .cross-sell-product-wrapper h2 span {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
}

@media (max-width: 992px) {
    table.shoppingcart, 
    table.shoppingcart tbody, 
    table.shoppingcart tbody tr, 
    table.shoppingcart tbody tr td {width: 100%; margin: 0; padding: 0; display: block;}
    table.shoppingcart {margin-top: 24px !important;}
    table.shoppingcart thead {display: none; visibility: hidden;}
    table.shoppingcart tbody tr {border: 1px solid #DDDDDD; border-bottom: 0 !important;}
    table.shoppingcart tbody tr {position: relative;}
    table.shoppingcart tbody tr td:nth-child(1) {width: 25% !important; margin: 0; padding: 20px 0 12px 20px !important; display: inline-block !important;}
    table.shoppingcart tbody tr td:nth-child(2) {width: 75% !important; margin: 0; padding: 20px 20px 12px 20px !important; display: inline-block !important;}
    table.shoppingcart tbody tr td.qty {width: 100% !important; padding: 12px 20px;}
    table.shoppingcart tbody tr td.qty .number {display: flex;}
    table.shoppingcart tbody tr td.qty .number .minus, 
    table.shoppingcart tbody tr td.qty .number input, 
    table.shoppingcart tbody tr td.qty .number .plus {float: none;}
    table.shoppingcart tbody tr td.qty input {width: calc(100% - 64px) !important;}
    table.shoppingcart tbody tr td.unit-price {width: 100%; padding: 12px 20px 0 20px; line-height: 24px;}
    table.shoppingcart tbody tr td.unit-price span:before {font-family: 'Roboto',sans-serif !important; content: "Per stuk: ";}
    table.shoppingcart tbody tr td.subtotal {width: 100%; padding: 0px 20px 12px 20px; font-weight: bold; line-height: 24px;}
    table.shoppingcart tbody tr td.subtotal span:before {font-family: 'Roboto',sans-serif !important; content: "Totaal: ";}
    table.shoppingcart tbody tr td.subtotal .discount {font-weight: normal;}
    table.shoppingcart tbody tr td.remove-from-cart {width: 100%; padding: 12px 20px; margin-bottom: 24px; border-bottom: 1px solid #DDDDDD;}
    table.shoppingcart tbody tr td.remove-from-cart .remove-btn:after {font-family: 'exo_2bold', arial; content: "Verwijder";}
    table.shoppingcart tbody tr td.remove-from-cart .remove-btn {width: auto; height: 40px; line-height: 40px; padding: 0 20px; border: 0; font-family: 'exo_2bold', arial; font-size: 14px; text-align: center; color: #3C1B48; cursor: pointer; transition: all linear 125ms;}
    table.cart-total tbody tr.order-subtotal {border-top: 0;}
    table.cart-total tbody tr td:nth-child(3) {display: none; visibility: hidden;}
    .buttons {flex-direction: column;}
    .buttons button {width: calc(100% - 9px);}
    .buttons button.backward {margin-left: 14px; margin-right: 0;}
    .buttons button.forward {margin-right: 14px; margin-left: 0;}
    .buttons button.backward.small {margin-left: 9px; margin-right: 0; margin-top: 20px;}
    .buttons button.forward.small {margin-right: 9px; margin-left: 0;}
    .buttons button:not(:last-of-type) {margin-bottom: 10px;}
}
footer .footer-3 .icons .rating {
	display: flex; 
	align-items: center;
}
.trustpilot-widget {
	width: unset !important;
}

.miniProductDetailsView {padding-bottom: 20px;}
.miniProductDetailsView .product-name {margin: 0; padding: 0 20px;}
.miniProductDetailsView .product-essential {min-height: unset; padding: 20px 20px 0 20px;}
.miniProductDetailsView .ajaxCart .product-collateral {padding: 0 20px 0px 20px !important;}
.miniProductDetailsView .product-details-page .overview {padding: 0px !important;}
.miniProductDetailsView .product-details-page .gallery .picture {float: none;}
.miniProductDetailsView .product-details-page .prices {float: none;}
.miniProductDetailsView .product-details-page .prices .product-price {margin: 0;}
.miniProductDetailsView .short-description {margin: 0 0 25px 0;}
.miniProductDetailsView .short-description ul {margin: 0; padding: 0;}
.miniProductDetailsView .short-description ul li {font-weight: 300;}
.miniProductDetailsView .short-description ul li span {font-weight: bold;}
.miniProductDetailsView .product-details-page p {margin: 0; padding: 0;}
.miniProductDetailsView .overview .add-to-cart-qty-wrapper + .add-to-cart-button {border-radius: 3px !important;}


/* Existing CSS */
.product-grid .product .details .add-info .prices .pickup {
    font-size: 12px;
    color: #000000;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .product-grid .product .details .add-info .prices .pickup:before {
        width: 20px;
        margin-right: 5px;
        font-family: "Font Awesome 5 Pro";
        font-size: 14px;
        text-align: center;
        font-weight: 300;
        content: "\f495";
        color: #000000;
        display: inline-block;
    }

.product-grid .product .details .add-info .buttons {
    margin-top: 12px;
    text-align: left;
    display: flex; /* Keep buttons side-by-side by default */
    gap: 10px; /* Add space between buttons */

}

/* Mobile styling */
@media (max-width: 960px) {
    .product-grid .product .details .add-info .buttons {
        flex-direction: row;
        align-items: stretch; 
    }

 
}

.add-to-cart-button {
    font-family: 'Roboto', sans-serif; /* For the text */
    font-size: 14px;
    padding: 10px 15px;
    color: #ffffff;
    background-color: #61c259;
    border: none;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px; /* Space between icon and text */
    transition: background-color 0.3s ease;
    position: relative;
}

    .add-to-cart-button::before {
        content: "d"; /* Icon character */
        font-family: 'emporium-icons'; /* Icon font */
        font-size: 16px; /* Size of the icon */
        margin-right: 8px; /* Space between the icon and text */
        color: #ffffff; /* Icon color */
    }

    .add-to-cart-button::after {
        right: -14px;
    }

    .add-to-cart-button:hover {
        background-color: #25b006;
    }


.new-card {
    background-color: #F6F6F6;
}

    .new-card tr {
        background-color: #F6F6F6;
    }

    .new-card th,
    .new-card td {
        background-color: #F6F6F6; 
    }


.ropc .payment-info {
    max-width: 0 !important;
    margin: 30px auto 0;
    text-align: left
}

p.button.black a span {background-color:#000000;color:#FFFFFF;}
p.button.black a span:hover {background-color:#4d4d4d;}
p.button.black:not(.alternative) a span:after {top: 0; right: -11px; width: 17px; height: 59px; background-image: url(/Themes/Emporium/Content/img/button_black_shape.svg); background-size: 16px 54px; background-repeat: no-repeat; content: ""; display: block; position: absolute; pointer-events: none; vertical-align: top;}
p.button.black:not(.alternative) a span:hover:after {background-image: url(/Themes/Emporium/Content/img/button_black_shape_hover.svg);}
p.button.black.alternative a span {background-color:transparent;border:2px solid #000000;color:#000000;}
p.button.black.alternative a span:hover {background-color:#000000;color:#FFFFFF;}

p.button.orange a span {background-color:#FF6600;color:#FFFFFF;}
p.button.orange a span:hover {background-color:#E55C00;}
p.button.orange:not(.alternative) a span:after {top: 0; right: -11px; width: 17px; height: 59px; background-image: url(/Themes/Emporium/Content/img/button_orange_shape.svg); background-size: 16px 54px; background-repeat: no-repeat; content: ""; display: block; position: absolute; pointer-events: none; vertical-align: top;}
p.button.orange:not(.alternative) a span:hover:after {background-image: url(/Themes/Emporium/Content/img/button_orange_shape_hover.svg);}
p.button.orange.alternative a span {background-color:transparent;border:2px solid #FF6600;color:#FF6600;}
p.button.orange.alternative a span:hover {background-color:#FF6600;color:#FFFFFF;}

p.button.blue a span {background-color:#0797d8;color:#FFFFFF;}
p.button.blue a span:hover {background-color:#0688c2;}
p.button.blue:not(.alternative) a span:after {top: 0; right: -11px; width: 17px; height: 59px; background-image: url(/Themes/Emporium/Content/img/button_blue_shape.svg); background-size: 16px 54px; background-repeat: no-repeat; content: ""; display: block; position: absolute; pointer-events: none; vertical-align: top;}
p.button.blue:not(.alternative) a span:hover:after {background-image: url(/Themes/Emporium/Content/img/button_blue_shape_hover.svg);}
p.button.blue.alternative a span {background-color:transparent;border:2px solid #0797d8;color:#0797d8;}
p.button.blue.alternative a span:hover {background-color:#0797d8;color:#FFFFFF;}

p.button.inline {margin-right:20px;display: inline-block;}
p.button.center {margin: 0 auto;display:table;}
p.button.right {float: right;}

@media(max-width: 1199px) {
    .product-grid .col-lg-3 {flex: 0 0 auto; width: 33%;}
}

@media(max-width: 767px) {
    .product-grid .col-lg-3 {flex: 0 0 auto; width: 50%;}
}

@media(max-width: 575px) {
    .product-grid .col-lg-3 {flex: 0 0 auto; width: 100%;}
}