/* 

    Index:
        - Filtering categorie pagina
            - Alle iconen voor de filtering
            - Styling kleuren filter
            - Styling prijs filter
            - Mobiele styling

*/

#CookiebotWidget {
    display: none !important;
}


.product-info-main .product.alert {
    display: flex;
    width: 100%;
}

body.catalog-product-view .stock.unavailable span {
    color: #333!important;
}

.pagebuilder-slider.slick-slider {
    padding: 0 !important;
}

html {
    scroll-behavior: smooth;
}

.marley-banner-wrapper {
    background-image: url(/media/pages/home/newproducts.jpg);
    background-size: cover;
    background-position: center right;
    color: white;
    text-shadow: 0px 3px 6px #000000a1;
    padding: 20px 50px;
}

.marley-banner-wrapper h1,
.marley-banner-wrapper h2,
.marley-banner-wrapper h3,
.marley-banner-wrapper p {
    color: white;
}

.marley-banner-wrapper h1 {
    line-height: 1.4;
    margin-bottom: 20px;
    max-width: 535px;
}

.marley-banner-wrapper p {
    max-width: 600px;
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.marley-banner-wrapper h1 .subheading {
    display: block;
    font-size: 28px;
}

.marley-banner-wrapper h1 span {
    display: block;
}

.marley-banner-wrapper .marley-button {
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    background: #1bab7b;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 22px;
    color: white;
    padding: 14px 25px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: 0px 3px 6px #000000a1;
}

.marley-banner {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

@media only screen and (max-width: 992px) {
    .marley-banner-wrapper {
        background-image: url(/media/pages/home/newproductsmob.jpg);
        background-position: bottom right;
        padding: 20px 30px;
    }
    .marley-banner-wrapper h1 .subheading {
        font-size: 20px;
    }
    .marley-banner-wrapper .marley-button {
        font-size: 18px;
    }
}

/* Most wanted section */
.most-wanted-wrapper {
    display: flex;
    justify-content: space-between;
    background-color: #f6f4f2;
    padding: 20px;
    border-radius: 5px;
    margin: 70px 0 50px 0;
    background-image: url(/media/pages/home/bob-marley-meest.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.most-wanted-wrapper h2 {
    color: white!important;
    text-shadow: 0 3px 5px black;
    margin: 0;
}

.most-wanted-wrapper .slick-next,
.most-wanted-wrapper .slick-prev {
    width: 45px !important;
    height: 45px !important;
    background-color: white !important;
    border-radius: 100% !important;
    background-size: 12px !important;
}

.most-wanted-wrapper .slick-prev {
    left: -15px !important;
    box-shadow: 0px -3px 6px #00000054;
}

.most-wanted-wrapper .slick-next {
    right: -30px !important;
    box-shadow: 0px 3px 6px #00000054;
}

.most-wanted-wrapper .slick-track {
    display: flex !important;
}

.most-wanted-wrapper a {
    text-decoration: none!important;
}

.most-wanted-product > div {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 5px;
    padding: 15px;
    margin-left: 15px;
    height: 100%;
}

.most-wanted-product .most-wanted-img {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
}

.most-wanted-product .most-wanted-label {
    background-color: #1bab7b;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 13px;
}

.most-wanted-product .most-wanted-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
    font-family: Oswald, Helvetica, Sans-Serif, serif !important;
}

.most-wanted-product .most-wanted-desc {
    font-size: 14px;
}

.most-wanted-product .most-wanted-title:hover {
    color: black;
}

.most-wanted-product .most-wanted-img img {
    max-height: 180px;
    width: 100%;
    object-fit: contain;
}

.most-wanted-slider {
    width: 75%;
    padding: 0;
}

@media only screen and (min-width: 992px) {
    .most-wanted-product .most-wanted-title:hover {
        text-decoration: underline;
    }
}

@media only screen and (max-width: 992px) {
    .most-wanted-slider {
        width: 100%;
    }
    .most-wanted-wrapper {
        padding: 180px 0px 0px 0px;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        background-image: url(/media/pages/home/bob-marley-meest-mob.jpg);
        background-size: contain;
        margin: 0;
    }
    .most-wanted-wrapper h2 {
        padding: 15px 15px 30px 15px;
        text-align: center;
    }
    .most-wanted-product>div {
        border: 1px solid grey;
        margin-left: 7.5px;
        margin-right: 7.5px;
    }
}
/* END Most wanted section */

.msg-sale {
    background-color: #ffeed0;
    padding: 10px 15px;
    display: block;
    border-radius: 5px;
    color: #865700;
    font-weight: 500;
}

@media only screen and (min-width: 1025px) {
    .msg-sale {
        width: fit-content;
        margin-top: 11px;
        border: 1px solid black;
        background-color: transparent;
        font-size: 12px;
        padding: 4px 10px;
        color: black;
    }
}

#product-item-info_477 .new_tag span {
    background-color: #e29a27;
    font-size: 0!important;
    display: inline-block;
}

#product-item-info_477 .new_tag span:before {
    content: 'Limited Edition';
    font-size: 14px!important;
    text-transform: uppercase;
}


/* Checkout CSS */
.page-layout-checkout #customer-email-fieldset {
    display: flex;
    flex-direction: column;
}

.page-layout-checkout #customer-email-fieldset > .field.required {
    order: 0;
    visibility: initial;
    position: initial;
    pointer-events: initial;
}

.page-layout-checkout #customer-email-fieldset > .field {
    order: 3;
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}

.page-layout-checkout #customer-email-fieldset .actions-toolbar {
    margin-top: 20px;
}

.page-layout-checkout #customer-email-fieldset .actions-toolbar button {
    margin: 0;
    min-width: 150px;
}

@media only screen and (max-width: 1024px) {
    .page-layout-checkout #customer-email-fieldset .hidden-fields .field {
        margin: 0 0 0 25px!important;
    }
}

.page-layout-checkout select,
.page-layout-checkout input[type=text], 
.page-layout-checkout input[type=password], 
.page-layout-checkout input[type=url], 
.page-layout-checkout input[type=tel], 
.page-layout-checkout input[type=search], 
.page-layout-checkout input[type=number], 
.page-layout-checkout input[type*=date], 
.page-layout-checkout input[type=email] {
    padding: 10px 12px;
    border-radius: 3px;
    height: initial;
}

.page-layout-checkout div.checkout-blocks {
    margin: 0 auto!important;
}

.page-layout-checkout #maincontent {
    padding: 0;
}

.page-layout-checkout .checkout-payment-method .checkout-billing-address {
    margin: 0;
}

.page-layout-checkout .checkout-payment-method .checkout-billing-address .field {
    margin: 0;
}

.page-layout-checkout .checkout-shipping-method-load tr {
    cursor: pointer;
}

.page-layout-checkout .payment-method .payment-method-content {
    padding: 20px!important;
    background-color: #e6e6e6;
    border-radius: 3px;
    margin: 10px 0;
}

.page-layout-checkout .payment-method-title input,
.page-layout-checkout .payment-method-title label {
    cursor: pointer;
}

/* Basic styling */
a.button {
    -moz-appearance: initial!important;
    -webkit-appearance: initial!important;
    appearance: initial!important;
}

body {
    font-family: 'Moderat Condensed', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    top: 0 !important;
    min-width: 300px;
    color: #000;
}

div.swatch-option.image {
background-size: cover !important;
width: 22px !important;
height: 22px !important;
}

body.checkout-index-index fieldset.street div.field.additional {
display: none !important;
}

body.cms-noroute h1  {
    line-height: 50px;
    margin-top: -100px;
}

body.checkout-index-index span.product-image-container img {
width: 196px;
    max-width: 196px;
    height: auto;
}

a:visited, .alink:visited {
    color: #000;
    text-decoration: underline;
}

a, .alink {
    color: #000;
    text-decoration: underline;
}

* {
    -webkit-font-smoothing: antialiased;
}

p {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    letter-spacing: .32px;
}

a:visited {
    color: #000;
    text-decoration: underline;
}

div.cart-container #block-discount {
    display: none;
}

img[alt="Google Translate"] {
    display: none;
}


/** {*/
/*    -webkit-font-smoothing: antialiased;*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*    scroll-behavior: smooth;*/
/*}*/

.nav-sections {
    display: none;
}


.header.content div.nav-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/*#nav, .nav-panel-inner {*/
/*    width: 96%;*/
/*    width: 96%;*/
/*    max-width: 1280px;*/
/*    display: flex !important;*/
/*    justify-content: flex-end;*/
/*    margin: auto;*/
/*}*/

.nav-item.level0 {
    margin-bottom: 0 !important;
}

.nav-panel-inner {
    padding: 30px;
    display: flex;
}

.nav-panel-inner .nav-block {
    width: 33%;
}

.nav-regular li.level0 {
    float: left;
}


.nav-panel--dropdown {
    height: 0;
    overflow: hidden;
    transition: all .3s;
    width: 100%;
    position: absolute;
    background-color: #eaeaea;
    color: #333333;
    transition-timing-function: ease-in;
    margin-top: 76px;
}

.nav-item:hover .nav-panel--dropdown {
    position: absolute;
    background-color: #eaeaea;
    color: #333333;
    width: 100%;
    height: 300px;
    transition: all .3s;
    overflow: hidden;
}

.nav-item .nav-panel--dropdown::after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 10px;
    background: #f5ca63;
    bottom: 0;
}

#nav .nav-item:nth-child(4n+2) .nav-panel--dropdown::after {
    background: #58b092;
}

#nav .nav-item:nth-child(4n+3) .nav-panel--dropdown::after {
    background: #1BAB7B;
}

#nav .nav-item:nth-child(4n+4) .nav-panel--dropdown::after {
    background: #323232;
}

#nav .nav-item:nth-child(4n+7s) .nav-panel--dropdown::after {
    background: #1BAB7B;
}

.nav-regular li.level0 a.level-top {
    position: relative;
}

.cat-summary h4 {
    font-weight: normal;
    color: #3c3838;
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 5px;
    padding: 0;
    letter-spacing: 1px;
}

.cat-summary p {
    font-size: 16px;
    line-height: 24px;
    color: #929292;
}

#nav .nav-panel--dropdown a {
    color: #333333;
    text-align: center;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none !important;
    width: 100%;
    display: block;
}

.nav-regular .nav-submenu--mega > li {
    display: inline-flex;
    flex-direction: column;
    float: none;
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 5px;
    margin-right: 20px;
    justify-content: center;
    align-items: center;
}

#search_mini_form .action.search {
    opacity: 1;
}

/*@media only screen and (max-width: 1305px) {*/
/*    #search_mini_form {*/
/*        display: none !important;*/
/*    }*/
/*}*/

.block-search .action.search:before {
    content: '.';
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: center;
    width: 21px;
    color: #F5F5F5;
    font-size: 1px;
}

#search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 14px;
}

#search::-moz-placeholder { /* Firefox 19+ */
    font-size: 14px
}

#search:-ms-input-placeholder { /* IE 10+ */
    font-size: 14px
}

#search:-moz-placeholder { /* Firefox 18- */
    font-size: 14px
}

.nav-block--center {
    margin-top: 1%;
    margin-bottom: 1%;
    width: 59%;
}

.dd-itemgrid-3col > .nav-item {
    width: 29%;
}

.nav-block.nav-block--top img {
    display: block;
    margin: 0 auto;
}

.nav-regular .nav-submenu--mega > li > .nav-block--top {
    margin-top: 0;
    margin-bottom: 10px;
    height: 160px;
    width: 140px;
}

#nav .nav-panel--dropdown .cat-summary a {
    text-align: left;
}

body .nav-custom-livemarley, .nav-custom-livemarley a {
    color: #a9a9a9 !important;
}

li.nav-item:hover > a span {
    text-decoration: underline !important
}

.nav-regular .nav-item.level0 .nav-panel--dropdown a:hover,
.nav-regular .nav-item.level0 .nav-panel--dropdown a {
    transition: all .2s;
}

.nav-regular .nav-item.level0.nav-1 .nav-panel--dropdown a:hover {
    color: #f5ca63 !important;
}

.logo {
    position: absolute;;
}


.header.content .minicart-wrapper,
.header.content .block.block-search,
.header.content .compare.wrapper {
    display: none;
}

.panel.header .action.skip.contentarea,
.panel.header .header.links {
    display: none;
}

.dunico_top_menu_inner {
    display: flex;
    justify-content: space-between;
    margin: auto;
}

.dunico_top_menu_inner a,
.dunico_top_menu_inner p {
    font-size: 14px;
    line-height: 42px;
    color: black;
    margin-bottom: 0;
    position: relative;
    letter-spacing: .35px;
    -webkit-font-smoothing: initial;
}

.dunico_top_menu_inner a {
    margin-left: 20px;
    -webkit-transition: top 0.25s ease;
    -moz-transition: top 0.25s ease;
    -ms-transition: top 0.25s ease;
    -o-transition: top 0.25s ease;
    transition: top 0.25s ease;
}

.dunico_top_menu_inner .inner_top_slide {
    margin-left: 10px;
    background: #c1c1bc;
    width: 26px;
    height: 40px;
    position: absolute;
    right: calc(50vw - 530px);
    top: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 999;
}

.inner_top_count {
    position: absolute;
    width: 100%;
    text-align: center;
    -webkit-transition: top 0.25s ease;
    -moz-transition: top 0.25s ease;
    -ms-transition: top 0.25s ease;
    -o-transition: top 0.25s ease;
    transition: top 0.25s ease;
}

.inner_top_icon {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40px;
    -webkit-transition: top 0.25s ease;
    -moz-transition: top 0.25s ease;
    -ms-transition: top 0.25s ease;
    -o-transition: top 0.25s ease;
    transition: top 0.25s ease;
}

.dunico_top_menu_inner a:hover + .inner_top_count {
    top: -40px;
    -webkit-transition: top 0.25s ease;
    -moz-transition: top 0.25s ease;
    -ms-transition: top 0.25s ease;
    -o-transition: top 0.25s ease;
    transition: top 0.25s ease;
}

.dunico_top_menu_inner a:hover + .inner_top_icon {
    top: 0;
    -webkit-transition: top 0.25s ease;
    -moz-transition: top 0.25s ease;
    -ms-transition: top 0.25s ease;
    -o-transition: top 0.25s ease;
    transition: top 0.25s ease;
}

.inner_top_icon::before {
    position: absolute;
    width: 100%;
    height: 4px;
    top: -2px;
    display: block;
    background-color: #444444;
    content: '';
}

.dunico_top_menu_inner a:hover {
    text-decoration: underline !important;
    cursor: pointer;
}

.dunico_top_menu_inner a .inner_top_icon::after {
    position: absolute;
    top: 20px;
    left: 5px;
    z-index: 999999999999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 0;
    color: #444364;
    content: '\e611';
    font-family: 'luma-icons';
    margin: 0;
}

