/*

- #cb2e1e = Knop kleur / Primary kleur
- #000000 = Knop kleur HOVER / Primary kleur HOVER
- #46973a = Productpagina bestelknop en product HOVER

- #cccccc = Lijn/border kleur en secondary knop HOVER
- #000000 = Tekstkleur

- 219963 = Pagina nummer, vervangen met contactpagina nummer

*/

#adminbar {
    display: block !important;
}

.widget .widget-editor-relative {
    position: absolute !important;
}


/* Large and up (Computer till nothing) */
@media screen and (min-width: 64.063em) {
    header #placeholder-header-top-wrapper {
        padding: 5px 0;
    }

    .categories > ul > li > ul > li {
        flex: 0 14.285%;
        max-width: 14.285%;
    }

    footer .footer-menu,
    #container .widget-product-lijst.product-slider div.items > .overlay-wrapper,
    .widget-categorie-lijst div.items > .overlay-wrapper {
        -ms-flex: 0 0 25%;
        flex: 0 25%;
        max-width: 25%;
    }

    .usp > ul > li {
        -ms-flex: 1 1 33.3333%;
        flex: 1 33.3333%;
    }

    #container .widget-product-lijst div.items > .overlay-wrapper {
        -ms-flex: 0 0 33.3333%;
        flex: 0 33.3333%;
        max-width: 33.3333%;
    }

    .widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails {
        -webkit-transform: translateX(101%);
        transform: translateX(101%);
    }

    .collection > ul > li > ul {
        left: 70px;
        width: calc(100% - 140px);
        padding: 40px 30px;
    }

    .themes > ul > li > ul > li {
        flex: 0 25%;
    }

    footer #placeholder-footer-bottom .loyalty-footer > ul li {
        text-align: right;
    }

    #container.productSet .widget-productset-detail.main-detail-image {
        width: 50%;
        margin-right: 120px;
    }
    
.widget-productset-detail .product-image .product-images li:nth-child(-n+6) {
    display: block;
}

.widget-productset-detail .product-image .product-images li:nth-child(6) a:after {
    content: "\2b";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 36px;
    color: #ffffff;
    background: rgb(0 0 0 / 30%);
    z-index: 9;
    transition: all .3s ease;
}

#container main .widget.widget-winkelwagen {
    width: 43%;
    margin-right: 120px;
    }

    #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > a {
        -ms-flex: 0 0 30%;
        flex: 0 30%;
        max-width: 30%;
    }
    
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .left {
    -ms-flex: 0 0 35%;
    flex: 0 35%;
    max-width: 35%;
    flex-shrink: 0;
    margin-right: 10px;
}

    html .popup .popup-wrapper {
        width: 50vw;
    }

    .widget-contactformulier form > .row {
        -ms-flex: 0 0 50%;
        flex: 0 50%;
        max-width: 50%;
    }

    .contact-bar > ul > li {
        flex: 0 auto;
    }

    .m-lg-0 {
        margin: 0 !important;
    }

    .m-lg-1 {
        margin: .5rem !important;
    }

    .m-lg-2 {
        margin: 1rem !important;
    }

    .m-lg-3 {
        margin: 1.5rem !important;
    }

    .m-lg-4 {
        margin: 2rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-lg-1 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .mx-lg-2 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-lg-3 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-lg-4 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-lg-1 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .my-lg-2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-3 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-lg-0 {
        margin-top: 0 !important;
    }

    .mt-lg-1 {
        margin-top: .5rem !important;
    }

    .mt-lg-2 {
        margin-top: 1rem !important;
    }

    .mt-lg-3 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-4 {
        margin-top: 2rem !important;
    }

    .mt-lg-5 {
        margin-top: 3rem !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .me-lg-0 {
        margin-right: 0 !important;
    }

    .me-lg-1 {
        margin-right: .5rem !important;
    }

    .me-lg-2 {
        margin-right: 1rem !important;
    }

    .me-lg-3 {
        margin-right: 1.5rem !important;
    }

    .me-lg-4 {
        margin-right: 2rem !important;
    }

    .me-lg-5 {
        margin-right: 3rem !important;
    }

    .me-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-0 {
        margin-bottom: 0 !important;
    }

    .mb-lg-1 {
        margin-bottom: .5rem !important;
    }

    .mb-lg-2 {
        margin-bottom: 1rem !important;
    }

    .mb-lg-3,
    #container[class*="category-"] .widget-categorie-detail .resource-image {
        margin-bottom: 1.5rem !important;
    }

    .mb-lg-4,
    .themes > ul > li:last-child > span,
    .category-list > ul > li:last-child > span,
    .productfilter.category-filter div[class*="-item"],
    .productfilter div[class*="-item"]:not(:last-of-type),
    div[class*="accordion-item"]:not(:last-of-type),
    #container main .productfilter .reset-filter {
        margin-bottom: 2rem !important;
    }

    .mb-lg-5,
    .categories > ul > li:last-child > span {
        margin-bottom: 3rem !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-0 {
        margin-left: 0 !important;
    }

    .ms-lg-1 {
        margin-left: .5rem !important;
    }

    .ms-lg-2 {
        margin-left: 1rem !important;
    }

    .ms-lg-3 {
        margin-left: 1.5rem !important;
    }

    .ms-lg-4 {
        margin-left: 2rem !important;
    }

    .ms-lg-5 {
        margin-left: 3rem !important;
    }

    .ms-lg-auto {
        margin-left: auto !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .p-lg-1 {
        padding: .5rem !important;
    }

    .p-lg-2 {
        padding: 1rem !important;
    }

    .p-lg-3 {
        padding: 1.5rem !important;
    }

    .p-lg-4 {
        padding: 2rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-lg-1 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }

    .px-lg-2 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-lg-3 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-lg-4 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-lg-1 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .py-lg-2 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-3 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-4 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pt-lg-1 {
        padding-top: .5rem !important;
    }

    .pt-lg-2 {
        padding-top: 1rem !important;
    }

    .pt-lg-3 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-4 {
        padding-top: 2rem !important;
    }

    .pt-lg-5 {
        padding-top: 3rem !important;
    }

    .pe-lg-0 {
        padding-right: 0 !important;
    }

    .pe-lg-1 {
        padding-right: .5rem !important;
    }

    .pe-lg-2 {
        padding-right: 1rem !important;
    }

    .pe-lg-3 {
        padding-right: 1.5rem !important;
    }

    .pe-lg-4 {
        padding-right: 2rem !important;
    }

    .pe-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pb-lg-1 {
        padding-bottom: .5rem !important;
    }

    .pb-lg-2 {
        padding-bottom: 1rem !important;
    }

    .pb-lg-3 {
        padding-bottom: 1.5rem !important;
    }

    .pb-lg-4 {
        padding-bottom: 2rem !important;
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }

    .ps-lg-0 {
        padding-left: 0 !important;
    }

    .ps-lg-1 {
        padding-left: .5rem !important;
    }

    .ps-lg-2 {
        padding-left: 1rem !important;
    }

    .ps-lg-3 {
        padding-left: 1.5rem !important;
    }

    .ps-lg-4 {
        padding-left: 2rem !important;
    }

    .ps-lg-5 {
        padding-left: 3rem !important;
    }

    .widget-categorie-lijst div.items > .overlay-wrapper:nth-child(n+5),
    #container .widget-product-lijst:not(.product-slider) div.items > .overlay-wrapper:nth-child(n+4),
    .categories > ul > li > ul > li:nth-child(n+8) {
        margin-top: 40px;
    }

    .categories > ul > li > ul,
    .themes > ul > li > ul,
    .category-list > ul > li > ul #container .widget-product-lijst div.items,
    #container .widget-categorie-lijst:not(.productfilter) div.items {
        flex-wrap: wrap;
    }

    .categories > ul > li > ul,
    .themes > ul > li > ul,
    .category-list > ul > li > ul {
        justify-content: center;
    }

    .collection > ul > li {
        flex: 1 50%;
    }

    #container .widget-voeg-toe-aan-winkelwagen-widget {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location .print-location-image {
        flex: 0 60%;
        max-width: 60%;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location .attachment {
        padding: 20px;
        flex: 1;
    }

    html div[class*="accordion-item"] div[class*="-body"],
    html div[class*="accordion-item"].is-collapsed:only-child div[class*="-body"] {
        width: 75%;
    }

}

/* Small and medium (Nothing till tablet) */
@media screen and (max-width: 64em) {

    html .hero-banner {
        background-size: cover;
    }

    #page-layout-editor,
    .widget-editor-controlls {
        display: none !important;
    }

    #container {
        padding-top: 50px !important;
    }

    html .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        transition: all .3s ease;
    }

    html .mobile-menu .nav-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        background: #222529;
        position: fixed;
        width: 100%;
        left: 0;
        transition: left .3s ease;
        -webkit-transition: left .3s ease;
        -moz-transition: left .3s ease;
    }

    html .mobile-menu a,
    html .mobile-menu i,
    html .mobile-menu p,
    html .mobile-menu span,
    html .mobile-menu li {
        color: #ffffff;
    }

    html .mobile-menu .nav-bar .menu-toggle {
        display: flex;
        height: 100%;
        position: relative;
        width: 55px;
        min-width: 55px;
    }

    html .mobile-menu .nav-bar .menu-toggle > a {
        position: absolute;
        width: 55px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 25px;
    }

    html .mobile-menu .nav-bar .menu-toggle > a img {
        position: absolute;
        transition: all .2s ease-out;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
    }

    html .mobile-menu .nav-bar .menu-toggle > a .open {
        opacity: 1;
        visibility: visible;
    }

    html .mobile-menu .nav-bar .menu-toggle > a .close {
        opacity: 0;
        visibility: hidden;
        left: 12px;
    }

    html .mobile-menu.opened .nav-bar .menu-toggle > a .open {
        opacity: 0;
        visibility: hidden;
    }

    html .mobile-menu.opened .nav-bar .menu-toggle > a .close {
        opacity: 1;
        visibility: visible;
    }

    html .mobile-menu .nav-bar .logo {
        padding: 5px 0;
    }

    html .mobile-menu .nav-bar .logo img {
        max-height: 40px;
    }

    html .mobile-menu .nav-bar .small-menu {
        display: flex;
        height: 100%;
        position: relative;
    }

    html .mobile-menu .nav-bar .small-menu > a {
        position: relative;
        width: 55px;
        height: 100%;
        display: inherit;
        align-items: center;
        justify-content: center;
        font-size: 19px;
    }

    html .mobile-menu .nav-bar .small-menu > a:not(:last-child):after {
        content: "";
        border-left: 1px solid rgb(255 255 255 / 0.6);
        display: block;
        height: 50%;
        position: absolute;
        right: 0;
    }

    html .mobile-menu .nav-bar .small-menu > a i {
        color: #ffffff;
    }

    html .mobile-menu aside.nav-bar-menu a,
    html .mobile-menu aside.nav-bar-menu i,
    html .mobile-menu aside.nav-bar-menu p,
    html .mobile-menu aside.nav-bar-menu span,
    html .mobile-menu aside.nav-bar-menu li {
        color: #222529;
    }

    html .mobile-menu aside.nav-bar-menu {
        position: fixed;
        width: 100%;
        height: 100%;
        left: -100%;
        right: 0;
        bottom: 0;
        top: 50px;
        z-index: 9999;
        transition: .3s ease;
        transform: translateZ(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        -webkit-transform: translateZ(0);
        -webkit-font-smoothing: antialiased;
        /* seems to do the same in Safari */
    }

    html .mobile-menu aside.nav-bar-menu ul {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #ffffff;
        z-index: 999;
        position: absolute;
        list-style-type: none;
        margin: 0;
        overflow: hidden;
        transition: left .3s ease;
    }

    html .mobile-menu.opened aside.nav-bar-menu > ul {
        left: 100% !important;
    }

    html .mobile-menu aside.nav-bar-menu ul ul {
        left: 100%;
    }

    html .mobile-menu aside.nav-bar-menu ul.visible {
        overflow-y: auto;
        left: 0;
    }

    html .mobile-menu aside.nav-bar-menu ul.vsibile.hide-left {
        overflow: visible !important;
    }

    html .mobile-menu aside.nav-bar-menu ul > li {
        border-bottom: 1px solid #e3e3e3;
        display: block;
        background: #f9f9f9;
    }

    html .mobile-menu aside.nav-bar-menu ul > li:last-child {
        border: none !important;
    }

    html .mobile-menu aside.nav-bar-menu ul > li > a,
    html .mobile-menu aside.nav-bar-menu ul > li > span,
    html .mobile-menu aside.nav-bar-menu ul li.back {
        font-size: 16px;
        padding: 12px 35px 12px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        background-color: #f9f9f9;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        position: relative;
        z-index: 2;
        outline: none;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden;
    }

    html .mobile-menu aside.nav-bar-menu > ul > li > a,
    html .mobile-menu aside.nav-bar-menu > ul > li > span {
        width: 100%;
    }

    html .mobile-menu aside.nav-bar-menu > ul > li > a[href="#special-request"],
    html .mobile-menu aside.nav-bar-menu > ul > li > span[href="#special-request"] {
        color: #cb2e1e;
        font-weight: 600;
    }

    html .mobile-menu aside.nav-bar-menu > ul li.children > a:after,
    html .mobile-menu aside.nav-bar-menu > ul li.children > span:after {
        content: "\f054";
        font-family: "Font Awesome 6 Pro";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
        z-index: 2;
        font-size: 10px;
        line-height: 1em;
        transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
    }

    html .mobile-menu aside.nav-bar-menu ul li.back {
        background: #e3e3e3;
        width: 100%;
    }

    /* Dutch */
    body[lang="nl"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Terug";
    }

    /* English */
    body[lang="en"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Back";
    }

    /* French */
    body[lang="fr"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Retour";
    }

    /* German */
    body[lang="de"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Zurück";
    }

    /* Danish */
    body[lang="da"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Tilbage";
    }

    /* Spanish  */
    body[lang="es"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Volver";
    }

    /* Finnish */
    body[lang="fi"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Takaisin";
    }

    /* Swedish */
    body[lang="sv"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Tillbaka till";
    }

    /* Romanian */
    body[lang="ro"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Înapoi";
    }

    /* Italian */
    body[lang="it"] .mobile-menu aside.nav-bar-menu ul li.back:after {
        content: " Indietro";
    }

    html .mobile-menu aside.nav-bar-menu > ul > li > ul > li:first-child + li.children {
        margin-top: 0;
    }

    html .mobile-menu aside.nav-bar-menu ul li.back i {
        font-size: 12px;
        margin-right: 0.5rem;
        position: relative;
        top: 1px;
    }

    html .mobile-menu aside.nav-bar-menu > ul > li.mobile-seperate {
        margin-top: 2rem;
        border-top: 1px solid #e4e4e4;
    }

    header .searchbar {
        order: 1;
    }

    header .widget-8 {
        order: 2;
    }

    header .widget-8.cart {
        margin-right: 40px;
    }

    #container header .widget-8 .shoppingCart .cart-icon + span {
        display: none;
    }

    #container header .widget-8 .shoppingCart .shopping-cart-detail {
        display: none !important;
    }

    html header #placeholder-header-wrapper .widget-602.cart {
        margin-right: 15px;
    }

    #container.home header > * > * > #placeholder-header,
    header > * > * > #placeholder-header > .widget-duplicaat {
        flex-wrap: nowrap;
    }

    html .contact-bar > ul {
        row-gap: 20px;
        text-align: center;
        justify-content: center;
    }

    .contact-bar > ul > li a .custom-icon + .menu-item-text {
        display: none;
    }

    footer .copyright {
        text-align: center;
    }

    #container .widget-product-lijst.product-slider div.items {
        margin: 0 !important;
    }

    #container .row > .large-3.medium-4,
    #container .row > .large-9.medium-8 {
        width: 100%;
    }

    #container .row > .large-3.medium-4 {
        display: none;
    }

    #container main #placeholder-sidebar {
        width: 100%;
    }

    .widget-filter.productfilter form {
        background: #f5f5f5;
        padding: 15px !important;
        border-radius: 0px;
    }

    .productfilter .filter-item.is-collapsed div[class*="-body"] {
        display: block !important;
        opacity: 1;
        visibility: visible;
        max-height: 100%;
        margin-top: 20px;
    }

    html .widget-product-lijst .filter {
        flex-flow: column;
    }

    html #container .filter select {
        margin-top: 10px;
    }

    html .pager ul.yiiPager > li {
        flex: 1;
    }

    #container.productSet .usp-bar,
    #container.staticPage .bx-wrapper .bx-controls,
    .productfilter .filter-item .filter-head .icon {
        display: none;
    }

    .categories > ul > li > ul,
    #container:not([class*="no_children_category"]) .widget-product-lijst div.items,
    #container:not([class*="no_children_category"]) .widget-categorie-lijst:not(.productfilter) div.items,
    .themes > ul > li > ul {
        overflow-x: auto;
        padding-bottom: 20px;
    }

    .categories > ul > li > ul::-webkit-scrollbar,
    #container:not([class*="no_children_category"]) .widget-product-lijst div.items::-webkit-scrollbar,
    #container:not([class*="no_children_category"]) .widget-categorie-lijst:not(.productfilter) div.items::-webkit-scrollbar,
    .themes > ul > li > ul::-webkit-scrollbar {
        height: 4px;
    }

    .categories > ul > li > ul::-webkit-scrollbar-thumb,
    #container:not([class*="no_children_category"]) .widget-product-lijst div.items::-webkit-scrollbar-thumb,
    #container:not([class*="no_children_category"]) .widget-categorie-lijst:not(.productfilter) div.items::-webkit-scrollbar-thumb,
    .themes > ul > li > ul::-webkit-scrollbar-thumb {
        background-color: #222529;
    }

    .widget-contactformulier form > .row {
        -ms-flex: 0 0 100%;
        flex: 0 100%;
        max-width: 100%;
    }

    #container .widget.widget-afrekenen,
    #container .widget.widget-afrekenen,
    footer .copyright,
    footer .partner-logos {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
    
    #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div + div {
        border-top: 1px solid #e3e3e3;
        display: block;
        padding-top: 6px;
    }

    html .partner-logos .wrapper {
        justify-content: center;
    }

    html body .order-popup-panel {
        top: calc(50px + 3%);
        height: calc(100% - 3% - 3% - 50px);
        width: calc(100% - 3%);
    }

    html .popup .popup-wrapper,
    html .lightbox .lightbox-wrapper {
        width: 95vw;
        margin-top: calc(51px + 10px);
        height: calc(90% - 51px);
    }

    html #container.login,
    html #container.forgotPassword {
        margin-top: 0px !important;
        padding-top: 0;
    }

    html #container .login-card {
        padding: 4% 10% 4% 10%;
    }


}

