/*

- #32a3ed = Knop kleur / Primary kleur
- #2d93d5 = Knop kleur HOVER / Primary kleur HOVER
- #3cc261 = Productpagina bestelknop en product HOVER

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

- 219963 = Pagina nummer, vervangen met contactpagina nummer

*/

html {
    scroll-behavior: smooth;
}

#adminbar {
    display: block !important;
}

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

#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    max-width: 100%;
    overflow-x: visible !important;
    margin: 0 auto -300px;
}

/* Large and up (Computer till nothing) */
@media screen and (min-width: 64.063em) {
    
    header #placeholder-header-top-wrapper {
        padding: 2px 0;
        border-bottom: 1px solid #eaeaea;
    }
    
    #container header .searchbar {
        max-width: 35%;
    }
    
        .hide-desktop {
        display: none !important;
    }

        #container.productSet .widget-voeg-toe-aan-winkelwagen-widget {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    
    .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.33333%;
        flex: 0 33.33333%;
        max-width: 33.33333%;
    }

    .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 calc(20% - 30px);
	}
    
        .kiyoh-reviews .item {
        flex: 1 1 calc(25% - 20px);
    }
    
        .widget-productset-detail .product-image .product-images li:nth-child(-n+6) {
        display: inline-block;
    }

    footer #placeholder-footer-bottom .loyalty-footer > ul li {
        text-align: right;
    }
    
        #container.productSet .widget-productset-detail.main-detail-image {
        -webkit-box-flex: 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 40%;
    }
    

#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%;
    }

    .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,
    .themes>ul>li:last-child>span,
    .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: 4rem !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;
    }

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

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

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

    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) {
    
 

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

    html .hero-banner {
        background-size: cover;
    }
    
    html #container.checkout .searchbar, html #container.offerRequest .searchbar,
    html .checkout footer #placeholder-footer-top-wrapper #placeholder-footer-top,
    html .offerRequest footer #placeholder-footer-top-wrapper #placeholder-footer-top {
    display: none;
}

html div[class*="-item"] div[class*="-head"] .label {
    background: none;
    color: #022634;
    padding: 0;
    margin: 0px;
    font-size: 15px;
}


    #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: #4bb8ff;
        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: #022634;
    }

        html .mobile-menu aside.nav-bar-menu i {
            margin-right: 10px;
        }

    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.visible.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: #32a3ed;
        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;
        justify-items: 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%;
    }

    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;
    }

	.themes>ul>li>ul,
    .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 {
        overflow-x: auto;
        padding-bottom: 50px;
    }

    .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: #4bb8ff;
    }

    .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-client {
        padding: 4% 10% 4% 10%;
    }
    
     html h1,
    html .h1,
    html h2.title,
    html #container .widget-contactformulier h2.title,
    html #container.staticPage main h1,
    html .categories > ul > li:first-child > span,
    html .category-list > ul > li:first-child > span,
    html .order-popup-panel > div.top span.order-popup-label,
    	html .themes>ul>li:first-child>span .menu-item-text {
        font-size: 28px !important;
        line-height: 1 !important;
    }
    
    	html .themes>ul>li:last-child>span {
    	    font-size: 19px;
    	}
    
    html .popup .popup-wrapper .title h4{
        font-size: 21px !important;
        line-height: 1 !important;
    }
    
    html h2,
    html .h2,
    html #configuration-placeholder-widget-865 > div.shoppingCart > div.main-details > span .h2,
    html #container.staticPage main h2,
    main h2,
    html #container .main-details .h2,
    html .h2.title,
    html #container[class*="category-"] h1:not(.cart-title),
   html #container.checkout .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 .item .columns:first-child > label,
   html #container.payInvoice .widget-afrekenen > form.checkout-form > .items .large-block-grid-1 > .item .columns > label,
   html #container .widget.widget-afrekenen span.title,
   html #container.payInvoice .widget.widget-afrekenen span.title,
   html #container .widget.widget-afrekenen .form-delivery-address span.title,
   html #container.payInvoice .widget.widget-afrekenen .form-delivery-address span.title    {
        font-size: 24px !important;
        line-height: 1 !important;
    }
    
    html h3,
    html .h3,
    html #container.staticPage main h3,
    html .categories > ul > li > ul > li a,
    html .categories > ul > li > ul > li a .menu-item-text,
    html .categories > ul > li > ul > li > span .menu-item-text
    html .widget-product-lijst div.items > .overlay-wrapper > .item .main-info > a .product-name,
    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator > span.title,
    html #container .widget-winkelwagen .price-details .title,
    html .widget-categorie-lijst div.items > .overlay-wrapper > .item .category-info h4,
    html .order-popup-panel > div.contents .product-item > div > .product-name,
    html .newsletter > .wrapper > ul > li:first-child span.menu-item-text,
    html .sidebar-information ul > li:nth-child(4) > span {
        font-size: 22px !important;
        line-height: 1 !important;
    }
    
    html h4,
    html .h4,
    html #container.staticPage main h4,
    html .category-list > ul > li > ul > li > span,
    html .productfilter div[class*="-head"] .label,
    html .usp > ul > li > span,
    html .footer-menu span.title,
    html .cart-title {
        font-size: 18px !important;
        line-height: 1 !important;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget {    
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
    
    	.themes>ul>li>ul>li {
		flex: 1 0 calc(75% - 30px);
	}
    

}

/* 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;
    }
    
         html .small-banners span {
        width: 46%;
    }
    
        #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li {
        -ms-flex: 0 0 calc(50% - 5px);
        flex: 0 calc(50% - 5px);
        max-width: calc(50% - 5px);
    }

    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%;
    }
    
    	.themes>ul>li>ul>li {
		flex: 1 0 calc(65% - 30px);
	}


    .categories > ul > li > ul > li {
        flex: 1 0 29%;
        max-width: 29%;
    }
    
        .kiyoh-reviews .item {
        flex: 1 1 calc(50% - 20px);
    }
    
        .widget-productset-detail .product-image .product-images > li {
        flex: 0 14.28%;
        max-width: 14.28%;
    }

    .widget-productset-detail .product-image .product-images li:nth-child(-n+7) {
        display: inline-block;
    }

    .widget-productset-detail .product-image .product-images li:nth-child(n+8) {
        margin-top: 7px;
    }


    #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 {
        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;
    }

    .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-client {
        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,
    .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,
    	.themes>ul>li:last-child>span {
        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 {
        flex: 1 50%;
    }

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

    header .widget-afbeelding.logo img {
        max-height: 65px;
    }
    
    html .contact-bar .quick-contact {
        display: none;
    }


    html .popup .popup-wrapper {
        margin-top: calc(45px + 20px);
    }
    
        #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location .print-location-image {
        max-width: 50%;
        padding-right: 20px;
    }

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart,
    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-sample-cart {
        flex: 1;
    }

    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-of-type:not([style*="display: none"]) + div.add-to-cart + div.add-to-cart {
        margin-left: 10px;
    }

}

/* Small only (Mobile) */
@media screen and (max-width: 39.9375em) {
    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;
    }
    
    	.themes>ul>li>ul>li {
		flex: 1 0 calc(75% - 30px);
	}
    
            html .small-banners span {
        width: 94%;
    }
    
        html .hero-banner-wrapper {
        padding: 5%;
    }
    
    html .hero-banner h1, html .hero-banner .h1 {
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;
    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: 18px !important;
        left: -8.5%;
        text-transform: uppercase;
        margin-left: 0px;
    }
    
    html .hero-banner .tagline {
        font-size: 16px;
        left: -8.5%;
    }
    
    html .hero-banner .button {
        font-size: 1rem;
        padding: 12px 16px;
        margin-bottom: 1rem;
    }
    
        
html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .price > span {
    font-size: 13px;
}

 html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .features {
    font-size: 12px;
}   

    
    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .specifications .item.print:last-child > span {
        display: none;
    }
    
    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .price {
        font-size: 24px;
    }
    
    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .urgent-contact a {
        display: flex;
    }
    
    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .item.minimal > span {
        text-transform: capitalize;
    }
    
    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .item.minimal,
    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .urgent-contact a,
    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .delivery,
    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .stock-info {
                flex-direction: column;
        align-items: initial;
    }
    
        html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .delivery strong {
                    margin-left: 0px;
        }
        
            html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .stock-info:before,
    html #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .available {
        display: none;
    }
    
        #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart,
    #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-sample-cart {
                -ms-flex: 0 0 100%;
        flex: 0 100%;
        max-width: 100%;
    }
    
        #container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li {
        -ms-flex: 0 0 calc(100% - 5px);
        flex: 0 calc(100% - 5px);
        max-width: calc(100% - 5px);
    }
    
    html .widget-product-lijst div.items > .overlay-wrapper > .detail-info {
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
        justify-content: space-between;
        padding: 3px 5px;       
        font-size: 12px;
        line-height: 1.5;
    }

    html .widget-product-lijst div.items > .overlay-wrapper > .detail-info .item {
        flex-direction: column;
        align-items: initial;
    }
    
    html .widget-product-lijst div.items > .overlay-wrapper > .detail-info .delivery strong {
        margin-left: 0px;
    }
      
    html .widget-product-lijst div.items > .overlay-wrapper > .detail-info .item.minimal:before {
        display: none;
    }

    .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;
    }
    
    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 .widget-afrekenen > form.checkout-form > .buttons,
    #container .widget-afrekenen > form.checkout-form > .buttons {
        margin-top: 10px;
    }
    
    .widget-productset-detail .product-image .product-images > li {
        flex: 0 25%;
        max-width: 25%;
    }

    .widget-productset-detail .product-image .product-images li:nth-child(-n+4) {
        display: inline-block;
    }

    .widget-productset-detail .product-image .product-images li:nth-child(n+8) {
        margin-top: 7px;
    }

    .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;
    }

    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-client {
        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,
    .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,
    	.themes>ul>li:last-child>span {
        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: #022634;
    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: 5px;
}

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

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #022634;
}