.inner_top_right {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.block-search-wrapper {
    position: absolute;
    z-index: 30;
    top: 0;
    right: 20px;
}

@media only screen and (min-width: 1025px) {
    .nav-item.level0.mobile {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    /* .block-search-wrapper {
        display: none;
    } */
}

a.logo {
    margin: 0;
    max-width: none;
    position: initial;
}

.block-search {
    height: 40px;
    width: 40px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.block-search input {
    border: none;
    height: 40px;
    background: none;
    font-family: 'Moderat Condensed', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.inner_top_right.hover {
    margin-right: 290px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.block-search:hover {
    width: 190px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.block-search .action.search:before {
    line-height: 41px;
}

._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus {
    box-shadow: 0 0 0 0px #00699d;
}

.nav-block.nav-block--top img {
    max-width: 100000px;
    max-height: 150px;
}

.flags.item-right {
    margin-top: 8px;
    position: absolute;
    z-index: 35;
    width: 90px;
    right: -3px;
    text-align: right;
}


.en_flag, .fr_flag, .nl_flag {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 19px;
    opacity: .8;
    height: 19px;
    display: inline-block;
    margin-right: 3px;
    cursor: pointer;
    border-radius: 100%;
    border: 1px solid #D5D5D5;
}

.en_flag {
    background-image: url('../images/en.svg');
}

.fr_flag {
    background-image: url('../images/fr.svg');
}

.nl_flag {
    background-image: url('../images/nl.svg');
}

/*=== END/Custom MENU ===*/


/*=== Custom POP ===*/
.catalog-category-view .sidebar.sidebar-additional,
.catalogsearch-result-index .sidebar.sidebar-additional {
    display: none;
}

.catalog-category-view .column.main,
.catalogsearch-result-index .column.main {
    width: 100%;
    margin: auto;
    float: none;
}

.breadcrumbs {
    margin-top: 120px;
    background-color: #eaeaea;
    color: #000000;
    max-width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.breadcrumbs .items {
    color: #000000;
    max-width: 1230px;
    margin: auto;
    text-align: left;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.toolbar-sorter select {
    border-radius: 0;
    line-height: 16px;
    /* min-width: 260px; */
    background-color: transparent;
    background-size: 25px 47px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0;
    border: 1px solid #000;
    padding: 7px 25px 8px 12px;
    height: auto;
    margin: 0 0px 0 5px;
    position: relative;
    top: 3px;
    background-position: 99% 45%;
    text-transform: capitalize;
    position: absolute;
    right: 15px;
}

.toolbar-sorter label.sorter-label {
    display: none;
}

.breadcrumbs a:visited {
    color: #333333;
}

.breadcrumbs a {
    color: #333333;
}

.catalog-category-view .page-main,
.catalogsearch-result-index .page-main {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.catalog-category-view .category-description {
    margin-bottom: 20px;
    /* background: url('https://marley.nl/media/wysiwyg/banners/Headphones-Positive-vibration-2-bt.jpg'); */
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: end;
    position: relative;
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
}

.category-view {
    position: relative;
    overflow: hidden;
    display: flex;
}

.fluid-hero-copy {
    width: 960px;
    margin: auto;
    padding-left: 20px;
}

.fluid-hero-title h1 {
    font-size: 50px;
    line-height: 47px;
    word-break: break-word;
    font-weight: normal;
    letter-spacing: 2px;
    margin-bottom: 0;
}

.fluid-hero-subtitle {
    display: block;
    font-family: Oswald, Helvetica, Sans-Serif;
    font-size: 17px;
    line-height: 17px;
    word-break: break-word;
    font-weight: normal;
    padding-top: 10px;
    margin-bottom: 0;
}

.fluid-hero-cell p {
    color: #2a2829;
    font-size: 14px;
    width: 56%;
    margin-bottom: 0;
}

.fluid-hero-copy.light, .fluid-hero-copy.light h1, .fluid-hero-copy.light p {
    color: #fff;
}

.std b, .std strong {
    font-weight: bold;
}

.fluid-hero-title {
    text-transform: uppercase;
    padding-bottom: 15px;
}

.products-grid .product-item-info:hover, .products-grid .product-item-info.active {
    background: transparent;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    border: 0 solid #bbb;
    margin: 0;
    padding: 0;
}

body.page-layout-about #maincontent {
    display: none !important;
}

div.info-block {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .32px;
    font-weight: 500;
    max-width: 850px;
}

div.info-block.first {
    letter-spacing: 0.32px;
    font-weight: 500;
    line-height: 26px;
    font-size: 16px;
    padding: 5px 20px 10px 20px;
    margin: 45px auto 0 auto;
    text-align: center;
}

div.info-block p {
    font-size: 20px;
    letter-spacing: 0.4px;
    font-weight: 500;
    line-height: 30px;
}

div.info-block h2 {
    font-size: 40px;
    letter-spacing: 0.8px;
    margin-bottom: 25px !important;
}

body.page-layout-about {
    background-image: url(../images/shape.png);
    background-position: left 0 top 46vw;
    background-repeat: no-repeat;
}

div.about-page div.intro-video div.image {
    background-image: url(../images/about-header.jpg);
    background-size: cover;
    width: 100%;
    aspect-ratio: 3.13/1;
    position: relative;
}

div.about-page div.info h2 {
    font-size: 40px;
}

div.about-page div.intro-video {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

div.about-page div.intro-video a.badge-bottom {
    display: block;
    margin-top: -25px;
    text-align: center;
}

div.about-page div.intro-video .badge-bottom span {
    background-image: url(../images/play-button-white.png);
    padding: 15px 40px 15px 75px;
    display: inline-block;
    color: #FFF;
    background-position: 16px;
    background-repeat: no-repeat;
    background-size: 30px;
}

div.about-page iframe.process-video {
    width: 50vw;
    aspect-ratio: 4/2;
    border: none;
    min-width: 300px;
}

div.about-page div.goals {
    padding: 80px 0 0 0;
    font-size: 16px;
}

div.about-page div.goals div.img img {
    min-width: 390px;
}

div.about-page div.goals div.wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 15vw;
}

div.about-page div.goals div.text {
    display: flex;
    align-items: start;
}

div.about-page div.goals div.text div.inner {
    background-color: #F6F4F2;
    padding: 25px 9vw 31px 70px;
    align-self: end;
    margin-bottom: 25px;
}

div.about-page div.materials {
    margin-top: 95px;
    margin-bottom: -2px;
}

div.about-page div.materials div.info {
    background: #F6F4F2;
    top: -25px;
    right: 0;
}

div.about-page div.materials div.info h2 {
    font-size: 45px;
    line-height: 60px;
    letter-spacing: .9px;
}

div.about-page div.goals div.text h3 {
    font-size: 40px;
    font-weight: bold;
    font-family: 'Oswald', serif;
    margin-bottom: 25px;
    line-height: 50px;
    margin-top: -50px;
}

div.video-popup {
    display: none;
}

div.video-popup.active {
    display: block;
}

div.about-page div.info-block p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .32px;
}


div.video-popup div.inner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    display: block;
    height: auto;
    aspect-ratio: 5/2.8;
    width: 95%;
    padding: 0;
    text-align: center;
}

div.video-popup div.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 995;
    display: block;
    background-color: #00000078;
    backdrop-filter: blur(10px);
}

div.video-popup div.video {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

div.video-popup div.video iframe {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
}

div.video-popup div.inner a.close {
    background-image: url(../images/close.svg);
    display: inline-block;
    padding: 26px;
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
    cursor: pointer;
    margin-top: 30px;
}

div.about-page .badge-bottom > span {
    background-color: #000;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    border-radius: 25px;
    box-shadow: 0 5px 9px #00000047;
    margin: auto;
    z-index: 10;
    position: relative;
    padding: 15px 50px 15px 75px;
    background-image: url(../images/play-button-white.png);
    background-position: left 14px center;
    background-repeat: no-repeat;
    background-size: 30px;
    text-align: left;
    box-sizing: border-box;
    letter-spacing: .32px;
}


div.about-page div.intro-video {
    margin: 0;
    width: 100%;
    height: auto;
}

div.about-page div.intro-video .badge-bottom {
    display: inline-block;
    margin-top: -30px;
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    div.about-page div.goals {
        padding: 20px 0 0 0;
    }

    div.about-page div.goals div.wrap {
        flex-direction: column;
    }

    div.info-block.first {
        margin-top: 15px;
    }

    div.about-page div.info.first h2 {
        font-size: 20px;
        margin: 25px 0 15px 0;
        line-height: 30px;
        letter-spacing: .4px;
    }

    div.projects div.info h2 {
        font-size: 20px !important;
        margin: 25px 0 15px 0;
        line-height: 30px;
        letter-spacing: .4px;
    }

    div.about-page div.intro-video div.image {
        aspect-ratio: initial;
        height: 300px;
    }

    div.about-page div.info-block h2 {
        font-size: 25px !important;
        padding-top: 16px !important;
        line-height: 35px !important;
        letter-spacing: .5px;
        margin-bottom: 15px !important;
    }

    div.about-page div.info-block p {
        line-height: 24px;
    }

    div.about-page div.goals div.img {
        overflow: hidden;
        width: 100%;
        aspect-ratio: 393/175;
    }

    div.about-page div.goals div.img > img {
        min-width: 300px;
        width: 100%;
        margin-top: -15%;
        max-width: none;
    }

    div.about-page div.goals div.text div.inner {
        padding: 70px 20px 20px 20px;
        background: none;
        margin-bottom: -90px;
    }

    div.about-page div.info h2 {
        font-size: 20px;
    }

    div.about-page div.goals div.text h3 {
        font-size: 25px;
        line-height: 35px;
        letter-spacing: .5px;
    }

    div.about-page div.materials div.info h2 {
        font-size: 25px;
        line-height: 60px;
        letter-spacing: .5px;
    }
}

.price-box .price {
    text-transform: uppercase;
    font-weight: bold;
}

.item.product.product-item .product-item-inner .actions-primary,
.item.product.product-item .action.tocompare {
    display: none !important;
}

.item.product.product-item .swatch-attribute-options {
    display: flex;
    justify-content: center;
}


.item.product.product-item .swatch-option {
    margin: 0 5px 5px 0;
    min-width: 18px;
    padding: 1px 2px;
    border-radius: 20px;
    width: 18px !important;
    height: 20px !important;
    background-size: cover !important;
}

.item.product.product-item .swatch-option:focus {
    box-shadow: unset !important;
}

.product-options-wrapper .swatch-option.selected {
    outline: 0 solid #ff5501;
    border: 2px solid #1CAB7B !important;
    box-shadow: unset !important;
}

/*
div[data-content-type='row'] {
    max-width: none !important;
}
 */


.product-item .action.towishlist:before {
    display: none;
}

.toolbar-products {
    margin-top: 18px;
    padding: 0;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.products-grid .product-item-actions {
    margin: 0 !important;
    top: 7px;
    right: 7px;
}

.toolbar-products div.modes,
.toolbar-products .sorter-label,
.sorter-action {
    display: none;
}

.toolbar-amount,
.sorter-label,
select,
.field.limiter .label span,
.limiter-text {
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    font-size: 16px;
    font-weight: normal;
    color: #000;
}

.modes-mode {
    box-shadow: inset 0 0 0 0 rgba(204, 204, 204, 0.8), inset 0 -1px 0 0 rgba(204, 204, 204, 0.3);
    background: #d2d1c4;
    border: 0 solid black;
    border-radius: 0;
}

.modes-mode.active {
    box-shadow: inset 0 0 0 0 rgba(204, 204, 204, 0.8), inset 0 -1px 0 0 rgba(204, 204, 204, 0.3);
    background: black;
    border: 0 solid black;
    border-radius: 0;
}

.mode-list:before {
    color: #000000;
}

.modes-mode.active:before {
    color: #d2d1c4;
}

.modes {
    border: 2px solid black;
}

/*=== END/Custom POP ===*/
body.catalog-product-view div.columns {
    max-width: 1600px;
    padding: 0 20px;
    margin: auto;
}

/*=== Custom PDP ===*/
.catalog-product-view .page-main {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.fotorama__stage {
    max-height: 450px !important;
}


.product-info-main::before {
    background: linear-gradient(90deg, #eee, #daecec, #daecec);
    width: 50vw;
    height: 100%;
    content: '';
    display: block;
    top: 0;
    left: -50vw;
    position: absolute;
}

.product.media {
    background: transparent;
}

.fotorama__nav--thumbs {
    display: flex;
    justify-content: flex-start;
}

.fotorama__stage.fotorama__shadows--right:after, .fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--left:before, .fotorama__nav.fotorama__shadows--left:before {
    display: none;
}

.fotorama__thumb__arr--right .fotorama__thumb--icon::before {
    content: '\e619';
    font-family: 'luma-icons';
    color: black;
    font-size: 20px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 1px;
    text-shadow: -1px 2px 0 rgba(255, 255, 255, 0.5490196078431373);
}

.fotorama__thumb__arr--left .fotorama__thumb--icon::before {
    content: '\e619';
    transform: rotate(180deg);
    font-family: 'luma-icons';
    color: black;
    font-size: 20px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 1px;
    text-shadow: -1px -2px 0 rgba(255, 255, 255, 0.5490196078431373);
}

.fotorama__thumb {
    background-color: transparent;
}

.product-info-main .product-info-stock-sku {
    text-align: left;
    padding-left: 0;
    order: 1;
}

.product-info-main .product-info-price {
    display: flex;
    flex-direction: column;
}

.product-info-main .product-info-price .price-box {
    order: 2;
    display: flex;
    gap: 10px;
    align-items: baseline;
    margin-bottom: -8px;
    padding: 0;
}

body.cms-home div.page-title-wrapper {
    display: none;
}

.page-title-wrapper.product h1 span {
    font-family: Oswald, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 40px;
    color: #000;
    text-transform: uppercase;
    font-size: 40px;
}

.product-info-main .product.attribute.sku .type {
    display: none;
}

.product-info-price .price-label {
    display: none !important;
}

.product-info-main .product.attribute.sku .value {
    display: block;
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    font-size: 18px;
    line-height: 26px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .36px;
}

.product-info-price .price-box .price-container .price {
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    font-weight: 500;
    font-size: 20px !important;
    text-transform: uppercase;
    color: #000;
    display: block;
    line-height: 1.2;
}

.product-info-price .price-box .special-price .price {
    color: #D41118 !important;
}

.product-info-price .discount {
    display: none;
}

.product-info-main .product-info-price {
    border-bottom: 0 solid #c1c1c1;
}

.product-info-stock-sku .stock.available {
    display: none;
}

.product-add-form .swatch-attribute-label,
.product-options-bottom .field.qty span {
    color: #1a212b;
    font-size: 15px;
    display: inline-block;
    margin-top: -30px;
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    font-weight: 700;
    line-height: 26px;
}

.product-options-wrapper .swatch-option {
    border: 0;
    height: 22px;
    width: 22px;
    min-width: 22px;
    border-radius: 100%;
    border: 2px solid transparent !important;
    margin: 0 5px 0px 0;
}

div.swatch-attribute-options {
    margin-top: 2px;
}

div.custom-breadcrumbs {
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.28px;
    padding: 8px 0 8px 0;
}

div.custom-breadcrumbs a {
    color: #8D8D8D;
}

div.custom-breadcrumbs a:last-of-type,
div.custom-breadcrumbs span:last-of-type {
    font-size: 12px;
    text-transform: uppercase;
}

.swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover {
    outline: 0 solid #c34000;
}


.product-options-bottom .action.primary.tocart {
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    background: #daecec;
    border: 2px solid #403f41;
    color: #403f41;
    border-radius: 0;
    padding: 10px 30px;
    width: auto !important;
    transition: all .3s;
    text-transform: uppercase !important;
    white-space: nowrap;
}

.action.tocompare {
    display: none !important;
}

.product-info-main .value {
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    font-weight: bold;
    color: #000;
    font-size: 18px;
}

.product-options-bottom .action.primary.tocart:hover {
    background: #403f41;
    border: 2px solid #daecec;
    color: #daecec;
    transition: all .3s;
}

.product-social-links,
.product.attribute.overview {
    display: none;
}

#tab-label-features {
    display: none;
}

.product-social-links .action.mailto.friend, .product-social-links .action.towishlist {
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #6D6D6D;
    text-transform: uppercase;
    display: inline-block;
}

.custom_sub_title {
    font-size: 15px;
    line-height: 17px;
    font-weight: normal;
    color: #898989;
    margin: 0;
    padding-bottom: 5px;
    margin-top: -14px;
}

.product.info.detailed #tab-label-additional,
.product.info.detailed #additional,
.product.info.detailed #tab-label-description,
.product.info.detailed #description,
#tab-label-video_tab {
    display: none !important;
}

.product.data.items > .item.content {
    background: transparent;
    margin-top: 0;
    padding: 0;
    border: 0 solid #ccc;
}

.custom_product_video iframe {
    width: 100% !important;
    aspect-ratio: 5/3;
    max-height: 550px;
}

#feature_tab, a.data.switch {
    display: block !important;
}

.custom_product_feature {
    max-width: 940px;
    margin: auto;
}

div.custom-product-video {
    background: #F6F4F2;
    padding: 50px 10px 80px 10px;
    margin-bottom: 50px;
}

div.custom-product-video iframe {
    aspect-ratio: 140/59;
}

div.custom-product-video h2 {
    margin: auto;
    clear: both;
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: .8px;
    padding: 20px 20px 33px;
}


div.custom-features {
    background: #F6F4F2;
    padding: 10px 36px 15px 18px;
    margin: 10px 0;
}

div.custom-features ul {
    padding: 0;
    list-style: none;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: minmax(auto, 70%) minmax(auto, 70%);
    grid-gap: 0 20px;
    width: 100%;
}

div.custom-features h2 {
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 15px;
    margin-left: 9px;
}

div.custom-features ul li {
    font-size: 16px;
    margin-bottom: 4px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: top 67% left 5px;
    white-space: nowrap;
    padding-left: 28px;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.product-add-form div.section {
    padding: 1px 0 5px;
    font-size: 14px;
    line-height: 24px;
}

div.product-add-form div.section.description {
    border-bottom: 1px solid #D5D5D5;
}


div.product-add-form div.section > h2 {
    background-image: url(../images/plus-circle.svg);
    background-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    color: #000;
    font-family: Oswald, Helvetica, sans-serif;
    user-select: none;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
}

div.product-add-form div.section.active > h2 {
    background-image: url(../images/minus-circle.svg);
}

div.product-add-form div.section h3 {
    font-size: 14px;
}

div.product-add-form div.section p {
    font-size: 14px;
    line-height: 1.6;
}

div.product-add-form div.section li {
    font-size: 14px !important;
}

div.product-add-form div.section iframe {
    display: none !important;
}

.product-info-main .stock.unavailable {
    display: none;
}

/*.the_features div::before {*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    position: absolute;*/
/*    content: '';*/
/*    display: block;*/
/*    top: 0;*/
/*    border-radius: 50%;*/
/*    left: 64px;*/
/*    background-position: center;*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*}*/
.cms-no-route .column.main {
    margin: auto;
    margin-top: 130px;
    max-width: 940px;
    width: 100%;
    float: none;
}

.cms-no-route .sidebar.sidebar-additional {
    display: none;
}

.cms-no-route h1 {
    margin-bottom: 20px;
    margin-top: -30px;
    color: #414142;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 50px;
}

.cms-no-route .column.main p {
    color: #1a212b;
    font-size: 14px;
}

.cms-no-route .column.main a {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    display: inline-block;
    height: auto;
    color: black;
}

/*product banner*/
#hom-pd {
    width: 100%;
    position: relative;
    border-top: solid 10px #e5e5e5;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 50px;
    display: none;
    min-height: 600px;
}

#hom-pd.performance_banner {
    display: block;
}

#hom-pd > img {
    position: relative;
    z-index: 0;
    display: block;
    width: 100% !important;
    min-width: 1710px;
    height: auto !important;
}

#hom-pd > div {
    background-color: #f6ae00;
    position: absolute;
    left: 50%;
    margin-left: -480px;
    top: 0;
    z-index: 1;
    width: 460px;
    height: 100%;
}

#hom-pd .hom-pd-tab {
    text-align: left;
    color: #fff;
    position: absolute;
    left: -9999px;
    top: -9999px;
    opacity: 0;
    padding: 25px 50px 50px 50px;
    -webkit-transition: opacity 0.5s ease, top 0s ease 0.5s, left 0s ease 0.5s;
    -moz-transition: opacity 0.5s ease, top 0s ease 0.5s, left 0s ease 0.5s;
    -ms-transition: opacity 0.5s ease, top 0s ease 0.5s, left 0s ease 0.5s;
    -o-transition: opacity 0.5s ease, top 0s ease 0.5s, left 0s ease 0.5s;
    transition: opacity 0.5s ease, top 0s ease 0.5s, left 0s ease 0.5s;
}

#hom-pd .hom-pd-tab p {
    color: #fff;
}

#hom-pd .hom-pd-tab.active {
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease 0.5s, top 0s ease, left 0s ease;
    -moz-transition: opacity 0.5s ease 0.5s, top 0s ease, left 0s ease;
    -ms-transition: opacity 0.5s ease 0.5s, top 0s ease, left 0s ease;
    -o-transition: opacity 0.5s ease 0.5s, top 0s ease, left 0s ease;
    transition: opacity 0.5s ease 0.5s, top 0s ease, left 0s ease;
}

#hom-pd .hom-pd-tab h2 {
    line-height: 41px;
    color: #fff;
    padding: 1px 0 25px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}


#hom-pd .hom-pd-tab p {
    margin-bottom: 1em;
}

#hom-pd-tabnav {
    /*background-color: #f6ae00;*/
    /*width: 100%;*/
    /*height: 115px;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*padding: 25px 50px 50px 50px;*/
    background-color: #f6ae00;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 25px 50px 30px 50px;
    max-width: 460px !important;
    right: 0;
}

#hom-pd-tabnav li {
    display: inline-block;
    float: left;
    width: 50%;
}

#hom-pd-tabnav a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    background-color: #f6ae00;
    border: solid 1px #fff;
    font-family: Oswald, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    -webkit-transition: background-color 1s ease, color 1s ease;
    -moz-transition: background-color 1s ease, color 1s ease;
    -ms-transition: background-color 1s ease, color 1s ease;
    -o-transition: background-color 1s ease, color 1s ease;
    transition: background-color 1s ease, color 1s ease;
}

#hom-pd-tabnav li.active a {
    background-color: #fff;
    color: #f6ae00;
}

#hom-pd-tabnav a:after {
    content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    transition: width 0.25s ease;
}

#hom-pd-tabnav a:hover:after {
    width: 100%;
}

.product-view .btn-cart span span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*=== Custom Footer ===*/
.footer_container {
    border-top: solid 2px #ededed;
    padding: 22px 0 0 0;
}

.footer_top, .footer_bottom {
    width: 100%;
}

.footer_top {
    background-color: transparent;
    height: auto;
    display: flex;
    padding: 22px 0 10px 0;
}

.footer_wrapper {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 98%;
    max-width: 940px;
    padding: 20px;
}

.footer_wrapper div {
    width: 31.33%;
}

.schrijf_je_in_tekst_footer_top {
    font-size: 12px;
    max-width: 270px;
}

.kop_footer_top {
    margin-bottom: 20px;
    color: #414142;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 21px;
}

.ontdek_footer_top a, .schrijf_je_in_tekst_footer_top, .footer_wrapper a {
    text-decoration: none;
    list-style: none;
    color: #999999;
}

.ontdek_footer_top a:hover, .footer_wrapper a:hover {
    color: black;
    padding-bottom: 0;
}

.footer_bottom {
    background-color: #ededed;
    height: auto;
    padding: 40px 0;
    display: flex;
    color: #999999;
}

.footer_bottom li, .schrijf_je_in_tekst_footer_top {
    margin-bottom: 16px;
}

ol {
    padding: 0;
}

footer ul,
footer ol {
    list-style: none;
    padding-inline-start: 0;
    padding: 0 !important;
}

.category-description img {
    display: none;
}

.social_icons_footer_top {
    width: auto !important;
    height: auto;
}

.social_icons_footer_top i {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}

.social_icons_footer_top .icon {
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #403f41;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
    margin-right: 6px;
    text-align: center;
    padding: 10px;
}

.social_icons_footer_top .icon:hover {
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    background-color: #000;
}

.ontdek_footer_top a {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

.social_icons_footer_top span a {
    position: absolute;
    left: 17px;
}

.social_icons_footer_top span {
    display: inline-block;
}

.message {
    margin: 0 0 0 !important;
}

.follow-button a {
    text-decoration: none;
    color: #fff;
    background: #2ea2cc;
    border-radius: 2px;
    cursor: pointer;
    padding: 0 6px 0 4px;
    white-space: nowrap;
    color: #fff;
    height: 20px;
    display: inline-block;
    line-height: 2px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 11px;
}

.follow-button-logo {
    position: relative;
    top: 3px;
    margin-right: 3px;
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity: 1;
}

.fotorama__arr--prev {
    left: 121px;
}

.fotorama__arr, .fotorama__thumb__arr {
    background-color: transparent !important;
}

.fotorama__arr--next {
    right: 121px;
}

.fotorama__thumb-border {
    border: 1px solid #403f41;
}

body .swatch-option-tooltip {
    display: none !important;
    visibility: hidden !important;
}

.swatch-opt {
    margin: -10px 0;
}

.minicart-wrapper .action.showcart:before {
    display: none;
}

.minicart-wrapper .action.showcart .counter.qty {
    background: transparent;
    color: #444;
}

.minicart-wrapper {
    margin-left: 0;
    display: inline-block;
    position: absolute;
    float: none;
    top: 4px;
    left: 1px;
}

.minicart-wrapper .action.showcart,
.minicart-wrapper a {
    margin-left: 0;
}

.minicart-wrapper .action.showcart .counter-number {
    text-shadow: 0 0 0 #000;
}

.winkelwagen_hover:hover + .inner_top_slide .inner_top_count {
    text-align: center;
    -webkit-transition: top 0.25s ease;
    -moz-transition: top 0.25s ease;
    -ms-transition: top 0.25s ease;
    -o-transition: top 0.25s ease;
    transition: top 0.25s ease;
    top: -40px;
}

.winkelwagen_hover:hover + .inner_top_slide .inner_top_icon {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    -webkit-transition: top 0.25s ease;
    -moz-transition: top 0.25s ease;
    -ms-transition: top 0.25s ease;
    -o-transition: top 0.25s ease;
    transition: top 0.25s ease;
}

.inner_top_icon::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 28px;
    color: #8f8f8f;
    content: '\e611';
    font-family: 'luma-icons';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    top: 6px;
    position: relative;
    text-align: center;
}