/* Medium only (Tablet) */
@media screen and (min-width: 40em) and (max-width: 64em) {

    html body .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        margin-left: -250px;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
    }

    footer .footer-menu,
    #container[class*="no_children_category"] .widget-product-lijst.product-slider div.items > .overlay-wrapper,
    #container[class*="no_children_category"] .widget-product-lijst div.items > .overlay-wrapper,
    #container[class*="search"] .widget-product-lijst div.items > .overlay-wrapper,
    #container[class*="category"] .widget-categorie-lijst div.items > .overlay-wrapper {
        -ms-flex: 0 0 50%;
        flex: 0 50%;
        max-width: 50%;
    }

    .categories > ul > li > ul > li {
        flex: 1 0 29%;
        max-width: 29%;
    }

    #container:not([class*="no_children_category"]) .widget-product-lijst.product-slider div.items > .overlay-wrapper,
    #container:not([class*="no_children_category"]):not([class*="search"]) .widget-product-lijst div.items > .overlay-wrapper,
    #container:not([class*="category"]) .widget-categorie-lijst div.items > .overlay-wrapper,
    .themes > ul > li > ul > li {
        flex: 1 0 65%;
        max-width: 65%;
    }

    #container[class*="no_children_category"] .widget-product-lijst.product-slider div.items > .overlay-wrapper:nth-child(n+3),
    #container[class*="no_children_category"] .widget-product-lijst div.items > .overlay-wrapper:nth-child(n+3),
    #container[class*="search"] .widget-product-lijst div.items > .overlay-wrapper:nth-child(n+3),
    .widget-categorie-lijst div.items > .overlay-wrapper:nth-child(n+3) {
        margin-top: 40px;
    }
    
.widget-productset-detail .product-image .product-images li:nth-child(-n+5) {
    display: block;
}

.widget-productset-detail .product-image .product-images li:nth-child(5) a:after {
    content: "\2b";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 36px;
    color: #ffffff;
    background: rgb(0 0 0 / 30%);
    z-index: 9;
    transition: all .3s ease;
}

    .collection > ul > li {
        flex: 1 50%;
    }

    .collection > ul > li > ul {
        left: 50px;
        width: calc(100% - 100px);
        padding: 40px 20px;
    }

    html.popup {
        width: 95vw;
        margin-top: calc(45px + 30px);
    }

    html .popup .popup-wrapper {
        width: 80vw;
    }

    html #container .login-card {
        width: 50%;
    }

    html .bg-grey:not(.usp-bar):after,
    html .bg-gray:not(.usp-bar):after,
    html footer #placeholder-footer-top-wrapper:after {
        background-position: 25% 70%;
        background-size: 180%;
    }

    .m-md-0 {
        margin: 0 !important;
    }

    .m-md-1 {
        margin: .5rem !important;
    }

    .m-md-2 {
        margin: 1rem !important;
    }

    .m-md-3 {
        margin: 1.5rem !important;
    }

    .m-md-4 {
        margin: 2rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-md-1 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .mx-md-2 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-md-3 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-md-4 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-md-1 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .my-md-2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-md-3 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-md-4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mt-md-1 {
        margin-top: .5rem !important;
    }

    .mt-md-2,
    .productfilter {
        margin-top: 1rem !important;
    }

    .mt-md-3,
    #container .row > .large-9.medium-8 {
        margin-top: 1.5rem !important;
    }

    .mt-md-4 {
        margin-top: 2rem !important;
    }

    .mt-md-5 {
        margin-top: 3rem !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .me-md-0 {
        margin-right: 0 !important;
    }

    .me-md-1 {
        margin-right: .5rem !important;
    }

    .me-md-2 {
        margin-right: 1rem !important;
    }

    .me-md-3 {
        margin-right: 1.5rem !important;
    }

    .me-md-4 {
        margin-right: 2rem !important;
    }

    .me-md-5 {
        margin-right: 3rem !important;
    }

    .me-md-auto {
        margin-right: auto !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mb-md-1 {
        margin-bottom: .5rem !important;
    }

    .mb-md-2 {
        margin-bottom: 1rem !important;
    }

    .mb-md-3 {
        margin-bottom: 1.5rem !important;
    }

    .mb-md-4,
    .categories > ul > li:last-child > span,
    .themes > ul > li:last-child > span,
    .category-list > ul > li:last-child > span,
    .productfilter.category-filter div[class*="-item"],
    .productfilter div[class*="-item"]:not(:last-of-type),
    div[class*="accordion-item"]:not(:last-of-type),
    #container main .productfilter .reset-filter,
    #container[class*="category-"] .widget-categorie-detail .resource-image {
        margin-bottom: 2rem !important;
    }

    .mb-md-5 {
        margin-bottom: 3rem !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-0 {
        margin-left: 0 !important;
    }

    .ms-md-1 {
        margin-left: .5rem !important;
    }

    .ms-md-2 {
        margin-left: 1rem !important;
    }

    .ms-md-3 {
        margin-left: 1.5rem !important;
    }

    .ms-md-4 {
        margin-left: 2rem !important;
    }

    .ms-md-5 {
        margin-left: 3rem !important;
    }

    .ms-md-auto {
        margin-left: auto !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .p-md-1 {
        padding: .5rem !important;
    }

    .p-md-2 {
        padding: 1rem !important;
    }

    .p-md-3 {
        padding: 1.5rem !important;
    }

    .p-md-4 {
        padding: 2rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-md-1 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }

    .px-md-2 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-md-3 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-md-4 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-md-1 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .py-md-2 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-md-3 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-md-4 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pt-md-1 {
        padding-top: .5rem !important;
    }

    .pt-md-2 {
        padding-top: 1rem !important;
    }

    .pt-md-3,
    footer #placeholder-footer-top {
        padding-top: 1.5rem !important;
    }

    .pt-md-4 {
        padding-top: 2rem !important;
    }

    .pt-md-5 {
        padding-top: 3rem !important;
    }

    .pe-md-0 {
        padding-right: 0 !important;
    }

    .pe-md-1 {
        padding-right: .5rem !important;
    }

    .pe-md-2 {
        padding-right: 1rem !important;
    }

    .pe-md-3 {
        padding-right: 1.5rem !important;
    }

    .pe-md-4 {
        padding-right: 2rem !important;
    }

    .pe-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pb-md-1 {
        padding-bottom: .5rem !important;
    }

    .pb-md-2 {
        padding-bottom: 1rem !important;
    }

    .pb-md-3,
    footer #placeholder-footer-top {
        padding-bottom: 1.5rem !important;
    }

    .pb-md-4 {
        padding-bottom: 2rem !important;
    }

    .pb-md-5 {
        padding-bottom: 3rem !important;
    }

    .ps-md-0 {
        padding-left: 0 !important;
    }

    .ps-md-1 {
        padding-left: .5rem !important;
    }

    .ps-md-2 {
        padding-left: 1rem !important;
    }

    .ps-md-3 {
        padding-left: 1.5rem !important;
    }

    .ps-md-4 {
        padding-left: 2rem !important;
    }

    .ps-md-5 {
        padding-left: 3rem !important;
    }


}

/* Medium and up (Tablet till nothing) */
@media screen and (min-width: 40em) {

    #container .widget-afrekenen > form.checkout-form > .button,
    #container .widget-afrekenen > form.checkout-form > .button,
    #container.payInvoice .widget-afrekenen > form.checkout-form > .button {
        margin-right: 10px;
    }

    #container .widget-afrekenen > form.checkout-form > .button,
    #container .widget-afrekenen > form.checkout-form > .button,
    #container.payInvoice .widget-afrekenen > form.checkout-form > .button,
    #container .widget-afrekenen > form.checkout-form > .buttons,
    #container .widget-afrekenen > form.checkout-form > .buttons,
    #container.payInvoice .widget-afrekenen > form.checkout-form > .buttons {
        flex: 1;
    }

    #container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 .row,
    #container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 .row,
    #container .widget-contactformulier form > .row,
    #container main #mc-embedded-subscribe-form #news-form_scroll .mc-field-group {
        -ms-flex: 0 0 50%;
        flex: 0 50%;
        max-width: 50%;
    }

    #container .widget-winkelwagen.checkout-cart.shoppingCart > a.button {
        flex-basis: auto;
    }

    header .widget-afbeelding.logo img {
        max-height: 59px;
    }
    
    header .widget-afbeelding.partnerlogo img {
        max-height: 49px;
    }
    
    header .widget-afbeelding.partnerlogo {
        margin-right: auto;
        margin-left: auto;
    }
    
    header .searchbar {
        margin-right: auto;
    }

    .widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values li {
        -ms-flex: 0 0 calc(25% - 5px);
        flex: 0 calc(25% - 5px);
        max-width: calc(25% - 5px);
    }

    html .contact-bar .quick-contact {
        display: none;
    }

    html .popup .popup-wrapper {
        margin-top: calc(45px + 20px);
    }


}

/* Small only (Mobile) */
@media screen and (max-width: 39.9375em) {
    
    html .hero-banner-wrapper {
        padding: 5%;
    }
    
    html .hero-banner h1, html .hero-banner .h1 {
    color: #ffffff;
    font-size: 44px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 3rem;
    width: 100%;
    align-self: center;
}
    
    html .hero-banner h1,
    html .hero-banner .h1 {
        font-size: 27px;
        left: -8.5%;
        text-transform: uppercase;
    }
    
    html .hero-banner p {
        font-size: 16px;
        left: -8.5%;
    }
    
    html .hero-banner .button {
        font-size: 1rem;
        padding: 12px 16px;
        margin-bottom: 1rem;
    }
    
    html body #cookie-control-opacity {
        display: none;
    }

    html body #cookie-control-container input#accept-cookies {
        margin: 0 !important;
        margin-top: 10px !important;
    }

    html #cookie-control-container {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
    }

    .categories > ul > li > ul > li {
        flex: 1 0 40%;
        max-width: 40%;
    }

    .widget-categorie-lijst div.items > .overlay-wrapper:nth-child(n+3) {
        margin-top: 30px;
    }
    
.widget-productset-detail .product-image .product-images li:nth-child(-n+4) {
    display: block;
}

.widget-productset-detail .product-image .product-images li:nth-child(4) a:after {
    content: "\2b";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 36px;
    color: #ffffff;
    background: rgb(0 0 0 / 30%);
    z-index: 9;
    transition: all .3s ease;
}

    footer .footer-menu,
    #container[class*="no_children_category"] .widget-product-lijst.product-slider div.items > .overlay-wrapper,
    #container[class*="no_children_category"] .widget-product-lijst div.items > .overlay-wrapper,
    #container[class*="search"] .widget-product-lijst div.items > .overlay-wrapper,
    .widget-categorie-lijst div.items > .overlay-wrapper,
    #container .widget-afrekenen > form.checkout-form > .button,
    #container .widget-afrekenen > form.checkout-form > .button,
    #container .widget-afrekenen > form.checkout-form > .buttons,
    #container .widget-afrekenen > form.checkout-form > .buttons,
    #container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 .row,
    #container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 .row {
        -ms-flex: 0 0 100%;
        flex: 0 100%;
        max-width: 100%;
    }

    #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div:not(:first-child) {
        flex-wrap: wrap;
    }

    #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > a {
        -ms-flex: 0 0 70%;
        flex: 0 70%;
        max-width: 70%;
        margin-bottom: 20px;
    }
    
    #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div:last-child > a {
        margin: auto;
        text-align: center;
        margin-bottom: 20px;
    }
    
    html #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > a img {
        max-width: 190px;
        padding: 0;
    }

    #container:not([class*="no_children_category"]) .widget-product-lijst.product-slider div.items > .overlay-wrapper,
    #container:not([class*="no_children_category"]):not([class*="search"]) .widget-product-lijst div.items > .overlay-wrapper {
        flex: 1 0 80%;
        max-width: 80%;
    }

    #container[class*="no_children_category"] .widget-product-lijst.product-slider div.items > .overlay-wrapper:nth-child(n+2),
    #container[class*="no_children_category"] .widget-product-lijst div.items > .overlay-wrapper:nth-child(n+2),
    #container[class*="search"] .widget-product-lijst div.items > .overlay-wrapper:nth-child(n+2),
    .widget-categorie-lijst div.items > .overlay-wrapper:nth-child(n+2) {
        margin-top: 40px;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart:not(:first-child),
    #container .widget-afrekenen > form.checkout-form > .buttons,
    #container .widget-afrekenen > form.checkout-form > .buttons {
        margin-top: 10px;
    }

    .collection > ul > li {
        flex: 1 100%;
    }

    .collection > ul > li + li {
        margin-top: 40px;
    }

    .collection > ul > li > ul {
        left: 40px;
        width: calc(100% - 80px);
        padding: 30px 10px;
    }

    .themes > ul > li > ul > li {
        flex: 1 0 75%;
        max-width: 75%;
    }

    .widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values li {
        -ms-flex: 0 0 calc(33.3333% - 5px);
        flex: 0 calc(33.3333% - 5px);
        max-width: calc(33.3333% - 5px);
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title {
        flex-wrap: wrap;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title label {
        order: 1;
    }

    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title .attribute-selected {
        order: 3;
        margin: 0;
        text-align: left;
        padding: 0 !important;
        margin-top: 10px;
        width: 100%;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title .attribute-edit {
        order: 2;
        align-items: start !important;
        line-height: 1.5em !important;
    }

    footer .footer-menu.image img {
        margin: auto;
    }

    .contact-bar > ul > li .custom-icon {
        box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
    }

    .contact-bar > ul > li .custom-icon + .menu-item-text {
        display: none;
    }

    .contact-bar > ul > li {
        flex: 0;
    }

    html .contact-bar > ul {
        justify-content: center;
    }

    html #container .login-card {
        width: 80%;
    }

    html .bg-grey:not(.usp-bar):after,
    html .bg-gray:not(.usp-bar):after,
    html footer #placeholder-footer-top-wrapper:after {
        background-position: 45% 70%;
        background-size: 230%;
    }

    .m-sm-0 {
        margin: 0 !important;
    }

    .m-sm-1 {
        margin: .5rem !important;
    }

    .m-sm-2 {
        margin: 1rem !important;
    }

    .m-sm-3 {
        margin: 1.5rem !important;
    }

    .m-sm-4 {
        margin: 2rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .mx-sm-1 {
        margin-right: .5rem !important;
        margin-left: .5rem !important;
    }

    .mx-sm-2 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .mx-sm-3 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .mx-sm-4 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .my-sm-1 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .my-sm-2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-sm-3 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-sm-4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .mt-sm-1 {
        margin-top: .5rem !important;
    }

    .mt-sm-2,
    .productfilter {
        margin-top: 1rem !important;
    }

    .mt-sm-3,
    #container .row > .large-9.medium-8 {
        margin-top: 1.5rem !important;
    }

    .mt-sm-4 {
        margin-top: 2rem !important;
    }

    .mt-sm-5 {
        margin-top: 3rem !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .me-sm-0 {
        margin-right: 0 !important;
    }

    .me-sm-1 {
        margin-right: .5rem !important;
    }

    .me-sm-2 {
        margin-right: 1rem !important;
    }

    .me-sm-3 {
        margin-right: 1.5rem !important;
    }

    .me-sm-4 {
        margin-right: 2rem !important;
    }

    .me-sm-5 {
        margin-right: 3rem !important;
    }

    .me-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mb-sm-1 {
        margin-bottom: .5rem !important;
    }

    .mb-sm-2 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 1.5rem !important;
    }

    .mb-sm-4,
    .categories > ul > li:last-child > span,
    .themes > ul > li:last-child > span,
    .category-list > ul > li:last-child > span,
    .productfilter.category-filter div[class*="-item"],
    .productfilter div[class*="-item"]:not(:last-of-type),
    div[class*="accordion-item"]:not(:last-of-type),
    #container main .productfilter .reset-filter,
    #container[class*="category-"] .widget-categorie-detail .resource-image {
        margin-bottom: 2rem !important;
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-0 {
        margin-left: 0 !important;
    }

    .ms-sm-1 {
        margin-left: .5rem !important;
    }

    .ms-sm-2 {
        margin-left: 1rem !important;
    }

    .ms-sm-3 {
        margin-left: 1.5rem !important;
    }

    .ms-sm-4 {
        margin-left: 2rem !important;
    }

    .ms-sm-5 {
        margin-left: 3rem !important;
    }

    .ms-sm-auto {
        margin-left: auto !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .p-sm-1 {
        padding: .5rem !important;
    }

    .p-sm-2 {
        padding: 1rem !important;
    }

    .p-sm-3 {
        padding: 1.5rem !important;
    }

    .p-sm-4 {
        padding: 2rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .px-sm-1 {
        padding-right: .5rem !important;
        padding-left: .5rem !important;
    }

    .px-sm-2 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .px-sm-3 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .px-sm-4 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .py-sm-1 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .py-sm-2 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-sm-3 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-sm-4 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pt-sm-1 {
        padding-top: .5rem !important;
    }

    .pt-sm-2 {
        padding-top: 1rem !important;
    }

    .pt-sm-3,
    footer #placeholder-footer-top {
        padding-top: 1.5rem !important;
    }

    .pt-sm-4 {
        padding-top: 2rem !important;
    }

    .pt-sm-5 {
        padding-top: 3rem !important;
    }

    .pe-sm-0 {
        padding-right: 0 !important;
    }

    .pe-sm-1 {
        padding-right: .5rem !important;
    }

    .pe-sm-2 {
        padding-right: 1rem !important;
    }

    .pe-sm-3 {
        padding-right: 1.5rem !important;
    }

    .pe-sm-4 {
        padding-right: 2rem !important;
    }

    .pe-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pb-sm-1 {
        padding-bottom: .5rem !important;
    }

    .pb-sm-2 {
        padding-bottom: 1rem !important;
    }

    .pb-sm-3,
    footer #placeholder-footer-top {
        padding-bottom: 1.5rem !important;
    }

    .pb-sm-4 {
        padding-bottom: 2rem !important;
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }

    .ps-sm-0 {
        padding-left: 0 !important;
    }

    .ps-sm-1 {
        padding-left: .5rem !important;
    }

    .ps-sm-2 {
        padding-left: 1rem !important;
    }

    .ps-sm-3 {
        padding-left: 1.5rem !important;
    }

    .ps-sm-4 {
        padding-left: 2rem !important;
    }

    .ps-sm-5 {
        padding-left: 3rem !important;
    }

}