: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: 5px;
    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: #32a3ed;
    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.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,
.contact-bar > ul > li > a,
.contact-bar > ul > li > span .menu-item-text {
    font-family: "Figtree", Arial, sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #022634;
    font-style: normal;
    letter-spacing: 1px;
}

a {
    color: #022634;
}

a:hover,
a:focus {
    color: #4bb8ff;
}

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

.themes>ul>li>ul>li a:hover,
.themes>ul>li>ul>li a:focus {
    text-decoration: none;
}

h1,
.h1,
h2.title,
#container .widget-contactformulier h2.title,
#container.staticPage main h1,
.categories > ul > li:first-child > span,
.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,
.themes>ul>li:first-child>span .menu-item-text {
    font-family: "Figtree", Arial, sans-serif;
    font-size: 27px;
    line-height: 31px;
    letter-spacing: 1px;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 11px;
}

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: "Figtree", Arial, sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 30px;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 10px;
}

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,
#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,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .configurator > span.title,
.themes>ul>li>ul>li>ul>li:nth-child(2) .menu-item-text,
.sidebar-information ul > li:nth-child(4) > span {
    font-family: "Figtree", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 24px;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 14px;
}

h4,
.h4,
#container.staticPage main h4,
.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,
.footer-menu span.title {
    font-family: "Figtree", 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: "Figtree", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.333em;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    margin: 0;
    margin-bottom: 7px;
}

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

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: #022634;
    clear: both;
    text-transform: none;
    border: none;
    height: auto;
    text-align: inherit;
}

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

footer #placeholder-footer-top-wrapper {
    background: #4bb8ff;
    position: relative;
    border: none;
    height: auto;
}

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,
.category-list > ul > li:first-child > span,
.category-list > ul > li:last-child > span,
.themes>ul>li:last-child>span {
    display: block;
    width: 100%;
    text-align: center;

}

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

.button:not([id="toggle-filter"]):after,
button.disabled:after,
.ui-dialog .ui-dialog-buttonpane button.disabled:after,
button[disabled]:after,
.ui-dialog .ui-dialog-buttonpane button[disabled]:after,
.button.disabled:after,
.button[disabled]:after,
.ui-dialog .ui-dialog-buttonpane button:after,
html input[type="button"]:after,
input[type="reset"]:after,
input[type="submit"]:after,
.themes > ul > li > ul > li > ul > li:last-child a:after,
html .order-popup-panel > div.top span.order-popup-close:hover,
html .order-popup-panel .button-primary:hover,
.newsletter > .wrapper #news-form .mc-field-group input.button:after,
.main-menu > ul > li:last-child a span:after,
.themes > ul > li > ul > li > ul > li:last-child a:after,
.client-button:after,
.add-to-offer-request-cart:after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.item .wrapper .button:after {
    display: none;
}

.item .wrapper .button {
    font-size: 16px;
}

/* 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 .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,
html .order-popup-panel > div.top span.order-popup-close,
html .order-popup-panel .button-primary,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart,
.themes>ul>li>ul>li>ul>li:last-child a {
    border-radius: 5px;;
    background: #ffa500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 1px;
    color: white;
    border: none;
    text-transform: none;
    font-weight: 400 !important;
    padding: 11px 20px;
    line-height: normal;
    display: block;
    font-family: "Figtree", 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"],
.main-menu > ul > li:last-child a {
    border-radius: 5px;
    border: 1px solid #ffffff !important;
    background: transparent;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 1px;
    color: white;
    border: none;
    text-transform: none;
    font-weight: 400 !important;
    padding: 8px 20px;
    line-height: normal;
    display: block;
    font-family: "Figtree", 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;
}


/* 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;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart {
        background: transparent;
    border: 1px solid #022634;
    color: #022634;
    border-bottom: 3px solid #022634;
}

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


/* Grey outline button */
.button.secondary,
.pager ul.yiiPager > li > a,
#container.productSet #sample-request,
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: #022634;
}


/* Secondary outline button */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart,
#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 {
    background: transparent;
    border: 1px solid #eaeaea;
    color: #355665;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart,
#container.productSet #sample-request {
    display: flex;
    flex: 0 100%;
    width: 100%;
    justify-content: center;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart {
    margin: 0px;
}

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

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

/* Green button */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-child[style*="display: none"] + div.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: #3cc261;
    color: #ffffff !important;
    border: 1px solid #3cc261;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart {
    color: #022634 !important;
    border: 1px solid #355665;
}

#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 .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart:focus {
        background: #355665 !important;
    color: #ffffff;
}

/* 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:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value:focus,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value.selected {
    border-color: #3cc261;
}

/* Green button - Hover/Focus */
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-child:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.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 > div.add-to-cart:first-child[style="display: none;"] + .div.add-to-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:first-child[style="display: none;"] + .div.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  {
    background: #55a440 !important;
    border-color: #55a440 !important;
}