.inner_top_right.hover .inner_top_slide {
    right: calc(50vw - 370px);
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.inner_top_slide {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.minicart-wrapper.active .mage-dropdown-dialog {
    display: none !important;
}

.nav-regular .nav-item.level0.nav-2 .nav-panel--dropdown a:hover {
    color: #58b092 !important;
}

.nav-regular .nav-item.level0.nav-3 .nav-panel--dropdown a:hover {
    color: #1BAB7B !important;
}

.nav-regular .nav-item.level0.nav-4 .nav-panel--dropdown a:hover {
    color: #323232 !important;
}

.nav-regular .nav-item.level0.nav-7 .nav-panel--dropdown a:hover {
    color: #1BAB7B !important;
}

.catalogsearch-result-index .page-title-wrapper {
    max-width: 1280px;
    margin: auto;
    padding: 0 30px;
}

.catalogsearch-result-index h1 {
    margin-top: 30px;
}

@media only screen and (max-width: 1024px) {
    .catalogsearch-result-index h1 {
        font-size: 20px;
        margin-top: 20px;
        letter-spacing: .32px;
        margin-bottom: 8px;
        font-weight: bold;
    }
}

body.cms-noroute-index div.page-title-wrapper {
    display: none !important;
}

.minicart-wrapper .action.showcart .counter.qty.empty {
    display: block;
}

.checkout-cart-index .column.main {
    margin: auto;
}

div#checkout {
position: relative !important;
}

#customer-email-fieldset div.field-tooltip {
    display: none;
}

#customer-email-fieldset div.control._with-tooltip input {
   width: 100% !important;
}


#shopping-cart-table .col span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #000;
    line-height: 1.25em;
}

.cart.table-wrapper .product-item-name a {
    font-family: Oswald, Helvetica, Sans-Serif !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px !important;
    color: #000000;
    line-height: 20px;
}

.cart.table-wrapper .product-item-name + .item-options {
    margin-top: 0;
}

.cart.table-wrapper .item-options dt,
.cart.table-wrapper .item-options dd {
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    font-size: 18px;
}

.cart.main.actions .action.update,
.fieldset.coupon .action.apply.primary {
    background-color: #000;
    padding: 10px 14px;
    height: auto;
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    letter-spacing: .28px;
}

.cart.main.actions .action.update:hover,
.cart.main.actions .action.update:active,
.fieldset.coupon .action.apply.primary:hover,
.fieldset.coupon .action.apply.primary:active {
    background-color: #191919;
}

.cart-discount .block.discount .content {
    display: block !important;
}

.cart-discount .block.discount .title {
    display: none !important;
}

.cart-discount {
    margin-top: -45px;
}

.cart-discount input[type="text"] {
    height: 26px;
}


.cart-summary > .title {
    font-family: 'Oswald', Helvetica, Sans-Serif, serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 28px !important;
    color: #000000;
    letter-spacing: .56px;
    margin-top: 16px;
    margin-bottom: -4px;;
}

.fotorama__dot {
    border-radius: 0;
    border: 1px solid #403f41;
}

.fotorama__active .fotorama__dot {
    background-color: #1BAB7B;
    border-color: #1BAB7B;
}

.cart-discount ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 12px;
}

.cart-discount ::-moz-placeholder { /* Firefox 19+ */
    font-size: 12px
}

.cart-discount :-ms-input-placeholder { /* IE 10+ */
    font-size: 12px
}

.cart-discount :-moz-placeholder { /* Firefox 18- */
    font-size: 12px
}

.cart-summary .block .title strong,
.cart-totals tbody .mark {
    font-size: 13px;
}

.cart-summary .price {
    text-transform: uppercase;
    font-weight: normal;
    color: #191919;
}

.cart-totals .grand strong .price {
    font-size: 25px;
    color: #1BAB7B;
}

.cart-totals .grand strong {
    color: #1BAB7B;
}

.cart-summary .checkout-methods-items .action.primary.checkout {
    background-color: #1BAB7B;
    padding: 15px;
    height: auto;
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    font-weight: bold;
    color: white;
    font-size: 18px;
    letter-spacing: .36px;
    text-transform: uppercase;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.cart-summary .checkout-methods-items .action.primary.checkout:hover,
.cart.main.actions .action.update:hover,
.fieldset.coupon .action.apply.primary:hover,
.customer-account-login .actions-toolbar .action.create.primary:hover,
.customer-account-login .action.login.primary:hover,
.customer-account-create .action.submit.primary:hover {
    background-color: #000;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.checkout.methods.items.checkout-methods-items .action.multicheckout span {
    text-transform: uppercase;
    font-weight: normal;
    color: #191919;
    text-decoration: underline;
}


.sidebar.sidebar-additional .block.block-compare,
.sidebar.sidebar-additional .block.block-wishlist {
    display: none;
}

.login-container .block .block-title strong,
.customer-account-create .legend {
    font-weight: normal;
    color: #3c3838;
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 5px;
    padding: 0;
    letter-spacing: 1px;
}

.customer-account-login .actions-toolbar .action.create.primary,
.customer-account-login .action.login.primary,
.customer-account-create .action.submit.primary {
    background-color: #1BAB7B;
    padding: .5rem 3rem;
    height: auto;
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    text-transform: uppercase;
    color: white;
    font-size: 15px;
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 0 rgba(204, 204, 204, 0.3);
    border: 0;
    border-radius: 0;
    text-align: center;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.customer-account-create .legend {
    margin-bottom: 20px;
    padding-bottom: 5px;
}


.account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional {
    width: 31%;
    padding: 0;
}

.account.page-layout-2columns-left .column.main {
    width: 69%;
    padding: 0;
    margin-top: 15px;
}

.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong {
    border-color: #C4C4C4;
}

.account .legend {
    font-weight: normal;
    text-transform: uppercase;
    display: inline-block;
    height: auto;
    text-decoration: none !important;
    color: black;
}

.account #maincontent .primary button {
    background-color: #1BAB7B;
    padding: .5rem 3rem;
    height: auto;
    text-transform: uppercase;
    color: white;
    font-size: 20px;
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 0 rgba(204, 204, 204, 0.3);
    border: 0;
    border-radius: 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    margin-right: 0;
}

.account #maincontent .actions-toolbar .primary {
    float: right;
}

.account.wishlist-index-index .form-wishlist-items .actions-toolbar .primary {
    margin-left: 230px;
}

.account.wishlist-index-index .form-wishlist-items .actions-toolbar .primary button {
    display: block;
    float: right;
    text-align: right;
    font-size: 13px !important;
    margin-bottom: 10px;
    clear: both;
    padding: 8px 22px !important;
    font-family: 'Moderat Condensed', serif;
    font-weight: 600;
    letter-spacing: .32px;
}

.account.wishlist-index-index div.product-item-info {
    display: flex;
    justify-content: space-between;
}

.account.wishlist-index-index div.product-item-info {
    min-width: 130px;
    min-height: 100px;
}


.account .product-item-details .action.tocart.primary {
    background: white;
    border: 2px solid #403f41;
    color: #403f41;
    border-radius: 0;
    padding: 10px 30px;
    width: auto !important;
    transition: all .3s;
    text-transform: uppercase !important;
}

.fotorama--fullscreen {
    z-index: 12999999900 !important;
}

div.skiptranslate > iframe,
#goog-gt- + div,
iframe.hidden + div,
div#google_translate_element {
    position: fixed !important;
    top: -100px !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

html[lang=nl] span.nl_flag,
html[lang=fr] span.fr_flag,
html[lang=en] span.en_flag {
    position: relative;
    top: 1px;
    border: 2px solid #333;
    opacity: 1;
}

@media screen and (max-width: 1024px) {
    .menutoggle_dunico {
        height: 18px;
        width: 25px;
        position: relative;
        display: flex;
        flex-direction: column;
        z-index: 95;
        cursor: pointer;
    }

    .inner_top_left, #nav {
        display: none;
    }

    /*.header.content {*/
    /*    padding-bottom: 60px;*/
    /*}*/
    .inner_top_right a:first-of-type,
    .inner_top_right a:nth-of-type(3)
    /* ,.block.block-search  */
    {
        display: none;
    }

    .block.block-search {
        width: 100%;
        margin-top: 5px;
        height: auto;
    }


    .block.block-search .label {
       display: none !important;
    }

    #customer-service-link {
        display: none;
    }

    .block.block-search .field.search {
        display: flex;
        flex-direction: row-reverse;
    }

    .block.block-search .field.search .control {
        margin: 0;
        border: 1px solid #ccc;
        border-radius: 60px;
        padding: 3px 10px;
        background-color: white;
        display: flex;
        justify-content: space-between;
        gap: 25px;
    }

    .block.block-search .field.search .control::after {
        content: '';
        background-image: url(../images/search/search-interface-symbol.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        display: inline-block;
        margin-left: 5px;
    }

    .block.block-search .field.search .control .input-text {
        height: auto;
        padding: 0;
        margin: 0;
        width: 100%;
        left: 0;
        line-height: 1;
        position: relative;
        display: block;
    }

    .dunico_top_menu_inner .inner_top_slide {
        right: 90px;
    }

    .inner_top_right {
        width: 100%;
        text-align: right;
        padding-right: 140px;
        margin-right: 0;
    }

    .breadcrumbs {
        margin-top: 130px;
    }

    .minicart-wrapper {
        margin-top: 0;
    }

    #hom-pd.performance_banner {
        display: none !important;
    }

    .fluid-hero-cell p,
    .fluid-hero-subtitle {
        display: none;
    }

    .fluid-hero-title h1 {
        font-size: 30px;
    }

    .nav-regular li.level0 {
        width: 100%;
        border-top: 1px solid #CCC;
    }

    body div.page-wrapper {
        margin: 0;
    }

    body.nav_opened div.page-wrapper {
        margin: 0 -200px 0 200px;
    }

    html.nav_opened {
        overflow: inherit;
        width: 100vw;
        height: 100vh;
        display: block;
        position: fixed;
    }


    .menutoggle_dunico span {
        background-color: #454545;
        display: block;
        height: 3px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 70%;
        border-radius: 2px;
    }

    .nav-regular .nav-item.level0 > a {
        border-bottom: none !important;
        margin: 0 !important;
        color: #000;
        font-size: 14px !important;
        position: relative !important;
        background: #F5F5F5 !important;
        padding: 19px 20px 14px 20px !important;
    }

    .nav-regular .nav-item.level0 > a:hover,
    .nav-regular .nav-item.level0 > a:active {
        color: #000;
    }


    .menutoggle_dunico span:first-child {
        bottom: auto;
        width: 100%;
    }

    .menutoggle_dunico span:last-child {
        top: auto;
        width: 100%;
    }

    .nav_opened .menutoggle_dunico span:last-child {
        display: none;
    }

    .nav_opened .menutoggle_dunico span {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        width: 100%;
    }

    .nav_opened .menutoggle_dunico span:first-child {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        left: 0;
        top: 8px;
        right: 0;
        bottom: 8px;
    }

    .nav-panel--dropdown {
        display: none !important;
    }

    .social_icons_footer_top {
        padding-bottom: 40px;
        border-bottom: 0 !important;
    }
}

div.cart-summary {
    padding: 0 0 0 20px;
}

.breadcrumbs a,
.breadcrumbs strong {
    font-size: 11px;
}

.breadcrumbs .item:not(:last-child):after {
    margin: 0 5px;
}

.old-price .price-label,
.price-label {
    display: none;
}

/*.product-info-price .price-box .old-price .price-container span {*/
/*    font-size: 22px !important;*/
/*    color: #666 !important;*/
/*}*/
.product-info-price .price-box .old-price {
    font-size: 20px;
    order: -1;
    font-weight: 300;
    text-decoration: line-through;
}

.items.pages-items .item,
.items.pages-items .item a,
.items.pages-items .item strong {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #444444;
}


.cms-page-view .sidebar.sidebar-additional {
    display: none;
}


body.page-layout-the_mission .cms-page-view .column.main p {
    font-size: 20px;
}

.cms-page-view h1 {
    margin-top: 70px;
    font-size: 45px;
    letter-spacing: .9px;
    line-height: 70px;
}

.contact-index-index .column.main {
 /*   margin-top: 130px;*/
}

.contact-index-index legend.legend { 
	display: none; 
}


.contact-index-index #maincontent,
.sales-guest-form #maincontent,
.catalogsearch-advanced-index #maincontent {
    max-width: 960px;
    margin: auto;
}

.contact-index-index #maincontent h1,
.sales-guest-form #maincontent h1,
.catalogsearch-advanced-index #maincontent h1 {
    margin-bottom: 20px;
    margin-top: 40px;
    color: #414142;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 21px;
}

.contact-index-index #maincontent .legend,
.sales-guest-form #maincontent .legend,
.catalogsearch-advanced-index #maincontent .legend {
    font-size: 15px;
}

.contact-index-index #maincontent .action.primary,
.sales-guest-form #maincontent .action.primary,
.catalogsearch-advanced-index .action.primary {
    background-color: #1BAB7B;
    padding: .5rem 3rem;
    height: auto;
    text-transform: uppercase;
    color: white;
    font-size: 15px;
    box-shadow: inset 0 0 0 0 #fff, inset 0 0 0 0 rgba(204, 204, 204, 0.3);
    border: 0;
    border-radius: 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.principle-column h2 {
    text-transform: uppercase;
}

.cms-principles .page-description {
    font-size: 15px;
    margin-bottom: 40px;
}

.principle-column p {
    font-size: 13px;
}

.dunico_home_counter::after {
    width: 100%;
    height: 800px;
    background: white;
    display: block;
    content: '';
    position: absolute;
    bottom: -800px;
    left: 0;
}

.dunico_home_header {
    height: calc(100vh - 300px);
    min-height: 600px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.dunico_home_header_title {
    text-align: center;
    color: white;
    font-size: 80px;
    line-height: 80px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.1607843137254902);
}

.dunico_home_counter {
    width: 100%;
    height: 130px;
    background: #0E4800;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.dunico_home_counter_inner {
    width: 900px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dunico_home_counter_left {
    font-weight: bold;
    color: white;
    font-size: 17px;
    line-height: 26px;
    display: block;
}

.counter_text_header p {
    font-weight: bold;
    color: white;
    font-size: 14px;
    line-height: 20px;
    display: block;
    position: relative;
    top: 7px;
}

.counter_text_header b {
    text-align: center;
    font-weight: normal;
    color: white;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
}

.dunico_home_product,
.dunico_home_row {
    width: 1260px;
    margin: auto;
    margin-top: 90px;
    margin-bottom: 180px;
}

.dunico_home_row {
    margin-top: 0;
    margin-bottom: 90px;
    height: 430px;
}

.dunico_home_product_inner {
    display: flex;
}

.dunico_home_product_img,
.dunico_home_product_img_front,
.dunico_home_product_img_back {
    width: 530px;
    height: 530px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.dunico_home_product_img_front {
    position: absolute;
}

.dunico_home_product_img_back {
    position: absolute;
    margin-top: 90px;
    margin-left: 90px;
}

.dunico_home_product_info {
    width: 500px;
    height: 530px;
    display: inline-block;
    margin-left: 180px;
    position: relative;
    top: 90px;
}

.dunico_home_product_info h4,
.dunico_home_row_item h4 {
    font-weight: normal;
    color: black;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.dunico_home_product_info span {
    font-weight: normal;
    color: black;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.dunico_home_product_info p {
    font-weight: normal;
    color: black;
    font-size: 14px;
    line-height: 24px;
    display: block;
    margin-bottom: 20px;
    max-width: 350px;
}

.home_btn {
    text-align: center;
    font-weight: normal;
    color: black;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    border: 2px solid black;
    max-width: 79px;
    padding: 2px 20px;
    -ms-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    cursor: pointer;
}

.home_btn:hover {
    background: black;
    color: white;
    -ms-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}

.dunico_home_story {
    width: 100%;
    height: 450px;
    background: grey;
}

.custom_product_feature.fullscreen .the_features {
    max-width: 5000px;
}

.custom_product_feature.fullscreen .the_features div {
    width: 16%;
}

.last .dunico_home_product_img_back {
    margin-left: -90px;
}

.dunico_home_row_inner {
    position: relative;
    display: flex;
}

.dunico_home_row_item {
    width: 33.33%;
    height: 430px;
    display: inline-block;
    background: white;
    -ms-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    cursor: pointer;
}

.dunico_home_row_item:hover {
    background: #F5D324;
    -ms-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}

.dunico_home_row_item:hover .home_btn {
    background: black;
    color: white;
    -ms-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}

.dunico_home_row_item:hover:first-of-type {
    background: #279D4C;
    -ms-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}

.dunico_home_row_item:hover:last-of-type {
    background: #BC1C37;
    -ms-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}

.home_row_img {
    width: 80%;
    height: 270px;
    margin-left: 10%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: -30px;
}

.dunico_home_row_item h4 {
    position: relative;
    z-index: 10;
    margin-top: 10px;
    left: 10px;
}

.dunico_home_row_item .home_btn {
    margin-left: 10%;
    position: relative;
    bottom: 5px;
}

.dunico_home_story_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 450px;
    color: white;
    text-align: center;
    z-index: 1;
    position: relative;
}

.dunico_home_story_inner h4 {
    font-weight: normal;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.dunico_home_story_inner span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    display: block;
}

.dunico_home_story_inner p {
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.home_btn.white {
    color: white;
    border: 2px solid white;
}

.home_btn.white:hover {
    color: white;
    border: 2px solid white;
}

.home_btn.white:hover {
    background: white;
    color: black;
}

.dunico_home_story_img_back {
    background-size: cover;
}

.dunico_home_story_img_front {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.41);
    height: 450px;
}

.vimeo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

.vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vimeo_pre {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video_home_overlay {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('/media/images/homepage/overlay.svg');
    background-size: cover;
}

.counter_icon_header {
    width: 64px;
    height: 68px;
    display: flex;
    position: absolute;
    margin-left: -80px;
}

.dunico_home_product_img_icon {
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
    left: -90px;
}

.last .dunico_home_product_img_icon {
    left: initial;
    right: -90px;
}

.dunico_home_footer {
    width: 100%;
    height: auto;
    padding-top: 90px;
    padding-bottom: 10px;
}

.dunico_home_footer_inner {
    color: white;
    max-width: 900px;
    margin: auto;
}

.dunico_home_footer_top,
.dunico_home_footer_middel {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 50px;
}

.dunico_home_footer input[type="email"] {
    background: rgba(255, 255, 255, 0);
}

.dunico_home_footer_bottom {
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 20px;
}

.cms-home #maincontent {
    max-width: 100% !important;
    padding: 0 !important;
}

.dunico_home_footer_top_left {
    display: flex;
}

.dunico_home_footer_top_left_left {
    display: flex;
    flex-direction: column;
    color: white;
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    top: 20px;
}

.dunico_home_footer_top_left a {
    color: white;
}

.dunico_home_footer_top_left_right {
    width: 220px;
    height: 100px;
    background-repeat: no-repeat;
}

a#customer-service-link {
    position: relative;
    font-size: 14px;
    top: 8px;
    font-weight: bold;
    color: #000;
    letter-spacing: .28px;
    line-height: 23px;
}

.dunico_top_usp > div[data-content-type="row"] a,
.dunico_top_usp > div[data-content-type="row"] p {
    color: #FFF !important;
    font-weight: bold;
    font-size: 16px !important;
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
}

@media (max-width: 1024px) {
    .dunico_top_usp > div[data-content-type="row"] a,
    .dunico_top_usp > div[data-content-type="row"] p {
        font-size: 14px !important;
        font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    }
}

.dunico_top_usp > div[data-content-type="row"] a {
    text-decoration: underline;
    text-decoration-color: #8c8c8c;
}

.dunico_top_usp small {
    font-size: 9px;
}

.dunico_top_usp small a {
    color: white;
    opacity: 0.6;
}

.nav-regular .nav-item.level0:hover > a span {
    border-bottom: 0 solid black;
    -ms-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
}

.nav-regular .nav-item.level0:hover > a span {
    border-bottom: 2px solid black;
    -ms-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
}

.block.newsletter .actions,
.block.newsletter .action.subscribe {
    background: white;
    border-radius: 0;
    border: 0;
    color: black;
}

li.nav-item:hover > a span {
    text-decoration: none !important;
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
    #nav {
        align-items: center;
        max-width: 760px;
        left: 15px;
        position: relative;
    }

    .nav-regular .nav-item.level0 > a > span {
        font-size: 15px;
    }
}

@media screen and (max-width: 575px) {
    .dunico_home_header_title {
        font-size: 50px;
        line-height: 43px;
        text-align: left;
        max-width: 200px;
        position: absolute;
        left: 30px;
        top: 200px;
    }
}

@media screen and (max-width: 375px) {
    .logo {
        top: 51px;
    }
}

@media screen and (max-width: 320px) {
    .logo {
        left: calc(50% - 80px);
        top: 53px;
    }
}

.breadcrumbs {
    margin-top: 150px;
    overflow: hidden;
    max-height: 0;
}


.items.pages-items .item, .items.pages-items .item a, .items.pages-items .item strong {
    color: #000000;
    width: 29px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.item.current strong.page {
    background: black;
    color: white;
}

.pages .action {
    box-shadow: inset 0 0 0 0 #fff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3);
    border-radius: 0;
    padding: 0 8px;
    background: #d2d1c4;
    border: 2px solid black;
}

.pages .action.next:visited:before {
    color: #000000;
}

.price-box .price {
    font-weight: normal;
    white-space: nowrap;
    font-family: 'Moderat Condensed', sans-serif;
    font-size: 16px;
    color: #000;
}

.product-item .price-box .price-label {
    font-weight: bold;
}

.toolbar.toolbar-products:last-child {
    display: none;
}

.fluid-hero-cell p {
    font-size: 18px;
    width: 40%;
}

.catalog-category-view .category-description {
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    flex-direction: column;
    width: auto;
    margin: auto;
    text-align: left;
    justify-content: center;
    align-items: center;
    color: white;
    padding-top: 30px;
}

.fluid-hero-subtitle {
    display: none;
}

.fluid-hero-title h1 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 40px !important;
    letter-spacing: 0;
}

.fluid-hero-title {
    max-height: 50px;
}

.fluid-hero-copy {
    width: 1280px;
    padding: 0;
}

.product-info-main::before,
.product-social-links {
    display: none;
}

.page-title-wrapper.product h1 span {
    color: #000000;
    font-size: 26px !important;
    margin-top: 8px;
    display: block;
}

.custom_sub_title {
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    display: none;
}

.product-info-main .product-add-form form {
    display: flex;
    flex-direction: column;
}

.product-info-main .product-add-form .product-options-wrapper {
    order: 0;
}

.product-info-main .product-add-form .product-options-bottom {
    order: 1;
}

.product-info-main .product-add-form {
    padding-top: 0;
}

.product-info-main .box-tocart {
    display: flex;
    justify-content: space-between;
    margin-bottom: -10px;
}

.product-info-main .box-tocart > div.fieldset {
    display: flex;
    width: 100%;
    margin: 0;
    gap: 10px;
}

.product-info-main .box-tocart > div.fieldset div.actions {
    display: flex;
    width: 100%;
    align-items: flex-end;
    height: 46px;
}

#product_addtocart_form {
    background: none;
}

.product-info-main .box-tocart > div.fieldset div.field.qty > label {
    display: none;
}

.product-info-main .box-tocart > div.fieldset input#qty {
    height: 46px;
    font-size: 18px;
    width: 65px;
}