html {
    margin: 0 !important;
}

body {
    background: #ffffff;
    margin: 0 auto;
    color: #222529;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    text-align: left;
}

body:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
}

body.black {
    overflow: hidden;
}

body.black:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
}

::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 10px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #222529;
}

:not(fot) ::selection {
    background: rgb(0 0 0 / 20%);
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: rgb(0 0 0 / 20%);
    /* Gecko Browsers */
}

html #cookie-control-wrapper {
    position: fixed;
    bottom: 0 !important;
    left: 0;
    top: auto;
    margin: 20px;
    min-height: auto;
    background: #232323;
    color: #ffffff;
    z-index: 9999999;
    font-size: 16px;
    width: auto;
    max-width: 700px;
    border-radius: 4px;
    text-align: left;
    line-height: 1.5em;
    flex-flow: row;
    overflow: hidden;
    box-shadow: 5px 5px 7px -5px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 5px 5px 7px -5px rgb(0 0 0 / 15%);
    -moz-box-shadow: 5px 5px 7px -5px rgb(0 0 0 / 15%);
}

html #cookie-control-opacity {
    position: relative;
    background: none;
    width: auto;
    height: auto;
    opacity: 1;
    display: flex;
    background: #cb2e1e;
    align-items: center;
    flex: 1;
}

html #cookie-control-opacity:before {
    content: "\f564";
    font-family: "Font awesome 6 pro";
    color: white;
    font-size: 50px;
    font-weight: 700;
    padding: 20px;
}

html #cookie-control-container {
    min-height: auto;
    line-height: inherit;
    background: none;
    color: #ffffff;
    padding: 20px;
    text-align: left;
    font-size: 16px;
}

html body #cookie-control-container input#accept-cookies {
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 18px 18px;
    font-weight: 600 !important;
}

html body #cookie-control-container input#accept-cookies:hover,
html body #cookie-control-container input#accept-cookies:focus {
    background: #ffffff !important;
    color: #232323 !important;
    border-color: #ffffff !important;
}

html #cookie-control-wrapper,
html #cookie-control-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

html #cookie-control-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#container {
    overflow: hidden !important;
}

#container.staticPage main {
    min-height: 22vh;
}

#container main,
#container.cart main,
#container main,
#containerProcess main,
#container.completeOrder main,
#container.completeOrderProcess main,
#container.catalogue main,
#container.catalogueProcess main,
#container.offer main {
    min-height: 74vh;
}

body,
#container,
ul li,
ol li,
dl,
input,
p,
main p,
#container .widget-kruimelpad a,
#container .widget-kruimelpad span,
.widget-voeg-toe-aan-winkelwagen-widget .product-details .selection > ul > li .title label,
.contact-bar > ul > li > a,
.contact-bar > ul > li > span .menu-item-text {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #222529;
    font-style: normal;
}

a {
    color: #222529;
}

a:hover,
a:focus {
    color: #222529;
}

strong,
b {
    font-weight: 700;
    line-height: inherit;
}

.red-text {
    color: #cb2e1e;
}

h1,
.h1,
h2.title,
#container .widget-contactformulier h2.title,
#container.staticPage main h1,
.categories > ul > li:first-child > span,
.themes > ul > li:first-child > span .menu-item-text,
.category-list > ul > li:first-child > span,
#container[class*="category-"] h1,
.collection > ul > li > ul > li:first-child .menu-item-text,
.popup .popup-wrapper .title h4,
html .order-popup-panel > div.top span.order-popup-label {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 27px;
    line-height: 31px;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 11px;
    text-transform: uppercase;
}

h2,
#configuration-placeholder-widget-865 > div.shoppingCart > div.main-details > span .h2,
#container.staticPage main h2,
main h2,
div[class*="accordion-item"] div[class*="-head"] .label,
.contact-bar .quick-contact,
#container .main-details .h2,
.h2.title {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 22px;
    letter-spacing: 1.5px;
    line-height: 30px;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}

h3,
.h3,
#container.staticPage main h3,
.categories > ul > li > ul > li a,
.categories > ul > li > ul > li > span .menu-item-text,
.widget-product-lijst div.items > .overlay-wrapper > .item .main-info > a .product-name,
.themes > ul > li > ul > li > ul > li:nth-child(2) .menu-item-text,
.widget-voeg-toe-aan-winkelwagen-widget .product-details .price-details .title,
#container .widget-winkelwagen .price-details .title,
.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info h4,
html .order-popup-panel > div.contents .product-item > div > .product-name {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 1.5px;
    font-weight: 700;
    line-height: 24px;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 14px;
    text-transform: uppercase;
}

h4,
.h4,
#container.staticPage main h4,
.footer-menu span.title,
.widget-voeg-toe-aan-winkelwagen-widget .product-details .selection > ul > li .title label {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.category-list > ul > li > ul > li > span,
.productfilter div[class*="-head"] .label,
.usp > ul > li > span,
.contact-bar > ul > li > a,
.contact-bar > ul > li > span .menu-item-text {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 10px;
}

h5,
.h5,
#container.staticPage main h5,
.widget-product-lijst div.action-label,
.mobile-menu .nav-bar .logo > span {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.333em;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 7px;
    text-transform: uppercase;
}

h6,
.h6,
#container.staticPage main h6 {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.273em;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 4px;
    text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6,
#container.staticPage main h1,
#container.staticPage main h2,
#container.staticPage main h3,
#container.staticPage main h4,
#container.staticPage main h5,
#container.staticPage main h6 {
    color: #222529;
    clear: both;
    text-transform: none;
    border: none;
    height: auto;
    text-align: inherit;
    text-transform: uppercase;
}

.bg-grey,
.bg-gray,
footer #placeholder-footer-top-wrapper {
    background: #f5f5f5;
    position: relative;
    border: none;
    height: auto;
}

footer #placeholder-footer-top-wrapper {
    background: #cb2e1e;
}

footer #placeholder-footer-top-wrapper > * {
    position: relative;
    z-index: 2;
}

footer #placeholder-footer-top-wrapper:after {
    background-size: 30%;
    background-position: 109% 50%;
}

.fullwidth-row .row {
    z-index: 2;
    position: relative;
}

.fullwidth-row .row > *,
.mobile-filter {
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

#container[class*="category-"] .fullwidth-row .row > a {
    display: block;
}


h2.title,
#container.staticPage h2.title,
.subtitle,
.themes > ul > li:first-child > span .menu-item-text,
.themes > ul > li:last-child > span,
.category-list > ul > li:first-child > span,
.category-list > ul > li:last-child > span {
    display: block;
    width: 100%;
    text-align: center;

}

.subtitle,
.categories > ul > li:last-child > span .menu-item-text,
.themes > ul > li:last-child > span,
.category-list > ul > li:last-child > span,
.collection > ul > li > ul > li:nth-child(2) .menu-item-text {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}


/* Colored (standard) button */
.button,
button,
button.disabled,
.ui-dialog .ui-dialog-buttonpane button.disabled,
button[disabled],
.ui-dialog .ui-dialog-buttonpane button[disabled],
.button.disabled,
.button[disabled],
.ui-dialog .ui-dialog-buttonpane button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.pager ul.yiiPager > li > a,
.pager ul.yiiPager > li.selected > a,
#container main .productfilter .reset-filter a,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a,
#container .widget-afrekenen > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons input.button,
html .order-popup-panel > div.contents .product-item > div > .cartRemove a,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a,
#container .widget-winkelwagen.checkout-cart .discount a.remove:after,
html #cookie-control-container input#accept-cookies,
#container header .searchbar a,
.collection > ul > li > ul > li:last-child a,
.themes > ul > li > ul > li > ul > li:last-child a,
html .order-popup-panel > div.top span.order-popup-close,
html .order-popup-panel .button-primary {
    border-radius: 0px;
    background: #cb2e1e;
    font-size: 16px;
    line-height: 21px;
    color: white;
    border: none;
    text-transform: none;
    font-weight: 400 !important;
    padding: 8px 20px;
    line-height: normal;
    display: block;
    font-family: "Poppins", Arial, sans-serif;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    outline: none;
    height: auto;
    margin: 0;
    text-align: center;
}

header .main-menu ul li a[href="#special-request"] {
    background: #222529;
    border: 2px solid #ffffff;
    padding: 4px 20px;
    transition: all .3s;
}

/* Disabled button */
button.disabled,
.ui-dialog .ui-dialog-buttonpane button.disabled,
button[disabled],
.ui-dialog .ui-dialog-buttonpane button[disabled],
.button.disabled,
.button[disabled] {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
}

/* Small button */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span {
    padding: 5px 10px;
}

/* Grey outline button */
.button.secondary,
.pager ul.yiiPager > li > a,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart,
#container.productSet #sample-request,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span,
html .order-popup-panel > div.contents .product-item > div > .cartRemove a,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a,
#container .widget-winkelwagen.checkout-cart .discount a.remove:after {
    background: transparent;
    border: 1px solid #e3e3e3;
    color: #222529;
}

/* Red button */
#container main .productfilter .reset-filter a {
    background: red;
}

/* White button */
.collection > ul > li > ul > li:last-child a {
    background: #ffffff;
    color: #222529;
    font-weight: 500 !important;
}

/* Green button */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart:first-child,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart:first-child[style*="display: none"] + .add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .less-than-minimal-label:first-child + .add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .less-than-minimal-label + .add-to-cart,
#container .widget-afrekenen > form.checkout-form .row.buttons input.button,
html .order-popup-panel .button-primary:first-child {
    background: #46973a;
    color: #ffffff !important;
    border: 1px solid #46973a;
}

/* Colored (standard) button - Hover/Focus */
.button:hover,
.button:focus,
button.disabled:hover,
.ui-dialog .ui-dialog-buttonpane button.disabled:hover,
button.disabled:focus,
.ui-dialog .ui-dialog-buttonpane button.disabled:focus,
button[disabled]:hover,
.ui-dialog .ui-dialog-buttonpane button[disabled]:hover,
button[disabled]:focus,
.ui-dialog .ui-dialog-buttonpane button[disabled]:focus,
.button.disabled:hover,
.button.disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus,
button:hover,
.ui-dialog .ui-dialog-buttonpane button:hover,
button:focus,
.ui-dialog .ui-dialog-buttonpane button:focus,
html .pager ul.yiiPager > li.selected > a,
html input[type="button"]:hover,
html input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
#container header .searchbar a:hover,
#container header .searchbar a:focus,
.themes > ul > li > ul > li > ul > li:last-child a:hover,
.themes > ul > li > ul > li > ul > li:last-child a:focus,
html .order-popup-panel > div.top span.order-popup-close:hover,
html .order-popup-panel > div.top span.order-popup-close:focus,
html .order-popup-panel .button-primary:hover,
html .order-popup-panel .button-primary:focus {
    background: #222529;
    border-color: #222529;
}

header .main-menu ul li a[href="#special-request"]:hover,
header .main-menu ul li a[href="#special-request"]:focus {
    background: #cb2e1e;
    border: 2px solid #cb2e1e;
}

/* Grey outline button - Hover/Focus */
.button.secondary:hover,
.button.secondary:focus,
.pager ul.yiiPager > li > a:hover,
.pager ul.yiiPager > li > a:focus,
#container main .productfilter .reset-filter a:hover,
#container main .productfilter .reset-filter a:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart:focus,
#container.productSet #sample-request:hover,
#container.productSet #sample-request:focus,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a:hover,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a:focus {
    background: #cccccc;
    border-color: #cccccc;
}

/* Productpagina - Hover/Focus */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li.selected,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.selected span {
    border-color: #46973a;
}

/* Red button - Hover/Focus */
#container main .productfilter .reset-filter a:hover,
#container main .productfilter .reset-filter a:focus {
    background: #bd2e2e;
}

/* White button - Hover/Focus */
.collection > ul > li > ul > li:last-child a:hover,
.collection > ul > li > ul > li:last-child a:focus {
    background: #cccccc;
    color: #222529;
}

/* Green button - Hover/Focus */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart:first-child:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart:first-child:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .add-to-cart:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart:first-child[style="display: none;"] + .add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart:first-child[style="display: none;"] + .add-to-cart:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .less-than-minimal-label:first-child + .add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .less-than-minimal-label:first-child + .add-to-cart:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .less-than-minimal-label + .add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"]:not(.active) + .less-than-minimal-label + .add-to-cart:focus,
#container .widget-afrekenen > form.checkout-form .row.buttons input.button:hover,
#container .widget-afrekenen > form.checkout-form .row.buttons input.button:focus,
html .order-popup-panel .button-primary:first-child:hover,
html .order-popup-panel .button-primary:first-child:focus {
    background: #38792e !important;
    border-color: #38792e !important;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select,
#container header .searchbar form input {
    border: 1px solid #e3e3e3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 0px;
    font-size: 16px;
    font-family: "Poppins", Arial, sans-serif;
    color: #222529;
    margin: 0;
    background: #ffffff;
    height: auto;
    padding: 8px 15px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

textarea {
    border-radius: 0px;
    min-height: 100px;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: #ffffff url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat;
    background-position: calc(100% - 15px) center;
    padding-right: 30px;
}

select::-ms-expand {
    display: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:hover,
select:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: #cccccc;
    border-color: #e3e3e3;
    outline: none;
}

select:hover,
select:focus {
    -webkit-appearance: none !important;
    background: #cccccc url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat;
    background-position: calc(100% - 15px) center;
    padding-right: 30px;
}


/* Margins/Padding - General */
.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: .5rem !important;
}

.m-2 {
    margin: 1rem !important;
}

.m-3 {
    margin: 1.5rem !important;
}