/* 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,
#f5f5f5[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,
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,
.themes>ul>li>ul>li>ul>li:last-child a:hover,
.themes>ul>li>ul>li>ul>li:last-child a:focus {
    background: #4bb8ff;
    border-color: #4bb8ff;
}

header .main-menu ul li a[href="#special-request"]:hover,
header .main-menu ul li a[href="#special-request"]:focus,
.main-menu > ul > li:last-child a:hover, 
.main-menu > ul > li:last-child a:focus {
    background: #ffffff;
    border-color: #ffffff;
    color: #022634;
}

/* 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 #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;
}

/* 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: #ffffff;
}

/* Green button - Hover/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: #36af57 !important;
    border-color: #36af57 !important;
}

/*Custom radio button*/
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label {
    border-bottom: 1px solid #eaeaea;
    margin: 0;
    background: #ffffff;
    height: auto;
    display: flex;
    align-items: center;
    padding: 8px 15px;
    padding-left: 0px;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label:hover {
    background: #f3f3f3;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label input[type="radio"] {
    margin-right: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label {
    margin: 0;
    border: none;
    background: none !important;
    height: auto;
    display: flex;
    font-weight: 600;
    align-items: center;
    padding: 2px 15px;
    padding-left: 0px;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    font-size: 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values label:hover {
    background: none !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values #quantityRadioButtonList {
    margin-bottom: 10px;
}


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: 5px;
    font-size: 16px;
    font-family: "Figtree", Arial, sans-serif;
    color: #022634;
    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: 5px;
    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;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px;
    border: 1px solid #bdedcb;
    border-radius: 5px;
    font-size: 13px;
    margin-top: 10px;
    white-space: nowrap;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info {
    margin-top: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .stock-info {
    display: flex;
}


/* 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,
.themes>ul>li:last-child>span {
    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,
.themes>ul>li:last-child>span {
    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: 4rem !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: 5px;
    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: #3cc261;
}

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: #3cc261;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    width: 15px;
    height: 13px;
    clear: left;
    margin: 0px;
}

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: 100%;
    z-index: 9;
    position: absolute;
}

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

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

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 {
    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;
}

.sidebar-information ul,
.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;
    border-radius: 100rem;
    font-size: 28px;
    position: relative;
    top: -1px;
}

.usp > ul > li:first-child > span:before {
    background: #add3ef;
}

.usp > ul > li:nth-child(2) > span:before {
    background: #fcadbe;
}

.usp > ul > li:last-child > span:before {
    background: #f0e373;
}

.usp > ul > li > span,
.top-menu > ul > li a,
.top-menu > ul > li span,
.contact-bar > ul > li > a,
.contact-bar > ul > li > span .menu-item-text {
    font-weight: 400;
    margin: 0;
    color: #022634;
}

.contact-bar > ul > li > a,
.contact-bar > ul > li > span .menu-item-text {
    font-weight: 400;
    margin: 0;
    color: #ffffff;
    font-size: 14px;
}

.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: #4bb8ff;
    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: #32a3ed;
    color: white;
    padding: 3px 5px 3px 6px;
    padding-bottom: 3px;
    float: right;
    line-height: 1;
    min-width: 20px;
    border-radius: 100rem;
    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: 5px;
    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: #022634;
}

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: 5px;
}

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: #022634;
    -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 {
    flex: 1;
}

#container header .searchbar form {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    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: 5px;
    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: #32a3ed;
    color: white;
    padding: 2px 6px;
    padding-bottom: 3px;
    float: right;
    line-height: 1;
    border-radius: 100rem;
    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: 5px;
    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: 5px;
}

#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: #022634;
    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: #022634;
    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: 5px;
}

#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*/

.main-menu {
    align-self: normal;
    position: static !important;
}

.main-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.main-menu > ul {
    width: 100%;
    display: flex;
    white-space: nowrap;
}

.main-menu > ul > li {
    float: left;
    line-height: normal;
    padding-top: 10px;
    height: 100%;
    display: flex;
    align-items: center;
}

.main-menu > ul > li:not(:last-child) > a,
.main-menu > ul > li:not(:last-child) > span {
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    padding: 10px 15px 20px 15px;
    height: 100%;
    overflow-wrap: anywhere;
    transition: all .3s ease;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid transparent;
    transition: all 0.3s, background 0.1s, color 0.1s, border-color 0.1s;
    transition-delay: 0s;
}

.main-menu > ul > li:hover > a:not([href="#special-request"]),
.main-menu > ul > li.children:hover > span:not([href="#special-request"]),
.main-menu > ul > li > a:focus:not([href="#special-request"]),
.main-menu > ul > li.children > span:focus:not([href="#special-request"]) {
    background: #43a5e5;
    color: #ffffff;
    border-color: #eaeaea;
    transition: all 0.3s, background 0.1s, color 0.1s, border-color 0.1s;
    transition-delay: 0.2s
}

.main-menu > ul > li > a i,
.main-menu > ul > li > span i {
    padding-right: 10px;
}

.main-menu > ul > li.children > a,
.main-menu > ul > li.children > span {
    padding-right: 25px;
    position: relative;
}

.main-menu > ul > li.children > a:after,
.main-menu > ul > li.children > span:after {
    content: "\f107";
    font-family: 'Font Awesome 6 Pro';
    font-weight: bold;
    font-size: 0.8rem;
    position: relative;
    top: 2px;
    margin-left: 5px;
    height: 100%;
    display: flex;
    align-items: center;
    width: 11px;
    height: 11px;
    transform-origin: center;
    transition: all .3s, transform 0.1s;
    transition-delay: 0s;
}

.main-menu > ul > li.children:hover > a:after,
.main-menu > ul > li.children:hover > span:after {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    transform: rotate(180deg);
    transition: transform 0.1s;
    transition-delay: 0.2s;
}

.main-menu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    min-height: 100%;
    z-index: 9999;
    background: #ffffff;
    padding: 25px 0px;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-content: flex-start;
    transition: opacity 0.1s, visibility 0.1s;
    transition-delay: 0s;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 260px;
}

.main-menu > ul > li:not(:nth-child(-n+2)) > ul {
    padding: 20px;
}

.main-menu > ul > li:hover > ul,
.main-menu > ul > li:focus-within > ul {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s, visibility 0.1s;
    transition-delay: 0.2s;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li {
    max-width: 300px;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li:first-child:after {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 40px);
    background: #cccccc;
    top: 20px;
    z-index: 9999;
    left: 320px;
    pointer-events: none;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li > a,
.main-menu > ul > li:nth-child(-n+1) > ul > li > span {
    font-size: 16px;
    border-radius: 5px;
    color: #2c3b56;
    flex: 1;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 10px;
    transition: all .2s ease;
    z-index: 99;
    position: relative;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li > a i,
.main-menu > ul > li:nth-child(-n+1) > ul > li > span i {
    margin-right: 15px;
    width: 20px;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li:not(:first-child) > a,
.main-menu > ul > li:nth-child(-n+1) > ul > li:not(:first-child) > span {
    margin-top: 10px;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li:hover > a,
.main-menu > ul > li:nth-child(-n+1) > ul > li.children:hover > span {
    background: #4bb8ff;
    color: #ffffff;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li.children > a:after,
.main-menu > ul > li:nth-child(-n+1) > ul > li.children > span:after {
    content: "\f107";
    font-family: 'Font Awesome 6 Pro';
    font-weight: bold;
    font-size: 0.8rem;
    position: relative;
    top: 2px;
    margin-left: auto;
    height: 100%;
    display: flex;
    align-items: center;
    width: 11px;
    height: 11px;
    transform-origin: center;
    transition: all .3s, transform 0.1s;
    transition-delay: 0s;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li.children:hover > a:after,
.main-menu > ul > li:nth-child(-n+1) > ul > li.children:hover > span:after {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    transform: rotate(-90deg);
    transition: transform 0.1s;
    transition-delay: 0.2s;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li {
    width: 100%;
    padding: 0;
    padding-right: 20px;
    padding-left: 20px;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li:first-child {
    flex: 0 100%;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li > ul > li:not(:first-child){
    width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li > ul > li.children + li.children {
    margin-top: 20px;
}

.main-menu > ul > li > ul > li > ul > li {
    width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

:nth-child(-n+2)
.main-menu > ul > li:not(:nth-child(-n+1)) > ul > li > span,
.main-menu > ul > li:not(:nth-child(-n+1)) > ul > li > a,
.main-menu > ul > li > ul > li > ul > li > span,
.main-menu > ul > li > ul > li > ul > li > a,
.main-menu > ul > li > ul > li > ul > li > ul > li > span,
.main-menu > ul > li > ul > li > ul > li > ul > li > a {
    color: #2c3b56;
    display: block;
    padding: 6px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-menu > ul > li > ul > li > ul > li a b {
    font-weight: 500;
}

.main-menu > ul > li > ul > li > ul > li.children > a,
.main-menu > ul > li > ul > li > ul > li.children > span {
    font-weight: 700;
    font-size: 18px;
}

.main-menu > ul > li > ul > li > ul > li.children > a i,
.main-menu > ul > li > ul > li > ul > li.children > span i {
    margin-right: 5px;
} 

.main-menu > ul > li:not(:nth-child(-n+1)) > ul > li a:hover,
.main-menu > ul > li:not(:nth-child(-n+1)) > ul > li a:hover > span ,
.main-menu > ul > li > ul > li > ul > li a:hover,
.main-menu > ul > li > ul > li > ul > li a:hover > span {
    color: #4bb8ff;
    text-decoration: none;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li:not(.children) > span,
.main-menu > ul > li:nth-child(-n+1) > ul > li > ul > li:not(.children) > span,
.main-menu > ul > li:nth-child(-n+1) > ul > li > ul > li > ul > li:not(.children) > span {
    color: red;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li > ul > li.children:nth-child(n+6) {
    margin-top: 20px;
}

.main-menu > ul > li:not(:nth-child(-n+1)) > ul,
.main-menu > ul > li:nth-child(-n+1) > ul > li > ul {
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li > ul {
    display: none;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    padding-left: 360px;
    border-radius: 5px;
    width: 100%;
    min-height: 100%;
    align-content: baseline;
    z-index: 9;
}

.main-menu > ul > li:nth-child(-n+1) > ul > li:hover > ul {
    display: block;
    background: #ffffff;
}

.main-menu > ul > li > ul > li > ul > * {
    z-index: 9;
}

.main-menu > ul > li:last-child {
    margin-left: auto;
    padding-top: 3px;
}


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

footer #placeholder-footer-wrapper,
footer #placeholder-footer-bottom-wrapper {
    height: auto;
    width: auto;
    border: none;
    background: #4bb8ff;
    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;
}

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

.footer-menu span.title {
    font-weight: 700;
    color: #ffffff;
    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: #ffffff !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-wrapper {
    border-top: 1px solid #e3e3e3;
}

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

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

.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: 5px;
}

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: 5px;
}

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

/*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 #022634;
    text-indent: -9999px;
    color: rgba(0 0 0 / 0%);
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
    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: #022634;
}

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,
.category-list ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
}

.categories > 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,
.category-list > ul > li > ul > li a {
    color: #022634;
}

.categories > ul > li > ul > li .custom-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #32a3ed;
    border-radius: 100rem;
    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,
#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,
#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: 10px 20px;

}

.widget-product-lijst div.items > .overlay-wrapper > .item {
    padding: 15px;
    background: #fbfbfb;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #e3e3e3;
    transition: all .3s ease;
    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%;
}

.action-label {
    position: absolute;
    color: #ffffff !important;
    font-weight: 700;
    padding: 10px 10px 12px 10px;
    display: inline-block;
    margin: 0 !important;
    z-index: 9;
    top: 0;
    left: 21px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #3cc261;
}

.main-detail-image .action-label {
    left: 20px;
}


div.action-label i.budget::before {
    content: "💸";
}

div.action-label i.moq::before {
    content: "📦";
}

div.action-label i.eco::before {
    content: "♻️";
}

div.action-label i.bestseller::before {
    content: "🔥";
}

div.action-label i.sale::before {
    content: "🏷️";
}

div.action-label i.custom::before {
    content: "🛠️";
}

div.action-label.green {
    background: #5cb245;
}

div.action-label.lightblue {
    background: #82AFB5;
}

div.action-label.red {
    background: #E35A62;
}

div.action-label.yellow {
    background: #f6A117;
}

div.action-label.pink {
    background: #f6B2BB;
}

.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: 5px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item > .main-image > .thumbnails .overlay-gallery ul > li {
    padding: 3px;
    background: #ffffff;
    border-radius: 5px;
    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: 5px;
    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: #022634;
    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: 20px;
}

.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 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #32a3ed;
    font-weight: 700;
    font-size: 18px;
    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: #022634;
    margin-right: 6px;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .wrapper > a {
        border-radius: 5px;
    background: #27475d;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 1px;
    color: white;
    border: none;
    text-transform: none;
    font-weight: 400 !important;
    padding: 11px 20px;
    line-height: normal;
    display: block;
    font-family: "Figtree", 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;
}

.widget-product-lijst div.items > .overlay-wrapper > .item .wrapper > a:hover,
.widget-product-lijst div.items > .overlay-wrapper > .item .wrapper > a:focus {
        border-radius: 5px;
    background: #1f394a;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 1px;
    color: white;
    border: none;
    text-transform: none;
    font-weight: 400 !important;
    padding: 11px 20px;
    line-height: normal;
    display: block;
    font-family: "Figtree", 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;
}

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

.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: #022634;
}

.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: #022634;
}

.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: 5px;
}

.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: #022634;
    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 {
    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 {
    float: right;
    position: absolute;
    right: 0px;
}

.widget-product-lijst.product-slider .pager ul li.previous {
    float: left;
    position: absolute;
    left: 0px;
}

.widget-product-lijst.product-slider .pager ul li a,
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: #4bb8ff;
    box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 40%);
    border-radius: 5px;
    transition: all .3s ease;
    border: 1px solid transparent;

}

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 {
    width: 100%;
    justify-content: center;
}

.widget-product-lijst.product-slider .pager ul li a:hover,
html body .showThumbByDefault #lightGallery-action a:hover {
    background: #32a3ed;
}

.widget-product-lijst.product-slider .pager ul li.previous a {
    padding-right: 1px;
}

.widget-product-lijst.product-slider .pager ul li.next a {
    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: 5px;
    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;
}

.collection > ul > li > ul {
    position: absolute;
    top: 0px;
    pointer-events: none;
}

.collection > ul > li > ul:before {
    content: "";
    background: #4bb8ff;
    opacity: 0.85;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0rem 0rem 5px 5px;
}

.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;
}

.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: 5px;
    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: #32a3ed;
}

#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: #32a3ed;
}

#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: #022634;
    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: #32a3ed;
}

.resource-image {
    border-radius: 5px;
}

#container[class*="category-"]:not(.productSet) h1 {
    margin: 0px;
    color: #022634;
}


#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: 5px;
    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: 5px;
    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: #022634;
    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: #022634;
    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 {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    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: #022634;
}

.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: #022634;
    border-color: #022634;
    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: 1rem;
    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: 100rem;
    background-color: #e3e3e3;
    top: 0;
    height: 100%;
}

.widget.productfilter .price-slider .ui-slider-handle {
    background: none;
    background-color: #ffffff;
    border: 5px solid #32a3ed;
    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: 5px;
}

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: 5px;
}

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;
}

#container.checkout #placeholder-content {
    width: 100%;
    padding: 10px;
    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 .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: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    cursor: not-allowed;
    z-index: 9999;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .title {
    display: block;
    text-align: left;
}

.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: #022634;
}

.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: #022634;
}

.widget-productset-detail .cart-usp ul li.stock:before,
.widget-product-lijst div.items > .overlay-wrapper > .item .specifications > span.stock:before {
    content: "\f101";
    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: "\f101";
    font-family: "Font awesome 6 pro";
    color: #022634;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item {
    border-radius: 5px;
    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 .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item:not(:last-child) {
    margin-bottom: 20px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div .product-name {
    color: #022634;
    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 .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .items > .shopping-cart .item > div:first-child {
    flex: 100%;
    padding: 10px 20px;
    background: #f5f5f5;
    width: 100%;
}

/* 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";
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .product-details .details .buttons-flex button {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 0px !important;
    width: auto;
    background: transparent;
    border: 1px solid #f25b61;
    color: #022634;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget {
    color: #022634 !important;
    border: 0;
    padding: 0;
    width: auto;
    margin: 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .price-arrow {
    display: block;
    width: 100%;
    position: relative;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .price-arrow img {
    width: 190px;
    margin-left: 3%;
    margin-bottom: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .product-details {
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border: 1px solid #eaeaea;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget.loading .product-details:after,
#container.checkout .widget-winkelwagen.checkout-cart.loading .shoppingCart:after,
#container.offerRequest .widget-winkelwagen.checkout-cart.loading .shoppingCart: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: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    cursor: not-allowed;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget.loading .product-details:after {
    left: 0.59375rem;
    width: calc(100% - 0.59375rem - 0.59375rem);
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details {
    padding-left: 0.59375rem;
    padding-right: 0.59375rem;
    margin: 0;
    width: 100%;
    display: block;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .price {
    color: #32a3ed;
    font-weight: 700;
    font-size: 27px;
    line-height: 1;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .price > span {
    font-weight: 400;
    font-size: 15px;
    text-transform: lowercase;
    color: #022634;
    margin-left: 6px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .price #staffel,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details #quick-description  {
    color: #32a3ed;
    font-weight: 500;
    font-size: 13px;
    text-transform: lowercase;
    text-decoration: underline;
    margin-left: -2px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul {
    margin-top: 20px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul > li {
    display: block;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul > li:last-child,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul > li:nth-child(2) {
    margin-top: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul > li.delivery:before {
    content: "\f0d1";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    font-size: 15px;
    margin-right: 8px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul li a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: #022634;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    white-space: nowrap;
    display: block;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul li a#specify {
    margin-top: 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul li.seperator {
    margin: 0 10px;
    font-size: 19px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .information-details ul li a#specify i {
    margin-left: 2px;
    font-size: 13px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-pricing > .selection {
    background: #fff;
    z-index: 9;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-pricing {
    position: sticky;
    top: 70px;
    z-index: 2;
    height: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .row {
    display: flex;
    flex-wrap: wrap;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .calctotal .row:nth-child(2) {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .calctotal .row:nth-child(1) {
    font-weight: 700;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .calctotal .ppp-btw {
    text-transform: lowercase;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .row .total {
    order: -1;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li:not(:last-child) {
    margin: 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li:not(:first-child) > div.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li.accordion-active > div.title:after {
    content: "\f304";
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title.accordion-panel-done:after {
    content: "\f00c";
    color: #3cc261;
}

@media only screen and (min-width: 40.063em) {
    #container .widget-100 {
        overflow: visible !important;
    }
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title label {
    font-family: "Figtree", Arial, sans-serif;
    color: #022634;
    margin: 0;
    font-size: 18px;
    margin: 0px 0px 0px;
    vertical-align: middle;
    font-weight: 600;
    line-height: normal !important;
    border-bottom: 1px solid #f3f3f3;
    background: #f3f3f3;
    padding: 12px 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.title .attribute-edit {
    color: #7d7d7d;
    display: inline-block;
    font-size: 15px;
    line-height: normal;
    margin-left: auto;
    margin-right: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title + .attachment {
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: initial;
    background-size: 35px 24px;
    position: relative;
    padding: 4px 10px;
    background-position: 6px center;
    border: 1px solid #CCCCCC;
    font-size: 15px;
    line-height: normal;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    margin: 0;
    overflow: hidden;
    flex: 0 calc(50% - 5px);
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li .color-value-image {
    width: 50px;
    height: 50px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li span.check {
    position: absolute;
    z-index: 2;
    top: 4px;
    width: 49px;
    height: 23px;
    background-size: 35%;
    background-position: center;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values .attachment-type-1 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    width: 49px;
    height: 24px;
    overflow: hidden;
    position: relative;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li[data-value="Wit"] .attachment-type-1 {
    border: 1px solid #cccccc;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.color-values li .attribute-value-label,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 400;
    height: auto;
    border: none;
    align-items: center;
    line-height: 1.5em;
    width: 100%;
    color: #022634;
    background: none;
    padding: 0px;
    margin: 0px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .attachment-values {
    margin: 0;
    padding: 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values {
    padding: 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.attribute-values {
    padding: 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > div.attribute-values .samestaffel-dropdown {
    margin-bottom: 10px;
    box-shadow: 0px 0px 3px #3cc261;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title {
    color: #022634;
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: 600;
    margin-bottom: 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .pcp-location-title .pcp-location-label {
    color: #022634;
    font-weight: inherit;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .attachment {
    list-style-type: none;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-left: -5px;
    margin-right: -5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .attachment + .pcp-location-title,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location-print-type + .pcp-location-title {
    margin-top: 20px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .print-location-print-type {
    display: none !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .attachment > li:not(:last-child) {
    margin-right: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .pcp-baseprice-info-label,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li .attachment-values .pcp-info-label {
    display: none !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment:last-child {
    margin-bottom: 0rem;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li.attachment-item .attachment-values .attachment .attachment-value {
    flex: 0 auto;
    margin: 0;
    background: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values .quantity-input-container > .row > .large-12.columns {
    padding: 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .quantity-values .quantity-input-container input {
    margin: 0;
    max-width: none;
    width: 100%;
    font-weight: 400;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .samestaffel-dropdown + * {
    margin-top: 1rem;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values {
    padding: 0px;
    margin-top: 0px;
}

/* Start - Custom staffel tabel */

.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;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .quantity-values,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .quantity-values[style="display: block;"],
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li[data-key="size"] > div.attribute-values,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li[data-key="size"] > div.attribute-values[style="display: block;"] {
    display: flex !important;
    flex-flow: column;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .quantity-values table + label {
  padding-top: 1em; /* pas aan naar wens */
}


#container.productSet .widget-100 table.staffel-table {
    display: none !important;
}


#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .custom-staffel-radio-table tr:hover {
    cursor: pointer;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .staffel-table tr th,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .staffel-table tr td {
    padding: 10px 5px;
}

table.custom-staffel-radio-table tr th, table.custom-staffel-radio-table tr td {
    padding: 10px 5px !important;
}

table.custom-staffel-radio-table tr th {
    color: #022634;
}

table.custom-staffel-radio-table tr:nth-child(n+2) > td:last-child {
    color: #3cc261;
    font-weight: 500;
}

table.custom-staffel-radio-table tr:nth-last-child(-n+2) > td:last-child {
    font-weight: 700;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li > * {
    order: 5;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .custom-staffel-radio-table {
    order: 1;
    margin: 0px;
    border-collapse: separate;
    border-spacing: 0 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .staffel-info-label {
    order: 2;
    display: block;
    width: 100%;
    padding: 12px 10px;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px solid #eaeaea;
}

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

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .quantity-input-container,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .samestaffel-dropdown,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li .size-values {
    order: 4;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider > li[data-key="size"] > div .custom-staffel-radio-cell {
    display: none !important;
}

/* End - Custom staffel tabel */
/* Denk ook om input[type="radio"] */

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li:not(:last-child) {
    margin-bottom: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider li[data-key="size"] > .attribute-values li#min-order {
    margin-bottom: 20px;
    display: block;
}

#container.productSet .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: #022634;
    font-weight: 500;
    padding: 13px 0px;
    align-self: baseline;
    display: flex;
    align-items: center;
    line-height: normal;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .quantity-input-container {
    display: block;
    width: 100%;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .quantity-input-container .row .columns {
    padding: 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .stock-indicator {
    margin: 0;
    background: none;
    padding: 0;
    font-size: 13px;
    min-height: 0;
    margin-top: .2rem;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .stock-indicator.in-stock:before {
    content: "\f49e";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    padding-right: 8px;
    color: #3cc261;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider .stock-indicator.out-of-stock:before {
    content: "\f02b";
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    padding-right: 8px;
    color: #b82323;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .total-quantity-label,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .selection #selector-slider ul.size-values li .total-quantity-value {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-sample-cart {
    padding: 12px 13px 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart::before {
    content: "";
    display: inline-block;
    height: 22px;
    filter: brightness(0) invert(1);
    aspect-ratio: 1 / 1; /* houdt het icoon vierkant; browser schaalt in verhouding */
    background: url("https://cms.interrelatiegeschenken.nl/frontendEditor/uploads/basket-shopping-solid-full.svg") no-repeat center / contain;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart::before {
    content: "";
    display: inline-block;
    height: 22px;
    aspect-ratio: 1 / 1;
    filter: brightness(0) saturate(100%) invert(12%) sepia(65%) saturate(1953%) hue-rotate(174deg) brightness(90%) contrast(97%);
    background: url("https://cms.interrelatiegeschenken.nl/frontendEditor/uploads/memo-solid-full.svg") no-repeat center / contain;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

#container.productSet #sample-request::before {
    content: "";
    display: inline-block;
    height: 22px;
    aspect-ratio: 1 / 1;
    filter: brightness(0) saturate(100%) invert(12%) sepia(65%) saturate(1953%) hue-rotate(174deg) brightness(90%) contrast(97%);
    background: url("https://cms.interrelatiegeschenken.nl/frontendEditor/uploads/palette-solid-full.svg") no-repeat center / contain;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart {
    background: #ffffff;
    border-color: #022634; 
}

#container.productSet #sample-request {
    border: 1px solid #022634;
    color: #022634;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart:hover, 
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart:focus,
#container.productSet #sample-request:hover,
#container.productSet #sample-request:focus {
    background: #022634 !important;
    border-color: #022634 !important;
    color: #ffffff !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart:hover:before,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-offer-request-cart:focus:before,
#container.productSet #sample-request:hover:before,
#container.productSet #sample-request:focus:before {
    filter: brightness(0) invert(1);
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-sample-cart {
    padding: 12px 13px 10px;
    flex: 0 100%;
    width: 100%;
    margin-top: 10px;
    margin-left: 0 !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .add-to-cart[style*="display: none"] + .add-to-cart,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > .less-than-minimal-label:first-child + .add-to-cart + .add-to-cart {
    margin-left: 0px !important;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart:hover,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart.add-to-shopping-cart:focus {
    background: #55a440 !important;
    border-color: #55a440 !important;
}

.sample-text {
    align-items: center;
    width: calC(100% - 30px);
    margin: 0px 15px;
    padding: 0px 0px 10px 0px;
    text-align-last: center;
}

.columns .selection {
    border: 1px solid #eaeaea;
    background: #ffffff;
    border-radius: 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary {
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
    font-size: 14px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .row:nth-child(2) {
    border-top: 1px solid #d8d8d8;
    padding-top: 10px;
    margin-top: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .row .price {
    text-transform: capitalize;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary > .row.collapse {
    line-height: normal;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .row.collapse > div.large-3.small-4.columns {
    text-align: right;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .calctotal {
    flex-direction: column;
    font-size: 14px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .cart-summary .calctotal > br {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart .price-placeholder {
    display: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .features {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    padding-bottom: 30px;
    font-size: 13px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .feature-item {
    margin-right: 3px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .icon-circle {
    background: #3cc261;
    color: #fff;
    font-weight: 700;
    border-radius: 100rem;
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

#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: 5px;
    background: #E35A62;
}

#container.productSet .widget-100 .staffel-info-label {
    padding-left: 3px;
    margin: 0px;
    margin-top: 3px;
    color: #022634;
}

.custom-staffel-radio-table thead tr:first-child {
    background: none;
    border: none;
}

#container.productSet .widget-100 .quantity-values table.staffel-table tr:nth-of-type(odd),
#container.productSet .widget-100 .attribute-values table.staffel-table tr:nth-of-type(odd),
.custom-staffel-radio-table tr:nth-of-type(odd),
#container.productSet .widget-100 .quantity-values table.staffel-table tr:nth-of-type(even),
#container.productSet .widget-100 .attribute-values table.staffel-table tr:nth-of-type(even),
.custom-staffel-radio-table tr:nth-of-type(even){
    border: 1px solid #e9e9e9;
}

table thead {
    background: none !important;
}

table.custom-staffel-radio-table tr th {
    padding: 1px 10px !important;
}

table.custom-staffel-radio-table tr td {
    padding: 10px 10px !important;
}

table.custom-staffel-radio-table tr td {
  padding: 12px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

/* links */
table.custom-staffel-radio-table tr td:first-child {
  border-left: 1px solid #e3e3e3;
  border-radius: 6px 0 0 6px;
}

table.custom-staffel-radio-table tr th:last-child,
table.custom-staffel-radio-table tr td:last-child {
    text-align: right;
}

/* rechts */
table.custom-staffel-radio-table tr td:last-child {
  border-right: 1px solid #e3e3e3;
  border-radius: 0 6px 6px 0;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .buttons > div.add-to-cart:nth-child(-n+2) {
    margin-bottom: 10px;
}

#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"] + .less-than-minimal-label + .add-to-cart,
#container.checkout .widget-afrekenen > form.checkout-form > .items:last-child .large-block-grid-1 + a.button + .row.buttons input.button,
html #container.offer .widget-122 table.staffels div.add-to-cart {
    background: #3cc261;
    color: #fff;
    margin-bottom: 10px;
}

#container.productSet .widget-productset-detail .details .main-details h1 {
    margin: 0;
}

#container.productSet .widget-productset-detail .details .main-details .sku {
    margin-top: 10px;
}

#container.productSet .widget-productset-detail .details .main-details .sku > span:first-child {
    font-weight: 600;
}

#min-order {
    display: none;
}

#min-order > span {
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    display: block;
    overflow: hidden;
    background: #cccccc;
}

#min-order > span > i {
    margin-right: 10px;
}

.widget-winkelwagen .price-details {
    border-top: 1px solid #e3e3e3;
}

.widget-winkelwagen .price-details {
    padding-top: 20px;
}

#container .widget-winkelwagen .price-details .cart-summary {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div {
    padding: 0px 0px;
    width: 100%;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div > span {
    width: 50%;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div > span {
    line-height: 21px;
    text-align: left;
    color: #022634;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div .price {
    text-align: right;
    white-space: nowrap;
}


#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .cart-summary > div:last-child > span:first-child {
    font-weight: 700;
}

.widget-productset-detail table {
    width: 100%;
    margin: 0;
}

table tr th,
table tr td {
    font-size: 16px;
    padding: 10px 0;
    color: #022634;
}

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: #022634;
}

.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: #022634;
    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;
}

#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.terms {
    order: 3;
    font-size: 13px;
    text-align: center;
    margin-top: 15px;
}

#container .widget-afrekenen > form.checkout-form > .items.terms a {
    text-decoration: underline;
}

#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: #022634;
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
    cursor: default;
    padding-left: 0;
}

#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: 5px;
    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: #4bb8ff;
}

#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: #022634;
    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: 5px;
    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: #022634;
}

#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 {
    display: flex;
    align-items: center;
    padding: 20px;
}

#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: 5px;
    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: #022634;
}

#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: #32a3ed;
    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: 5px;
    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: #022634;
    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: 5px 0px 0px 5px;
}

#container .widget-winkelwagen.checkout-cart.shoppingCart .shopping-cart-detail .shopping-cart .hide-discount.right input + a {
    border-radius: 0px 5px 5px 0px;
    padding: 9px 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-219963 main .widget-meertalige-responsive-slider.fullwidth-slider,
#container.staticPage.staticPage-219963 main .widget.widget-contactformulier,
#container.staticPage.staticPage-219963 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: #3cc261;
    padding: 15px;
    border-radius: 5px;
    overflow: hidden;
    flex: 0 0 auto;
    margin-right: 10px;
    width: 60px;
    height: 60px;
}

.contact-bar > ul > li a:hover .custom-icon,
.contact-bar > ul > li a:focus .custom-icon {
    background: #55a440;
}

.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: 5px;
    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: #4bb8ff;
    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-client {
    margin: auto;
    padding: 25px;
    background: #fff;
    border-radius: 5px;
    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: #022634;
    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;
}

.header-usp {
    padding: 0px 0px;
    width: 100%;
    display: flex;
    position: relative;
}

.header-usp ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    max-height: 43px;
    overflow: hidden;
}

.header-usp ul li > a,
.header-usp ul li > span {
    font-size: 15px;
    color: #022634 !important;
    display: flex;
    align-items: center;
    padding: 3px 0px;
    line-height: normal;
}

.header-usp ul li:last-child {
    margin-left: auto;
}

.header-usp ul li:not(:last-child) {
    margin-right: 20px;
}

.header-usp ul li i {
    color: #3cc261;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border-radius: 100rem;
    height: 20px;
    width: 20px;
}

.kiyoh-category-page {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

#container.search .category-page-kiyoh > .row {
    display: inline-block;
}

.kiyoh {
    font-size: 12px;
    color: #b3b3b3;
    display: flex;
    font-style: italic;
    align-items: center;
    white-space: nowrap;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 15px;
}

.kiyoh.product-page-kiyoh {
margin-right: 0px;
font-style: normal;
}
.kiyoh:hover,
.kiyoh:focus {
    color: #022634;
}

.kiyoh-wrapper {
    display: flex;
    align-items: center;
    border-top: 1px solid #d8d8d8;
    width: calC(100% - 30px);
    margin: 0 15px;
    padding: 20px 0;
}

.kiyoh-wrapper .kiyoh {
    font-size: 13px;
}

.kiyoh-wrapper img {
    max-height: 34px;
}

.kiyoh-wrapper .kiyoh {
    color: #022634;
}

.kiyoh:before {
    content: "";
    background-image: url(../star.svg);
    width: 54px;
    height: 11px;
    margin-right: 8px;
    position: relative;
}

.co2-neutral {
    font-size: 15px;
    color: #ffffff;
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: flex-end;
    margin-left: auto;
}

.co2-neutral:before {
    content: "";
    background-image: url(../co2-neutral-website.svg);
    width: 61px;
    height: 25px;
    margin-right: 24px;
    position: relative;
}

.kiyoh-total-rating {
    font-size: 15px;
    color: #022634;
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: flex-end;
    margin-left: auto;
}

.kiyoh-total-rating:before {
    content: "";
    background-image: url(../rating-widget-small-image.png);
    width: 25px;
    height: 25px;
    position: relative;
    margin-right: 10px;
}

.category-page-kiyoh {
    margin-bottom: 21rem;
}

/* Gedeelde reviewcontainer styling */
.kiyoh-reviews {
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
    color: #022634 !important;
    font-family: "Figtree", Arial, sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #022634;
    font-style: normal;
    margin-bottom: 50px;
}

.kiyoh-reviews-large {
    column-count: 3;
    column-gap: 30px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .kiyoh-reviews-large {
    column-count: 2;
  }
}

@media screen and (max-width: 600px) {
  .kiyoh-reviews-large {
    column-count: 1;
  }
}

/* Gedeelde item styling */
.kiyoh-reviews .item,
.kiyoh-reviews-large .item {
    padding: 30px 20px;
    padding-right: 80px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #eaeaea;
    background: #ffffff;
}

.kiyoh-reviews .item {
    display: flex;
    flex-wrap: wrap;
}

.kiyoh-reviews-large .item {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    break-inside: avoid;
}

/* Total score item */
.kiyoh-reviews .item.total-score {
    flex-wrap: nowrap;
    align-items: baseline;
    padding: 30px 20px;
    gap: 20px;
}

.kiyoh-reviews .total-score .right > span {
    width: 100%;
    display: inline-block;
}

.kiyoh-reviews .total-score .right > span.company-name {
    font-weight: 600;
    font-size: 18px;
}

.kiyoh-reviews .total-score .right > span.rating-percentage {
    margin-top: 10px;
}

.kiyoh-reviews .total-score .right > span.review-counter {
    color: #022634;
    font-size: 12px;
    text-decoration: underline;
}

.kiyoh-reviews .total-score .rating {
    position: relative;
    font-weight: 600;
    font-size: 23px;
    padding: 30px 20px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kiyoh-reviews .total-score .rating:before {
    content: "";
    position: absolute;
    background-image: url("https://cms.promothing.nl/frontendEditor/uploads/kiyoh-icon.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 105%;
    height: 105%;
    margin-top: 23px;
}

.kiyoh-reviews .total-score a.button {
    display: inline-block;
    margin-top: 10px;
}

/* Gedeelde review content styling */
.kiyoh-reviews .item.review > span:not(.customer-rating),
.kiyoh-reviews-large .item.review span.review-content {
    width: 100%;
    font-size: 15px;
}

.kiyoh-reviews .item.review span.reference,
.kiyoh-reviews-large .item.review span.reference,
.kiyoh-reviews .item.review span.date,
.kiyoh-reviews-large .item.review span.date {
    color: #999999;
}

.kiyoh-reviews .item.review .reference,
.kiyoh-reviews-large .item.review .reference {
    display: block;
    margin-top: 10px;
}

.kiyoh-reviews .item.review .customer-rating,
.kiyoh-reviews-large .item.review .customer-rating {
    position: absolute;
    top: 25px;
    right: 10px;
}

.kiyoh-reviews .item.review .customer-rating > span,
.kiyoh-reviews-large .item.review .customer-rating > span {
    position: relative;
    font-weight: 600;
    font-size: 19px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kiyoh-reviews .item.review .customer-rating > span:before,
.kiyoh-reviews-large .item.review .customer-rating > span:before {
    content: "";
    position: absolute;
    background-image: url(https://cms.promothing.nl/frontendEditor/uploads/kiyoh-icon-clean.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 106%;
    height: 105%;
    margin-top: 15px;
}

.kiyoh-reviews .item.review span.author,
.kiyoh-reviews-large .item.review span.author {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 3px;
    display: block;
    width: 100%;
}

.kiyoh-reviews .item.review span.date,
.kiyoh-reviews-large .item.review span.date {
    font-size: 15px;
}

.kiyoh-reviews-large .item.review span.review-oneliner {
    font-size: 15px;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
}

/* Knop onder masonry */
.masonry-review-button {
    display: block;
    margin: 40px auto 0 auto;
    text-align: center;
    padding: 10px 25px;
    background-color: #009bda;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    max-width: fit-content;
}

.masonry-review-button:hover {
    background-color: #0077aa;
}

.widget-product-lijst div.items > .overlay-wrapper > .detail-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px;
    border: 1px solid #bdedcb;
    border-radius: 0px 0px 5px 5px;
    font-size: 11px;
    white-space: nowrap;
}

.widget-product-lijst div.items > .overlay-wrapper > .detail-info {
    padding: 5px 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .stock-info:before,
.widget-product-lijst div.items > .overlay-wrapper > .detail-info .item.minimal:before {
    content: "⦿";
    margin-right: 0.5em;
    font-weight: 400;
    font-size: 10px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info.outofstock {
    color: #022634;
        background: #bdedcb;
}

.widget-product-lijst div.items > .overlay-wrapper > .detail-info.outofstock {
        color: #022634;
        background: #bdedcb;
}

.widget-product-lijst div.items > .overlay-wrapper > .detail-info.instock {
    color: #022634;
    background: #bdedcb;
    border-top: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info.instock {
    color: #022634;
    background: #bdedcb;
    border-top: none;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .item,
.widget-product-lijst div.items > .overlay-wrapper > .detail-info .item {
    display: flex;
    align-items: center;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .specifications {
    margin-top: 20px;
    font-size: 13px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .specifications i {
    margin-right: 5px;
    font-weight: 700;
}


.widget-product-lijst div.items > .overlay-wrapper > .detail-info .item.minimal span {
    margin-right: 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .available,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .item.minimal,
.widget-product-lijst div.items > .overlay-wrapper > .detail-info .item.minimal {
    font-weight: 600;
}

.widget-product-lijst div.items > .overlay-wrapper > .detail-info .delivery {
    color: #022634;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .urgent-contact a,
#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .delivery {
    color: #022634;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .delivery strong,
.widget-product-lijst div.items > .overlay-wrapper > .detail-info .delivery strong {
    margin-left: 5px;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget .details .main-details .detail-info .available .placeholder-stock,
.widget-product-lijst div.items > .overlay-wrapper > .item .specifications:empty {
    display: none;
}

.telefoon-header {
    margin-left: auto;
    width: auto !important;
}

.telefoon-header .wrapper {
    display: flex;
    flex-flow: column;
    padding-left: 37px;
}

.telefoon-header .wrapper:before {
content: "\f095";
    font-family: 'font Awesome 6 Pro';
    margin-right: 10px;
    font-weight: bold;
    display: flex;
    color: #4bb8ff;
    font-size: 23px;
    animation: tilt-shaking 0.25s 15;
    position: absolute;
    left: 13px;
    top: 11px;
}

.telefoon-header span {
    font-size: 13px;
}

.telefoon-header a {
    white-space: nowrap;
    font-size: 16px !important;
    color: #022634 !important;
    line-height: 1em !important;
    margin-top: 3px;
    font-weight: 600;
}
    
.telefoon-header a:hover {
    color: #4bb8ff;
}


@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

.widget-product-lijst div.items > .overlay-wrapper > .item .wrapper .price .small {
    display: block;
    width: 100%;
    font-size: 11px;
    color: #888;
    font-weight: 400;
}

.widget-productset-detail .product-image {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s ease-in-out;
    -webkit-filter: none;
    filter: none;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.widget-productset-detail .product-image .product-main-image {
    position: relative;
    flex: 100%;
    text-align: center;
    margin-bottom: 20px;
    display: block;
    background: white;
    border-radius: 5px;
}

.widget-productset-detail .product-image .product-main-image:after {
    content: "\f00e";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.1rem;
    height: 3.1rem;
    background: rgb(0 0 0 / 30%);
    color: #fff;
    font-size: 20px;
    border-radius: 100rem;
}

.widget-productset-detail .product-image .product-images {
    list-style-type: none;
    display: flex;
    align-self: baseline;
    position: relative;
    margin: 0;
    gap: 5px;
}

.widget-productset-detail .product-image .product-images li {
    display: none;
    overflow: hidden;
    position: relative;
    flex: 0 14.2%;
}

.widget-productset-detail .product-image .product-images li a {
    display: block;
    position: relative;
    background: #fff;
    padding: 3px;
    border-radius: 5px;
}

.widget-productset-detail .product-image .product-images li a img {
    max-width: 100%;
    max-height: 100%;
    min-width: 1px;
    min-height: 1px;
    border-radius: 5px;
    opacity: 0.7;
}

.widget-productset-detail .product-image .product-images li:hover a img {
    opacity: 1;
}

.widget-productset-detail .product-image .product-images li a:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 35%;
    width: 35%;
    position: absolute;
    transform: translate(-10%, 10%);
    top: 0;
    right: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background: rgb(0 0 0 / 30%);
    content: "\f00e";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

.widget-productset-detail .product-image .product-images li:hover a:after {
    opacity: 1;
    visibility: visible;
}

.widget-voeg-toe-aan-winkelwagen-widget .selection ul ul.color-values:not(.color-images) li[data-fromcolor]:before {
       content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    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;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget.loading .product-details: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: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    cursor: not-allowed;
}

#container.productSet .widget-voeg-toe-aan-winkelwagen-widget.loading .product-details:after {
    left: 0.59375rem;
    width: calc(100% - 0.59375rem - 0.59375rem);
}

#container.productSet .widget-productset-detail.main-image {
    -webkit-box-flex: 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 30px;
    width: 55%;
    float: none;
}

html body #lightGallery-close {
    font-size: 20px;
    padding: 4px 15px;
}

html #lightGallery-close:after {
    content: "\2716";
    position: relative;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    top: -1px;
    right: auto;
}

html .showThumbByDefault#lightGallery-outer {
    background-color: rgba(0, 0, 0, .85);
}

html #lightGallery-action a.cLthumb:after {
    content: "";
    display: none;
}

html #lightGallery-slider .lightGallery-slide img {
    background: white;
    padding: 30px;
    border-radius: 5px;
}

html body .showThumbByDefault #lightGallery-action a {
    margin: 0 !important;
    position: absolute;
    top: 44%;
    z-index: 9999999;
    background-color: transparent;
    font-size: 46px;
    width: auto;
    height: auto;
    color: #d4d4d4;
    line-height: normal;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

html body .showThumbByDefault #lightGallery-action > a:hover {
    color: #ffffff;
}

html body .showThumbByDefault #lightGallery-action a#lightGallery-next {
    right: 5rem;
}

html body .showThumbByDefault #lightGallery-action a#lightGallery-prev {
    left: 5rem;
}

html body #lightGallery-action a#lightGallery-prev:before,
html body #lightGallery-action a#lightGallery-next:after {
    left: unset;
    position: relative;
    font-size: inherit;
    color: #022634;
    font-weight: inherit;
    bottom: unset;
}

.cart-title {
    color: #022634;
    margin: 0;
    font-size: 18px;
    margin: 0px 0px 0px;
    vertical-align: middle;
    font-weight: 600;
    line-height: normal !important;
    border-bottom: 1px solid #f3f3f3;
    background: #f3f3f3;
    padding: 12px 15px;
}

#checkout-form-723 > div:nth-child(4) > div > div:nth-child(3) > div.columns > label::after {
      content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
  width: 100%;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 250px auto;
  background-image: url('https://cms.interrelatiegeschenken.nl/frontendEditor/uploads/Paymentlogos4.png');
}

#container.checkout .searchbar, #container.offerRequest .searchbar {
    visibility: hidden !important;
}

#container.checkout #placeholder-header-bottom-wrapper,
#container.offerRequest #placeholder-header-bottom-wrapper,
#container.checkout #placeholder-header .widget-winkelwagen.offer,
#container.checkout #placeholder-header .widget-winkelwagen.cart,
#container.offerRequest #placeholder-header .widget-winkelwagen.offer,
#container.offerRequest #placeholder-header .widget-winkelwagen.cart {
    display: none !important;
}

#placeholder-footer-top {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    padding-right: 30px;
    padding-left: 30px;
    position: relative;
    z-index: 1111111111;
    margin-bottom: -30px;
    background: #32a3ed;
    bottom: 65px;
}

.footer-contact-information {
    width: 100%;
    display: block;
    margin-top: 20px;
    color: #ffffff;
}

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

.seperator-footer {
    color: #4bb8ff !important;
    font-weight: 500 !important;
    margin-left: 5px;
    margin-right: 5px;
}

footer a:hover {
    color: #4bb8ff;
}

/* Hero banner style */

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

.hero-banner:before {
    content: '';
    background: #022634;
    background: linear-gradient(90deg, rgb(50, 163, 237) 10%, rgba(255, 255, 255, 0) 70%);
    opacity: 0.44;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.hero-banner-wrapper > div.row {
    max-width: 89.875rem;
    margin: auto;
    width: 100%;
}

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

.row.collapse .widget-kruimelpad .row {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.hero-banner-wrapper {
    width: 100%;
    display: block;
}

.hero-banner h1,
.hero-banner .h1 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 1em;
    border-radius: 5px;
    border: 1px solid #ffffff;
    padding: 9px 8px;
    margin-left: 0.59375rem;
    display: inline-block;
    margin-bottom: 10px;
}

.hero-banner .tagline {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 63px;
    line-height: 1em;
    display: block;
    font-weight: 600;
}

.hero-banner p {
    color: #ffffff;
    font-size: 16px;
}

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

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

.hero-banner .button:hover,
.hero-banner .button:focus{
    margin-top: 30px;
    padding: 14px 31px;
    font-size: 20px;
    box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px;
    background: #4bb8ff;
}

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

/* End hero banner style */

.small-banners {
    transition: all .5s ease-in-out;
    overflow: hidden;
}

.small-banners a img {
    border-radius: 5px;
    position: relative;
   /* box-shadow: rgb(0 0 0 / 3%) 10px 10px 10px; */
    object-fit: cover;
    min-height: 265px;
    display: block;
    width: 100%;
}

.small-banners .wrapper {
    position: absolute;
    top: 0;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    height: 100%;
    width: calc(100% - 0.59375rem - 0.59375rem);
}

.small-banners .wrapper .small-banner-text-area {
    margin-bottom: 10px;
}

.small-banners .wrapper .small-banner-title {
    display: block;
    margin-bottom: 23px;
    font-weight: 400;
    max-width: 50%;
    color: #ffffff;
}

.small-banners .wrapper .button {
    background: #ffa500;
    border: 1px solid #ffa500;
    color: #ffffff;    
    border-radius: 5px;
}

.small-banners .wrapper .button:hover,
.small-banners .wrapper .button:focus {
    background: #4bb8ff;
    border: 1px solid #4bb8ff;
    color: #ffffff;    
    border-radius: 5px;
}

.clients-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.client {
  width: 100%;
  background: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
}

.client-media {
  width: 40%;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

.client-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.client-content {
  position: relative;
  width: 60%;
  padding: 98px 26px 22px;
  color: #ffffff;
  overflow: hidden;
  place-content: center;
}

.client-blue .client-content  { 
    background: #add3ef; }
    
.client-pink .client-content { 
    background: #fcadbe; 
}
    
.client-yellow .client-content { 
    background: #750d19; 
}

.client-logo {
  position: absolute;
  top: 0;
  right: -55px;
  width: 210px;
  height: 90px;
  background: #ffffff;
  transform: skewX(-15deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.client-logo-inner {
  position: absolute;
  top: 14px;
  left: 32px;
  transform: skewX(15deg);
}

.client-logo-inner img {
  max-width: 120px;
  height: auto;
}

.client-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}

.client-name {
    color: #022634;
}

.client-text {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 24px;
  max-width: 260px;
}

.client-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: #ffffff;
  color: #022634;
  border-radius: 5px;
  text-decoration: none;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
}

.client-button:hover,
.client-button:focus {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: #022634;
  color: #ffffff;
  border-radius: 5px;
  text-decoration: none;
}

.client-button span {
  font-size: 16px;
  line-height: 1;
}

/*  Tablet */
@media (min-width: 768px) {
  .clients-wrapper {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 16px;
  }

  .client {
    flex: 1 1 0;
    width: auto;
    height: 315px;
  }
}

/* --- Desktop */
@media (min-width: 1200px) {
  .clients-wrapper {
    max-width: 1480px;
    margin: 0 auto;
  }

  .client {
    max-width: 482px;
    height: 354px;
  }

  .client-media {
    height: 100%;
    padding: 0px;
  }

  .client-media img {
    width: 100%;
    height: 100%;
  }
}

/* ===================================================== */
/*              Start - Custom brandpage code            */
/* ===================================================== */
.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-auto {
    flex: 1;
}

.flex-100 {
    flex: 1 100%;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.non-scalable {
    object-fit: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

.align-center {
    align-items: center;
}

.margin-center {
    margin-left: auto;
    margin-right: auto;
}

.align-self-center {
    align-self: center;
    border-radius: 5px;
}

.homepage-text { 
    padding-right: 3rem;   
}

.text-center {
    text-align: center;
}

.border-radius {
    border-radius: 5px;
}

/* Afbeelding links */
.border-radius-left {
    border-radius: 5px;
}

/* Afbeelding rechts */
.border-radius-right {
    border-radius: 5px;
}

.text-img img {
    max-height: 710px;
    border-radius: 5px;
}

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

body .home .text-img img {
    max-height: 710px;
    background: transparent;
}

header section + section {
    margin-top: 0px;
}

section + section {
    margin-top: 1rem;
}

.bg-green .h1,
.bg-green p {
    color: #201F24;
}

.featured-blocks .items {
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.featured-blocks:not(.products) .items .item {
    padding: 0px 20px;
}

.featured-blocks.products .items .item a.wrapper {
    border: 1px solid transparent;
    padding: 20px;
    display: block;
    border-radius: 5px;
    transition: all .3s ease;
}

.featured-blocks.products .items .item a:hover {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-color: #CCCCCC !important;
}

.featured-blocks .items .item .image {
    position: relative;
    overflow: hidden;
}

.featured-blocks:not(.products) .items .item .image img {
    border-radius: 5px;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.featured-blocks:not(.products) .items .item:hover .image img {
    -webkit-transform: scale(1.03) rotate(1deg);
    transform: scale(1.03) rotate(1deg);
}

.featured-blocks .items .item .image .action-label {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #3de67d;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    color: #ffffff;
    z-index: 9;
    font-size: 16px;
}

.featured-blocks .items .item .title {
    color: #383838;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0;
    padding: 15px 0;
    display: block;
    width: 100%;
    text-align: center;
}

.featured-blocks.products .items .item .title {
    padding-bottom: 0px;
    text-align: left;
}

.featured-blocks .items .item .price {
    color: #00ABAA;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3em;
    display: inline-block;
}

.featured-blocks .items .item .price .from-price {
    font-weight: 300;
    font-size: 16px;
    text-transform: lowercase;
    color: #383838;
    margin-right: 6px;
}

/* Custom blocks - Large and up (Computer till nothing) */
@media screen and (min-width: 64.063em) {

    .text-img img + div,
    .text-img div + img,
    .text-img .img + div,
    .text-img div + .img {
        margin-left: 2.5rem !important;
    }

    .text.bg-grey.text-center {
        padding-left: 15%;
        padding-right: 15%;
    }

    .featured-blocks .items .item {
        flex: 1 1 25%;
    }

    .featured-blocks .items .item:nth-child(n+5) {
        margin-top: 40px;
    }
}

/* Custom blocks - Small and medium (Nothing till tablet) */
@media screen and (max-width: 64em) {
    .text.bg-green.text-center {
        padding-left: 20px;
        padding-right: 20px;
    }

    html section {
        flex-wrap: wrap;
    }

    .mobile-text-hide .text {
        display: none !important;
    }

    .mobile-img-hide img {
        display: none !important;
    }

    .text-img.mobile-img-top > img,
    .text-img.mobile-img-top > .img {
        order: 1;
        margin-bottom: 1.5rem;
    }

    .text-img.mobile-img-top > .text {
        order: 2;
    }

    .text-img.mobile-img-bottom > img,
    .text-img.mobile-img-bottom > .img {
        order: 2;
        margin-top: 1.5rem;
    }

    .text-img.mobile-img-bottom > .text {
        order: 1;
    }

}

.themes ul {
    	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
}

.themes>ul>li>ul{
	display: flex;
}

.themes>ul>li>ul {
	gap: 37px;
}

.themes>ul>li>ul>li a {
    	color: #2c3b56;
}

.themes>ul>li>ul>li .custom-icon img {
	object-fit: contain;
	transition: all 0.4s ease;
}

.themes>ul>li>ul>li:hover .custom-icon img {	
    transform: scale(1.15);
}

.themes>ul>li>ul>li>span {
	display: none;
}

.themes>ul>li>ul>li>ul {
	overflow: hidden;
	border-radius: 1rem;
	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;
}

.payment-logos .wrapper,
.partner-logos .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.payment-logos .wrapper img,
.partner-logos .wrapper img {
    display: block;
    max-height: 30px;
    flex: 0 0;
}

.payment-logos {
    margin: auto;
    width: auto !important;
}

/* Sidebar */
.sidebar-information {
    background: #f2faff;
    padding: 20px 15px !important;
    border-radius: 5px;
}

.sidebar-information ul > li:nth-child(4) > span {
    color: #022634;
    display: block;
    margin-bottom: 0.5em;
}

.sidebar-information ul > li.children > span {
    display: block;
    margin-bottom: 1em;
    font-weight: normal;
}

.sidebar-information ul > li.children > ul > li a {
    width: 100%;
}

.sidebar-information ul > li.children > ul > li a {
    font-family: "Figtree", Arial, sans-serif;
    display: inline-block;
    text-align: center !important;
    line-height: normal;
    padding: 8px 13px 8px 13px;
    margin-bottom: 10px;
    border: 1px solid #355665 !important;
    color: #022634 !important;
    background-color: #ffffff !important;
    font-weight: 500;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.sidebar-information ul > li.children > ul > li:last-child a {
    margin-bottom: 0px;
}

.sidebar-information ul > li.children > ul > li a:hover,
.sidebar-information ul > li.children > ul > li a:focus {
    background: #022634 !important;
    border-color: #022634 !important;
    color: white !important;
}

#container .sidebar-information > ul > li:nth-child(3) {
    margin-bottom: 20px;
}

.sidebar-information ul > li.children > ul > li i {
    font-size: 19px;
    display: inline-block;
    height: 22px;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

#container .sidebar-information > ul > li:nth-child(n+3) i {
    margin-right: 5px;
}

/* Accordion */
div[class*="-item"] {
    display: block;
    width: 100%;
}

div[class*="accordion-item"] {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 10px 25px rgb(0 0 0 / 22%);
    padding: 20px;
}

div[class*="-item"] div[class*="-head"]:not(.ui-widget-header) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

div[class*="-item"].is-collapsed div[class*="-head"]:not(.ui-widget-header) {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

div[class*="accordion-item"] div[class*="-head"] {
    padding: 20px;
    margin: -20px;
}

div[class*="-item"] div[class*="-head"] .label {
    background: none;
    color: #022634;
    padding: 0;
}

div[class*="-item"] div[class*="-head"] .icon {
    font-size: 18px;
    color: #ffffff;
}


div[class*="filter-item"] div[class*="-head"] .label,
div[class*="filter-item"] div[class*="-head"] .icon {
    color: #022634;
}

.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: 30px;
    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;
}

/* Sorteer filter */

#container .filter select {
    width: auto;
    border-color: #e6e6e6;
}

#container .filter select:hover,
#container .filter select:focus {
    border-color: #cccccc;
    background-color: #ffffff;
}