.product-options-bottom .action.primary.tocart {
    background: #ffffff;
    border: 2px solid #000000;
    color: #000000;
}

.product-options-bottom .action.primary.tocart:hover {
    background-color: #227b5e;
}


.product-info-main .value {
    line-height: 26px;
}

.catalog-category-view div.category-cms {
    display: none;
}

.catalog-category-view .category-description h2 {
    line-height: 60px;
    font-size: 45px;
    position: relative;
    letter-spacing: .9px;
    color: #FFF;
    margin-bottom: 14px;
}

.category-image {
    margin-bottom: 0;
}

.header_cat_bg {
    width: calc(100% - 50px);
    height: 450px;
    position: absolute;
    overflow: hidden;
    left: 0;
}

.header_cat_bg img {
    display: block;
    width: 2560px;
    max-width: 3000px;
}

.catalog-category-view .category-description {
    position: relative;
    width: 100%;
}

.header_cat_fg {
    width: 100vw;
    height: 400px;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
}

.header_cat_fg img {
    display: block;
    width: 2560px;
    max-width: 3000px;
}

@media screen and (max-width: 1820px) {
    .header_cat_fg img {
        margin-left: -300px;
    }
}

@media screen and (max-width: 1420px) {
    .header_cat_fg img {
        margin-left: -480px;
    }
}

.footer_video {
    width: 100%;
    height: 400px;
    overflow: hidden;
    display: none;
}

.footer_video .vimeo-wrapper {
    top: -250px;
}

.catalog-category-view .footer_video {
    display: flex;
    position: relative;
}

.catalog-category-view .footer_video::after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.41);
    content: '';
}

.footer_video_copy {
    width: 1280px;
    color: white;
    margin: auto;
    position: relative;
    z-index: 10;
}

.footer_video_copy h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 40px;
    margin-bottom: 10px;
}

.footer_video_copy p {
    font-size: 17px;
    line-height: 26px;
    max-width: 400px;
    font-weight: bold;
}

.custom_product_feature {
    max-width: 1240px;
    position: relative;
}

.custom_product_feature .the_features {
    max-width: 580px;
    min-height: 455px;
}

.custom_product_feature h3 {
    color: #000000;
    font-size: 40px !important;
    text-align: left;
}

.the_features div {
    width: 33%;
    justify-content: flex-start;
    text-align: left;
    height: 120px;
    margin-bottom: 30px;
    color: #1a212b;
    font-size: 11px;
    font-weight: bold;
}

.the_features div::before {
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 0%;
}

.custom_product_feature span {
    position: absolute;
    top: 0;
    right: -35px;
    transform: scale(0.9);
}

.custom_product_feature .dunico_home_product_img_back {
    margin-left: -90px;
}

.product-info-main .value .sub_text {
    font-family: Helvetica, Sans-Serif;
    font-size: 14px;
    line-height: 22px;
    max-height: 158px;
    overflow: hidden;
    display: block;
    padding-left: 40px;
    position: relative;
    -ms-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    cursor: pointer;
    margin-top: 20px;
}

.product-info-main .value .sub_text::before {
    width: 23px;
    height: 20px;
    background: black;
    position: absolute;
    content: '+';
    color: white;
    display: flex;
    left: 0;
    top: 0;
    font-size: 10px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    line-height: 0;
    padding-bottom: 3px;
    padding-left: 0;
    font-size: 21px;
    -ms-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
}

.product-info-main .value .sub_text.active {
    -ms-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    max-height: 1060px;
}

.product-info-main .value .sub_text:hover::before {
    transform: rotate(90deg);
    -ms-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
}

.product-info-main .value .sub_text.active::before {
    content: '-';
    transform: rotate(180deg);
}

.slider_custom_product {
    max-height: 650px;
    position: relative;
    margin-bottom: -70px;
    margin-top: 70px;
}

.dots-wrapper {
    position: absolute;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    bottom: 20px;
    text-align: center;
}

.dots-wrapper li {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: white;
    border-radius: 50%;
    margin: 0 4px;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.3s;
}

.dots-wrapper li.active, .dots-wrapper li:hover {
    opacity: 1;
}

.slider {
    position: relative;
    width: 100%;
    min-height: 650px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    overflow: hidden;
}

.slider .slider-inner {
    position: absolute;
}

.slider .slider-inner:after {
    content: "";
    display: table;
    clear: both;
}

.slider .slider-inner .slide {
    float: left;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
}

.slider .slider-inner .slide img {
    display: block;
    width: 100%;
}

.slider .slider-inner .slide span {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100vw;
    height: 650px;
    top: 12vw;
    font-size: 10vw;
    line-height: 100vh;
    letter-spacing: 1vw;
    font-family: Impact, Charcoal, sans-serif;
    text-shadow: 5px 5px 0 #ffffff;
}

a[class|="arrow"] {
    position: absolute;
    display: block;
    top: 52%;
    margin-top: -20px;
    width: 20px;
    height: 20px;
}

.arrow-left {
    left: 20px;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: left 0.5s;
}

.arrow-left:hover {
    left: 15px;
}

.arrow-right {
    right: 20px;
    border-bottom: 6px solid #ffffff;
    border-right: 6px solid #ffffff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: right 0.5s;
}

.arrow-right:hover {
    right: 15px;
}

.dunico_home_product_info a:hover,
.dunico_home_story_inner a:hover,
.dunico_home_row a:hover {
    text-decoration: none;
}

.dunico_home_footer a {
    color: white;
}

.clone_div_product {
    border-radius: 0;
    padding: 10px 30px;
    width: 142px !important;
    transition: all .3s;
    text-transform: uppercase !important;
    background: #ffffff;
    border: 2px solid #000000;
    color: #000000;
    cursor: pointer;
}

.clone_div_product:hover {
    transition: all .3s;
    background: #000000;
    color: #ffffff;
}

.footer_video_copy a {
    text-decoration: none !important
}

.footer_video_copy .home_btn {
    color: white;
    border: 2px solid white;
    margin-top: 20px;
}

.footer_video_copy .home_btn:hover {
    color: black;
    background: white;
}

.cms-page-view .column.main h2,
.cms-page-view .column.main h3,
.cms-page-view .column.main h4 {
    text-transform: uppercase;
    color: #000;
}

.search-term-popular .search-terms {
    margin-top: 150px;
}

.search-term-popular .search-terms a {
    color: black;
}

.footer_social .icon {
    background: #2b2b2b;
    width: 40px;
    height: 40px;
    display: inline-flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin-top: 10px;
    -ms-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    cursor: pointer;
}

.footer_social a:hover {
    text-decoration: none !important;
}

.footer_social .icon:hover {
    opacity: 0.8;
    -ms-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1);
}

.footer_social {
    float: right;
}

.product-info-main > .value,
.product.info.detailed .clone_text,
.categorypath-accessoires .clone_div_product {
    display: none;
}

.cms-project h1.flamaTopOverlay {
    font-size: 63px;
    text-transform: uppercase;
    line-height: .85;
    text-align: left;
    position: absolute;
    top: 15%;
    bottom: auto;
    width: 450px;
    z-index: 100;
    margin-left: 30px;
}

.whiteText {
    color: #fff !Important;
}

.cms-project #cycler {
    position: relative;
    height: 210px;
    overflow: hidden;
    background-color: #eee;
    padding-bottom: 30px;
}

.cms-project .nexusHeading {
    font-style: normal;
    font-size: 31px;
    line-height: 125%;
    margin-bottom: .5em;
}

.nexusSubheading {
    font-style: normal;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 1em;
}

.cms-project .topBannerBlock {
    width: 100%;
    max-width: 2000px;
    position: relative;
}

.cms-project .text-box {
    border: 1px solid #000;
    padding: 40px;
    text-align: center;
}

.nexusSubheading {
    font-style: normal;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 1em;
}

.cms-project h4.flamaSuperheading {
    font-size: 60px;
    text-transform: uppercase;
    line-height: .85;
    margin: 40px 0 10px;
}

.cms-project .col-1-2 {
    max-width: 49%;
    display: inline-block;
}

.cms-project .introBlock.spaceTop .grid.grid-pad {
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 25px;
}

.cms-project iframe {
    max-width: 100%;
    margin-bottom: 25px;
}

.cms-project h4.flamaSubheading {
    font-size: 36px;
    text-transform: uppercase;
    line-height: .85;
    margin-bottom: 18px;
}


.cms-project [class*='grid'], [class*='col-'], .cms-project [class*='mobile-'], .cms-project .grid:after, .cms-materials-matter [class*='grid'], [class*='col-'], .cms-materials-matter [class*='mobile-'], .cms-materials-matter .grid:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cms-project h4.flamaOverlay {
    font-size: 24px;
    text-transform: uppercase;
    line-height: .85;
    text-align: center;
    position: absolute;
    top: 47%;
    width: 100%;
    margin: 0;
}

.cms-project .content.imageCallout {
    position: relative;
}

.cms-project .reasonsBlock p {
    height: 50px;
}

.cms-project .aboutUsBlock {
    text-align: center;
    background: #eee;
    padding: 35px 0;
    margin-top: 25px;
}

@media screen and (max-width: 920px) {
    .cms-project #cycler {
        height: 250px;
    }

    .cms-project #cycler #img {
        height: 280px;
        max-width: 1000000000px;
        width: auto;
    }

    .cms-project .col-1-2 {
        max-width: 100%;
        display: block;
    }

    .cms-project .introBlock.spaceTop .grid.grid-pad {
        flex-direction: column;
    }

    .cms-project h1.flamaTopOverlay {
        width: 230px;
    }


    .content.imageCallout img {
        max-width: 90000px;
        width: 100%;
    }

    .dunico_home_header_title {
        text-shadow: 0 0px 0 rgba(0, 0, 0, 0.1607843137254902);
    }
}

.mp-sitemap-listing a {
    color: #000000;
}

.mp-sitemap-listing {
    margin-top: 60px;
}

.surf_inner p {
    font-family: Moderat, Condensed Medium, serif !important;
}

.surf_inner h2 {
    font-family: 'Oswald', Helvetica, Sans-Serif, serif !important;
}


#tab-label-bv_reviews,
.product.info.detailed  {
    display: none !important;
}
div.bv_main_container {
    display: none !important;
}


/* ================= Styling voor de iconen op de pagina van Exodus ANC en Positive Vibration XL Dimitri =================*/
.the_features div::before {
    width: 110px;
    height: 110px;
}

.the_features .rewind::before {
    left: -11px;
}

.product-positive-vibration-xl div.mm.hi.defenition.drivers::before, .the_features .ruimtevullend.geluid::before {
    left: -12px;
}

.product-exodus-bt div.mm.driver::before, .the_features .mm.driver::before {
    left: -16px;
}

.the_features .herkenbaargeluid::before {
    left: -17px;
}

.the_features .recyclebaar.plastic::before {
    left: -18px;
}

.the_features .gerecycledeverpakking::before, .product-positive-vibration-xl div.uur.playtime::before, .the_features .batterij.accu.voeding::before {
    left: -19px;
}

.the_features .auxin::before, .the_features .draag::before {
    left: -20px;
}

.the_features .acht.uur.speeltijd::before {
    left: -23px;
}

.the_features .recyclebaaraluminium::before {
    left: -24px;
}

.the_features .oplaadbare.batterij::before, .the_features .anc.active.noise.canceling::before {
    left: -25px;
}

.product-positive-vibration-xl div.comfort.memory.foam::before, .the_features .ultiemcomfort::before {
    left: -26px;
}

.product-exodus-bt div.anc.active.noise.canceling::before {
    left: -28px;
}

div.fsc::before {
    left: -29px;
}

div.bluetooth::before {
    left: -32px;
}

/* ================= Einde styling voor de iconen op de pagina van Exodus ANC en Positive Vibration XL Dimitri =================*/
.dunico_home_footer_top_right {
    max-width: 30%;
}

@media only screen and (max-width: 920px) {
    .dunico_home_footer_top_right {
        max-width: 100%;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dunico_home_footer_top_right {
        width: 30%;
        display: flex;
        flex-direction: column;
    }

    .last .dunico_home_product_img_icon {
        left: 520px;
    }

    .footer_video_copy {
        height: 240px;
    }

    .category-view {
        padding-left: 0;
    }

    .catalog-category-view .category-description {
        width: auto;
    }

    .header_cat_bg {
        top: 0;
        height: 600px;
    }

    .product-info-main .product.attribute.sku .value {
        position: absolute;
        left: 0;
    }

    .product-info-main .value .sub_text::before {
        padding-top: 3px !important;
        padding-left: 1px !important;
        height: 17px !important;
        width: 22px !important;
    }
}

@supports (-ms-accelerator:true) {
    .dunico_home_footer_top_right {
        width: 30%;
        display: flex;
        flex-direction: column;
    }
}

ul.usps {
    padding: 0;
    list-style: none;
    margin: 27px 0 3px;
    gap: 3px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 20px;
}

ul.usps li {
    font-weight: bold;
    font-size: 14px;
    color: #000;
    margin: 0;
}

ul.usps li.colorGreen {
    color: #1aab7b;
}

ul.usps li:before {
    content: "";
    width: 12px;
    height: 14px;
    background-image: url(../images/checkmark.svg);
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    margin-right: 6px;
}

.checkout-container {
    margin-top: 250px;
}

.dunico_home_footer .field.newsletter input {
    color: white;
}

.page.messages {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    width: 87vw;
    max-width: 1280px;
    margin: auto !important;
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.checkout-onepage-success #maincontent {
    margin-top: 170px;
}

.checkout-onepage-success #maincontent .action.primary {
    background: white;
    border-radius: 0;
    border: 2px solid black;
    color: black;
    font-size: 18px;
    text-transform: uppercase;
}

.message.global.noscript, .message.global.cookie {
    background: black;
    border-color: black;
    color: white;
    font-style: normal;
}

#notice-cookie-block .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: black;
}

#notice-cookie-block .content strong,
#notice-cookie-block .content span {
    color: white;
}

#notice-cookie-block .content p {
    margin: 10px;
}

#notice-cookie-block .content a {
    display: none;
}

.message.global.noscript .action.allow.primary,
.message.global.cookie .action.allow.primary {
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    background: black;
    color: #d2d1c4;
    border: 2px solid white;
    padding: 2px 20px;
    -ms-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    cursor: pointer;
    border-radius: 0;
}

.message.global.noscript .action.allow.primary:hover,
.message.global.cookie .action.allow.primary:hover {
    background: white;
    color: black !important;
    -ms-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
}

.message.global.cookie {
    z-index: 997;
}

div.product-video {
    background: #F6F4F2;
    padding: 4vw;
}

div.product-video h2 {
    font-size: 40px;
    font-family: Oswald, Helvetica, Sans-Serif, serif;
    font-weight: bold;

}

#notice-cookie-block .content .action.allow.primary:hover span {
    color: black;
}


@media screen and (max-width: 920px) {
    .counter_text_header b {
        font-size: 28px;
        position: relative;
        bottom: 17px;
    }

    .counter_text_header p {
        top: 0;
    }

    .counter_text_header b::after {
        font-weight: bold;
        color: white;
        font-size: 14px;
        line-height: 15px;
        display: block;
        position: absolute;
        content: 'geplant';
        text-transform: lowercase !important;
    }
}

.multishipping-checkout-login #maincontent {
    margin-top: 180px;
}

@media screen and (max-width: 740px) and (orientation: landscape) {
    /* Landscape styles here */
    .dunico_home_header_title {
        font-size: 50px;
        line-height: 50px;
        top: 40px;
        position: relative;
    }

    .dunico_home_header {
        min-height: 310px;
    }
}

.checkout-cart-index .checkout.methods.items.checkout-methods-items .action.multicheckout {
    display: none;
}

.checkout-cart-index a.towishlist {
    display: none !important;
}

.checkout-cart-index .gift-options-cart-item {
    display: none;
}

#dhlparcel-shipping-servicepoint-info {
    margin-bottom: 20px;
}

.button {
    text-transform: uppercase;
    background: #262525;
    text-decoration: none !important;
    color: #FFF !important;
    display: inline-block;
    font-size: 18px;
    padding: 10px 40px !important;
    font-weight: normal;
    margin-top: 25px;
    text-align: center;
    letter-spacing: .32px;
    transition: all;
}

.button.green {
    background: #1BAB7B;
    color: #FFF;
}

.button.disabled {
    opacity: .5;
}

.button.green {
    background: #1BAB7B;
    color: #FFF;
}

.button.green:hover,
.button.green:active,
.button.green:focus {
    background: #2cc189;
    color: #FFF;
}

.button.narrow {
    padding: 10px 16px !important;
}

.button.font-small {
    font-size: 16px;
    font-weight: 500;
}

.bold {
    font-weight: bold;
}

.button:hover {
    text-decoration: none;
    background: #0f0f0f;
    color: #2e2e2e;
}

.product-add-form .box-tocart .fieldset .actions .action.primary.tocart {
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;;
    background: #1BAB7B;
    border: 0;
    color: #FFF;
    border-radius: 0;
    padding: 12px 30px;
    width: 100% !important;
    margin: 0;
    transition: all .3s;
    text-transform: uppercase !important;
}

.product-add-form .box-tocart .fieldset .actions .action.primary.tocart:hover {
    background-color: #47c79c;
}

#checkout .authentication-wrapper .action.action-auth-toggle span {
    text-align: center;
    font-weight: normal;
    color: black;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    border: 2px solid black;
    max-width: 79px;
    padding: 10px 30px;
    -ms-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    cursor: pointer;
    text-decoration: none !important;
}


/* ============================= Alle iconen op de product pagina's ============================= */
.the_features .sweat-proof.splash.resistant::before {
    background-image: url('/media/icons_marley/images/sweat_proof_&_splash_resistant.jpg');
    left: -21px;
}

.the_features .sweat-proof.weather.resistant::before {
    background-image: url('/media/icons_marley/images/sweat_proof_&_weather_resistant.jpg');
    left: -24px;
}

.the_features .waterproof.dust-proof::before {
    background-image: url('/media/icons_marley/images/waterproof_&_dust_proof.jpg');
    left: -22px;
}

.the_features .six.hour.playtime::before {
    background-image: url('/media/icons_marley/images/6_hour_playtime.jpg');
    left: -29px;
}

.the_features .eight.hour.playtime::before {
    background-image: url('/media/icons_marley/images/8_hour_playtime.jpg');
}

.the_features .ten.hour.playtime::before {
    background-image: url('/media/icons_marley/images/10_hour_playtime.jpg');
    left: -27px;
}

.the_features .twelve.hour.playtime::before {
    background-image: url('/media/icons_marley/images/12_hour_playtime.jpg');
    left: -22px;
}

.the_features .sixteen.hour.playtime::before {
    background-image: url('/media/icons_marley/images/16_hour_playtime.jpg');
    left: -25px;
}

.the_features .eightteen.hour.playtime::before {
    background-image: url('/media/icons_marley/images/18_hour_playtime.jpg');
}

.the_features .twenty.five.hour.playtime::before {
    background-image: url('/media/icons_marley/images/25_hour_playtime.jpg');
    left: -20px;
}