.m-4 {
    margin: 2rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.mx-2 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.my-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: .5rem !important;
}

.mt-2 {
    margin-top: 1rem !important;
}

.mt-3 {
    margin-top: 1.5rem !important;
}

.mt-4 {
    margin-top: 2rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: .5rem !important;
}

.me-2 {
    margin-right: 1rem !important;
}

.me-3 {
    margin-right: 1.5rem !important;
}

.me-4 {
    margin-right: 2rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: .5rem !important;
}

.mb-2 {
    margin-bottom: 1rem !important;
}

.mb-3 {
    margin-bottom: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 2rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: .5rem !important;
}

.ms-2 {
    margin-left: 1rem !important;
}

.ms-3 {
    margin-left: 1.5rem !important;
}

.ms-4 {
    margin-left: 2rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: .5rem !important;
}

.p-2 {
    padding: 1rem !important;
}

.p-3 {
    padding: 1.5rem !important;
}

.p-4 {
    padding: 2rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.px-2 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-3 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.py-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: .5rem !important;
}

.pt-2 {
    padding-top: 1rem !important;
}

.pt-3 {
    padding-top: 1.5rem !important;
}

.pt-4 {
    padding-top: 2rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: .5rem !important;
}

.pe-2 {
    padding-right: 1rem !important;
}

.pe-3 {
    padding-right: 1.5rem !important;
}

.pe-4 {
    padding-right: 2rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: .5rem !important;
}

.pb-2 {
    padding-bottom: 1rem !important;
}

.pb-3 {
    padding-bottom: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 2rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: .5rem !important;
}

.ps-2 {
    padding-left: 1rem !important;
}

.ps-3 {
    padding-left: 1.5rem !important;
}

.ps-4 {
    padding-left: 2rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

input[type="checkbox"] {
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    background-color: white;
    cursor: pointer;
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

input[type="checkbox"]:checked {
    border-color: #46973a;
}

input[type="checkbox"]:hover:after,
input[type="checkbox"]:checked:after {
    content: '\2714';
    font-family: "Font awesome 6 pro";
    font-size: 16px;
    position: relative;
    top: 0px;
    left: 1px;
    color: #cccccc;
    transition: all .3s ease;
}

input[type="checkbox"]:checked:after {
    color: #46973a;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    height: 20px;
    width: 20px;
    background: #ffffff;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -ms-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -o-box-shadow: inset 0px 0px 0px 2px #ffffff;
    border-radius: 0px;
    outline: none;
    transition-duration: 0.3s;
    background-color: white;
    cursor: pointer;
    position: relative;
    margin: 0;
    clear: left;
}

input[type="radio"]:before {
    content: "";
    height: 15px;
    width: 15px;
    transition: all 0.15s ease-out 0s;
    border: 1px solid #cccccc;
    background: #ffffff;
    box-shadow: inset 0px 0px 0px 2px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -ms-box-shadow: inset 0px 0px 0px 2px #ffffff;
    -o-box-shadow: inset 0px 0px 0px 2px #ffffff;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 0px;
    z-index: 9;
    position: absolute;
}

input[type="radio"]:hover::before {
    background: #cccccc;
}

input[type="radio"]:checked::before {
    background: #46973a;
    border: 1px solid #46973a;
}

header .clear {
    display: none !important;
}

header > * > * > *,
header > * > * > * > .widget-duplicaat {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

header #placeholder-header-top-wrapper ul.custom li a {
    color: #222529;
}

header #placeholder-header-top-wrapper {
    height: auto;
    line-height: normal;
}

#container.home header > * > * > #placeholder-header,
header > * > * > #placeholder-header > .widget-duplicaat {
    justify-content: space-between;
}

#container header #placeholder-header-wrapper,
#container.offer footer {
    display: block;
}

.top-menu ul,
.contact-bar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
}

.top-menu > ul,
.contact-bar > ul {
    display: flex;
    align-items: center;
    flex: 100%;
    margin: 0;
    column-gap: 40px;
}

.contact-bar > ul {
    justify-content: space-between;
}

.top-menu > ul > li,
.contact-bar > ul > li {
    line-height: normal;
    display: flex;
}

/* Hero banner style */

.hero-banner {
    background-position-y: 60%;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-banner:before {
    content: '';
    background-color: #000000;
    opacity: 0.44;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.hero-banner-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 3%;
    text-align: center;
}

.hero-banner h1,
.hero-banner .h1 {
    color: #ffffff;
    font-size: 44px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 3rem;
    width: 60%;
    align-self: center;
}

.hero-banner p {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 1.5;
}

.hero-banner a {
    display: inline-block;
}

.hero-banner .button {
    padding: 14px 31px;
    font-size: 20px;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
}

.hero-banner .button:after {
    top: 0px !important;
}

.usp ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
}

.usp > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
}

.usp > ul > li {
    padding: 0 20px;
}

.usp > ul > li > span:before {
    content: "\f00c";
    font-weight: 700;
    font-family: "Font awesome 6 pro";
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 15px;
    width: 60px;
    height: 60px;
    color: white;
    background: #cb2e1e;
    border-radius: 0px;
    font-size: 28px;
    position: relative;
    top: -1px;
}

.usp > ul > li > span,
.top-menu > ul > li a,
.top-menu > ul > li span {
    font-weight: 400;
    margin: 0;
    color: #222529;
}

.contact-bar > ul > li > a,
.contact-bar > ul > li > span .menu-item-text,
.contact-bar > ul > li > span .menu-item-text a{
    color: #ffffff;
}

.contact-bar > ul > li > span .menu-item-text a:hover,
.contact-bar > ul > li > span .menu-item-text a:focus {
    text-decoration: underline;
}

.usp > ul > li > span,
.usp > ul > li > a {
    display: flex;
    align-items: center;
}

.header-questions {
    text-align: right;
    justify-content: end;
}

.header-questions i {
    position: relative;
    top: 4px;
    margin-right: 5px;
}

header {
    z-index: 999;
}

#container header {
    position: relative;
}

#container header #placeholder-header-bottom-wrapper {
    border: none;
    height: auto;
    display: block;
    background: #222529;
    box-shadow: 0px 15px 18px -18px rgb(0 0 0 / 64%);
    position: relative !important;
}

#placeholder-header-wrapper .widget-afbeelding.logo {
    width: auto;
    margin-right: auto;
}


/* New PremiumID cart */
header #placeholder-header-wrapper .widget-602 {
    min-height: auto;
    float: right;
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

header #placeholder-header-wrapper .widget-602.cart {
    margin-left: auto;
    width: auto !important;
    padding-left: 0.59375rem !important;
    padding-right: 0.59375rem !important;
    height: auto;
}

#container .widget-602 .shoppingCart {
    border-radius: 0px;
    float: none;
    min-height: auto;
    background: none !important;
    padding: 0;
    border: none;
    cursor: default;
    display: flex;
    cursor: pointer;
}

#container header .widget-602 .shoppingCart .cart-icon {
    position: relative;
}

#container .widget-602 .shoppingCart .cart-icon .cart-svg {
    height: 29px;
    width: 32px;
}

#container .widget-602 .shoppingCart .cart-icon .offer-svg {
    height: 30px;
    width: 21px;
}

#container .widget-602 .shoppingCart .cart-icon .item-count {
    position: absolute;
    top: -6px;
    left: 22px;
    background: #cb2e1e;
    color: white;
    padding: 3px 5px 3px 6px;
    padding-bottom: 3px;
    float: right;
    line-height: 1;
    min-width: 20px;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    font-size: 0.9rem;
    align-items: center;
}

#container .widget-602.offer .shoppingCart .cart-icon .item-count {
    left: 25px;
}

/* New PremiumID pop-up */
html .order-popup-dimmer {
    background: rgb(0 0 0 / 50%);
}

html .order-popup-panel {
    position: fixed;
    background: #ffffff;
    z-index: 1002;
    display: flex;
    flex-flow: column;
    right: 1.5%;
    top: 3%;
    width: 36rem;
    max-width: 100%;
    height: 93%;
    border-radius: 0px;
    border: 1px solid #e3e3e3;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
}

html .order-popup-panel > div.top {
    position: relative;
    display: flex;
    width: 100%;
    top: 0;
    margin-top: 0;
    padding: 20px;
    height: auto;
    line-height: normal;
    color: #222529;
}

html .order-popup-panel > div.top span.order-popup-close {
    display: flex;
    align-items: center;
    justify-content: center;
}

html .order-popup-panel > div.top span.order-popup-close svg {
    width: 22px;
    height: 22px;
    margin: -5px -3px -5px -3px;
}

html .order-popup-panel > div.contents {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 20px 20px 20px;
}

html .order-popup-panel > div.contents .product-item {
    border: none;
    padding: 20px 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

html .order-popup-panel > div.contents .product-item:not(:last-of-type) {
    border-bottom: 1px solid #e3e3e3;
}

html .order-popup-panel > div.contents .product-item > div {
    display: flex;
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

html .order-popup-panel > div.contents .product-item > div:first-child {
    margin-bottom: 20px;
}

html .order-popup-panel > div.contents .product-item > div > .product-name {
    height: auto;
    flex: 1;
    margin-right: 30px;
}

html .order-popup-panel > div.contents .product-item > div > .cartRemove {
    margin: 0;
    width: auto;
    line-height: normal;
    padding: 0;
}

html .order-popup-panel > div.contents .product-item > div > .cartRemove a {
    position: relative;
    bottom: 0;
    right: 0;
    overflow: hidden;
    text-indent: 0;
    float: none;
    width: auto;
    height: auto;
    line-height: 0.4;
    padding: 6px 7px;
    font-size: 13px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

html .order-popup-panel > div.contents .product-item > div > .cartRemove a:hover,
html .order-popup-panel > div.contents .product-item > div > .cartRemove a:focus {
    border-color: #ce3a3a;
    color: #ce3a3a;
}

html .order-popup-panel > div.contents .product-item > div {
    width: 100%;
}

html .order-popup-panel > div.contents .product-item > div img {
    width: auto;
    height: 100%;
    max-height: 75px;
    float: none;
    margin: 0;
    border-radius: 0px;
}

html .order-popup-panel > div.contents .product-item > div > .cartProduct {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: 10px;
    width: 100%;
}

html .order-popup-panel > div.contents .product-item > div > .cartProduct > div {
    display: flex;
    width: 100%;
}

html .order-popup-panel > div.contents .product-item > div > .cartProduct > div:not(:last-child) {
    margin-bottom: 5px;
}

html .order-popup-panel > div.contents .product-item > div > .cartProduct > div > span {
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    color: #222529;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
}

html .order-popup-panel > div.contents .product-item > div > .cartProduct > div > .left {
    font-family: inherit;
    white-space: normal;
    padding: 0;
    margin: 0;
    background: none;
    -ms-flex: 0 0 45%;
    flex: 0 45%;
    max-width: 45%;
    flex-shrink: 0;
}

html .order-popup-panel > div.bottom {
    position: relative;
    bottom: 0;
    height: auto;
    width: 100%;
    padding: 20px;
    margin-top: auto;
}

html .order-popup-panel .button-primary + .button-primary {
    margin-top: 10px;
}

#container header .searchbar form {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 0px;
    padding: 4px 2px;
    background: white;
}

#container header .searchbar form .twitter-typeahead {
    position: static !important;
}

#container header .searchbar form input {
    height: 100%;
    width: 100%;
    padding: 8px 10px 8px 10px;
    border: none;
}

#container header .searchbar a {
    position: relative;
    height: auto;
    width: auto;
    right: auto;
    top: auto;
    padding: 0px 11px;
    font-size: 23px;
    background: none;
    color: #cccccc;
}

#container header .searchbar a:hover,
#container header .searchbar a:focus {
    background: none !important;
}

#container header .searchbar a span {
    display: block !important;
}

html .tt-menu {
    width: 100%;
    border-radius: 0px;
    overflow: hidden;
    border: none;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
}

header #placeholder-header-wrapper .widget-8 {
    min-height: auto;
    float: right;
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

header #placeholder-header-wrapper .widget-8.cart,
header #placeholder-header-wrapper .widget-8.offer {
    visibility: visible;
    opacity: 1;
    margin-left: auto;
    width: auto !important;
    padding-left: 0.59375rem !important;
    padding-right: 0.59375rem !important;
    height: auto;
}

header #placeholder-header-wrapper .widget-8.offer + .widget-8.cart {
    margin-left: 0px !important;
}

#container header .widget-8 .shoppingCart {
    border-radius: 0px;
    float: none;
    min-height: auto;
    background: none !important;
    padding: 0;
    border: none;
    cursor: default;
    display: flex;
}

#container header .widget-8 .shoppingCart > a {
    display: flex;
}

#container header .widget-8 .shoppingCart > a .cart-icon {
    position: relative;
}

#container header .widget-8 .shoppingCart span {
    font-size: 15px;
    line-height: normal;
    padding: 0;
    text-align: inherit;
}

#container header .widget-8 .shoppingCart .cart-icon .cart-svg {
    height: 29px;
    width: 32px;
}

#container header .widget-8 .shoppingCart .cart-icon .offer-svg {
    height: 30px;
    width: 21px;
}

#container header .widget-8 .shoppingCart .cart-icon .item-count {
    position: absolute;
    top: -8px;
    left: 32px;
    background: #cb2e1e;
    color: white;
    padding: 2px 6px;
    padding-bottom: 3px;
    float: right;
    line-height: 1;
    border-radius: 0px;
    display: flex;
    font-size: 0.9rem;
    align-items: center;
    margin-right: -10px;
}

#container header .widget-8.offer .shoppingCart .cart-icon .item-count {
    left: 25px;
}

#container header .widget-8 .shoppingCart .cart-icon + span {
    font-size: 16px;
    line-height: normal;
    padding: 0;
    text-align: inherit;
    align-self: flex-end;
    position: relative;
    top: -4px;
    padding-left: 7px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail {
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 100%;
    width: 320px;
    z-index: 300;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    visibility: hidden;
    text-align: left;
    border-radius: 0px;
    display: block;
    border: none;
    padding: 10px;
    cursor: default;
}

#container header .widget-8 .shoppingCart:hover .shopping-cart-detail {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .shopping-cart {
    display: block;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .shopping-cart > div {
    max-height: 250px;
    overflow: auto;
    padding-right: 5px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item {
    display: flex;
    padding: 10px 0;
    margin: 0;
    align-items: flex-start;
    border-bottom: 1px solid #e3e3e3;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item img {
    margin: 0;
    border: 0;
    border-radius: 0px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartProduct {
    width: auto;
    margin-left: 10px;
    margin-right: auto;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartProduct .product-name,
.widget-product-lijst div.items > .overlay-wrapper > .item .main-info > a .product-name {
    color: #222529;
    margin: 0;
    line-height: normal;
    text-align: left;
    border: none;
    overflow: hidden;
    background: none;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartProduct .quantity {
    display: flex;
    line-height: normal;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartProduct .quantity .seperator {
    padding: 0 5px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartRemove {
    width: auto;
    padding-left: 10px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartRemove > p {
    margin: 0;
    line-height: normal;
    display: flex;
    max-width: 80%;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartRemove > p > a {
    height: auto;
    width: auto;
    background: none;
    text-indent: 0;
    line-height: 0.9;
    font-size: 21px;
    color: #222529;
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartRemove > p > a:hover,
#container header .widget-8 .shoppingCart .shopping-cart-detail .item .cartRemove > p > a:focus {
    color: #ce3a3a;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartfooter {
    padding: 0px;
    margin-top: 20px;
    border: none;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartfooter .carttotal {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    font-weight: 400;
    text-align: left;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 0px;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartfooter .carttotal * {
    font-size: 16px;
    font-weight: 600;
}

#container header .widget-8 .shoppingCart .shopping-cart-detail .cartfooter .button {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

/*MAIN MENU*/
header .main-menu {
    position: static !important;
}

header .main-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

header .main-menu > ul {
    display: flex;
    flex: 100%;
    margin-left: -15px;
    margin-right: -15px;
}

header .main-menu ul li {
    display: flex;
    align-items: center;
}

header .main-menu > ul > li:last-child {
    margin-left: auto;
}

#container.staticPage header .main-menu > ul > li:last-child,
#container.payInvoice header .main-menu > ul > li:last-child,
#containerProcess header .main-menu > ul > li:last-child,
#containerProcess header .main-menu > ul > li:last-child,
#container.payInvoiceProcess header .main-menu > ul > li:last-child,
#containerProcess header .main-menu > ul > li:last-child,
#container.staticPage header .main-menu > ul > li:last-child,
#container.payInvoice footer #placeholder-footer-top-wrapper #placeholder-footer-top,
#containerProcess footer #placeholder-footer-top-wrapper #placeholder-footer-top,
#containerProcess footer #placeholder-footer-top-wrapper #placeholder-footer-top,
#container.payInvoiceProcess footer #placeholder-footer-top-wrapper #placeholder-footer-top,
#containerProcess footer #placeholder-footer-top-wrapper #placeholder-footer-top,
#container.payInvoice footer #placeholder-footer-top-wrapper #placeholder-footer-top > .widget-duplicaat,
#containerProcess footer #placeholder-footer-top-wrapper #placeholder-footer-top > .widget-duplicaat,
#containerProcess footer #placeholder-footer-top-wrapper #placeholder-footer-top > .widget-duplicaat,
#container.payInvoiceProcess footer #placeholder-footer-top-wrapper #placeholder-footer-top > .widget-duplicaat,
#containerProcess footer #placeholder-footer-top-wrapper #placeholder-footer-top > .widget-duplicaat{
    display: none;
}

header .main-menu > ul > li > a,
header .main-menu > ul > li > span {
    color: #ffffff;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0s ease-out;
    transition: all 0s ease-out;
    padding: 15px 15px 15px 15px;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-transform: none;
    font-style: normal;
    text-transform: uppercase;
}

header .main-menu > ul > li.children > a:not([href="#special-request"]):after,
header .main-menu > ul > li.children > span:not([href="#special-request"]):after {
    content: "\f107";
    font-family: "Font awesome 6 pro";
    font-size: 13px;
    position: relative;
    line-height: normal;
    top: 2px;
    margin-left: 3px;
}

header .main-menu > ul > li.children:hover > a:not([href="#special-request"]):after,
header .main-menu > ul > li.children:hover > span:not([href="#special-request"]):after {
    content: "\f107";
    font-family: "Font awesome 6 pro";
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
}

header .main-menu > ul > li > a:not([href="#special-request"]):before,
header .main-menu > ul > li > span:not([href="#special-request"]):before {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    content: "";
    height: 2px;
    width: 63%;
    width: calc(100% - 28px);
    left: 15px;
    bottom: 0;
    background-color: #ffffff;
    z-index: 10;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

header .main-menu > ul > li > a:not([href="#special-request"]):hover,
header .main-menu > ul > li.children > span:not([href="#special-request"]):hover {
    cursor: pointer;
}

header .main-menu > ul > li:hover > a:not([href="#special-request"]):before,
header .main-menu > ul > li:hover > span:not([href="#special-request"]):before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

header .main-menu > ul > li > ul {
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    position: absolute;
    top: 100%;
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 9999 !important;
    width: 100%;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-top: none;
    border-radius: 0px;
}

header .main-menu ul > li:hover > ul {
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    border-color: #e3e3e3 !important;
    opacity: 1;
}

header .main-menu ul li .custom-icon + .menu-item-text {
    display: none;
}

.main-menu > ul > li > ul > li {
    width: 100%;
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 25%;
    flex: 0 25%;
    max-width: 25%;
    line-height: normal;
}

.main-menu > ul > li > ul > li a,
.main-menu > ul > li > ul > li span {
    font-size: 16px;
    color: #222529;
    line-height: 1.9;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
}

.main-menu > ul > li > ul > li a:hover,
.main-menu > ul > li > ul > li a:focus {
    color: #222529;
    text-decoration: underline;
}

.main-menu > ul > li > ul > li span {
    color: red;
    cursor: not-allowed;
}

.main-menu > ul > li > ul > li.children > a,
.main-menu > ul > li > ul > li.children > span {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.9;
    color: #222529;
}

.main-menu > ul > li > ul > li.children > a:hover,
.main-menu > ul > li > ul > li.children > a:focus {
    color: #222529;
}


/*FOOTER*/
#container footer,
footer {
    min-height: auto;
}

footer #placeholder-footer-wrapper,
footer #placeholder-footer-bottom-wrapper {
    height: auto;
    width: auto;
    border: none;
    background: #ffffff;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

footer #placeholder-footer-wrapper #placeholder-footer,
footer #placeholder-footer-wrapper #placeholder-footer > .widget-duplicaat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

footer #placeholder-footer-bottom-wrapper {
    background: #ffffff !important;
}

footer #placeholder-footer-top-wrapper #placeholder-footer-top,
footer #placeholder-footer-top-wrapper #placeholder-footer-top > .widget-duplicaat {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom,
footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom > .widget-duplicaat {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-between;
}

footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom .clear {
    display: none !important;
}

footer #placeholder-footer-bottom-wrapper #placeholder-footer-bottom .widget {
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
    margin-left: auto;
}

footer .footer-menu {
    width: 100% !important;
}

.footer-menu span.title {
    font-weight: 700;
    color: #222529;
    margin-bottom: 14px;
}

.footer-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.footer-menu ul > li,
.footer-menu ul > li a {
    color: #000000 !important;
    font-size: 15px !important;
    min-height: 0px !important;
}

.footer-menu ul > li a:hover {
    text-decoration: underline;
}

.footer-menu ul > li span {
    color: red !important;
    cursor: not-allowed;
}

.footer-menu.socialmedia ul > li i {
    margin-right: 10px;
    display: inline-block;
    font-size: 18px;
    width: 20px;
    text-align: center;
}

footer #placeholder-footer-bottom .widget-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

footer #placeholder-footer-bottom .copyright > ul li span,
footer #placeholder-footer-bottom .loyalty-footer > ul li span {
    color: #222529;
    font-size: 16px;
    font-weight: 300;
}

footer #placeholder-footer-bottom .loyalty-footer > ul li b {
    color: #cb2e1e;
}

.partner-logos .wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: -20px;
    margin-right: -20px;
}

.partner-logos .wrapper img {
    display: block;
    padding: 0 20px;
    max-height: 30px;
}

footer .footer-menu.image img {
    max-width: 250px;
    opacity: 0.13;
}

footer #placeholder-footer-bottom .socialmedia > ul {
    list-style-type: none;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    margin-right: -5px;
    margin-left: -5px;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
}

footer #placeholder-footer-bottom .socialmedia > ul > li {
    padding: 0;
    padding-right: 5px;
    padding-left: 5px;
    flex: 0 auto;
}

footer #placeholder-footer-bottom .socialmedia > ul > li a,
footer #placeholder-footer-bottom .socialmedia > ul > li > span {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    background: #ffffff;
    border-radius: 0px;
}

footer #placeholder-footer-bottom .socialmedia > ul > li > span {
    background: red;
    cursor: not-allowed;
}

footer #placeholder-footer-bottom .socialmedia > ul > li a img,
footer #placeholder-footer-bottom .socialmedia > ul > li a img {
    transition: all .3s ease;
}

footer #placeholder-footer-bottom .socialmedia > ul > li a:hover img,
footer #placeholder-footer-bottom .socialmedia > ul > li a:focus img {
    transform: scale(1.15);
}

footer #placeholder-footer-bottom .socialmedia > ul > li .custom-image {
    display: flex;
    float: left;
    justify-content: center;
    align-items: center;
    height: 37px;
    width: 37px;
    background: #f5f5f5;
    border-radius: 0px;
}

footer #placeholder-footer-bottom .socialmedia > ul > li .custom-image img {
    max-height: 100%;
}

footer #placeholder-footer-wrapper ul li a, footer #placeholder-footer-wrapper ul li span {
    color: #222529 !important;
    text-transform: none;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    margin-top: 0px;
    padding: 0px;
    border-bottom: 0px;
}

/*END FOOTER*/

/* Slider style */
html .bx-wrapper {
    margin: 0;
}

html .bx-wrapper img {
    margin: auto;
}

html .bx-wrapper .bx-viewport {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0;
    left: 0px;
    z-index: 2;
}

html .bx-wrapper .bx-controls {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

html .bx-wrapper .bx-pager {
    font-size: 1rem;
    padding: 0;
    line-height: normal;
    display: flex;
    justify-content: center;
    z-index: 3;
}

html .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgb(0 0 0 / 0%);
    border: 1px solid #222529;
    text-indent: -9999px;
    color: rgba(0 0 0 / 0%);
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    border-radius: 0px;
    box-shadow: 0 0 3px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 0 3px rgb(0 0 0 / 25%);
}

html .bx-wrapper .bx-pager.bx-default-pager a:hover,
html .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #222529;
}

html .bx-wrapper .bx-controls-direction {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

html .bx-wrapper .bx-controls-direction a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: no-repeat;
    margin: 0;
    text-indent: 0;
    color: transparent;
    outline: none;
    width: 30px;
    height: 28px;
    font-size: 25px;
    position: relative;
    top: auto;
    opacity: 0.7;
}

html .bx-wrapper .bx-controls-direction a.bx-prev:before,
html .bx-wrapper .bx-controls-direction a.bx-next:after {
    position: absolute;
    font-family: "Font awesome 6 pro";
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-indent: 0px;
    filter: drop-shadow(0px 0px 6px rgba(0 0 0 / 20%));
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

html .bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: "\f053";
}


html .bx-wrapper .bx-controls-direction a.bx-next:after {
    content: "\f054";
}

/* Categorieën */
.categories ul,
.themes ul,
.category-list ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
}

.categories > ul > li > ul,
.themes > ul > li > ul,
.category-list > ul > li > ul {
    display: flex;
}

.categories > ul > li > ul > li {
    padding: 0 20px;
    display: flex;
    justify-content: center;
}

.categories > ul > li:first-child > span,
.categories > ul > li:last-child > span {
    display: block;
}

.categories > ul > li > ul > li a,
.themes > ul > li > ul > li a,
.category-list > ul > li > ul > li a {
    color: #222529;
}

.categories > ul > li > ul > li .custom-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #cb2e1e;
    border-radius: 0px;
    padding: 10px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    margin: auto;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
}

.categories > ul > li > ul > li,
.collection > ul > li > a {
    transition: all .4s ease;
}

.categories > ul > li > ul > li .custom-icon img,
.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image img,
.collection > ul > li .custom-icon img,
.themes > ul > li > ul > li .custom-icon img,
#container .widget-categorie-lijst div.items > .overlay-wrapper > .item .category-image img,
.references .bx-wrapper li > a:not([href="#"]) img {
    object-fit: contain;
    transition: all .4s ease;
}

.collection > ul > li:hover .custom-icon img,
.categories > ul > li > ul > li a:hover .custom-icon img,
.widget-product-lijst div.items > .overlay-wrapper > .item:hover > .main-image img,
.themes > ul > li > ul > li:hover .custom-icon img,
#container .widget-categorie-lijst div.items > .overlay-wrapper > .item:hover .category-image img,
.references .bx-wrapper li > a:not([href="#"]):hover img {
    transform: scale(1.15);
}

.categories > ul > li > ul > li a .menu-item-text,
.categories > ul > li > ul > li > span .menu-item-text {
    margin-top: 10px;
    display: block;
    overflow-wrap: anywhere;
}

.categories > ul > li > ul > li > span {
    color: red;
}

#container .widget-product-lijst .list-view {
    padding: 0px;
    border: none;
    position: relative;
}

#container .widget-product-lijst .list-view.list-view-loading .loading {
    height: 100%;
    background-position: center 6%;
}

#container .widget-product-lijst.items-wrapper {
    position: relative;
}

#container .widget-product-lijst div.items,
#container .widget-categorie-lijst:not(.productfilter) div.items {
    list-style-type: none;
    margin: 0;
    display: flex;
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
}

#container .widget-product-lijst:not(.product-slider) div.items {
    flex-wrap: wrap;
}

#container[class*="no_children_category"] .widget-product-lijst div.items,
#container[class*="category"] .widget-categorie-lijst:not(.productfilter) div.items {
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.widget-product-lijst div.items > .overlay-wrapper,
.widget-categorie-lijst div.items > .overlay-wrapper {
    width: 100%;
    padding: 0 20px;

}