.the_features .thirty.five.hour.playtime::before {
    background-image: url('/media/icons_marley/images/35_hour_playtime.jpg');
}

.the_features .lithium-iom.battery::before {
    background-image: url('/media/icons_marley/images/lithium_ion_battery.jpg');
    left: -38px;
}

.the_features .bio-filler::before {
    background-image: url('/media/icons_marley/images/bio_filler.jpg');
}

.the_features .bamboo::before {
    background-image: url('/media/icons_marley/images/bamboo.jpg');
    left: -42px;
}

.the_features .natural.wood.fiber::before {
    background-image: url('/media/icons_marley/images/natural_wood_fiber.jpg');
    left: -28px;
}

.the_features .fsc.certified.wood::before {
    background-image: url('/media/icons_marley/images/fsc_certified_wood.jpg');
}

.the_features .organic.cotton::before {
    background-image: url('/media/icons_marley/images/organic_cotton.jpg');
    left: -26px;
}

.the_features .recycled.paper::before {
    background-image: url('/media/icons_marley/images/recycled_paper.jpg');
}

.the_features .recycled.aluminum::before {
    background-image: url('/media/icons_marley/images/recycled_aluminum.jpg');
    left: -24px;
}

.the_features .recycled.plastic::before {
    background-image: url('/media/icons_marley/images/recycled_plastic.jpg');
    left: -28px;
}

.the_features .stainless.steel::before {
    background-image: url('/media/icons_marley/images/stainless_steel.jpg');
    left: -32px;
}

.the_features .ceramic::before {
    background-image: url('/media/icons_marley/images/ceramic.jpg');
}

.the_features .regrind.cork::before {
    background-image: url('/media/icons_marley/images/regrind_cork.jpg');
    left: -31px;
}

.the_features .regrind.silicone::before {
    background-image: url('/media/icons_marley/images/regrind_silicone.jpg');
    left: -30px !important;
}

.the_features .rewind.fabric::before {
    background-image: url('/media/icons_marley/images/rewind_fabric.jpg');
    left: -25px !important;
}

.the_features .genuine.leather::before {
    background-image: url('/media/icons_marley/images/genuine_leather.jpg');
    left: -29px;
}

.the_features .auto.pitch.control::before {
    background-image: url('/media/icons_marley/images/auto_pitch_control.jpg');
    left: -27px;
}

.the_features .three.hundred.and.sixty.degree.sound::before {
    background-image: url('/media/icons_marley/images/360_sound.jpg');
    left: -28px;
}

.the_features .rotary.volume.control::before {
    background-image: url('/media/icons_marley/images/rotary_volume_control.jpg');
    left: -22px;
}

.the_features .recyclable.aluminum::before {
    background-image: url('/media/icons_marley/images/recyclable_aluminum.jpg');
    left: -30px;
}

.the_features .tangle.free.cable::before {
    background-image: url('/media/icons_marley/images/tangle_free_cable.jpg');
}

.the_features .bluetooth::before {
    background-image: url('/media/icons_marley/images/bluetooth.jpg');
}

.the_features .buoyant::before {
    background-image: url('/media/icons_marley/images/buoyant.jpg');
    left: -31px;
}

.the_features .belt.drive::before {
    background-image: url('/media/icons_marley/images/belt_drive.jpg');
    left: -28px;
}

.the_features .waterproof.stash.compartment::before {
    background-image: url('/media/icons_marley/images/waterproof_stash_compartment.jpg');
    left: -31px;
}

.the_features .universal.power.adaptor::before {
    background-image: url('/media/icons_marley/images/universal_power_adaptor.jpg');
    left: -26px;
}

.the_features .microphone::before {
    background-image: url('/media/icons_marley/images/microphone.jpg');
    left: -35px;
}

.the_features .noise.canceling::before {
    background-image: url('/media/icons_marley/images/noise_canceling.jpg');
    left: -30px;
}

.the_features .usb.charging.cable::before {
    background-image: url('/media/icons_marley/images/usb_charging_cable.jpg');
    left: -27px;
}

.the_features .carabiner.clip::before {
    background-image: url('/media/icons_marley/images/carabiner_clip.jpg');
    left: -36px;
}

.the_features .three.point.five.mm.auxillary.input::before {
    background-image: url('/media/icons_marley/images/3.5mm_auxillary_input.jpg');
    left: -33px;
}

.the_features .fits.in.cup.holder::before {
    background-image: url('/media/icons_marley/images/fits_in_cup_holder.jpg');
    left: -36px;
}

.the_features .custom.fit.w.removable.hangers::before {
    background-image: url('/media/icons_marley/images/custom_fit_w_removable_hangers.jpg');
}

.the_features .three.button.controls::before {
    background-image: url('/media/icons_marley/images/3_button_controls.jpg');
}

.the_features .rechargeable.battery::before {
    background-image: url('/media/icons_marley/images/rechargeable_battery.jpg');
}

.the_features .usb-c::before {
    background-image: url('/media/icons_marley/images/usb_c.jpg');
    left: -32px;
}

.the_features .driver::before {
    background-image: url('/media/icons_marley/images/driver.jpg');
}

.the_features .six.mm.driver::before {
    background-image: url('/media/icons_marley/images/6mm_driver.jpg');
}

.the_features .nine.mm.driver::before {
    background-image: url('/media/icons_marley/images/9mm_driver.jpg');
}

.the_features .forty.mm.driver::before {
    background-image: url('/media/icons_marley/images/40mm_driver.jpg');
}

.the_features .fifty.mm.driver::before {
    background-image: url('/media/icons_marley/images/50mm_driver.jpg');
}

.the_features .secure.fit::before {
    background-image: url('/media/icons_marley/images/secure_fit.jpg');
    left: -37px;
}

.the_features .premium.comfort.memory.foam.ear.cushions::before {
    background-image: url('/media/icons_marley/images/premium_comfort_memory_foam_ear_cushions.jpg');
}

.the_features .quickcharge::before {
    background-image: url('/media/icons_marley/images/quickcharge.jpg');
    left: -36px;
}

.the_features .foldable.travel.design::before {
    background-image: url('/media/icons_marley/images/foldable_travel_design.jpg');
    left: -22px;
}

.the_features .premium.rewind.fabric.stash.bag::before {
    background-image: url('/media/icons_marley/images/premium_rewind_fabric_stash_bag.jpg');
}

.the_features .tangle.free.aux.w.mic.remote::before {
    background-image: url('/media/icons_marley/images/tangle_free_aux_w_mic_&_remote.jpg');
    left: -33px;
}

.the_features .quick.paring::before {
    background-image: url('/media/icons_marley/images/quick_paring.jpg');
}

.the_features .w.case::before {
    background-image: url('/media/icons_marley/images/w_case.jpg');
    left: -31px;
}


.the_features .five.hour.playtime::before {
    background-image: url('/media/icons_marley/images/5_hour_playtime.jpg');
    left: -25px;
}


.the_features div:before {
    z-index: -1;
}

/* ============================= Einde aanpassingen voor de iconen ============================= */


.cms-the-mission .dunico_home_row_item a {
    color: black !important;
}

.cms-the-mission .dunico_home_row_item:hover a {
    color: white !important;
}

div.product-item-info {
    width: 100% !important;
    position: relative;
}


.cms-the-mission .dunico_home_row::last-of-type .dunico_home_row_item:hover:last-of-type {
    background: #00a1b4;
}

/*.marley-review {*/
/*    max-width: calc(100% - 60px);*/
/*    position: relative;*/
/*    margin: auto;*/
/*    padding-top: 80px;*/
/*}*/

/*#mp-review-write-review-button {*/
/*    border-radius: 0;*/
/*    padding: 10px 30px;*/
/*    width: 142px !important;*/
/*    transition: all .3s;*/
/*    text-transform: uppercase !important;*/
/*    background: #fff;*/
/*    border: 2px solid #000;*/
/*    color: #000;*/
/*    cursor: pointer;*/
/*}*/

/*#mp-review-write-review-button:hover {*/
/*    transition: all .3s;*/
/*    background: #000;*/
/*    color: #fff;*/
/*}*/

/*#mp-review-form,*/
/*#mp-review-summary {*/
/*    max-width: 1240px;*/
/*    position: relative;*/
/*    margin: 0 auto;*/
/*}*/

.product-info-main iframe {
    max-width: 100%;
}


/* STYLING VOOR DE BEOORDELING */
/* STYLING VOOR DE BEOORDELING */
/* STYLING VOOR DE BEOORDELING */
/* STYLING VOOR DE BEOORDELING */
#BVRRContainer {
    max-width: 1240px;
    position: relative;
    margin: auto;
    margin-top: 100px;
}


body .product-info-main .bv_main_container {
    margin-top: -20px !important;
    margin-bottom: 18px !important;
}

body #BVRRContainer .bv-action-bar-header.bv-focusable {
    color: #000000 !important;
    font-size: 40px !important;
    text-transform: uppercase !important;
    text-align: left !important;
}

#video_tab {
    float: none;
    margin-left: 0;
}

body #BVRRContainer .bv-cv2-cleanslate .bv-content-title {
    color: #000000 !important;
    text-transform: uppercase !important;
}

body .bv-cv2-cleanslate .bv-section-summary-inline .bv-secondary-rating-summary .bv-table .bv-table-row .bv-table-cell,
body .bv-cv2-cleanslate span,
body .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-histogram-filter-helper,
body .bv-cv2-cleanslate p,
body #BVRRContainer .bv-cv2-cleanslate .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-histogram-filter-helper {
    color: #000000 !important;
    font-size: 13px !important;
}

@media only screen and (max-width: 767px) {
    #BVRRContainer {
        max-width: 1240px;
        position: relative;
        margin: auto;
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 10px;
    }
}

/*=== CSS Marley Gratis gift pop-up ===*/
.ampromo-items-content {
    background-color: white !important;
}

.ampromo-overlay .ampromo-items-content {
    border-radius: 15px !important;
}

.page.messages .messages {
    position: fixed;
    left: 0;
    right: 0;
    top: 20px;
    z-index: 999;
    width: 100%;
    max-width: 1280px;
    margin: auto !important;
}

.page.messages .messages .message {
    padding: 15px 20px 15px 45px !important;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-size: 16px;
    align-self: center;
    line-height: 15px;
    box-shadow: 0 0 30px #0000005c;
    margin-top: 10px !important;
    font-weight: 500;
    transform: scale(1.1);
}

.product.alert.stock .action {
    font-size: 0;
}

.product.alert.stock .action::after {
    content: 'Geef me een seintje';
    display: inline-block;
    font-weight: 400;
    color: #000;
    font-size: 18px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    border: 2px solid #000;
    padding: 2px 20px;
    transition: 0.3s;
}

.action.alert:hover::after {
    background-color: black;
    transition: 0.3s;
    color: white !important;
}

.badge-bottom {
    display: flex;
    position: absolute;
    width: 100%;
    margin-top: -26px;
}


button.action.primary,
button.action.primary:hover {
    background-color: #1BAB7B !important;
    padding: 15px;
    height: auto;
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    font-size: 18px;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.amform-form {
    max-width: 1660px;
    padding: 0 10px;
    margin-top: 20px;
}


@media only screen and (max-width: 1024px) {
    .mobile-hidden {
        display: none;
    }

    .nav-regular .nav-item.level0 {
        width: 100%;
        padding: 0;
    }

    .nav-regular .nav-item.level0:hover {
        background-color: #dddddd;
    }

}

@media only screen and (min-width: 1025px) {
    .desktop-hidden, .mobile-only {
        display: none !important;
    }
}

.password-very-strong .password-strength-meter:before {
    background-color: #C5EEAC;
}

.nav-regular .nav-item.level0 > a span {
    border-bottom: 0 !important;
    letter-spacing: 0;
    white-space: nowrap;
    -webkit-font-smoothing: initial;
}

.password-strength-meter {
    background-color: #F6F4F2;
    font-size: 14px;
    letter-spacing: .28px;
}

body.customer-account-create form.form-create-account {
    background: #F6F4F2;
    padding: 30px;
}

body.customer-account-create legend {
    border: none !important;
}

body.customer-account-create legend span,
body.account legend span {
    font-family: Oswald, sans-serif;
    margin-bottom: 0;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 24px;
}

body.customer-account-create label.label,
body.account label.label {
    text-transform: lowercase;
    font-size: 14px;
    margin-bottom: 5px;
}

body.customer-account-create div.field.choice,
body.customer-account-create div.field.choice:after {
    display: none;
}

body.customer-account-create div.image {
    background-image: url(../images/register.jpg);
    background-size: cover;
    background-position: center;
}

body.customer-account-create div.image img {
    visibility: hidden;
}

body.customer-account-create div.field-name-firstname {
    width: 50%;
    float: left;
}

body.customer-account-create div.field-name-lastname {
    width: calc(50% - 10px);
    float: left;
    margin-left: 10px;
}

body.customer-account-create div.actions-toolbar div.primary .action,
body.account div.actions-toolbar div.primary .action {
    background: #000 !important;
    color: #FFF !important;
    padding: 12px 45px !important;
    font-size: 16px;
}

body.customer-account-create .password-strong .password-strength-meter:before {
    width: 100%;
}

body.customer-account-create fieldset.create.info {
    margin-bottom: 20px;
}

body.customer-account-create fieldset.create.account {
    margin-bottom: 0;
}

body.customer-account-create .form-create-account .fieldset.create.account:after {
    display: none;
}

body.customer-account-create div.register-wrapper {
    display: flex;
}

body.account div.block-title strong {
    font-family: Oswald, sans-serif;
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: bold !important;
}

body.account strong.box-title span {
    font-family: Oswald, sans-serif;
    font-size: 16px;
}

body.account .block-collapsible-nav .content {
    background: #F6F4F2;
    margin-right: 35px !important;
}

body.account .block-collapsible-nav ul {
    margin: 20px 0;
}

body.account .block-collapsible-nav li.current strong {
    border-color: #1BAB7B;
}

body.account .block-collapsible-nav strong {
    padding-left: 20px;
}

body.account .block-collapsible-nav li a,
body.account .block-collapsible-nav li strong {
    font-size: 16px;
    font-weight: bold;
    display: block;
    height: auto;
    text-decoration: none !important;
    color: #000;
    padding: 10px 35px;
}

body.account .block-collapsible-nav li:last-child {
    background-image: url(../images/logout.svg);
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: 40px center;
    background-size: 20px;
}

body.account #maincontent p,
body.account #maincontent .box-content address {
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

body.account div.block.block-dashboard-addresses a.action.edit {
    display: none;
}

body.account .box-actions a {
    color: #000;
    text-decoration: underline;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    font-weight: bold;
    transition: all 0.25s ease;
    line-height: 26px;
}


p#toolbar-amount {
    margin-top: 4px;
}

body.catalog-category-view div.category-view [data-content-type='row'][data-appearance='contained'] {
    width: 100%;
    padding: 0;
    align-items: flex-end;
    display: flex;
}

@media only screen and (max-width: 768px) {
    div#footer div.pagebuilder-column-line > div.pagebuilder-column:last-child {
        order: -1;
    }
}

@media only screen and (max-width: 1700px) {
    .flags.item-right {
        right: 24px;
    }
}

@media only screen and (max-width: 992px) {
    
    .block-search-wrapper {
        right: 112px;
    }
}

@media only screen and (max-width: 1024px) {

    .product-item .price-box .price {
        font-weight: 500;
        letter-spacing: .26px;
        font-size: 16px;
    }

    ol.products.list {
        padding-bottom: 23px;
    }

    .flags.item-right {
        right: 18px;
        top: -3px;
    }

    div.inner_top_left {
        display: none;
    }


    div.page-wrapper {
        margin: 0;
        transition: margin .5s;
    }

    a.button {
        font-size: 14px;
        padding: 10px 45px !important;
    }

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

    ol.product-items {
        padding-bottom: 20px;
    }

    body.catalog-category-view div.materials {
        margin-bottom: 50px;
    }

    span.action.nav-toggle {
        display: none !important;
    }

    p#toolbar-amount {
        width: 100%;
        padding: 15px 0;
        text-align: center;
        margin-bottom: 0;
    }

    select#sorter {
        width: 100%;
        text-align: left;
        margin: 0 0 40px;
        border-color: #B7B7B7;
    }

    .column.main .product-item-name > a, .column.main .product.name a > a {
        font-size: 13px !important;
        line-height: 19px;
        letter-spacing: .26px;
        min-height: 37px;
        display: inline-block;
    }

    body.catalog-category-view .category-description > div {
        height: auto !important;
        padding: 63px 0 !important;
    }

    body.catalog-category-view .category-description > div > div {
        padding: 0;
        margin: auto;
    }

    .header_cat_fg {
        left: 0 !important;
    }

    .dunico_top_usp > div[data-content-type="row"] {
        margin-top: 22px;
    }

    .dunico_top_usp > div[data-content-type="row"] div.slick-track {
        width: 100% !important;
    }

    .header.content div.panel-wrapper {
        height: 34px;
    }

    .header.content div.nav-wrapper {
        padding-bottom: 5px;
        padding-top: 4px;
    }

    .header.content div.flags {
        right: 17px;
    }

    span.price-box .price {
        font-weight: 500;
        font-size: 16px;
    }

    body.catalogsearch-result-index .products-grid .product-item-inner,
    body.catalog-product-view .products-grid .product-item-inner,
    body.catalog-category-view .products-grid .product-item-inner {
        width: 26px !important;
        height: 26px !important;
        overflow: hidden;
    }

    a.action.towishlist {
        width: 18px !important;
        height: 18px !important;
    }

    .wishlist-index-index .product-item-inner .comment-box {
        margin-top: -5px;
    }

    div.home-slider > div[data-element="main"] {
        overflow: hidden;
        aspect-ratio: initial;
        min-height: 300px;
    }

    .page-products .columns {
        padding-top: 0 !important;
        margin: 0;
    }

    .toolbar-sorter.sorter {
        position: initial;
        text-align: center;
        width: 100%;
        float: none;
        margin-top: 0;
        height: auto !important;
        padding: 0;
    }

    .toolbar-products {
        padding: 0;
        margin-top: 0;
    }
}

ol.products.list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 1280px;
    grid-gap: 25px;
    width: 100%;
    margin: 0 auto !important;
}

@media (min-width: 769px) and (max-width: 1228px) {
    ol.products.list {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 20px;
    }
}

@media (max-width: 768px) {
    ol.products.list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    body.catalog-product-view div.column.main {
        gap: 0 !important;
        padding-bottom: 25px;
    }
}

@media (max-width: 320px) {
    ol.products.list {
        grid-template-columns: none;
        grid-gap: 10px;
    }
}


@media (min-width: 1025px) {
    .category-description > div {
        padding: 56px 0 !important;
    }
}

ol.products.list > li {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

div.products.wrapper.grid {
    margin-top: 0;
}

.product-item-actions .actions-primary + .actions-secondary {
    width: 36px;
    height: 36px;
}

[data-content-type='row'][data-appearance='contained'] {
    max-width: 1660px;
}

[data-content-type=column][data-element=main] img {
    margin: 0 1px;
}

body.loffaq-category-view #maincontent,
body.page-layout-servicepage #maincontent {
    max-width: 1108px;
    padding: 12px 10px 0;
}

body.loffaq-category-view div.column.main h2,
body.page-layout-servicepage div.column.main h2 {
    font-size: 32px;
    margin-top: 60px;
    letter-spacing: .6px;
    margin-bottom: 26px;
}

body.loffaq-category-view div.column.main p,
body.page-layout-servicepage div.column.main p {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    letter-spacing: .41px;
}

body.loffaq-category-view div.column.main h3,
body.page-layout-servicepage div.column.main h3 {
    font-size: 20px;
    font-family: 'Oswald', serif;
    padding-bottom: 10px;
    letter-spacing: .35px;
}

ul.slick-dots {
    display: flex;
    justify-content: center;
}

ul.slick-dots li {
    margin: 0 5px;
}

ul.slick-dots li button {
    background: #D6D6D6;
    border: none;
}

ul.slick-dots li.slick-active {
    width: 38px;
}

ul.slick-dots li.slick button {
    background: #D6D6D6;
    border: none !important;
}

ul.slick-dots li.slick-active button {
    width: 38px;
}

@media (max-width: 1024px) {
    ul.slick-dots {
        transform: scale(0.6);
    }

    div.product-info-main .page-title-wrapper h1 {
        margin-bottom: 6px !important;
        margin-top: 0 !important;
        letter-spacing: 0.5px;
    }
}

@media (max-width: 768px) {
    div.custom-breadcrumbs {
        visibility: hidden;
        height: 0;
        overflow: hidden;
        padding: 10px;
    }
}