.widget-product-lijst div.items > .overlay-wrapper > .item {
    padding: 15px;
    background: #ffffff;
    border-radius: 0px;
    border: 1px solid #e3e3e3;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
    transition: all .3s ease;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-content: start;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image,
.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-image {
    position: relative;
    overflow: hidden;
    align-self: flex-start;
    width: 100%;
}

div.action-label {
    position: relative;
    color: #46973a;
    font-weight: 700;
    display: block;
    margin: 0 !important;
    z-index: 9;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image a > img {
    width: 100%;
    height: 100%;
    max-height: 292px;
    display: block;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .3s ease-out .1s;
    -moz-transition: all .3s ease-out .1s;
    transition: all .3s ease-out .1s;
}

.widget-product-lijst div.items > .overlay-wrapper:hover > .item > .main-image > .thumbnails {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 9;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    background: rgb(0 0 0 / 30%);
    border-radius: 0px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li {
    padding: 3px;
    background: #ffffff;
    border-radius: 0px;
    overflow: hidden;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li:not(:first-child) {
    margin-top: 7px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-image > .thumbnails .overlay-gallery ul > li img {
    border-radius: 0px;
    width: 40px;
    height: 40px;
    opacity: 0.7;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li:hover img {
    opacity: 1;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info {
    margin-top: 15px;
    width: 100%;
    align-self: flex-start;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info > a .product-name {
    white-space: nowrap;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #222529;
    margin-bottom: 0px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e3e3e3;
    padding-top: 20px;
    width: 100%;
    margin-top: auto;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .wrapper .price,
.widget-product-lijst div.items > .overlay-wrapper > .item .wrapper .price > a,
.widget-productset-detail .cart-usp ul li.price {
    color: #222529;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3em;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .wrapper .price .point-symbol-image {
    margin-right: 10px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .wrapper .price .from-price {
    font-weight: 400;
    font-size: 16px;
    text-transform: lowercase;
    color: #222529;
    margin-right: 6px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .wrapper > a {
    display: flex;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications:empty {
    display: none;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span {
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: normal;
    color: #222529;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.material {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span:not(:last-child) {
    margin-bottom: 5px;
}

.widget-productset-detail .cart-usp ul li.delivery:before,
html .widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span:before,
.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.delivery:before,
.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.colors-label:before,
.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.material:before {
    font-size: 15px;
    margin-right: 5px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .description {
    border-top: 1px solid #cccccc;
    padding-top: 10px;
    margin-top: 10px;
    flex: 1;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .description > a {
    color: #222529;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors-label {
    display: none;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors-label {
    color: #7d7d7d;
    font-size: 16px;
    line-height: 1.5em;
    margin-right: 10px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -3px;
    margin-right: -3px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span {
    display: none;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span {
    padding: 0px 4px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span > .attachment > span {
    width: 20px;
    height: 13px;
    display: block;
    border-radius: 0px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span:nth-child(6) > .attachment > span {
    background: none !important;
    position: relative;
    width: auto;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .colors > span:nth-child(6) > .attachment > span:before {
    content: "\f067";
    font-family: "Font awesome 6 pro";
    font-weight: bold;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 1;
    color: #222529;
    font-size: 13px;
    display: flex;
    align-items: center;
    height: 100%;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > a {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #cccccc;
    display: block;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > a:empty {
    margin: 0;
    padding: 0;
    border: none;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > a > span {
    display: block;
    color: #7d7d7d;
    font-size: 16px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > a > span:not(:first-child) {
    margin-top: 3px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .buttons a.button {
    margin: 0;
}

.widget-product-lijst.product-slider .pager,
.main-detail-image .pager {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
}

.widget-product-lijst.product-slider .pager ul li.page,
.widget-product-lijst.product-slider .pager > span {
    display: none;
}

.widget-product-lijst.product-slider .pager ul li.next,
.main-detail-image .pager ul li.next {
    float: right;
    position: absolute;
    right: 0px;
}

.widget-product-lijst.product-slider .pager ul li.previous,
.main-detail-image .pager ul li.previous {
    float: left;
    position: absolute;
    left: 0px;
}

.widget-product-lijst.product-slider .pager ul li a,
.main-detail-image .pager ul li button,
html body .showThumbByDefault #lightGallery-action a:not(.cLthumb) {
    color: #ffffff;
    padding: 0;
    text-decoration: none;
    line-height: normal;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    margin-right: 0px;
    background: #222529;
    box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 40%);
    border-radius: 0px;
    transition: all .3s ease;
    border: 1px solid transparent;
    border-radius: 30rem;
}

html body .showThumbByDefault #lightGallery-action a:not(.cLthumb) {
    margin: 0 !important;
    display: flex !important;
    justify-content: center;
}

.widget-product-lijst.product-slider .pager ul li a i,
.main-detail-image .pager ul li button i {
    width: 100%;
    justify-content: center;
}

.widget-product-lijst.product-slider .pager ul li a:hover,
.main-detail-image .pager ul li button:hover,
html body .showThumbByDefault #lightGallery-action a:hover {
    background: #cb2e1e;
}

.widget-product-lijst.product-slider .pager ul li.previous a,
.main-detail-image .pager ul li.previous button {
    padding-right: 1px;
}

.widget-product-lijst.product-slider .pager ul li.next a,
.main-detail-image .pager ul li.next button {
    padding-left: 1px;
}

.collection ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.collection > ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.collection > ul > li {
    padding: 0px 20px;
    position: relative;
}

.collection > ul > li > span,
.collection > ul > li > a {
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
}

.collection > ul > li > span,
.collection > ul > li > a,
.collection > ul > li .custom-icon {
    display: block;
    width: 100%;
}

.collection > ul > li .custom-icon + .menu-item-text {
    display: none;
}

.collection > ul > li .custom-icon img {
    width: 100%;
    object-fit: cover;
    height: 719px;
    overflow: hidden;
}

.collection > ul > li > ul {
    position: absolute;
    top: 0px;
    pointer-events: none;
}

.collection > ul > li > ul:before {
    content: "";
    background: #222529;
    opacity: 0.85;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0px;
}

.collection > ul > li > ul > li {
    z-index: 9;
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
}

.collection > ul > li > ul > li:first-child {
    margin-bottom: 10px;
}

.collection > ul > li > ul > li:nth-child(2) {
    margin-bottom: 20px;
}

.collection > ul > li > ul > li:last-child a {
    display: inline-block;
    pointer-events: all;
}

.themes > ul > li > ul > li {
    padding: 0 20px;
}

.themes > ul > li > ul > li > span {
    display: none;
}

.themes > ul > li > ul > li > ul {
    overflow: hidden;
    border-radius: 0px;
    border: 1px solid #e3e3e3;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
    padding-bottom: 20px;
    height: 100%;
}

.themes > ul > li > ul > li > ul > li {
    overflow: hidden;
    max-height: 220px;
}

.themes > ul > li > ul > li > ul > li:not(:first-child) {
    padding: 20px 20px 0px 20px;
}

.themes > ul > li > ul > li > ul > li .custom-icon + .menu-item-text {
    display: none;
}

.themes > ul > li > ul > li > ul > li:last-child a {
    display: inline-block;
}

.references .bx-wrapper .bx-viewport {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0;
}

.references .bx-wrapper .bx-controls {
    display: none;
}

.references .bx-wrapper li {
    display: block;
    padding: 10px 0;
}

.references .bx-wrapper li > a {
    overflow: hidden;
    border-radius: 0px;
    border: 1px solid #e3e3e3;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
    display: block;
    margin: 0 20px;
}

hr {
    border-color: #cccccc;
    margin: 0px;
}

.category-list > ul > li ul {
    text-align: left;
}

.category-list > ul > li > ul > li {
    flex: 0 20%;
    padding: 0 20px;
}

.category-list > ul > li > ul > li.children > span {
    display: block;
    margin-bottom: 15px;
}

.footer-menu ul > li:not(:last-child),
.category-list > ul > li > ul > li > ul > li:not(:last-child) {
    margin-bottom: 0.5em;
}

.category-list > ul > li > ul > li > ul > li a:before,
.category-list > ul > li > ul > li > ul > li span:before {
    content: "\f105";
    font-family: "Font awesome 6 pro";
    font-weight: 400;
    margin-right: 5px;
    color: #cb2e1e;
}

#container main {
    margin: 0;
}

#container .widget-kruimelpad,
#container .widget-kruimelpad .row > div,
#container.no_children_category .widget-kruimelpad .row > div {
    display: flex;
}

#container .widget-kruimelpad > a,
#container .widget-kruimelpad .row > div > a,
#container.no_children_category .widget-kruimelpad .row > div > a {
    font-weight: 700;
    white-space: nowrap;
    line-height: normal;
}

#container .widget-kruimelpad > a:before,
#container .widget-kruimelpad .row > div > a:before,
#container.no_children_category .widget-kruimelpad .row > div > a:before {
    content: "\f053";
    font-family: 'Font awesome 6 pro';
    font-weight: bold;
    margin-right: 5px;
    display: inline-block;
    color: #cb2e1e;
}

#container .widget-kruimelpad > span,
#container .widget-kruimelpad .row > div > span,
#container.no_children_category .widget-kruimelpad .row > div > span {
    padding: 0 7px;
    font-weight: 700;
    position: relative;
    top: 2px;
}

#container .widget-kruimelpad .breadcrumbs {
    padding: 0 !important;
    margin: 0;
    border: 0;
    background: none;
}

#container .widget-kruimelpad .breadcrumbs li {
    color: inherit;
    margin: 0;
    padding: 0;
    line-height: normal;
    height: auto;
    font-size: inherit;
}

#container .widget-kruimelpad .breadcrumbs li:not(:last-child) a:after,
#container .widget-kruimelpad .breadcrumbs li:not(:last-child) span:after {
    content: "\f054";
    padding: 0 7px;
    font-family: 'Font awesome 6 pro';
    font-weight: bold;
    color: #222529;
    font-size: 0.6rem;
    position: relative;
    top: -1px;
}

#container .widget-kruimelpad .breadcrumbs li a,
#container .widget-kruimelpad .breadcrumbs li span {
    border: none;
    font-weight: 300;
}

#container .widget-kruimelpad a:hover,
#container .widget-kruimelpad a:focus {
    text-decoration: none;
    color: #cb2e1e;
}

.resource-image {
    border-radius: 0px;
}

#container[class*="category-"]:not(.productSet) h1 {
    margin: 0px;
}


#container .widget-categorie-lijst div.items > .overlay-wrapper > .item {
    border: 1px solid #e3e3e3;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
    background: #ffffff;
    border-radius: 0px;
    overflow: hidden;
    padding: 0px;
    text-align: center;
}

.widget-categorie-lijst:not(.productfilter) div.items a {
    display: block;
    width: 100%;
    padding: 0 20px;
}

.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-image,
.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info a:last-child {
    padding: 20px;
}

#container .widget-categorie-lijst div.items > .overlay-wrapper > .item .category-image img {
    max-height: 150px;
}

.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info a:not(:last-child) {
    padding: 0 20px;

}

.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info h4 {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0px;
}

.widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info a:last-child .button {
    display: inline-block;
}

#container[class*="category-"] .description > p:last-child {
    margin-bottom: 0;
}

/* Accordion */
div[class*="-item"],
#container main .productfilter .reset-filter {
    display: block;
    width: 100%;
}

div[class*="accordion-item"] {
    background: #ffffff;
    border-radius: 0px;
    border: 1px solid #e3e3e3;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
    padding: 20px;
}

div[class*="-item"] div[class*="-head"]:not(.ui-widget-header) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

div[class*="accordion-item"] div[class*="-head"] {
    padding: 20px;
    margin: -20px;
}

div[class*="-item"] div[class*="-head"] .label {
    background: none;
    color: #222529;
    padding: 0;
    margin: 0px;
}

div[class*="-item"] div[class*="-head"] .icon {
    font-size: 18px;
}

.productfilter div[class*="-head"] .label:empty + .icon,
div[class*="-item"]:only-child div[class*="-head"] .icon {
    display: none;
}

div[class*="-item"] div[class*="-head"] .icon .close,
div[class*="-item"].is-collapsed div[class*="-head"] .icon .open {
    display: block;
}

div[class*="-item"] div[class*="-head"] .icon .open,
div[class*="-item"].is-collapsed div[class*="-head"] .icon .close {
    display: none;
}

div[class*="-item"] div[class*="-body"],
div[class*="-item"].is-collapsed:only-child div[class*="-body"] {
    margin-top: 20px;
    display: block;
    width: 100%;
    transform-origin: top;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    visibility: visible;
    border-color: #e3e3e3 !important;
    max-height: 100%;
}

div[class*="-item"].is-collapsed div[class*="-body"] {
    opacity: 0;
    visibility: hidden;
    max-height: 0px;
    margin-top: 0px;
}

/* Category filter */
.productfilter form {
    padding: 0px !important;
    overflow: visible !important;
}

.productfilter div[class*="-item"] div[class*="-head"]:not(.ui-widget-header) {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
}

.productfilter div[class*="-item"] div[class*="-body"],
.productfilter div[class*="-item"].is-collapsed:only-child div[class*="-body"] {
    display: flex;
    flex-wrap: wrap;
    flex: 100%;
}

#container .productfilter div[class*="-item"] div[class*="-body"] .items {
    display: block;
    width: 100%;
}

#container .productfilter div[class*="-item"] div[class*="-body"] .items .item {
    display: block;
    width: 100%;
    padding: 0px;
    text-align: left;
}

#container .productfilter div[class*="-item"] div[class*="-body"] .items .item:last-child a {
    margin-bottom: 0px;
}

#container .productfilter div[class*="-body"] .filter-checkboxlist {
    width: 100%;
    border: none;
    margin: 0px;
    padding: 0px;
}

#container main .widget-9 .filter-colorblocklist {
    border-bottom: none;
}

.productfilter div[class*="-body"] .filter-checkboxlist input[type="checkbox"] {
    float: right;
}

.productfilter div[class*="-body"] input[type="checkbox"] {
    float: right;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"] {
    top: 2px;
}

.productfilter div[class*="-body"] input[type="checkbox"] + label {
    display: flex;
    align-items: center;
    flex: 1;
    line-height: normal;
    width: auto;
    padding-right: 30px;
    font-size: 15px;
    color: #222529;
    margin: 0px 0px 10px 0px;
}

.productfilter div[class*="-body"] input[type="checkbox"] + label span {
    width: auto;
    max-width: 100%;
    padding-right: 5px;
    flex-shrink: 0;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"] + label:before,
.widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values:not(.color-images) li[data-fromcolor]:before,
#container .widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values:not(.color-images) .attachment-type-1 {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 0px;
    margin-right: 5px;
    flex-shrink: 0;
    background: linear-gradient(180deg, rgba(255, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 33%, rgba(0, 192, 255, 1) 66%, rgba(192, 0, 255, 1) 100%);
    border: 1px solid transparent;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="blauw"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="blue"] + label:before {
    background: blue;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="bruin"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="brown"] + label:before {
    background: brown;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="geel"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="yellow"] + label:before {
    background: yellow;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="grijs"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="gray"] + label:before {
    background: gray;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="groen"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="green"] + label:before {
    background: green;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="oranje"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="orange"] + label:before {
    background: orange;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="paars"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="violet"] + label:before {
    background: purple;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="rood"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="red"] + label:before {
    background: red;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="roze"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="pink"] + label:before {
    background: pink;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="wit"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="white"] + label:before {
    background: white;
    border-color: #222529;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="zwart"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="black"] + label:before {
    background: black;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="zilver"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="silver"] + label:before {
    background: #c0c0c0;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="brons"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="bronze"] + label:before {
    background: #CD7F32;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="goud"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="gold"] + label:before {
    background: #FFD700;
}

.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="overig"] + label:before,
.productfilter div[class*="-body"] .filter-checkboxlist #FilterForm_productKleur input[type="checkbox"][value="other"] + label:before {
    content: "?";
    background: none;
    color: #222529;
    border-color: #222529;
    font-weight: 700;
    font-size: 15px;
}

.productfilter div[class*="-body"] .filter-checkboxlist br {
    display: none;
}

.productfilter .price-range {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-indent: -9999999999999999px;
}

.productfilter .price-range input {
    width: 100% !important;
    flex: 1 auto;
    margin-left: 5px;
}

.productfilter .price-range .range-slider-seperator {
    margin: 0 10px;
    text-indent: 0px;
}

#container .widget.productfilter .price-slider {
    background-color: #cccccc;
    margin-right: 0 !important;
    margin-bottom: 8px;
    height: 5px;
    border-radius: 0px;
    border: 0;
    position: relative;
    text-align: left;
    width: calc(100% - 22px);
    left: 6px;
}

.widget.productfilter .price-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    border-radius: 0px;
    background-color: #e3e3e3;
    top: 0;
    height: 100%;
}

.widget.productfilter .price-slider .ui-slider-handle {
    background: none;
    background-color: #ffffff;
    border: 5px solid #cb2e1e;
    width: 22px;
    height: 22px;
    top: -9px !important;
    -webkit-box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
    position: absolute;
    z-index: 2;
    border-radius: 1em;
    cursor: ew-resize;
    outline: 0;
}

.widget.productfilter .price-seperator {
    display: none;
}

#container main .productfilter .reset-filter a:before {
    content: "\f2ed";
    font-family: "Font awesome 6 pro";
    font-size: inherit;
    padding: 0;
    margin-right: 10px;
    font-weight: 300;
}

.widget-product-lijst .filter {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
}

.widget-product-lijst .filter:first-of-type {
    border-top: 1px solid #e3e3e3;
}

.widget-product-lijst .filter:not(:first-of-type) {
    border-bottom: 1px solid #e3e3e3;
}

#container .filter select {
    width: auto;
}

.pager ul.yiiPager {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    margin-left: -3px;
    margin-right: -3px;
}

.pager ul.yiiPager > li {
    padding: 0 3px;
}

.pager ul.yiiPager > li > a,
.pager ul.yiiPager > li > button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 41px;
}

.pager ul.yiiPager > li > a i,
.pager ul.yiiPager > li > button i {
    font-size: 14px;
    position: relative;
}

html body #lightGallery-close {
    font-size: 30px;
    padding-left: 4px;
    height: 40px;
    width: 30px;
    background: none;
    color: #ffffff;
}

html body #lightGallery-close:hover {
    background: none;
    color: #bd2e2e;
}

html #lightGallery-close:after {
    content: "\f00d";
    font-family: "Font Awesome 6 Pro" !important;
    position: relative;
    font-size: inherit;
    line-height: normal;
    top: -1px;
    right: auto;
}

html body #lightGallery-Gallery .thumb_cont {
    background-color: rgb(0 0 0 / 0%);
}

html body #lightGallery-Gallery .thumb_cont .thumb > img {
    border: 1px solid #e3e3e3 !important;
    border-radius: 0px;
}

html body #lightGallery-Gallery .thumb_cont .thumb:hover > img,
html body #lightGallery-Gallery .thumb_cont .thumb.active > img {
    border-color: #a3afb5 !important;
}

html body #lightGallery-Gallery .thumb_cont .thumb_inner {
    margin-left: 0px;
}

html .showThumbByDefault#lightGallery-outer {
    background-color: rgb(0 0 0 / 85%);
}

html #lightGallery-action a.cLthumb:after {
    content: "";
    display: none;
}

html #lightGallery-slider .lightGallery-slide img {
    border-radius: 0px;
}

html body #lightGallery-action a#lightGallery-prev:before,
html body #lightGallery-action a#lightGallery-next:after {
    color: inherit;
    font-weight: inherit;
    top: auto;
    left: auto;
    font-size: 14px;
    position: relative;
    bottom: auto;
}

#container.productSet #placeholder-content,
#container #placeholder-content,
#container #placeholder-content > .widget-duplicaat {
    width: 100%;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}


.description-small .read-more {
    font-weight: 700;
}

/* Dutch */
body[lang="nl"] .description-small .read-more::before {
    content: "Lees meer >";
}

/* English */
body[lang="en"] .description-small .read-more::before {
    content: " Read more >";
}

/* French */
body[lang="fr"] .description-small .read-more::before {
    content: "Lire la suite >";
}

/* German */
body[lang="de"] .description-small .read-more::before {
    content: "Lesen Sie mehr >";
}

/* Danish */
body[lang="da"] .description-small .read-more::before {
    content: "Læs mere >";
}

/* Spanish  */
body[lang="es"] .description-small .read-more::before {
    content: "Leer más";
}

/* Finnish */
body[lang="fi"] .description-small .read-more::before {
    content: "Lue lisää >";
}

/* Swedish */
body[lang="sv"] .description-small .read-more::before {
    content: "Läs mer >";
}

/* Romanian */
body[lang="ro"] .description-small .read-more::before {
    content: "Citește mai mult >";
}

/* Italian */
body[lang="it"] .description-small .read-more::before {
    content: "Per saperne di più >";
}

#container.productSet .widget-productset-detail.main-detail-image {
    flex: 0 auto;
    float: none;
}

.widget-productset-detail .product-image {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

.widget-productset-detail .product-image .product-main-image:after {
    content: "\f00e";
    font-family: "Font Awesome 6 Pro";
    font-weight: 500;
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222529;
    font-size: 45px;
    transition: all .3s ease;
}

.widget-productset-detail .product-image .product-main-image:hover:after {
    color: #cb2e1e;
}

.widget-productset-detail .product-image .product-images {
    list-style-type: none;
    display: flex;
    margin: 0;
    flex-flow: row;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 10px;
    width: 100%;
    margin-top: 20px;
}

.widget-productset-detail .product-image .product-images li {
    padding: 0 5px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    display: none;
}

.widget-productset-detail .product-image .product-images li a {
    display: block;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease;
}

.widget-productset-detail .product-image .product-images li:hover a,
.widget-productset-detail .product-image .product-images li:hover a:focus {
    border-color: #222529;
}

.widget-productset-detail .product-image .product-images li.active a {
    transition: all 0s ease;
    border-color: #cb2e1e;
}

.widget-productset-detail .product-image .product-images li a img {
    max-width: 100%;
    max-height: 100%;
    min-width: 1px;
    min-height: 1px;
    transition: all .3s ease;
    opacity: 0.7;
    padding: 3px;
}

.widget-productset-detail .product-image .product-images li:hover a img,
.widget-productset-detail .product-image .product-images li.active a img {
    opacity: 1;
}

#container .widget-voeg-toe-aan-winkelwagen-widget {
    color: #222529 !important;
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

.widget-voeg-toe-aan-winkelwagen-widget .product-details {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border-radius: 0px;
    border: 1px solid #e3e3e3;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
    padding: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget.loading .product-details:after,
#container .widget-winkelwagen.checkout-cart.loading:after,
#container .widget-afrekenen form.loading:after,
#complete-order-modal form.checkout-form.loading:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("https://a95e34c3751ea4a0112a-efb4b109da3255fbc4dc396b1c2145fa.ssl.cf1.rackcdn.com/1618402597_1537453040_loader.gif") no-repeat center center;
    background-color: rgb(0 0 0 / 10%);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    cursor: not-allowed;
    z-index: 9999;
}

.widget-voeg-toe-aan-winkelwagen-widget .product-details .main-details span.h2,
#container .widget-winkelwagen.checkout-cart.shoppingCart .title {
    display: block;
    text-align: left;
}

.widget-voeg-toe-aan-winkelwagen-widget .product-details .information-details {
    padding-bottom: 20px;
}

.widget-productset-detail .cart-usp ul {
    list-style-type: none;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 6px;
}

.widget-productset-detail .cart-usp ul li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px 0;
}

.widget-productset-detail .cart-usp ul li:not(:last-child):after {
    content: "|";
    display: block;
    padding: 0 10px;
    color: #222529;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .main-info .wrapper .price .point-symbol-image,
.widget-productset-detail .cart-usp ul li.price .point-symbol-image {
    margin-right: 5px;
}

.widget-productset-detail .cart-usp ul li.stock,
.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.stock {
    color: #46973a;
}

.widget-productset-detail .cart-usp ul li.stock:before,
.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.stock:before {
    content: "\f466";
    font-family: "Font awesome 6 pro";
}

.widget-productset-detail .cart-usp ul li.delivery:before,
.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.delivery:before {
    content: "\f48b";
    font-family: "Font awesome 6 pro";
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.colors-label:before {
    content: "\f53f";
    font-family: "Font awesome 6 pro";
}

.widget-productset-detail .cart-usp ul li.stock:before {
    margin-right: 5px;
    font-size: 22px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.material:before {
    content: "\f7d9";
    font-family: "Font awesome 6 pro";
}

.widget-voeg-toe-aan-winkelwagen-widget .product-details .selection > ul > li {
    border-top: 1px solid #e3e3e3;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul > li > div.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    white-space: nowrap;
    position: relative;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul > li:not(.accordion-active) > div.title.accordion-title:not(.accordion-panel-done),
.widget-voeg-toe-aan-winkelwagen-widget .selection ul > li:not(.accordion-active) > div.title.accordion-title:not(.accordion-panel-done) + div {
    opacity: 0.35;
}

#container .widget-voeg-toe-aan-winkelwagen-widget .selection ul > li > div.title label {
    margin: 0;
    font-weight: 400;
    width: 100%;
    flex: 1;
    padding-right: 20px;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul > li:not(.accordion-active) .title.accordion-panel-done label {
    color: #46973a;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul > li > div.title .attribute-selected {
    color: #46973a;
    font-weight: 700;
    line-height: normal;
    margin-right: 140px;
    flex: 1 1 auto;
    white-space: nowrap;
    max-width: 100%;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul > li > div.title .attribute-edit {
    color: #222529;
    display: none;
    font-size: 16px;
    line-height: normal;
    margin-left: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    justify-content: end;
    right: 0;
    padding: 20px;
    text-align: right;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul > li > div.title .attribute-edit:hover {
    text-decoration: underline;
}

#container .widget-voeg-toe-aan-winkelwagen-widget .selection ul > li > div.title + div {
    padding: 0px 0px 20px 0px;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values li {
    width: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    vertical-align: initial;
    position: relative;
    margin: 0;
    padding: 5px 7px;
    padding-left: calc(20px + 10px);
    font-size: 16px;
    line-height: normal;
    border-radius: 0px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    margin-bottom: 5px;
    margin-right: 5px;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values:not(.color-images) li[data-fromcolor]:before,
#container .widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values:not(.color-images) .attachment-type-1 {
    position: absolute;
    left: 5px;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values li span.check {
    display: none !important;
}

#container .widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values .attachment-type-1 {
    border: none;
}

#container .widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values .attachment-type-1 span {
    width: 110%;
    height: 110%;
    border: none;
    position: absolute;
    margin: 0px;
    border-radius: 0px;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values.color-images li {
    padding: 5px 10px;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values.color-images li img.color-value-image {
    width: 100%;
    height: auto;
}

#container .widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values li .attribute-value-label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    height: auto;
    border: none;
    align-items: center;
    line-height: 1.5em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item {
    border-radius: 0px;
    padding: 0;
    border: 1px solid #e3e3e3;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location:not(:last-child),
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item:not(:last-child) {
    margin-bottom: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title .pcp-location-label,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div .product-name {
    color: #222529;
    font-weight: 700;
    margin-right: 20px;
    line-height: normal;
    text-align: left;
    display: flex;
    width: 100%;
    overflow: hidden;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div .product-name * {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title {
    color: inherit;
    font-weight: inherit;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .print-location .pcp-location-title,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div:first-child {
    flex: 100%;
    padding: 10px 20px;
    background: #f5f5f5;
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location-image {
    max-height: 16rem;
    border-radius: 0px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location .attachment {
    margin: 0px;
    display: block;
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location .print-location-image + .attachment {
    padding-left: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value {
    padding: 0px;
    background: none !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value:not(:last-child) {
    margin-bottom: 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .print-location .attachment .attachment-value {
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span {
    white-space: nowrap;
}

/* Text behind the amount of chosen colors */
/* Dutch */
body[lang="nl"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " kleur";
}

body[lang="nl"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="nl"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="nl"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="nl"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="nl"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="nl"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="nl"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="nl"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " kleuren";
}

/* English */
body[lang="en"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " color";
}

body[lang="en"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="en"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="en"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="en"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="en"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="en"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="en"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="en"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " colors";
}

/* French */
body[lang="fr"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " couleur";
}

body[lang="fr"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="fr"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="fr"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="fr"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="fr"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="fr"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="fr"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="fr"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " couleurs";
}

/* German */
body[lang="de"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " farbe";
}

body[lang="de"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="de"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="de"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="de"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="de"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="de"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="de"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="de"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " farben";
}

/* Danish */
body[lang="da"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " farve";
}

body[lang="da"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="da"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="da"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="da"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="da"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="da"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="da"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="da"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " farver";
}

/* Spanish  */
body[lang="es"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " color";
}

body[lang="es"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="es"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="es"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="es"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="es"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="es"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="es"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="es"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " colores";
}

/* Finnish */
body[lang="fi"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " väri";
}

body[lang="fi"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="fi"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="fi"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="fi"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="fi"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="fi"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="fi"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="fi"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " väriä";
}

/* Swedish */
body[lang="sv"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " färg";
}

body[lang="sv"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="sv"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="sv"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="sv"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="sv"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="sv"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="sv"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="sv"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " färger";
}

/* Romanian */
body[lang="ro"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " culoare";
}

body[lang="ro"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="ro"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="ro"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-4 span:after,
body[lang="ro"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="ro"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="ro"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="ro"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="ro"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " culori";
}

/* Italian */
body[lang="it"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-1 span:after {
    content: " colore";
}

body[lang="it"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-2 span:after,
body[lang="it"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-3 span:after,
body[lang="it"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachmen-values .attachment .attachment-value.color-4 span:after,
body[lang="it"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-5 span:after,
body[lang="it"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-6 span:after,
body[lang="it"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-7 span:after,
body[lang="it"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-8 span:after,
body[lang="it"] .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.color-9 span:after {
    content: " colori";
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .pcp-baseprice-info-label,
.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .pcp-info-label {
    display: none !important;
}

#min-order {
    display: none;
}

#min-order > span {
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 0px;
    display: block;
    overflow: hidden;
    background: #cccccc;
}

#min-order > span > i {
    margin-right: 10px;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li[data-key="size"] > .attribute-values li#min-order {
    margin-bottom: 20px;
    display: block;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul li .quantity-values #quantityRadioButtonList li {
    border-bottom: 1px solid #e3e3e3;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul li .quantity-values #quantityRadioButtonList li label {
    display: flex;
    align-items: center;
    padding: 10px 0;
    margin: 0;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul li .quantity-values #quantityRadioButtonList li label input {
    margin-right: 10px;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul li .quantity-values #quantityRadioButtonList + span {
    margin-top: 20px;
    display: block;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul li .quantity-values #quantityRadioButtonList:empty + span {
    display: none;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .quantity-input-container {
    display: block;
    width: 100%;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .quantity-input-container .row .columns {
    padding: 0;
}

#container .widget-voeg-toe-aan-winkelwagen-widget .selection ul li .quantity-values .quantity-input-container input {
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
}

#container .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .stock-indicator {
    margin: 0;
    background: none;
    padding: 0;
    font-size: 14px;
    min-height: 0;
    margin-top: .2rem;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .stock-indicator.in-stock:before {
    content: "\f0d1";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    padding-right: 8px;
    color: #46973a;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .stock-indicator.out-of-stock:before {
    content: "\f0d1";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    padding-right: 8px;
    color: #b82323;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .samestaffel-dropdown + * {
    margin-top: 1rem;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values {
    padding: 0;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li:not(:last-child) {
    margin-bottom: 10px;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li[data-key="size"] > .attribute-values li#min-order {
    margin-bottom: 20px;
    display: block;
}


.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li span.attribute-value-label {
    width: 100%;
    max-width: 4rem;
    text-align: left;
    font-size: 14px;
    color: inherit;
    font-weight: 500;
    padding: 13px 0px;
    align-self: baseline;
    display: flex;
    align-items: center;
    line-height: normal;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .quantity-input-container {
    display: block;
    width: 100%;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .quantity-input-container .row .columns {
    padding: 0;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .total-quantity-label,
.widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .total-quantity-value {
    display: none;
}

.widget-voeg-toe-aan-winkelwagen-widget .product-details .price-details {
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
}

.widget-voeg-toe-aan-winkelwagen-widget .product-details .price-details,
.widget-winkelwagen .price-details {
    border-top: 1px solid #e3e3e3;
}

.widget-voeg-toe-aan-winkelwagen-widget .product-details .price-details .title {
    display: block;
}

.widget-winkelwagen .price-details {
    padding-top: 20px;
}

.widget-voeg-toe-aan-winkelwagen-widget .product-details .price-details .cart-summary,
#container .widget-winkelwagen .price-details .cart-summary {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.widget-voeg-toe-aan-winkelwagen-widget .product-details .price-details .cart-summary.hide {
    display: none !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary > .row {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .row.collapse,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div {
    padding: 5px 0;
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .row.collapse > div,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div > span {
    width: 50%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .row.collapse > div > span,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div > span {
    line-height: 21px;
    text-align: left;
    color: #222529;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .row.collapse > div.large-3.small-4.columns,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div .price {
    text-align: right;
    white-space: nowrap;
}

#configuration-placeholder-widget-693 > div.checkout-mode-offerRequest > div > div.price-details > div > div:nth-child(1) > div.large-3.small-4.columns > span,
#configuration-placeholder-widget-693 > div.checkout-mode-offerRequest > div > div.price-details > div > div.calctotal > div:nth-child(1) > div.large-3.small-4.columns > span,
#configuration-placeholder-widget-693 > div.checkout-mode-offerRequest > div > div.price-details > div > div.calctotal > div.row.collapse.total.ppp-container > div.large-3.small-4.columns > span,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .calctotal {
    display: none !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .calctotal {
    display: block;
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .calctotal > br {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .calctotal > div:first-child,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div:last-child > span:first-child {
    font-weight: 700;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget #price-specify {
    color: #000000 !important;
    display: block;
    margin-top: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget #price-specify:before {
    content: "\f05a";
    font-family: "Font Awesome 6 Pro";
    color: #46973a;
    font-size: 16px;
    display: inline-block;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget #price-specify.closed > span > span.open,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget #price-specify.opened > span > span.close {
    display: none;
}

.widget-voeg-toe-aan-winkelwagen-widget .buttons {
    display: flex;
    flex-wrap: wrap;
}

#container .widget-voeg-toe-aan-winkelwagen-widget .less-than-minimal-label {
    flex: 100%;
    line-height: normal;
    margin-bottom: 10px;
    display: block;
    order: 0;
    color: white;
    padding: 8px 15px;
    text-align: center;
    border: none;
    border-radius: 0px;
    background: #ce3a3a;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .button {
    flex: 0 100%;
    width: 100%;
    margin-left: 0 !important;
    font-weight: 600;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart + .add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart + .button {
    margin-top: 10px;
}

.widget-voeg-toe-aan-winkelwagen-widget .buttons .price-placeholder {
    display: none !important;
}

.widget-voeg-toe-aan-winkelwagen-widget .buttons .no-price {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #e3e3e3;
    background: #cccccc;
    border-radius: 0px;
}

.widget-productset-detail table {
    width: 100%;
    margin: 0;
}

table tr:not(:last-child) {
    border-bottom: 1px solid #cccccc;
}

table tr th,
table tr td {
    font-size: 16px;
    padding: 10px 0;
    color: #222529;
}

table tr th {
    font-weight: 600;
    padding-right: 10px;
}


.alert-box {
    display: block;
    line-height: normal;
    margin-bottom: 0;
    padding: 10px 15px;
    padding-right: 37px;
    font-size: 16px;
}

.alert-box.secondary {
    background-color: #cccccc;
    border-color: #e3e3e3;
    color: #222529;
}

.alert-box.secondary .button {
    padding: 7px;
    font-size: 15px;
    display: inline-block;
    font-weight: 400 !important;
    text-transform: none;
    margin-top: 0.5rem;
}

.alert-box.secondary .button:hover,
.alert-box.secondary .button:focus {
    background: #f68c1f !important;
    color: #ffffff !important;
}

.alert-box .close {
    padding: 10px 5px;
    top: 6px;
    margin-top: 0;
    right: 8px;
    color: #222529;
    font-weight: 600;
    opacity: 1 !important;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
}

.alert-box .close:hover {
    color: red !important;
}

.details + .alert-box {
    margin-top: 20px;
}

.details + .alert-box + .selection {
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

#container .widget-afrekenen,
#container .widget-afrekenen,
#container.payInvoice .widget-afrekenen {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 0;
    width: auto;
    margin: 0;
}

#container .widget-afrekenen > form.checkout-form,
#container .widget-afrekenen > form.checkout-form,
#container.payInvoice .widget-afrekenen > form.checkout-form {
    display: flex;
    flex-wrap: wrap;
}

#container .widget-afrekenen > form.checkout-form > .items,
#container .widget-afrekenen > form.checkout-form > .items,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items {
    width: 100%;
    order: 1;
}

#container .widget-afrekenen > form.checkout-form > .items [class*="block-grid-"],
#container .widget-afrekenen > form.checkout-form > .items [class*="block-grid-"],
#container.payInvoice .widget-afrekenen > form.checkout-form > .items [class*="block-grid-"],
#container .widget-contactformulier form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: baseline;
    margin: 0;
}

#container .widget-afrekenen > form.checkout-form > .items > [class*="block-grid-"],
#container .widget-afrekenen > form.checkout-form > .items > [class*="block-grid-"],
#container.payInvoice .widget-afrekenen > form.checkout-form > .items > [class*="block-grid-"] {
    margin-left: -0.59375rem;
    margin-right: -0.59375rem;
    order: 1;
}

#container .widget-afrekenen > form.checkout-form > .items:last-child,
#container .widget-afrekenen > form.checkout-form > .items:last-child {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#container .widget-afrekenen > form.checkout-form > .button,
#container .widget-afrekenen > form.checkout-form > .button,
#container.payInvoice .widget-afrekenen > form.checkout-form > .button {
    order: 4;
    flex: 100%;
}

#container .widget-afrekenen > form.checkout-form > .button + span,
#container .widget-afrekenen > form.checkout-form > .button + span,
#container.payInvoice .widget-afrekenen > form.checkout-form > .button + span {
    order: 3;
    flex: 100%;
    text-align: center;
    margin: 20px 0px;
}

#container .widget-afrekenen > form.checkout-form > .buttons,
#container .widget-afrekenen > form.checkout-form > .buttons,
#container.payInvoice .widget-afrekenen > form.checkout-form > .buttons {
    order: 2;
    flex: 100%;
}

#container .widget-afrekenen > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons,
#container .widget-afrekenen > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons {
    flex: 1;
    margin-left: 10px;
}

#container .widget.widget-afrekenen span.title,
#container .widget.widget-afrekenen span.title,
#container.payInvoice .widget.widget-afrekenen span.title {
    width: 100%;
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
}

#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 .row:last-child,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 .row,
#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 .row.field_country,
#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 .row.field_otherDeliveryAddress,
#container .widget-contactformulier form > .row.buttons {
    margin-bottom: 0;
    position: relative;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 .row,
#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-2 .row,
#container .widget-contactformulier form > .row {
    margin-bottom: 0;
    position: relative;
}

#container .widget-afrekenen > form.checkout-form .address-info {
    display: none;
}

#container .widget-afrekenen > form.checkout-form > .items .item,
#container .widget-afrekenen > form.checkout-form > .items .item,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .item,
#container .widget-contactformulier form > .row:not(:last-child) {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

#container .widget-afrekenen > form.checkout-form > .items .terms,
#container .widget-afrekenen > form.checkout-form > .items .terms {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

#container .widget-afrekenen > form.checkout-form > .items .terms .item,
#container .widget-afrekenen > form.checkout-form > .items .terms .item {
    margin-bottom: 0px;
}

#container .widget-afrekenen > form.checkout-form > .items:last-child > div > .item:last-child,
#container .widget-afrekenen > form.checkout-form > .items:last-child > div > .item:last-child {
    margin: 0px;
}

label,
#container .widget-afrekenen > form.checkout-form > .items .item label,
#container .widget-afrekenen > form.checkout-form > .items .item label,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .item label,
#container .widget-winkelwagen.checkout-cart label[for="discountCode"],
#container .widget-contactformulier form > .row > label,
#container .widget.widget-afrekenen .form-delivery-address span.title,
#container .widget.widget-afrekenen .form-delivery-address span.title,
#container.payInvoice .widget.widget-afrekenen .form-delivery-address span.title {
    color: #222529;
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
}

#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 > .item,
#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 > .item,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 > .item {
    padding-top: 20px;
    border-top: 1px solid #e3e3e3;
}

#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 > .item .columns > label,
#container .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 > .item .columns > label,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 > .item .columns > label,
#container .widget.widget-afrekenen span.title,
#container .widget.widget-afrekenen span.title,
#container.payInvoice .widget.widget-afrekenen span.title,
#container .widget.widget-afrekenen .form-delivery-address span.title,
#container .widget.widget-afrekenen .form-delivery-address span.title,
#container.payInvoice .widget.widget-afrekenen .form-delivery-address span.title {
    font-weight: 600;
    margin-bottom: 20px;
}

#container .widget-afrekenen > form.checkout-form > .items .item label .required,
#container .widget-afrekenen > form.checkout-form > .items .item label .required,
#container .widget-contactformulier > form > .row > label .required,
label .required {
    color: #ce3a3a;
}

#container .widget-afrekenen > form.checkout-form > .items .item .check,
#container .widget-afrekenen > form.checkout-form > .items .item .check {
    display: flex;
    float: left;
}

#container .widget-afrekenen > form.checkout-form > .items .item .check .columns,
#container .widget-afrekenen > form.checkout-form > .items .item .check .columns {
    line-height: normal;
    width: auto;
    display: flex;
    align-items: center;
}

#container .widget-afrekenen > form.checkout-form > .items .item .check .columns > input,
#container .widget-afrekenen > form.checkout-form > .items .item .check .columns > input,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .item .check .columns > input,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .item .check .columns > label,
#container .widget-afrekenen > form.checkout-form > .items .item .check .columns > label,
#container .widget-afrekenen > form.checkout-form > .items .item .check .columns > label {
    line-height: normal;
    margin: 0;
    cursor: pointer;
}

#container .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"],
#container .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"],
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"] {
    display: flex;
    height: 22px;
    align-items: center;
    float: left;
    width: 0px;
}


#container .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"] + label,
#container .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"] + label,
#container.payInvoice .widget-afrekenen > form.checkout-form > .items .item .columns input[type="radio"] + label {
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
    padding-left: 23px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}

#ui-datepicker-div {
    background: #f5f5f5;
    border-radius: 0px;
    box-shadow: 0px 8px 10px -1px rgb(0 0 0 / 6%);
    -webkit-box-shadow: 0px 8px 10px -1px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0px 8px 10px -1px rgb(0 0 0 / 6%);
    overflow: hidden;
}

#ui-datepicker-div .ui-datepicker-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #141414;
    color: #ffffff;
    padding: 8px 15px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    order: 1;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    order: 3;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
    order: 2;
}

html #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev span,
html #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next span {
    text-decoration: none;
    font-size: 20px;
    margin: 0;
    color: #ffffff;
}

#ui-datepicker-div .ui-datepicker-calendar {
    display: block;
    padding: 10px;
    margin: 0;
}

#ui-datepicker-div .ui-datepicker-calendar thead {
    background: none;
}

#ui-datepicker-div .ui-datepicker-calendar tr th,
#ui-datepicker-div .ui-datepicker-calendar tr td {
    padding: 7px 12px;
}

#ui-datepicker-div .ui-datepicker-calendar .undefined a:hover,
#ui-datepicker-div .ui-datepicker-calendar .undefined a:focus {
    color: #222529;
}

#ui-datepicker-div .ui-datepicker-calendar .undefined.ui-datepicker-unselectable {
    cursor: not-allowed;
    opacity: 0.4;
}

#container .widget-afrekenen > form.checkout-form > .items .item .columns textarea,
#container .widget-afrekenen > form.checkout-form > .items .item .columns textarea {
    max-width: 100%;
    min-height: 180px;
}

#container .widget-afrekenen > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label,
#container .widget-afrekenen > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label {
    font-size: 16px;
    font-weight: 400;
}

#container .widget-afrekenen > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label a,
#container .widget-afrekenen > form.checkout-form > .items > .large-block-grid-1 .field_acceptTerms .item label a {
    color: #222529;
    text-decoration: underline;
}

#container .widget-afrekenen > form.checkout-form > .buttons *,
#container .widget-afrekenen > form.checkout-form > .buttons *,
#container.payInvoice .widget-afrekenen > form.checkout-form > .buttons * {
    display: block !important;
    width: 100%;
}

.shoppingCart {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-self: baseline;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart {
    padding: 20px;
    border-radius: 0px;
    border: 1px solid #e3e3e3;
    cursor: auto;
    background: #ffffff !important;
    position: relative;
    right: 0;
    height: 100%;
    overflow: hidden;
    z-index: auto;
    box-shadow: 2px 2px 10px -1px rgb(0 0 0 / 15%);
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .h2.title {
    text-align: left;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px !important;
    padding-bottom: 20px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items + .button {
    margin-top: 20px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart {
    display: inline-block;
    width: 100%;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .empty {
    line-height: 1.5em;
    font-size: 16px;
    color: #222529;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartRemove {
    margin: 0;
    width: auto;
    line-height: normal;
    padding: 0;
    margin-left: auto;
    display: flex;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartRemove a {
    overflow: hidden;
    text-indent: 0;
    float: none;
    width: auto;
    height: auto;
    line-height: 1;
    padding: 4px;
    font-size: 15px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    background: none;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartRemove a:hover,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartRemove a:focus,
#container .widget-winkelwagen.checkout-cart .discount a.remove:hover:after,
#container .widget-winkelwagen.checkout-cart .discount a.remove:focus:after {
    border-color: #ce3a3a;
    color: #ce3a3a;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title + .attachment {
    display: flex;
    align-items: center;
    padding: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title + .attachment {
    flex-wrap: wrap;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > a img {
width: 100%;
    max-width: 220px;
    height: auto;
    max-height: none;
    float: none;
    margin: 0;
    border-radius: 0px;
    padding-right: 20px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: 10px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div {
    display: flex;
    width: 100%;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div:not(:last-child) {
    margin-bottom: 5px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > span {
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    color: #222529;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .left {
    font-family: inherit;
    white-space: normal;
    padding: 0;
    margin: 0;
    background: none;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .left > span:first-child {
    margin-bottom: 5px;
    width: 100%;
    font-weight: 600;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .left > span {
    text-align: left;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right {
    width: 100%;
    margin-top: 10px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .left > span:last-child,
#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span {
    display: flex;
    width: 100%;
    text-align: left;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a {
    margin-top: 5px;
    text-decoration: underline;
}

/* Checkout text behind "remove.." printing on product */
/* Dutch */
body[lang="nl"] #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " bewerking";
}

/* English */
body[lang="en"] #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " adjustment";
}

/* French */
body[lang="fr"] #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " modifier";
}

/* German */
body[lang="de"] #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " bearbeiten";
}

/* Danish */
body[lang="da"] #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " redigering";
}

/* Spanish  */
body[lang="es"] #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " editar";
}

/* Finnish */
body[lang="fi"] #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " muokkaus";
}

/* Swedish */
body[lang="sv"] #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " redigering";
}

/* Romanian */
body[lang="ro"] #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " editarea";
}

/* Italian */
body[lang="it"] #container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div > .cartProduct > div > .right .printing > .right > span:last-child a:after {
    content: " modifica";
}


#container main .shoppingCart .shopping-cart-detail .items .discount {
    padding: 20px 0;
    border-top: 1px solid #e3e3e3;
    margin-top: 20px;
}

#container main .shoppingCart .shopping-cart-detail .items .discount dt {
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #cb2e1e;
    font-size: 16px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .discount:not(.discount-prompt) {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #e3e3e3;
    margin-top: 20px;
}

#container .widget-winkelwagen.checkout-cart .discount > dd {
    display: inline-flex;
    align-items: center;
    margin: 0;
    width: 100%;
}

#container .widget-winkelwagen.checkout-cart .discount > dd > span {
    margin: 0;
    padding: 7px 15px;
    border-radius: 0px;
    font-size: 16px;
    line-height: normal;
    float: left;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    outline: 0;
    display: flex;
    align-items: center;
    background: #f5f5f5;
    cursor: not-allowed;
}

#container .widget-winkelwagen.checkout-cart .discount a.remove {
    font-size: 16px;
    color: transparent;
    margin-left: 10px;
    position: relative;
    padding: 6px 15px;
}

#container .widget-winkelwagen.checkout-cart .discount a.remove:after {
    content: "\f1f8";
    font-family: "Font Awesome 6 Pro";
    font-weight: bold !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 8px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222529;
    font-size: 14px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right {
    display: flex !important;
    float: left !important;
    margin: 0;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input {
    margin: 0;
    border-radius: 100rem 0px 0px 100rem;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a {
    border-radius: 0px 100rem 100rem 0px;
    padding: 6px 15px;
    border-left: 0;
    border-color: #e3e3e3;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div:last-child > span {
    font-weight: 600;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div > .label {
    font-family: inherit;
    white-space: normal;
    padding: 0;
    background: none;
    flex: 1;
}

#containerProcess #placeholder-content,
#containerProcess #placeholder-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#containerProcess .widget-winkelwagen.checkout-cart.shoppingCart,
#containerProcess .widget-winkelwagen.checkout-cart.shoppingCart,
#containerProcess .cart-intro,
#containerProcess .cart-intro,
#container.payInvoiceProcess .cart-intro,
#containerProcess .widget.widget-winkelwagen,
#containerProcess .widget.widget-winkelwagen {
    display: none;
}

#containerProcess main .widget-duplicaat .widget-afrekenen,
#containerProcess main .widget-duplicaat .widget-afrekenen {
    width: 100%;
}

/* Contactform style */
.widget-contactformulier form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.widget-contactformulier form > .row {
    padding: 0 10px;
}

.widget-contactformulier form > .row.field_question,
.widget-contactformulier form > .row.field_validation + .row,
.widget-contactformulier form > .row.buttons {
    -ms-flex: 0 0 100%;
    flex: 0 100%;
    max-width: 100%;
}

.widget-contactformulier form > .row:not(.buttons) {
    margin-bottom: 20px;
}

/* Staticpage style */
#container.staticPage main div[class*="widget-"]:not(.widget-statische-pagina) {
    display: none !important;
}

#container.staticPage.staticPage-750272 main .widget-meertalige-responsive-slider.fullwidth-slider,
#container.staticPage.staticPage-750272 main .widget.widget-contactformulier,
#container.staticPage.staticPage-750272 main .widget.google-maps {
    display: block !important;
}

.google-maps iframe {
    width: 100%;
    height: 410px;
    display: flex;
}

.contact-bar .quick-contact {
    text-align: center;
    width: 100%;
    display: block;
}

.contact-bar > ul > li > span,
.contact-bar > ul > li > a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.contact-bar > ul > li .custom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #cb2e1e;
    padding: 15px;
    border-radius: 0px;
    overflow: hidden;
    flex: 0 0 auto;
    margin-right: 10px;
    width: 60px;
    height: 60px;
}

.contact-bar > ul > li a:hover .custom-icon img,
.contact-bar > ul > li a:focus .custom-icon img {
    filter: brightness(0%);
}

.contact-bar > ul > li .custom-icon img {
    width: 100%;
    height: auto;
}

#toggle-filter:not(.opened) > span.close,
#toggle-filter.opened > span.open {
    display: none;
}


/* Popup */
body.no-scroll {
    overflow: hidden;
    height: 100%;
}

body.no-scroll:before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

.popup,
.lightbox {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
}

.popup.open,
.lightbox.open {
    display: flex;
}

.popup .popup-wrapper,
.lightbox .lightbox-wrapper {
    margin: auto;
    background: white;
    border-radius: 0px;
    padding: 20px;
    height: 90vh;
    position: relative;
}

.lightbox .lightbox-wrapper {
    height: auto;
}

.popup .popup-wrapper .title,
.lightbox .lightbox-wrapper .title {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.lightbox .lightbox-wrapper button.close {
    margin-left: auto;
}

.lightbox .lightbox-wrapper .image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.popup .popup-wrapper form {
    overflow: auto;
    height: calc(93% - 42px - 42px - 41px);
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.popup .popup-wrapper form .row.buttons {
    position: absolute !important;
    bottom: 20px;
}

.popup form .row.field_pcpDescription textarea,
.popup form .row.field_question textarea {
    resize: none;
    height: 80px;
}

#container .popup .popup-wrapper form > .row.field_quantity,
#container .popup .popup-wrapper form > .row.field_pcpDescription,
#container .popup .popup-wrapper form > .row.field_question {
    -ms-flex: 0 0 100%;
    flex: 0 100%;
    max-width: 100%;
}

.popup .popup-wrapper form > .row.field_validation + .row {
    margin-top: 0px !important;
}

#container .popup .popup-wrapper form .row {
    margin-left: 0;
    margin-right: 0;
}


/* Login pagina */

body .login {
    overflow: hidden;
}

#container.login form,
#container.forgotPassword form {
    background-image: url('https://f6a1e7968e74dbe7db58-1ce3ae72ccbd299bcbc79de658e419e8.ssl.cf1.rackcdn.com/webshop_designs/login/loginscherm-achtergrond.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #222529;
    position: relative;
}

#container.login .pentagon,
#container.forgotPassword .pentagon {
    position: absolute;
    top: 600px;
    right: -210px;
    max-height: 500px;
}

#container.login #placeholder-header-bottom-wrapper,
#container.forgotPassword #placeholder-header-bottom-wrapper {
    display: none;
}