@media (max-width: 1024px) {
    body.page-layout-1column .product-info-main {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    body.page-layout-1column .product-media {
        width: 100%
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    #product-addtocart-button {
        font-size: 15px;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 768px) {
    body.catalog-product-view div.column.main {
        gap: 0;
    }

    .page-layout-1column .product-info-main {
        width: 40%;
        min-width: 400px;
    }

    .page-layout-1column .product.media {
        width: 60%;
        order: -1;
    }
}

div.category-image {
    background-size: cover;
    height: 100%;
    position: absolute;
    background-position: center;
    width: 100%;
}

span.special-price span.price {
    color: #D42117;
    font-weight: bold;
    font-size: 18px;
}

.product-item .old-price .price {
    color: #7E7E7E;
    font-size: 16px;
    text-decoration: line-through;
    letter-spacing: .32px;
}


/* body.category-sale div.category-description > div {
    justify-content: center;
    padding: 56px 0 !important
}

body.category-sale div.category-description h1 {
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: 1px;
}

body.category-sale div.category-description p {
    text-align: center;
    max-width: 380px;
} */

body.catalog-product-view div.column.main {
    display: flex;
    gap: 40px;
}


div.product-info-main .page-title-wrapper h1 {
    margin-bottom: 0px;
    letter-spacing: .8px;
    margin-top: 10px;
}

.product-item-details span.discount {
    top: 0;
    background: #D42117;
    position: absolute;
    padding: 3px 5px 5px 7px;
    display: inline-block;
    line-height: 16px;
    color: white;
    z-index: 99;
    left: 0;
    transform: rotate(-4deg) !important;
    box-shadow: 2px 3px 5px #0000004a;
    font-weight: bold;
    font-family: Oswald, Helvetica, Sans-Serif, serif;
}

div.messages {
    display: none;
}

.checkout-index-index div.messages { 
    display: block;
}

.checkout-index-index .message.error {
    padding-left: 30px;
}

.checkout-index-index .message.error div::before {
    width: 25px;
}

div.video-popup {
    display: none;
}

div.video-popup.active {
    display: block;
}

div.video-popup div.inner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    display: block;
    height: auto;
    aspect-ratio: 5/2.8;
    width: 95%;
    max-width: 1088px;
    padding: 0;
    text-align: center;
}

div.video-popup div.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 995;
    display: block;
    background-color: #00000078;
    backdrop-filter: blur(10px);
}

div.video-popup div.video {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

div.video-popup div.video iframe {
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
}

div.video-popup div.inner a.close {
    background-image: url(../images/close.svg);
    display: inline-block;
    padding: 26px;
    background-color: #FFF;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100%;
    margin-top: 30px;
}


div.pagebuilder-column-line {
    gap: 15px;
}

div#footer {
    width: 100%;
    background-color: #000000;
    padding-top: 30px;
}

@media only screen and (max-width: 1024px) {
    div#footer {
        padding-top: 15px !important;
    }
}

@media only screen and (max-width: 1024px) {
    div#footer div.inner.width-limiter {
        padding: 0 20px !important;
    }
}

div#footer div.inner ul {
    list-style: none;
    padding: 0;
}

div#footer div.inner ul li {
    padding: 4px 0;
    margin: 0;
}

div#footer div.inner ul a:hover {
    text-decoration: underline;
}

div#footer div.inner p {
    color: #FFF;
}

div#footer div.bottom {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 30px;
}


div#footer button.action.subscribe.primary {
    background: #FFF !important;
    color: #000 !important;
}

div#footer button.action.subscribe.primary:hover {
    background: #cfcfcf !important;
}

div.block.newsletter {
    padding: 15px 0;
}

div.block.newsletter form.subscribe {
    font-size: 16px;
    text-transform: uppercase;
    height: auto !important;
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
}

div.block.newsletter form.subscribe div.field.newsletter {
    float: none !important;
}

div.block.newsletter form.subscribe div.actions {
    float: none !important;
    display: inline-block !important;
}

div.block.newsletter form.subscribe div.control:before {
    display: none !important;
}

div.block.newsletter form.subscribe input {
    background: #1A1A16;
    color: #FFF;
    font-size: 16px;
    margin-bottom: 25px;
    border-width: 0 0 1px 0;
    border-color: #9F9F9E;
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    font-weight: bold;
    margin-right: 0 !important;
    padding-left: 15px;
    padding-right: 5px;
    padding-bottom: 15px;
}

div.block.newsletter form.subscribe input::placeholder {
    color: #FFF;
    opacity: 1;
    font-size: 16px;
}

div.block.newsletter #newsletter-error {
    position: relative;
    top: -20px;
    margin-top: 0;
}

div.block.newsletter form.subscribe button.subscribe {
    font-family: 'Moderat Condensed', Helvetica, Sans-Serif, serif;
    padding: 2px 15px;
    font-size: 16px;
    text-transform: uppercase;
}


@media only screen and (max-width: 768px) {
    .nav-regular li.nav-item {
        background: none;
        padding-bottom: 0;
    }

    .nav-regular li.nav-item.level0 > a {
        font-size: 14px;
        padding: 19px 23px 15px 20px !important;
        background: #F5F5F5;
        letter-spacing: .28px;
    }
}


body.customer-account-login h1.page-title {
    font-size: 32px;
    letter-spacing: .64px;
    line-height: 60px;
    margin-top: 120px;
    margin-bottom: 10px;
}


body.customer-account-login {
    background-image: url(../images/shape4.png);
    background-position: right 1400px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

body.customer-account-login div.login-container::before,
body.customer-account-login div.login-container::after {
    display: none
}

body.customer-account-login div.login-container div.block-title {
    border: none;
    margin-bottom: 0;
    padding-bottom: 5px !important;
}

body.customer-account-login div.login-container .input-text {
    border: 1px solid #E0DFE0;
    padding: 1px 10px;
    height: 35px;
}

body.customer-account-login div.login-container {
    display: flex;
    gap: 16px;
}


body.customer-account-login div.login-container p {
    font-size: 16px;
    color: #000;
    line-height: 26px;
    font-weight: 500;
}

body.customer-account-login div.login-container .block-new-customer p {
    margin-bottom: -12px;
}

body.customer-account-login div.login-container div.block-title strong {
    font-family: Oswald, sans-serif;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: .32px;
    color: #000;
}

body.customer-account-login div.login-container label.label {
    margin: 0 0 2px;
}

body.customer-account-login div.login-container label.label span {
    text-transform: lowercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .28px;
}

body.customer-account-login div.login-container .fieldset:after {
    display: none;
}

body.customer-account-login div.block-customer-login {
    padding: 34px;
    background: #F6F4F2;
    color: #000;
    margin: 0;
}

body.customer-account-login div.block-new-customer {
    padding: 34px;
    background: #E6E6E6;
    color: #000;
}

body.account main#maincontent,
body.customer-account-create main#maincontent,
body.customer-account-login main#maincontent {
    max-width: 1108px;
    margin: 83px auto 236px auto;
    padding: 0 10px;
}


@media only screen and (max-width: 1024px) {
    body.account main#maincontent,
    body.customer-account-create main#maincontent,
    body.customer-account-login main#maincontent {
        margin: 10px;
    }
}


body.wishlist-index-index .products-grid .product-item-inner {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    clip: initial !important;
    height: auto !important;
    position: relative !important;
    box-shadow: none !important;
    background: none !important;
    min-width: 230px !important;
    width: 100% !important;
    border: 0 !important;
}


body.wishlist-index-index #wishlist-view-form {
    padding-top: 30px;
    margin-top: 0;
    border-top: 1px solid #CACACA;
}

body.wishlist-index-index .products-grid .product-item {
    width: 100%;
}

body.wishlist-index-index div.form-wishlist-items {
    width: 100%;
}

body.wishlist-index-index .products-grid.wishlist .product-item-name {
    min-width: 230px;
}

body.wishlist-index-index .products-grid.wishlist .comment-box {
    margin-top: -5px !important;
}

body.wishlist-index-index .products-grid.wishlist .product-item .price-box {
    margin: 0;
    width: 190px;
}

body.wishlist-index-index .toolbar.wishlist-toolbar {
    display: none;
}

body.wishlist-index-index .products-grid.wishlist .product-item-photo {
    min-width: 130px;
    min-height: 100px;
}

body.customer-account-login div.actions-toolbar div.primary .action {
    background: #000 !important;
    color: #FFF !important;
    padding: 12px 45px !important;
    letter-spacing: .32px;
    width: auto !important;
}

body.customer-account-login div.login-container div.field.choice {
    display: none;
}

body.customer-account-login div.actions-toolbar a.action.remind {
    color: #000;
    font-size: 16px;
    text-decoration: underline;
    font-weight: 600;
    letter-spacing: .32px;
    padding: 5px;
}

body.customer-account-login .fieldset > .field > div.control {
    width: 100%;
}

.fieldset > .field, .fieldset > .fields > .field {
    margin-bottom: 12px;
}

@media (max-width: 768px) {
    body.customer-account-login main#maincontent {
        margin: 10px 0 0 0;
    }

    body.customer-account-login div.login-container {
        flex-direction: column;
        margin: 10px 10px -5px;
    }

    body.customer-account-login div.block-customer-login {
        padding-bottom: 0 !important;
    }

    body.customer-account-login h1.page-title {
        margin-top: 0;
        font-size: 25px;
        letter-spacing: .5px;
        text-align: center;
        margin-bottom: 0;
    }

    .fieldset > .field, .fieldset > .fields > .field {
        margin-bottom: 17px;
    }

    body.customer-account-login div.actions-toolbar div.primary {
        text-align: left;
    }

    body.customer-account-login div.block-customer-login {
        padding: 22px 22px 5px !important;
        color: #000;
        margin: 0;
    }

    body.customer-account-login div.block-new-customer {
        padding: 22px !important;
        background: #F6F4F2 !important;
        color: #000;
    }

    body.customer-account-login div.actions-toolbar a.action.remind {
        text-align: left;
        display: inline-block;
        margin-bottom: 0;
        width: auto;
        float: left;
    }

    body.loffaq-category-view #maincontent,
    body.page-layout-servicepage #maincontent {
        padding: 12px 17px 0;
    }

    body.loffaq-category-view div.column.main p,
    body.page-layout-servicepage div.column.main p {
        line-height: 24px;
    }

    body.loffaq-category-view div.column.main h2,
    body.page-layout-servicepage div.column.main h2 {
        font-size: 25px;
        padding: 0;
        margin-top: 16px;
        margin-bottom: 19px;
    }

    body.loffaq-category-view div.column.main div.service-section,
    body.page-layout-servicepage div.column.main div.service-section {
        border-top: 1px solid #000;
        padding-top: 10px;
        margin-top: 20px;
    }

    body.page-layout-servicepage div.category-overview {
        padding-right: 5px;
        gap: 12px;
    }

    body.page-layout-servicepage div.questions-featured > ul {
        column-count: 1;
    }
}


@media only screen and (max-width: 1024px) {
    body.page-layout-servicepage {
        background-image: none;
    }

    body.page-layout-servicepage a.back {
        padding: 13px 4px;
        letter-spacing: 0.1px;
    }

    body.page-layout-servicepage div.faq-wrap {
        flex-direction: column;
        margin-top: -5px;
    }

    body.page-layout-servicepage div.faq-wrap ul {
        margin-bottom: 12px;
    }

    body.page-layout-servicepage div.faq-wrap h4.question.panel-title {
        padding: 15px 0 5px 0;
    }

    body.page-layout-servicepage div.faq-wrap div.nav {
        width: 100%;
        background: #F6F4F2;
        padding: 9px 20px 17px 29px;
        box-sizing: border-box;
    }

    body.page-layout-servicepage div.faq-wrap div.nav ul li {
        padding-bottom: 2px;
    }

    body.page-layout-servicepage #search-results {
        margin-top: 28px;
    }

    body.page-layout-servicepage #search-results h2 {
        margin-top: 20px;
        margin-bottom: 12px;
    }

    body.page-layout-servicepage div.faq-wrap div.nav h4 {
        font-size: 16px;
        font-weight: 600;
        font-family: 'Oswald', serif;
    }

    body.loffaq-category-view div.column.main h3, body.page-layout-servicepage div.column.main h3 {
        font-size: 16px;
        line-height: 24px;
    }
}


@media only screen and (max-width: 1024px) {
    body.customer-account-create div.register-wrapper {
        flex-direction: column;
    }

    body.customer-account-create div.page-title {
        text-align: center;
        margin-top: 15px;
    }

    body.customer-account-create div.register-wrapper div.image {
        order: -1;
        max-height: 168px;
        background-position-y: 20%;
    }

    body.customer-account-create div.register-wrapper legend span,
    body.account div.register-wrapper legend span {
        margin-bottom: 5px;
        letter-spacing: .5px;
    }

    body.customer-account-create h1.page-title {
        margin-top: 15px;
        margin-bottom: 25px;
        text-align: center;
    }

    body.customer-account-create div.actions-toolbar div.primary .action,
    body.account div.actions-toolbar div.primary .action {
        width: auto;
        float: left;
        font-size: 16px;
        letter-spacing: .32px;
    }

    body.customer-account-create label.label,
    body.account label.label {
        margin-bottom: 2px !important;
        font-weight: 500 !important;
        letter-spacing: .28px;
    }

    body.customer-account-create form.form-create-account {
        padding: 20px;
    }

    body.customer-account-create div.field-name-firstname,
    body.customer-account-create div.field-name-lastname {
        width: 100% !important;
        margin-left: 0;
    }


    body.account.wishlist-index-index .form-wishlist-items .actions-toolbar .primary {
        margin-left: 0;
    }


    body.account.wishlist-index-index div.product-item-info {
        margin-left: 0;
    }

    body.wishlist-index-index .products-grid.wishlist .product-item-name {
        min-width: 0;
        position: relative;
        top: -100px;
        margin-bottom: -60px;
    }

    body.products-grid.wishlist .product-item {
        border-top: none;
        padding: 0;
    }

    body.account.wishlist-index-index div.product-item-info {
        flex-direction: column;
    }

    body.account .block-collapsible-nav .content {
        margin-right: 0 !important;
    }

    body.wishlist-index-index #wishlist-view-form {
        border-top: none;
        padding-top: 0;
    }
}

.faqItem {
    transition: 0.3s;
}

.faqItem:hover {
    opacity: 0.8;
    transition: 0.3s;
}

#mp-review-summary {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

h2.maxw_heading {
    max-width: 600px;
    text-shadow: 0px 3px 6px #0000009A;
}

.buttonVinylHeader a,
.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts a {
    font-weight: 400;
    font-family: 'Moderat Condensed','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    letter-spacing: .5px;
    font-size: 15px;
    background-color: #1AAB7B;
    cursor: pointer !important;
    color: white;
}

.buttonVinylHeader a:hover,
.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts a:hover,
.buttonVinylHeader a:active {
    border-color: #1aab7b;
    background-color: #1AAB7B;
    opacity: .7;
}

.contentVinyl p {
    max-width: 900px !important;
    text-shadow: 0px 3px 6px #0000009A;
}