#container .login-card {
    margin: auto;
    padding: 25px;
    background: #fff;
    border-radius: 3px;
    width: 25%;
}

#container.login #placeholder-content,
#container.forgotPassword #placeholder-content {
    background: #f6f6f6;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#container.login #placeholder-content .widget-35,
#container.forgotPassword #placeholder-content .widget-35 {
    display: flex;
    background: #f6f6f6;
    width: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
}

#container.login #placeholder-content .widget-35 form,
#container.forgotPassword #placeholder-content .widget-35 form {
    height: 100vh;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden
}

#container.login #placeholder-content .widget-35 form .row,
#container.forgotPassword #placeholder-content .widget-35 form .row {
    width: 100%;
}

#container.login input,
#container.forgotPassword input {
    margin-bottom: 1.5rem;
}

#container.login img,
#container.forgotPassword img {
    max-height: 79px;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

#container.login .login-button input,
#container.forgotPassword .login-button input {
    width: 100% !important;
}

#container.login #placeholder-footer-wrapper,
#container.login #placeholder-footer-bottom-wrapper,
#container.login #placeholder-footer-top-wrapper,
#container.forgotPassword #placeholder-footer-wrapper,
#container.forgotPassword #placeholder-footer-bottom-wrapper,
#container.forgotPassword #placeholder-footer-top-wrapper {
    display: none;
}

#container.login .login-reset a,
#container.forgotPassword .login-reset a {
    display: block;
    color: #222529;
    text-decoration: underline;
}

/* Newsletter */

#container main #mc-embedded-subscribe-form #mc_embed_signup_scroll {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

#container main #mc-embedded-subscribe-form #mc_embed_signup_scroll .mc-field-group {
    margin-bottom: 20px;
    position: relative;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

#container main #mc-embedded-subscribe-form #mc_embed_signup_scroll > .mc-field-group:nth-child(3) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

#container main #mc-embedded-subscribe-form #mc_embed_signup_scroll .clear {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
}