.category-vinyl-festival .category-view .category-image::after {
    content: '';
    background: transparent linear-gradient(1deg,#000000B2 0%,#54545400 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 100%;
    display: block;
}


.category-vinyl-festival .category-view {
    overflow: unset;
}

.category-vinyl-festival .category-view .containerSpread {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    z-index: 99;
    justify-content: center;
}

.category-vinyl-festival .category-view .spread {
    background-color: black;
    color: white;
    overflow: hidden;
    display: inline-flex !important;
    padding: 8px 30px;
    border-radius: 50px;
    box-shadow: 0px 3px 6px #00000029;
    font-size: 17px;
    align-items: center;
}

.category-vinyl-festival .category-view .spread::after {    
    content: '';
    background-image: url(https://www.marley.nl/media/wysiwyg/hart.png);
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}

.category-view .spread,
.catalog-category-view .contentExtraVinyl {
    display: none !important;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl {
    display: flex !important;
    flex-direction: row;
    max-width: 1280px !important;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 100px;
    margin-top: 50px;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylLinks {
    width: 60%;
    max-height: 450px;
    position: relative;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylLinks img {
    width: 100%;
    max-height: 450px;
    object-fit: cover;
    position: relative;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylLinks::before {
    content: 'WIN EEN PLATENSPELER';
    color: white;
    background-color: #2DAB7B;
    position: absolute;
    top: 20px;
    left: 20px;
    width: 90px;
    height: 90px;
    border-radius: 100px;
    z-index: 2;
    padding: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: "Oswald",sans-serif;
    font-weight: 700;
    letter-spacing: .8px;
    font-size: 16px;
    transform: rotate(-3deg);
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts {
    width: 40%;
    background-image: url(https://www.marley.nl/media/wysiwyg/marley-logo-vinyl.svg);
    background-position: right -250px bottom 30px;
    background-repeat: no-repeat;
    padding: 47px 68px;
    background-color: black;
    color: white;
    min-height: 300px;
    margin-left: -50px;
    margin-top: 30px;
    margin-bottom: -30px;
    height: 100%;
    z-index: 1;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts .rechtsContent {
    max-width: 500px;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts h4 {
    font-size: 40px;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
    letter-spacing: .8px;
    margin-top: 0;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts ul {
    padding-left: 0;
    list-style: none;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts ul li {
    font-size: 18px;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts ul li::before {
    font-size: 17px;
    border-radius: 100px;
    background-color: white;
    color: black;
    padding: 2px 9px;
    margin-right: 10px;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts ul li:nth-child(1)::before {
    content: '1';
    padding: 2px 10px;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts ul li:nth-child(2)::before {
    content: '2';
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts ul li:nth-child(3)::before {
    content: '3';
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts a {
    text-align: center;
    border-style: solid;
    border-color: #1aab7b;
    border-width: 1px;
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #1aab7b;
    color: white;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts .kleinFont {
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 1.3;
    max-width: 365px;
}

.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts h4,
.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts p,
.catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts ul {
    color: white;
}

.catalog-category-view.category-vinyl-festival .popUpExtraContent {
    display: none !important;
}

@media only screen and (max-width: 992px) {
    .catalog-category-view.category-vinyl-festival .contentExtraVinyl {
        flex-direction: column;
        margin-bottom: 0px;
    }

    .catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylLinks,
    .catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts {
        width: 100% !important;
    }

    .catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts {
        margin-top: 0;
        padding: 0;
        margin-left: 0;
        margin-bottom: 0;
        display: block;
    }

    .catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts .rechtsContent {
        padding: 30px 20px;
    }

    .catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts h4 {
        font-size: 20px;
    }

    .catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylRechts ul li {
        font-size: 16px;
    }

    .catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylLinks,
    .catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylLinks img {
        max-height: 250px;
    }

    .catalog-category-view.category-vinyl-festival .contentExtraVinyl .vinylLinks img {
        height: 100%;
    }

    .catalog-category-view .category-description h2 {
        line-height: 1.4 !important;
    }

    .catalog-category-view.category-vinyl-festival .popUpExtraContent {
        display: block !important;
        margin-bottom: 10px;
        margin-right: 0;
    }
}

/* Filtering categorie pagina */

.page-products .columns .sidebar.sidebar-main {
    width: 100%;
    background-color: #F5F5F5;
    box-shadow: 0px 3px 6px #00000029;
    /* display: block !important; */
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter {
    margin-bottom: 0 !important;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-subtitle,
.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .block-actions.filter-actions,
.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-current {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options {
    display: grid;
    grid-template-columns: repeat(6, auto);
    max-width: 900px !important;
    margin: auto;
    grid-gap: 20px;
    padding: 0 30px;
    width: 100%;
}

.category-audiosystemen .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options {
    grid-template-columns: repeat(9, auto);
    max-width: 1500px !important;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item {
    border-bottom: none;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-title {
    padding: 11px 10px 11px 10px;
    font-family: 'Oswald', Helvetica, Sans-Serif, serif;
    font-size: 15px;
    letter-spacing: .3px;
    width: 100%;
    display: flex;
    align-items: end;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-title::after {
    font-size: 10px;
    font-weight: 900;
    position: initial;
    /* top: 15px; */
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item.active {
    background-color: white;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item.active .filter-options-title {
    background-color: white;
    box-shadow: 12px 0 8px -8px #00000029, -12px 0 8px -8px #00000029;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content {
    position: absolute;
    top: 43px;
    left: 0;
    right: 0;
    padding: 0;
    background-color: white;
    box-shadow: 0px 3px 6px #00000029;
    z-index: 9999;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(6, auto);
    grid-gap: 20px;
    padding: 20px 0;
    justify-content: center;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li {
    background-color: white;
    padding: 12px 35px;
    box-shadow: 0px 3px 6px #00000017;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li:hover {
    background-color: black;
    transition: 0.3s;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li:hover a {
    color: white;
    transition: 0.3s;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li a span.count {
    display: none !important;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li input {
    opacity: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li:has( > input:checked) {
    background-color: black;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li:has( > input:checked)::after {
    content: ''; 
    background-image: url(../images/filter/kruisje.svg);
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: 12px;
    position: absolute;
    background-repeat: no-repeat;
    top: -7px;
    right: -7px;
    background-color: white;
    border-radius: 50px;
    padding: 5px;
    border: 1px solid black;
    background-position: center;
    pointer-events: none;
    box-shadow: 0px 0px 6px #0000002B;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li:has( > input:checked) a {
    color: white;
}

.page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li a {
    font-family: 'Oswald', Helvetica, Sans-Serif, serif;
    font-size: 15px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: black;
    text-decoration: none;
    font-weight: 900;
    transition: 0.3s;
}


    /* Alle iconen voor de filtering */

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Bedraad::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Draadloos::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.In-ear::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.On-ear::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Over-ear::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Ja::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Nee::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Minimaal.uur::before {
        content: '';
        width: 32px;
        height: 32px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 10px;
        background-position: center;
    }
    
    
    /* Default iconen */
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Bedraad::before {
        background-image: url(../images/filter/bedraad-zwart.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Draadloos::before {
        background-image: url(../images/filter/bl-zwart-1.svg);
    }
    
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.In-ear::before {
        background-image: url(../images/filter/inear-zw.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.On-ear::before {
        background-image: url(../images/filter/onear-zw.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Over-ear::before {
        background-image: url(../images/filter/overear-zw.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Ja::before {
        background-image: url(../images/filter/noisecanceling-zw.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Nee::before {
        background-image: url(../images/filter/geennoisecanceling-zw.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Minimaal.uur::before {
        background-image: url(../images/filter/battery.svg);
    }




    /* Hover iconen */
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Bedraad:hover::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Bedraad:has( > input:checked)::before {
        background-image: url(../images/filter/bedraad-wit.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Draadloos:hover::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Draadloos:has( > input:checked)::before {
        background-image: url(../images/filter/bl-wit.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.In-ear:hover::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.In-ear:has( > input:checked)::before {
        background-image: url(../images/filter/inear-w.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.On-ear:hover::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.On-ear:has( > input:checked)::before {
        background-image: url(../images/filter/onear-wit.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Over-ear:hover::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Over-ear:has( > input:checked)::before {
        background-image: url(../images/filter/overear-wit.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Ja:hover::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Ja:has( > input:checked)::before {
        background-image: url(../images/filter/noisecanceling-w.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Nee:hover::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Nee:has( > input:checked)::before {
        background-image: url(../images/filter/geennoisecanceling-w.svg);
    }

    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Minimaal.uur:hover::before,
    .page-products .columns .sidebar.sidebar-main .layered-filter-block-container .filter-options .filter-options-item .filter-options-content .items li.item.Minimaal.uur:has( > input:checked)::before {
        background-image: url(../images/filter/battery-wit.svg);
    }

    /* Einde alle iconen voor de filtering */

/* Styling kleuren filter */

.swatch-attribute.swatch-layered.c2c_color .swatch-attribute-options {
    width: auto;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 20px;
    padding: 20px 30px;
    justify-content: center;
    max-width: 1280px !important;
    margin: 0 auto;
}

.swatch-attribute.swatch-layered.c2c_color .swatch-attribute-options::before {
    display: none;
}

.swatch-attribute.swatch-layered.c2c_color .swatch-attribute-options a {
    background-color: white;
    padding: 18px 35px !important;
    box-shadow: 0px 3px 6px #00000017;
    cursor: pointer;
    position: relative;
    display: flex !important;
    align-items: center;
    text-decoration: none !important;
    transition: 0.3s;
}

.swatch-attribute.swatch-layered.c2c_color .swatch-attribute-options a:hover {
    background-color: black;
    transition: 0.3s;
}

.swatch-attribute.swatch-layered.c2c_color .swatch-attribute-options a:hover span {
    color: white;
    transition: 0.3s;
}

.swatch-attribute.swatch-layered.c2c_color .swatch-attribute-options a .swatch-option {
    border-radius: 50px;
    width: 23px !important;
    height: 23px !important;
    min-width: 20px;
    padding: 0 !important;
    border: 1px solid #F6F4F2 !important;
    margin-bottom: 0 !important;
}

.swatch-attribute.swatch-layered.c2c_color .swatch-attribute-options a:has( > .selected) {
    background-color: black !important;
}

.swatch-attribute.swatch-layered.c2c_color .swatch-attribute-options a:has( > .selected)::after {
    content: ''; 
    background-image: url(../images/filter/kruisje.svg);
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: 12px;
    position: absolute;
    background-repeat: no-repeat;
    top: -7px;
    right: -7px;
    background-color: white;
    border-radius: 50px;
    padding: 5px;
    border: 1px solid black;
    background-position: center;
    pointer-events: none;
    box-shadow: 0px 0px 6px #0000002B;
}

.swatch-attribute.swatch-layered.c2c_color .swatch-attribute-options a:has( > .selected) span {
    color: white;
}

.swatch-attribute.swatch-layered.c2c_color .swatch-attribute-options a .swatch-option:hover {
    border: 1px solid #F6F4F2 !important;
}

.swatch-attribute.swatch-layered.c2c_color .swatch-attribute-options a span {
    font-family: 'Oswald', Helvetica, Sans-Serif, serif;
    font-size: 15px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: black;
    font-weight: 900;
    transition: 0.3s;
}

/* Einde styling kleuren filter */

/* Styling prijs filter */

.filter-options-item[attribute="price"] ol.items {
    display: block !important;
}

.filter-options-item[attribute="price"] ol.items .item {
    box-shadow: none !important;
    font-size: 0;
}

.filter-options-item[attribute="price"] ol.items .item:nth-child(1) {
    display: flex !important;
}

.filter-options-item[attribute="price"] ol.items .item:nth-child(2),
.filter-options-item[attribute="price"] ol.items .item:nth-child(3),
.filter-options-item[attribute="price"] ol.items .item:nth-child(4),
.filter-options-item[attribute="price"] ol.items .item:nth-child(5),
.filter-options-item[attribute="price"] ol.items .item:nth-child(6),
.filter-options-item[attribute="price"] ol.items .item:nth-child(7),
.filter-options-item[attribute="price"] ol.items .item:nth-child(8),
.filter-options-item[attribute="price"] ol.items .item:nth-child(9),
.filter-options-item[attribute="price"] ol.items .item:nth-child(10) {
    display: none !important;
}

.filter-options-item[attribute="price"] ol.items .item:hover {
    background-color: transparent !important;
}

.filter-options-item[attribute="price"] ol.items .item .ln_slider_container {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 !important;
    width: 100% !important;
}

.filter-options-item[attribute="price"] ol.items .item .ln_slider_container #ln_slider_price {
    max-width: 250px;
    width: 100%;
    height: 1.5px;
    background-color: black !important;
}

.filter-options-item[attribute="price"] ol.items .item .ln_slider_container #ln_slider_price::before {
    content: 'Prijs';
    text-transform: uppercase;
    display: block !important;
    position: absolute;
    top: 1px;
    left: -65px;
    font-family: 'Oswald', Helvetica, Sans-Serif, serif;
    font-size: 15px;
    letter-spacing: .3px;
    font-weight: 600;
}

.filter-options-item[attribute="price"] ol.items .item .ln_slider_container #ln_slider_price .ui-slider-handle {
    background-color: #111111 !important;
    bottom: -6px;
}

.filter-options-item[attribute="price"] ol.items .item .ln_slider_container #ln_slider_text_price {
    margin-top: 10px;
}

.filter-options-item[attribute="price"] ol.items .item .ln_slider_container #ln_slider_text_price::before {
    content: 'Prijs:';
    font-size: 15px;
    font-weight: 600;
    margin-right: 10px;
}

/* Einde Styling prijs filter */



.filter-options .aantalFilters {
    background-color: black;
    color: white;
    width: 22px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 25px;
    font-size: 18px;
    font-weight: 600;
}



/* Mobiele styling */

@media only screen and (max-width: 992px) {

    #layered-filter-block.filter .filter-content {
        display: none;
    }

    #layered-filter-block.filter.active .filter-content {
        display: block;
    }

    #layered-filter-block.filter.active .filter-content .filter-options {
        display: block;
        top: 90px;
        padding: 0 20px;
    }

    #layered-filter-block.filter.active .filter-content .filter-options .filter-options-item {
        flex-direction: column;
        position: relative;
    }

    #layered-filter-block.filter.active .filter-content .filter-options .filter-options-item .filter-options-title {
        border-bottom: 1px solid #D5D5D5;
        box-shadow: none;
        padding: 16px 0 11px 0;
    }

    #layered-filter-block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content {
        padding: 15px 0;
        max-width: 100%;
        position: unset;
        box-shadow: none;
        width: 100%;
    }

    #layered-filter-block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options {
        grid-template-columns: repeat(2, calc(50% - 8px));
        padding: 0;
        grid-gap: 10px 15px;
    }

    #layered-filter-block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .swatch-attribute-options a {
        padding: 15px !important;
    }

    #layered-filter-block.filter .filter-title strong {
        position: relative;
        display: block;
        color: white;
        background-color: black;
        text-transform: uppercase;
        font-family: 'Oswald', Helvetica, Sans-Serif, serif;
        border: 1px solid black;
        letter-spacing: .8px;
        font-size: 15px;
        padding: 10px;
        box-shadow: none;
        border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #layered-filter-block.filter .filter-title strong::before {
        content: '';
        background-image: url(../images/sort.png);
        width: 21px;
        height: 21px;
        display: inline-flex;
        margin-right: 7px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    #layered-filter-block.filter .filter-title {
        padding: 0 20px;
        margin-top: 15px;
        margin-bottom: -5px;
    }


    #layered-filter-block.filter.active .block-title {
        margin-bottom: 0;
        margin-top: 0;
        display: flex;
        justify-content: space-between;
        height: 100px;
        border: 0;
    }

    #layered-filter-block.filter.active .block-title::before {
        content: '';
        background-image: url(../images/logo.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 85px;
        height: 85px;
        display: block;
    }

    #layered-filter-block.filter.active .block-title strong {
        font-size: 0;
        letter-spacing: 0;
        background-color: transparent;
        border: 0;
        padding: 0;
    }

    #layered-filter-block.filter.active .block-title strong::before {
        display: none;
    }
    
    #layered-filter-block.filter.active .block-title strong::after {
        color: black;
        position: relative;
        top: -15px;
        font-size: 18px;
    }
    
    #layered-filter-block.filter.active .filter-options .filter-options-item .filter-options-content .items {
        grid-template-columns: repeat(2, calc(50% - 8px));
        padding: 0;
        grid-gap: 10px 15px;
    }

    /* #layered-filter-block.filter.active .filter-options .filter-options-item .filter-options-content .items li {
        padding: 15px !important;
    } */

    /* #layered-filter-block.filter.active .filter-options .filter-options-item .filter-options-content .items li.item::before {
        max-width: 24px;
        max-height: 24px;
        margin-right: 15px !important;
    } */

    #layered-filter-block.filter.active .filter-options .filter-options-item[attribute="price"] ol.items .item .ln_slider_container #ln_slider_price::before {
        content: '';
    }

    #layered-filter-block.filter.active .filter-options .filter-options-item[attribute="price"] ol.items .item:nth-child(1) {
        margin-top: 0;
    }

    #layered-filter-block.filter.active .filter-options .filter-options-item[attribute="price"] ol.items .item .ln_slider_container #ln_slider_price {
        height: 4px;
    }

    #layered-filter-block.filter.active .filter-options .filter-options-item .ui-slider-handle {
        height: 18px !important;
        width: 18px !important;
    }

    #layered-filter-block.filter.active .aantalFilters {
        position: absolute;
        z-index: 9;
        right: 20px;
        top: 14px;
    }

    .page-products .columns .sidebar.sidebar-main {
        background-color: transparent;
        box-shadow: none;
    }
}

/* Einde Mobiele styling */

/* Einde filtering categorie pagina */


/* Review sectie */

body #mp-review-list {
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 20px 0 20px;
}

/* Einde Review sectie */


/* Styling voor Omnisend */

@media only screen and (max-width: 648px) {
    .omnisend-form-645e29a8e54adad5ac574f70-teaser-btn-wrapper {
        transform: initial!important;
        top: initial!important;
        bottom: 10px!important;
        left: initial!important;
        margin-left: calc(100vw - 135px)!important;
    }
}

/* Einde Styling voor Omnisend */


/* Styling voor Winkelmandje & Checkout */

@media only screen and (max-width: 768px) {

    body button.action.update {
        margin-left: auto;
    }

}

/* Einde Styling voor Winkelmandje */


@media only screen and (max-width: 900px) {

    body.checkout-index-index .page-main {
        padding: 0!important;
    }

}



/* Filtering categorie pagina */

#amasty-shopby-product-list {
    margin-top: 0;
    border-top: 1px solid #E9E8E8;
    padding-top: 25px;
    padding-bottom: 45px;
}


.page-products .columns .catalog-topnav {
    width: 100%;
    background-color: #F5F5F5;
    margin-top: 0;
    padding: 5px 0;
    margin-bottom: 18px;
}

.page-products .columns  .filter-content {
    margin-bottom: 0 !important;
}

.page-products .columns  .filter-subtitle,
.page-products .columns  .block-actions.filter-actions,
.page-products .columns  .filter-current {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.page-products .columns .filter-options {
    /* display: grid;
    grid-template-columns: repeat(9, auto);
    max-width: 1280px !important;
    margin: auto;
    grid-gap: 20px;
    padding: 0 30px; */
    display: flex;
    margin: auto;
    gap: 12px;
    padding: 0;
    justify-content: start;
    padding: 0 0 0 16px;
    position: relative;
}

.amasty-catalog-topnav .filter-options-item {
    padding-bottom: 0 !important;
}

.page-products .columns  .filter-options .filter-options-item {
    border-bottom: none;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-title {
    padding: 4px 10px 5px 10px;
    /* font-family: 'Oswald', Helvetica, Sans-Serif, serif; */
    font-size: 16px;
    /* letter-spacing: .3px; */
    width: 100%;
    display: flex;
    align-items: end;
    text-transform: none;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-title::after {
    font-size: 8px;
    font-weight: 900;
    position: initial;
    margin: 0;
    padding-left: 5px;
    padding-bottom: 1px;
}

.page-products .columns  .filter-options .filter-options-item.active {
    background-color: white;
}

.page-products .columns  .filter-options .filter-options-item.active .filter-options-title {
    background-color: white;
    box-shadow: 10px 0 8px -8px #00000029, -10px 0 8px -8px #00000029;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content {
    position: absolute;
    top: 29px;
    left: 0;
    right: 0;
    padding: 0;
    background-color: white;
    box-shadow: 0px 3px 6px #00000029;
    z-index: 9999;
    border-radius: 0;
    border: 1px solid black;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form {
    max-width: 1280px;
    margin: 0 auto;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form ol.items {
    padding: 20px;
    justify-content: center;
    flex-direction: row;
    gap: 20px;
    max-height: 300px;
    display: flex;
    overflow-y: hidden;
    height: 100%;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form ol.items li.item {
    margin: 0 !important;
    box-shadow: 0px 3px 6px #00000017;
    transition: .3s;
    cursor: pointer;
    position: relative;
    height: 100%;
    width: auto;
    transition: 0.3s;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form ol.items li.item .amshopby-choice {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form ol.items li.item:hover {
    transition: 0.3s;
    background-color: black;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form ol.items li.item a {
    display: flex;
    align-items: center;
    font-family: 'Oswald',Helvetica,Sans-Serif,serif;
    font-size: 15px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    font-weight: 900;
    transition: .3s;
    height: 100%;
    padding: 13px 30px !important;
    transition: 0.3s;
    width: 100%;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form ol.items li.item:hover a span {
    color: white;
    transition: 0.3s;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form .am-swatch-wrapper.item {
    background-color: white;
    padding: 12px 35px;
    box-shadow: 0px 3px 6px #00000017;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form .am-swatch-wrapper.item:hover {
    background-color: black;
    transition: 0.3s;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form .am-swatch-wrapper.item:hover a {
    color: white;
    transition: 0.3s;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form .am-swatch-wrapper.item input {
    opacity: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form .am-swatch-wrapper.item:has( > input:checked),
.page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item:has( > input:checked) {
    background-color: black;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form .am-swatch-wrapper.item:has( > input:checked)::after,
.page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item:has( > input:checked)::after {
    content: ''; 
    background-image: url(../images/filter/kruisje.svg);
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: 12px;
    position: absolute;
    background-repeat: no-repeat;
    top: -7px;
    right: -7px;
    background-color: white;
    border-radius: 50px;
    padding: 5px;
    border: 1px solid black;
    background-position: center;
    pointer-events: none;
    box-shadow: 0px 0px 6px #0000002B;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form .am-swatch-wrapper.item:has( > input:checked) a,
.page-products .columns  .filter-options .filter-options-item .filter-options-content form .am-swatch-wrapper.item:has( > input:checked) a span,
.page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item:has( > input:checked) a,
.page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item:has( > input:checked) a span {
    color: white !important;
}

.page-products .columns  .filter-options .filter-options-item .filter-options-content form .am-swatch-wrapper.item a {
    font-family: 'Oswald', Helvetica, Sans-Serif, serif;
    font-size: 15px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: black;
    text-decoration: none;
    font-weight: 900;
    transition: 0.3s;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

    /* Alle iconen voor de filtering */

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Bedraad"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Draadloos"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="In-ear"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label~="Semi"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="On-ear"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Over-ear"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Ja"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Nee"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Oordopjes"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Hoofdtelefoons"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label~="Minimaal"] a::before,
    /* Audiosystemen */
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Speakers"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Platenspeler"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Platenspeler bundel"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IP65"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IP67"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IPX4"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Compact"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Middelgroot"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Groot"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Geen Accu"] a::before,
    /* Koffie */
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Medium"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Medium dark"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Dark"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Bonen"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Gemalen"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Cups"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="1000gr"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="227gr"] a::before {
        content: '';
        width: 32px;
        height: 32px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 10px;
        background-position: center;
    }
    
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Platenspeler bundel"] {
        min-width: 230px;
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label~="Minimaal"] {
        min-width: 210px;
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Medium dark"] {
        min-width: 190px;
    }


    /* Default iconen */
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="1000gr"] a::before {
        background-image: url(../images/filter/1000grzw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="227gr"] a::before {
        background-image: url(../images/filter/227grzw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Medium"] a::before {
        background-image: url(../images/filter/mediumcoffeezw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Medium dark"] a::before {
        background-image: url(../images/filter/mediumdarkzw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Dark"] a::before {
        background-image: url(../images/filter/darkzw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Bonen"] a::before {
        background-image: url(../images/filter/mediumdarkzw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Gemalen"] a::before {
        background-image: url(../images/filter/groundcoffeezw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Cups"] a::before {
        background-image: url(../images/filter/capsulezw.svg);
    }




    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Speakers"] a::before {
        background-image: url(../images/filter/speakerzw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Platenspeler"] a::before {
        background-image: url(../images/filter/Platenspelerzw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Platenspeler bundel"] a::before {
        background-image: url(../images/filter/bundelzw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IP65"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IP67"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IPX4"] a::before {
        background-image: url(../images/filter/ipxzw.svg);
    }
    

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Bedraad"] a::before {
        background-image: url(../images/filter/bedraad-zwart.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Draadloos"] a::before {
        background-image: url(../images/filter/bl-zwart-1.svg);
    }
    
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="In-ear"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Oordopjes"] a::before {
        background-image: url(../images/filter/in-ear.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label~="Semi"] a::before {
        background-image: url(../images/filter/on-ear.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="On-ear"] a::before {
        background-image: url(../images/filter/onear-zw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Over-ear"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Hoofdtelefoons"] a::before {
        background-image: url(../images/filter/overear-zw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Ja"] a::before {
        background-image: url(../images/filter/noisecanceling-zw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items.am-filter-items-equalizer_settings .item[data-label="Ja"] a::before {
        background-image: url(../images/filter/equalizezw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items.am-filter-items-equalizer_settings .item[data-label="Nee"] a::before {
        background-image: url(../images/filter/noequalizezw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Nee"] a::before {
        background-image: url(../images/filter/geennoisecanceling-zw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label~="Minimaal"] a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Geen Accu"] a::before {
        background-image: url(../images/filter/battery.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items.am-filter-items-aantal_watt .item[data-label~="Minimaal"] a::before {
        background-image: url(../images/filter/wattzw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Compact"] a::before {
        background-image: url(../images/filter/kleinzw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Middelgroot"] a::before {
        background-image: url(../images/filter/speakerzw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Groot"] a::before {
        background-image: url(../images/filter/grootzw.svg);
    }




    /* Hover iconen */
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="1000gr"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="1000gr"]:has( > input:checked) a::before {
        background-image: url(../images/filter/1000grw.svg);
    }
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="227gr"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="227gr"]:has( > input:checked) a::before {
        background-image: url(../images/filter/227grw.svg);
    }
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Medium"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Medium"]:has( > input:checked) a::before {
        background-image: url(../images/filter/mediumcoffeew.svg);
    }
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Medium dark"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Medium dark"]:has( > input:checked) a::before {
        background-image: url(../images/filter/mediumdarkw.svg);
    }
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Dark"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Dark"]:has( > input:checked) a::before {
        background-image: url(../images/filter/darkw.svg);
    }
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Bonen"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Bonen"]:has( > input:checked) a::before {
        background-image: url(../images/filter/mediumdarkw.svg);
    }
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Gemalen"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Gemalen"]:has( > input:checked) a::before {
        background-image: url(../images/filter/groundcoffeew.svg);
    }
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Cups"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Cups"]:has( > input:checked) a::before {
        background-image: url(../images/filter/capsulew.svg);
    }


    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Compact"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Compact"]:has( > input:checked) a::before {
        background-image: url(../images/filter/kleinw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IP65"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IP65"]:has( > input:checked) a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IP67"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IP67"]:has( > input:checked) a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IPX4"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="IPX4"]:has( > input:checked) a::before {
        background-image: url(../images/filter/ipxw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Middelgroot"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Middelgroot"]:has( > input:checked) a::before {
        background-image: url(../images/filter/speakerw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Groot"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Groot"]:has( > input:checked) a::before {
        background-image: url(../images/filter/grootw.svg);
    }


    
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Speakers"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Speakers"]:has( > input:checked) a::before {
        background-image: url(../images/filter/speakerw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Platenspeler"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Platenspeler"]:has( > input:checked) a::before {
        background-image: url(../images/filter/Platenspelerw.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Platenspeler bundel"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Platenspeler bundel"]:has( > input:checked) a::before {
        background-image: url(../images/filter/bundelw.svg);
    }



    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Bedraad"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Bedraad"]:has( > input:checked) a::before {
        background-image: url(../images/filter/bedraad-wit.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Draadloos"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Draadloos"]:has( > input:checked) a::before {
        background-image: url(../images/filter/bl-wit.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="In-ear"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="In-ear"]:has( > input:checked) a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Oordopjes"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Oordopjes"]:has( > input:checked) a::before {
        background-image: url(../images/filter/in-ear-wt.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="On-ear"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="On-ear"]:has( > input:checked) a::before {
        background-image: url(../images/filter/onear-wit.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label~="Semi"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label~="Semi"]:has( > input:checked) a::before {
        background-image: url(../images/filter/on-ear-wt.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Over-ear"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Over-ear"]:has( > input:checked) a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Hoofdtelefoons"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Hoofdtelefoons"]:has( > input:checked) a::before {
        background-image: url(../images/filter/overear-wit.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Ja"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Ja"]:has( > input:checked) a::before {
        background-image: url(../images/filter/noisecanceling-w.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items.am-filter-items-equalizer_settings .item[data-label="Ja"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items.am-filter-items-equalizer_settings .item[data-label="Ja"]:has( > input:checked) a::before {
        background-image: url(../images/filter/equalizew.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items.am-filter-items-equalizer_settings .item[data-label="Nee"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items.am-filter-items-equalizer_settings .item[data-label="Nee"]:has( > input:checked) a::before {
        background-image: url(../images/filter/noequalizew.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Nee"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Nee"]:has( > input:checked) a::before {
        background-image: url(../images/filter/geennoisecanceling-w.svg);
    }

    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label~="Minimaal"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label~="Minimaal"]:has( > input:checked) a::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Geen Accu"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Geen Accu"]:has( > input:checked) a::before {
        background-image: url(../images/filter/battery-wit.svg);
    }
    
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items.am-filter-items-aantal_watt .item[data-label~="Minimaal"] a:hover::before,
    .page-products .columns  .filter-options .filter-options-item .filter-options-content form .items.am-filter-items-aantal_watt .item[data-label~="Minimaal"]:has( > input:checked) a::before {
        background-image: url(../images/filter/wattw.svg);
    }

    /* Einde alle iconen voor de filtering */


/* Styling kleuren filter */

.am-filter-items-c2c_color.swatch-attribute.swatch-layered.c2c_color  {
    width: 100%;
    height: 100%;
    display: flex;
    grid-gap: 20px;
    padding: 20px 16px;
    justify-content: center;
    max-width: 1280px !important;
    margin: 0 auto;
    flex-wrap: wrap;
}

.am-filter-items-c2c_color .am-swatch-wrapper.item::before {
    display: none;
}

.am-filter-items-c2c_color .am-swatch-wrapper.item a {
    padding: 20px !important;
    width: 100%;
}

.am-filter-items-c2c_color .am-swatch-wrapper.item:hover {
    background-color: black;
    transition: 0.3s;
}

.am-filter-items-c2c_color .am-swatch-wrapper.item:hover span {
    color: white;
    transition: 0.3s;
}

.am-filter-items-c2c_color .am-swatch-wrapper.item a .swatch-option {
    border-radius: 50px;
    width: 23px !important;
    height: 23px !important;
    min-width: 20px;
    padding: 0 !important;
    border: 1px solid #F6F4F2 !important;
    margin-bottom: 0 !important;
}

.am-filter-items-c2c_color .am-swatch-wrapper.item:has( > .selected) {
    background-color: black !important;
}

.am-filter-items-c2c_color .am-swatch-wrapper.item:has( > .selected)::after {
    content: ''; 
    background-image: url(../images/filter/kruisje.svg);
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: 12px;
    position: absolute;
    background-repeat: no-repeat;
    top: -7px;
    right: -7px;
    background-color: white;
    border-radius: 50px;
    padding: 5px;
    border: 1px solid black;
    background-position: center;
    pointer-events: none;
    box-shadow: 0px 0px 6px #0000002B;
}

.am-filter-items-c2c_color .am-swatch-wrapper.item:has( > .selected) span {
    color: white;
}

.am-filter-items-c2c_color .am-swatch-wrapper.item a .swatch-option:hover {
    border: 1px solid #F6F4F2 !important;
}

.am-filter-items-c2c_color .am-swatch-wrapper.item a span {
    font-family: 'Oswald', Helvetica, Sans-Serif, serif;
    font-size: 15px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: black;
    font-weight: 900;
    transition: 0.3s;
}

/* Einde styling kleuren filter */

/* Styling prijs filter */

form .amshopby-slider-container .amshopby-slider-display {
    margin-top: 5px;
}

form .amshopby-slider-container .am-slider::before {
    content: 'Prijs';
    text-transform: uppercase;
    display: block !important;
    position: absolute;
    top: -5px;
    left: -60px !important;
    font-family: 'Oswald',Helvetica,Sans-Serif,serif;
    font-size: 15px;
    letter-spacing: .3px;
    font-weight: 600;
    background-color: transparent !important;
}

form .amshopby-slider-container .ui-slider-handle {
    background-color: #111111 !important;
    top: -7px;
}

form .amshopby-slider-container .amshopby-slider-display::before {
    content: 'Prijs:';
    font-size: 15px;
    font-weight: 600;
    margin-right: 10px;
}

form .amshopby-slider-container {
    width: 300px;
    margin-bottom: 30px;
    margin-top: 45px;
}

form .amshopby-slider-container .am-slider .ui-slider-range,
form .amshopby-slider-container .am-slider {
    height: 1.5px !important;
}

form .amshopby-slider-container .am-slider::after {
    height: 0 !important;
}

/* Einde Styling prijs filter */



.filter-options .aantalFilters {
    background-color: black;
    color: white;
    width: 22px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 25px;
    font-size: 18px;
    font-weight: 600;
}

.filter.block {
    margin-bottom: 0 !important;
}

/* Mobiele styling */

@media only screen and (max-width: 1500px) {
    
    /* .category-audiosystemen.page-products .columns .filter-options .filter-options-item .filter-options-title {
        font-size: 13px;
        padding: 3px;
        letter-spacing: 0;
    } */

    .category-audiosystemen.page-products .columns .filter-options .filter-options-item .filter-options-title::after {
        margin-top: 5px;
        font-size: 9px;
    }
}

@media only screen and (max-width: 992px) {


    .page-products .columns .column.main {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    #amasty-shopby-product-list {
        margin-top: 15px;
    }

    #layered-filter-block.block.filter.filter-no-options.amshopby-all-top-filters-append-left {
        display: block !important;
    }

    #layered-filter-block.filter {
        order: 1;
    }
    
    #layered-filter-block.filter .filter-title strong {
        font-weight: 900;
    }



    #layered-filter-block.filter .filter-content,
    #layered-filter-block.filter.active .filter-content .block-subtitle {
        display: none;
    }

    #layered-filter-block.filter.active .filter-content {
        display: block;
    }
   
    .am-filter-items-c2c_color.swatch-attribute.swatch-layered.c2c_color {
        grid-template-columns: repeat(2,calc(50% - 8px));
        padding: 0;
    }

    #layered-filter-block.filter.active .filter-content .filter-options {
        display: block;
        top: 90px;
        padding: 0 20px;
    }

    #layered-filter-block.filter.active .filter-content .filter-options .filter-options-item {
        flex-direction: column;
        position: relative;
    }

    #layered-filter-block.filter.active .filter-content .filter-options .filter-options-item .filter-options-title {
        border-bottom: 1px solid #D5D5D5;
        box-shadow: none;
        padding: 20px 0 11px;
    }

    #layered-filter-block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content {
        padding: 15px 0;
        max-width: 100%;
        position: unset;
        box-shadow: none;
        width: 100%;
    }

    #layered-filter-block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .am-swatch-wrapper.item {
        grid-template-columns: repeat(2, calc(50% - 8px));
        padding: 0;
        grid-gap: 10px 15px;
    }

    #layered-filter-block.filter.active .filter-content .filter-options .filter-options-item .filter-options-content .am-swatch-wrapper.item a {
        padding: 15px !important;
    }

    #layered-filter-block.filter .filter-title strong {
        position: relative;
        display: block;
        color: white;
        background-color: black;
        text-transform: uppercase;
        font-family: 'Oswald', Helvetica, Sans-Serif, serif;
        border: 1px solid black;
        letter-spacing: .8px;
        font-size: 15px;
        padding: 10px;
        box-shadow: none;
        border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #layered-filter-block.filter .filter-title strong::before {
        content: '';
        background-image: url(../images/sort.png);
        width: 21px;
        height: 21px;
        display: inline-flex;
        margin-right: 7px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    #layered-filter-block.filter .filter-title {
        margin-top: 15px;
        margin-bottom: -5px;
    }


    #layered-filter-block.filter.active .block-title {
        margin-bottom: 0;
        margin-top: 0;
        display: flex;
        justify-content: space-between;
        height: 100px;
        border: 0;
        /* margin-left: 20px; */
    }

    #layered-filter-block.filter.active .block-title::before {
        content: '';
        background-image: url(../images/logo.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 85px;
        height: 85px;
        display: block;
        margin-top: 0;
    }

    #layered-filter-block.filter.active .block-title strong {
        font-size: 0;
        letter-spacing: 0;
        background-color: transparent;
        border: 0;
        padding: 0;
        /* margin-right: 20px; */
    }

    .page-products .columns .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Platenspeler bundel"] {
        min-width: auto;
    }

    .page-products .columns .filter-options .filter-options-item .filter-options-content form .items .item[data-label="Platenspeler bundel"] span {
        font-size: 11px;
    }


    #layered-filter-block.filter.active .block-title strong::before {
        display: none;
    }
    
    #layered-filter-block.filter.active .block-title strong::after {
        color: black;
        position: relative;
        top: -15px;
        font-size: 18px;
    }
    
    #layered-filter-block.filter.active .filter-options .filter-options-item .filter-options-content .items {
        grid-template-columns: repeat(2, calc(50% - 8px));
        padding: 20px 5px;
        grid-gap: 10px 15px;
        display: grid;
        width: 100%;
    }

    #layered-filter-block.filter.active .filter-options .filter-options-item .filter-options-content .items.am-filter-items-price {
        display: block;
    }


    .page-products .columns .filter-options .filter-options-item .filter-options-content form ol.items li.item a {
        height: auto;
        font-size: 13px;
        padding: 13px 20px !important;
    }

    /* #layered-filter-block.filter.active .filter-options .filter-options-item .filter-options-content .items li {
        padding: 15px !important;
    } */

    #layered-filter-block.filter.active .filter-options .filter-options-item .filter-options-content .items li.item a::before {
        max-width: 21px;
        max-height: 21px;
        margin-right: 15px !important;
    }

    .page-products .columns .filter-options .filter-options-item .filter-options-content form .items .item[data-label~=Minimaal] {
        min-width: 100%;
    }

    .page-products .columns .filter-options .filter-options-item:last-child {
        display: none !important;
    }

    #layered-filter-block.filter.active .filter-options .filter-options-item[attribute="price"] ol.items .item .ln_slider_container #ln_slider_price::before {
        content: '';
    }

    #layered-filter-block.filter.active .filter-options .filter-options-item[attribute="price"] ol.items .item:nth-child(1) {
        margin-top: 0;
    }

    #layered-filter-block.filter.active .filter-options .filter-options-item[attribute="price"] ol.items .item .ln_slider_container #ln_slider_price {
        height: 4px;
    }

    #layered-filter-block.filter.active .filter-options .filter-options-item .ui-slider-handle {
        height: 18px !important;
        width: 18px !important;
        top: -9px;
    }

    #layered-filter-block.filter.active .aantalFilters {
        position: absolute;
        z-index: 9;
        right: 20px;
        top: 14px;
    }

    .page-products .columns .catalog-topnav {
        background-color: transparent;
        box-shadow: none;
    }

    .sidebar-main .block.filter {
        display: none;
    }

    .sidebar-main .block.filter.amshopby-all-top-filters-append-left {
        display: block;
    }

    .sidebar-main .block.filter.amshopby-all-top-filters-append-left .filter-title::before {
        display: none;
    }
}

/* Einde Mobiele styling */

/* Einde filtering categorie pagina */



/* Reviews */

.addReview {
    margin-bottom: 5px;
}

.review-form-actions button {
    transition: 0.2s;
}

.review-form-actions button:hover {
    background-color: rgb(28,171,123,0.7);
    transition: 0.2s;
}

.addReview a {
    font-weight: 700;
    transition: 0.2s;
}

.addReview a:hover {
    transition: 0.2s;
    opacity: 0.8;
}

.product-info-main .rating-summary {
    margin-right: 5px !important;
}

.block.review-list {
    max-width: 1220px !important;
    margin: 0 auto;
    background-color: #fafafa;
}



.product-reviews-summary {
    margin-bottom: 6px;
}

.product-reviews-summary.empty {
    margin-bottom: 13px;
}

.rating-summary .rating-result > span::before {
    color: rgb(28,171,123) !important;
    /* border: 1px solid rgb(28,171,123) !important; */
}

.rating-summary .rating-result::before {
    /* border: 1px solid rgb(28,171,123) !important; */
    color: rgb(28,171,123)45 !important;
}

.rating-summary .rating-result::before,
.rating-summary .rating-result > span::before {
    font-size: 28px !important;
}

@media only screen and (max-width: 992px) {

    .rating-summary .rating-result::before,
    .rating-summary .rating-result > span::before {
        font-size: 16px !important;
    }
}

.rating-summary .rating-result {
    width: 100% !important;
}

.product-reviews-summary .reviews-actions a {
    transition: 0.2s;
}


.product-reviews-summary .reviews-actions a:hover {
    color: rgb(28,171,123);
    transition: 0.2s;
}

 #product-review-container #customer-reviews {
    padding: 25px 30px;
}

 #product-review-container #customer-reviews .amreview-info-wrapper {
    padding-top: 0;
}

 #product-review-container #customer-reviews .amreview-percent-block,
 #product-review-container #customer-reviews .toolbar,
 #product-review-container #customer-reviews .amrev-title-block,
 #product-review-container #customer-reviews .amreview-showmore {
    display: none !important;
}

 #product-review-container #customer-reviews .review-item {
    background-color: white;
    border-radius: 5px;
    padding: 20px 30px;
    border: 2px solid rgb(28,171,123);
    margin-bottom: 10px;
    display: block;
}

 #product-review-container #customer-reviews .amreview-author-details,
 #product-review-container #customer-reviews .amreview-description-wrap {
    width: 100%;
}

 #product-review-container #customer-reviews .amreview-summary-details {
    display: block !important;
    border-right: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.amreview-summary-details .amreview-label > .amreview-stars:hover, 
.amreview-summary-details .amreview-label > .amreview-bar:hover, 
.amreview-summary-details .amreview-label > .amreview-text:hover {
    color: rgb(28,171,123);
}

 #product-review-container #customer-reviews .amrev-sorting {
    display: flex;
    align-items: center;
    width: 100%;
    flex-basis: unset;
    justify-content: end;
    padding: 0;
}

 #product-review-container #customer-reviews .amrev-sorting .amrev-sortbtn::before {
    color: black !important;
    font-size: 30px !important;
}

 .block-content.amrev-items-block {
    max-width: 100%;
    padding: 25px 0 55px;
}

 .review-add .block-content {
    padding: 25px 30px 55px;
    max-width: 100%;
}

#customer-reviews .amrev-toolbar-container {
    margin-bottom: -20px;
    padding-right: 0;
}

/* .product-info-main .product-reviews-summary, */
.product-info-main .product-info-price .product-info-stock-sku,
.product-info-main .box-tocart .fieldset .field.qty {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.review-control-vote::before {
    content: '\e605' '\e605' '\e605' '\e605' '\e605' !important;
    color: rgb(28,171,123)45 !important;
    font-size: 30px !important;
    letter-spacing: 0 !important;
}

.amreview-submit-form .review-control-vote.control label::before {
    letter-spacing: 0 !important;
    font-size: 30px !important;
}

.review-fieldset .review-field-summary .control input,
.review-fieldset .review-field-nickname .control input,
.review-fieldset .review-field-email input,
.review-fieldset .control textarea {
    border-radius: 3px !important;
    border: 2px solid rgb(28,171,123) !important;
}

.review-fieldset .control input,
.review-fieldset .review-field-email input {
    height: 35px !important;
}

.review-fieldset legend.review-legend {
    color: #000000;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.review-fieldset .review-field-ratings {
    margin-top: -20px !important;
}

.review-form .review-form-actions {
    margin-left: 0 !important;
}


.review-form .review-form-actions button {
    border: none !important;
    transition: 0.3s !important;
}

.review-form .review-form-actions button:hover {
    transition: 0.3s !important;
    opacity: .8;
}

.amreview-add-new {
    display: none !important;
}

.amreview-submit-form .review-fieldset {
    margin-bottom: 20px !important;
}

.amreview-submit-form {
    max-width: 1280px;
    width: 100%;
    margin-top: -75px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 992px) {
    
    .amreview-submit-form {
        margin-top: -40px;
    }
}

.review-form .amreview-recommend-wrap input {
    cursor: pointer;
}

#tab-label-reviews-title {
    background-color: white;
    font-size: 30px !important;
    text-transform: uppercase;
    padding: 0;
    font-weight: 900 !important;
    font-family: 'Poppins';
    color: black;
    margin-bottom: 30px;
}

#tab-label-reviews-title span.counter {
    display: none !important;
}

#tab-label-reviews {
    float: none;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 50px;
}

.amreview-summary-details .amreview-label > .amreview-stars {
    min-width: 80px !important;
    text-align: left !important;
}

#Overall_rating_label,
.amreview-review-items .amreview-description-wrap .amreview-rating-label {
    font-size: 0;
}

#Overall_rating_label::before {
    content: 'Aantal sterren';
    display: block;
    font-size: 15px;
}

.amreview-review-items .amreview-description-wrap .amreview-rating-label::before {
    content: 'Aantal sterren';
    display: block;
    color: #8f8f8f;
    font-size: 12px;
    margin-bottom: -15px;
}

#Overall_rating_label::after {
    display: none !important;
}

@media only screen and (max-width: 770px) {
    .amreview-summary-details .amreview-label > .amreview-stars {
        min-width: 70px !important;
    }
    
    .product-info-main .product-reviews-summary {
        padding-left: 20px;
    }

     #product-review-container #customer-reviews {
        padding: 25px 20px;
    }

     #product-review-container #customer-reviews .amreview-info-wrapper {
        margin: 0 !important;
    }

     .block-content.amrev-items-block {
        padding: 5px 0 20px 0;
    }

     .review-add .block-content {
        padding: 20px 20px 50px 20px;
    }

    .review-fieldset legend.review-legend {
        font-size: 18px !important;
        flex-direction: column;
    }

    .review-fieldset legend.review-legend strong {
        margin-left: 0 !important;
    }

    .product-reviews-summary .reviews-actions a {
        font-size: 14px;
    }

    .amrev-toolbar-container {
        margin-top: 20px !important;
        margin-bottom: 0px !important;
    }


     #product-review-container,
     .review-add {
        width: 100%;
    } 

    #tab-label-reviews { 
        padding: 0 20px;
    }

    .product-item-details .product-reviews-summary {
        margin-bottom: 15px;
    }
}

.amreview-submit-form .review-control-vote.control:hover:before {
    color: #b1aeae !important;
}
/* Einde Reviews */







body.checkout-index-index div#checkout div.discount-code span.messageCouponFieldCustom {
    text-decoration: none !important;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
    margin-left: 1px;
}

@media only screen and (max-width: 992px) { 

    body.checkout-index-index div#checkout div.discount-code span.messageCouponFieldCustom {
        margin-top: 5px !important;
    }
}


div#checkout div.discount-code div.amcoupons-main-container {
    padding-top: 5px !important;
}


/* Product */
.product-info-main .description p {
    margin-bottom: 0!important;
}