:root {
    --cc-bg: #000;
    --cc-text: #fff;
    --cc-btn-primary-bg: #ff6600;
    --cc-btn-primary-text: #ffffff;
    --cc-btn-primary-hover-bg: #ff6600;
    --cc-btn-secondary-bg: #f8f9fa;
    --cc-btn-secondary-text: #212529;
    --cc-btn-secondary-hover-bg: #f8f9fa;
    --cc-toggle-bg-off: #919ea6;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #d5dee2;
    --cc-toggle-knob-bg: #fff;
    --cc-toggle-knob-icon-color: #ecf2fa;
    --cc-block-text: var(--cc-text);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-bg-hover: #e9eff4;
    --cc-section-border: #f1f3f5;
    --cc-cookie-table-border: #e9edf2;
    --cc-overlay-bg: rgba(4, 6, 8, .85);
    --cc-webkit-scrollbar-bg: #cfd5db;
    --cc-webkit-scrollbar-bg-hover: #9199a0
}

.container {
    max-width: 1320px;
}

body {
    margin-bottom: 41px;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.2px;
    line-height: 32px!important;
}

hr {
    margin-top: 0.8rem;
    margin-bottom: 0.9rem;
}

h2{
    font-size: 23px;
}

.activeFilter {
    font-weight: 600!important;
}

.navbar {
    z-index: 999;
    padding: 0;
    letter-spacing: 0;
}

.bgHeader {
    background-color: #ffffff;
}

.bgBody {
    /*background: #fcfcfc;*/
}

.bgWhite {
    background: white;
}

.full-header{
    padding-top: 20px;
    padding-bottom: 20px;
}

.bgHome {
    background-image: url('../images/background/front5.jpg');
    background-position: 50% 50%;
    background-size: cover;
    height: 80vh;
    padding: 1em;
}

.img-hover-zoom {
    border-radius: 5px;
    overflow: hidden;
}

.img-hover-zoom img {
    transition: transform .95s ease;
}

.img-hover-zoom:hover img {
    transform: scale(1.075);
}

.bgTopbar {
    background-color: #f2f2f2;
}

.bgMenubar {
    background-color: #f2f2f2;
}

#mainnav{
    height: 85px;
    top: -2px;
}

@media (max-width: 1200px) {
    #mainnav{
        height: auto;
    }
}

#mainnav {
    border-top: 1px solid #efefef;
}

#mainnavbar {
    font-size: 1.08rem;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

.textDecorative {
    font-family: "Poppins", sans-serif;
    font-size: 120%;
    margin-left: -3px;
}

.navshadow {
    /*box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.25);*/
}

.nav-link {
    border-top: 2px solid #f2f2f2;
    color: #0c0c0c;
    white-space: nowrap;
}

.nav-link:hover {
    border-top: 2px solid #007fff;
    color: #007fff;
    background-color: #f6f6f6;
}

.dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
    border-radius: 0.15em;
}

.dropdown-item {
    border-left: 4px solid #ffffff;
    color: #000 !important;
    padding: .4rem 1.2rem
}

.dropdown-item:hover {
    border-left: 4px solid #007fff;
    background-color: #f2f2f2;
}

.btn-outline-light:hover {
    color: #000 !important;
}

.gridcontainer {
    min-height: 550px;
}

footer {
    height: 40px;
}

.txt02 {
    color: #ffffff;
}

.bgAccent {
    background-color: #007fff;
}

.bgFooter {
    background-color: #003f7e;
}

.bgInfobar {
    background-color: #363636;
}

.txtInfobar {
    color: #ffffff;
}

.sticky-top {
    transition: all 0.2s ease-in;
}

#sidebar {
    font-family: "Poppins", sans-serif;
    background-color: #ffffff;
    z-index: 20;
    padding-right: 2rem;
}

/* style for when sticky is applied */
.stuck .sticky-top {
}

/*
.stay-in-place {
    position: fixed;
    top: 85px;
    padding-top: 0.5rem;
    background-color: #ffffff;
    z-index: 20;
}
*/

.topbar {
    height: 35px;
    font-size: 15px;
}

.winkelwagen {
    padding: 20px 15px 18px;
    font-size: 122%;
}

.sub-header-search-link{
    cursor: pointer;
}

.winkelwagen a {
    padding: 11px 13px;
    background-color: #fff;
    color: #efefef;
    text-decoration: none;
    border-radius: 4px;
    transition: 0.25s;
}

.winkelwagen a:hover {
    background-color: #f2f2f2;
}

#winkelwagen_totalen th {
    font-weight: normal;
    width: 65%;
    text-align: left;
}

#winkelwagen_totalen td {
    width: 35%;
    text-align: right;
}

.hideminicart {
    display: none;
}

.hideminisearch {
    /* nothing */
}

.mainLogo {
    max-width: 330px;
    max-height: 125px;
    padding: 0.2em;
}

.footerLogo {
    max-width: 300px;
}

.seperator-header-left {
    /*border-left: 1px solid lime;*/
}

.seperator-header-right {
    border-right: 1px solid #ddd;
}

.seperator-footer-left {
    border-left: 1px solid #0059b1;
}

.seperator-footer-right {
    border-right: 1px solid #0059b1;
}

.dropdown-menu {
    padding-top: 0.35rem;
}

.navbarToplink {
    padding: 9px 19px;
    color: #000000;
    vertical-align: middle;
}

.sub-header-shopping-cart{
    position: relative;
}

.navbarToplink:hover {
    color: inherit;
}

.hideminicart > .badge{
    position: absolute;
    right: 0;
    top: 0;
}


.footerLink {
    padding: 9px 19px;
    white-space: nowrap;
    color: #fff;
    vertical-align: middle;
}

.footerLink:hover {
    background-color: rgba(0, 100, 200, 0.76);
    color: inherit;
}

.padtopbar {
    padding-top: 0.2rem;
}

.padtop6 {
    padding-top: 6px;
}

.padtop10 {
    padding-top: 10px;
}

.partnerlogo {
    padding: 0 15px;
    height: 45px;
}

.img-thumbnail {
    border: 0;
    padding: 0;
    border-radius: 0.2rem;
}

.product-aantal_items {
    position: relative;
    top: -3px;
    font-size: 80%;
}

.product-titel {
    font-weight: 600;
    font-size: 19px;
}

.product-subtitel {
    display: block;
    font-size: 85%;
    font-weight: 400;
    line-height: 10px;
    margin-bottom: 15px;
}

.product-price-main {
    font-weight: 700;
    font-size: 20px;
}

.product-price-secondary {
    font-size: 0.8rem;
    color: #9ea5ac;
    padding-left: 1px;
    letter-spacing: 0;
}

.staffels {
    margin-top: 1.3rem;
    margin-bottom: 0;
}

.staffels thead th,
.staffels tbody td {
    padding: .1rem .5rem;
    line-height: 1.1;
    font-size: 85%;
}

.staffels tbody td {
    text-align: right;
}

.add-to-cart {
    font-size: 130%;
    line-height: 1;
    color: #cfcfcf;
    /*padding: 0 3px 2px 0;*/
    transition: 0.3s;
    opacity: 90%;
}

.add-to-cart:hover {
    color: #007fff;
    opacity: 100%
}

.product {
    padding: 0.4rem 0.45rem 0.45rem;
    border-bottom: 4px solid #ffffff;
}

figure {
    margin-bottom: 6px !important;
}

.pageslink {
    color: #fff;
}

.pageslink:hover {
    color: #fff;
}

.otherLink {
    margin-right: 10px;
}

.centerdText {
    display: flex;
    align-items: center;
    justify-content: center;
}


.footer_infobar {
    position: relative;
    z-index: 10;
    font-size: 16px;
    margin-top: 100px;
}

.nieuwsbrief {
    margin-bottom: 0;
}

.bgdarkGray{
    background-color: #3d3d3d;
    margin-bottom: -2px;
}

.postnl-logo{
    height: 48px;
}

h1 {
    font-size: 2.5rem;
}

.artikelinfo form {
    margin: 1px;
}

.artikelnaam {
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    font-weight: 600;
    margin: 0.35rem 0 -0.25rem;
    line-height: 1.1;
    color: #363636;
}

.aantal_items {
    margin: 1px 0 0 1px;
    font-size: 0.97em;
}

.box {
    overflow: hidden;
    display: none;
    position: absolute;
    top: 4px;
    right: 0;
    width: 100%;
    padding: 0 18px;
}

.box-inner {
    padding-left: 6px;
    width: 100%;
    position: relative;
}

#smart_search {
    padding: 1px 18px;
    font-size: 20px;
    height: 46px;
    width: 100%;
    background: #efefef;
    border: none;
}

#smart_search:focus {
    border: 1px solid #aaa;
    border-radius: .2rem;
    box-shadow: none;
}

.close_search {
    color: #d3d3d3;
    position: absolute;
    top: 1px;
    right: 55px;
    font-size: 26px;
    padding: 2px 7px;
    transition: 0.15s;
}

.submit_search {
    color: #d3d3d3;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 17px;
    padding: 2px 8px;
    transition: 0.2s;
}

.submit_search {

}

.close_search:hover,
.submit_search:hover {
    color: #007fff;
    cursor: pointer;
}

.overlay_black {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#search_results {
    background: #fff;
    padding: 0 0 7px;
    width: 85%;
    font-size: 14px;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    margin-left: 5px;
    position: absolute;
    left: 0;
    z-index: 1111;
}

.search-info {
    font-size: 12px;
    padding: 0 0 0 15px;
    color: #111;
}

.search-item {
    list-style-type: none;
    color: #111;
    padding: 4px 10px;
    border-left: 4px solid #fff;
}

.search-item:hover {
    border-left: 4px solid #007fff;
    background-color: #f2f2f2;
    color: #000;
}

.search-item a {
    color: #111 !important;
    display: inline-block;
    width: 100%;
}

.search-full-icon {
    margin-top: 4px;
    padding: 0 10px;
    transform: rotate(90deg);
    color: #ccc;
}

.search-full-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.search-bottom {
    border-top: 1px solid #f2f2f2;
}

.pos-relative {
    position: relative;
}

.terms {
    padding: 8px 14px;
}

.terms label {
    padding-left: 8px;
    margin-bottom: 0;
}

.terms a {
    color: #111 !important;
}

#paymentNext:disabled {
    filter: saturate(5%);
}

.videoframe {
    width: 640px;
    height: 470px;
    margin-top: 2.1em;
    margin-left: 2px;
    border: 0;
}

#catbannercontainer {
    padding: 0 0 0 5px;
}

#catwidebanner {
    width: 100vw;
    max-height: 550px;
}

.is-hidden {
    display: none;
}

.noUi-horizontal {
    height: 14px;
}

.noUi-horizontal .noUi-handle {
    height: 24px;
    width: 31px;
    right: -15px;
}

.noUi-handle::before, .noUi-handle::after {
    top: 3px;
}

.hidden-by-groep {
    display: none;
}

.products-containers > .container{
    margin-top: 80px!important;
}

/*Media Query*/
@media screen and (max-width: 1024px) {

    body {
        letter-spacing: 0.1px;
    }

    .hideTxt {
        display: none;
    }

    /*
    .stay-in-place {
        position: relative;
    }
     */

    #sidebar ul {
        list-style-position: outside;
        padding-left: 20px;
    }

    .navigationBreadcrumb {
        font-size: 80%;
    }

    .close_search {
        right: 48px;
        font-size: 28px;
    }

    #smart_search {
        padding: 1px 18px;
        font-size: 19px;
        height: 40px;
    }

    #search_results {
        width: 45%;
    }

    .bgHome {
        height: 75vh;
        max-height: 25vw!important;
    }

    .videoframe {
        width: 740px;
        height: 420px;
        margin-top: 5px;
    }

    .product {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

    #catbannercontainer {
        padding: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 985px) {

    .nav-link {
        padding: 10px 5px !important;
        font-size: 15px;
    }

    #search_start {
        padding-left: 10px !important;
    }

    .box {
        padding: 0 3px;
    }

    .box-inner {
        padding-left: 0;
    }

    #smart_search {
        padding: 1px 18px;
        font-size: 17px;
        height: 39px;
    }

    .videoframe {
        width: 600px;
        height: 340px;
    }
}

@media screen and (min-width: 985px) and (max-width: 1059px) {

    .nav-link {
        padding: 11px 10px !important;
    }

    .box {
        padding: 0 4px;
    }

    .box-inner {
        padding-left: 2px;
    }

    #smart_search {
        padding: 1px 18px;
        font-size: 18px;
        height: 44px;
    }

    .close_search {
        top: 0;
    }

    .submit_search {
        top: 6px;
    }

    .videoframe {
        width: 643px;
        height: 365px;
    }
}

@media screen and (min-width: 1060px) and (max-width: 1140px) {

    .nav-link {
        padding: 12px 15px !important;
    }

    .box {
        padding: 0 4px;
    }

    .box-inner {
        padding-left: 2px;
    }

    .videoframe {
        width: 670px;
        height: 380px;
    }
}

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

    .centerdText {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 10px 10px !important;
    }

    .badge-pill {
        position: relative;
        bottom: 10px;
        right: 6px;
        padding-right: .5em;
        padding-left: .5em;
    }

    .navbar-nav .nav-link {
        font-size: 16px;
    }

    .winkelwagen a {
        padding: 14px 11px 10px 13px;
        font-size: 16px;
    }

    .winkelwagen {
        padding: 7px 2px;
        font-size: 120%;
    }

    .badgeLink {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .mainLogo {
        max-width: 100%;
        max-height: 55px;
        margin-top: 0;
    }

    .noPaddingOnXs {
        padding: 2px 0 0 !important;
    }

    .navigationBreadcrumb .col-md-7.text-right {
        text-align: left !important;
    }

    .navigationBreadcrumb .col-md-7.text-right span {
        margin: 0 8px 3px 0;
        display: inline-block;
    }

    .product {
        margin-bottom: 20px;
    }

    .hideTxt {
        display: none;
    }

    .footerLink {
        padding: 10px 14px;
    }

    .add-to-cart {
        font-size: 30px;
    }

    .fixed-bottom .padtop6,
    .fixed-bottom .padtop10 {
        padding: 0;
    }

    .fixed-bottom .footerLink {
        padding: 10px 14px;
        display: inline-block;
    }

    .footer_infobar h3,
    .footer_infobar h4 {
        margin-bottom: 4px;
    }

    .footer_infobar {
        font-size: 15px;
    }

    .footer_infobar .p-4 {
        padding: 12px 16px 5px !important;
    }

    li.nav-item.dropdown.show .dropdown-menu.show {
        display: block;
    }

    li.nav-item.dropdown .dropdown-menu {
        display: none;
    }

    .hideminisearch {
        display: none;
    }

    .partnerlogo {
        padding: 0 10px;
        height: 35px;
    }

    .nieuwsbrief {
        margin-bottom: 1rem;
    }

    h1 {
        font-size: 2rem;
    }

    .box {
        padding: 0 2px;
    }

    .box-inner {
        padding-left: 0;
    }

    .close_search {
        top: 2px;
        right: 41px;
        font-size: 27px;
    }

    #smart_search {
        padding: 1px 12px;
        font-size: 18px;
        height: 44px;
    }

    #search_results {
        width: 65%;
    }

    .bgHome {
        max-height: 25vw!important;
    }

    .videoframe {
        width: 600px;
        height: 340px;
    }
}

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

    .bgBody {
        background: #FFFFFF;
    }

    .topbar {
        display: none;
    }

    .mainLogo {
        max-width: 200px;
        max-height: 70px !important;
        margin-top: 0 !important;
    }

    .partnerlogo {
        padding: 0 5px;
        height: 30px;
    }

    .close_search {
        right: 38px;
        font-size: 26px;
    }

    #smart_search {
        padding: 1px 10px;
    }

    #search_results {
        width: 80%;
    }

    .navbar-toggler-text {
        font-size: 95%;
    }

    .videoframe {
        width: 400px;
        height: 240px;
    }
}


.thumbnailRow ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom: 0;
}

.thumbnailRow li {
    display: block;
    float: left;
    cursor: pointer;
}

.thumbnailRow img {
    display: block;
    height: auto;
    margin: auto;
    max-height: 600px;
    max-width: 100%;
    border-radius: 4px;
}

.fancybox-image {
    border-radius: 8px;
}

.lSAction > a {
    background: none;
    font-size: 2.2rem;
    color: #78a1f3 !important;
    opacity: 50%;
}

.lSPager {
    margin-left: 12px !important;
}

.lSPager li {
    margin-right: 6px !important;
}

.lSGallery li {
    max-width: 110px;
}

.lSGallery li.active img {
    border: 1px solid #007fff50;
    background: #ffffff;
}

.lSGallery img {
    max-height: 110px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
}

.lslide {
    background-color: #fff !important;
}

img.mfp-img {
    padding: 0.85em 0 1em;
}

.mfp-figure {
    padding: 1em 1.45em;
    background-color: #fff;
}

.mfp-close {
    right: -1px !important;
    top: 1px !important;
    color: darkgray !important;
    height: 50px;
    line-height: 50px;
    font-size: 3em;
}

.mfp-bg {
    background: #fff;
    opacity: 1;
}

.mfp-figure::after {
    box-shadow: none;
}

.review_rating {
    margin-top: 0.35rem;
    font-size: 80%;
}

.artikel_detail {
    color: #b3b3b3;
    font-size: 80%;
    margin-left: 4px;
    margin-bottom: 0;
}

.artikel_detail_bold {
    color: #5f5f5f;
}

#item_details hr {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.verkoopprijs {
    font-family: "Poppins", sans-serif;
    font-size:24px;
    font-weight: 600;
    margin: 1rem 0 0 -1px;
}

.altprijs {
    font-size: 90%;
    padding-left: 2px;
    color: #838383;
    letter-spacing: 0;
    margin-bottom: 0.45rem;
}

.prijsvanaflabel {
    font-size: 90%;
    margin-bottom: -5px;
}

.vanprijs {
    font-size: 135%;
    font-weight: 500;
    text-decoration: line-through;
    margin-bottom: 0;
    margin-left: -1px;
    color: #ee1111;
}

.supportinfo {
    font-size: 80%;
    margin-bottom: 0.4rem;
}

#productTab .nav-link.active {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    background-color: #f5f5f5;
}

#productTab .nav-link {
    padding: 7px 14px 5px 12px !important;
}

#productTabContent div {
    font-size: 95%;
    margin: 8px 0 16px 3px;
}

#productTabContent #offerte div {
    margin: 13px 20px 5px 5px;
}

#omschrijving {
    margin-left: 12px !important;
}

#offerte {
    background-color: #f5f5f5;
    padding-bottom: 11px;
}

.customization {
    background-color: #f5f5f5;
    margin: 2px 0;
    padding: 5px 4px;
}

.customization.form-check-label {
    font-weight: 500;
}

.info-icon-custom {
    cursor: help;
    padding-left: 15px;
}

.custom-title {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    text-align: center;
}

.custom-title-hr {
    text-align: center;
    width: 11vw;
    margin-top: 2rem;
    border-top: 1px solid black;
}

.custom-p {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 1.1rem;
    text-align: center;
    margin-top: 1.25rem;
    margin-bottom: 3rem;
}

.aantal-in-winkelwagen-div {
    padding-top: 5px;
    padding-bottom: 5px;
}

.clickable {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.uwwinkelwagen {
    font-family: "Poppins", sans-serif;
}

h2 {
    font-weight: 500;
}

h3 {
    font-weight: 500;
    font-size: 1.5rem;
}

label {
    white-space: nowrap;
}

.navbar-toggler {
    white-space: nowrap;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.btn:hover {
    cursor: pointer;
}

.btn-roboto {
    font-family: "Poppins", sans-serif;
}

.btn-roboto-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

.btn-roboto-lg {
    font-size: 1.5rem;
}

.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
    border-radius: 0.2rem;
}

.btn-info:hover {
    background-color: #138496;
    border-color: #117a8b;
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

.calendar-week {
    font-size: 12px;
    font-style: italic;
    color: #808080;
}

.gj-picker-bootstrap table tr td.disabled div {
    color: #cfcfcf !important;
}

#datepicker {
    background: #fafafa;
}

.gj-datepicker-bootstrap [role="right-icon"] button {
    background: #eeeeee;
    border-left: 1px solid #ddd !important;
}

.asterisk {
    color: #c9302c;
}

.mh500 {
    min-height: 500px;
}

.htmlContainer {
    padding: 2rem 2.5rem;
}

.text-love {
    color: #000;
}

.homelink {
    height: 70%;
}

.top-menu .menu-option a,
.top-menu .menu-option a:hover,
.top-menu .menu-option a:focus,
.top-menu .menu-option a:active {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.top-menu .menu-option a:hover {
    text-decoration: none;
}

.top-menu .menu-option svg {
    font-size: 25px;
}

@media(min-width: 991px) {
    .top-menu .menu-option svg {
        font-size: 22px;
    }
}

.dropdownmenu {
    padding: 0 5px !important;
    font-size: 0.85rem;
    list-style-type: none;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-bottom: 1px solid #cccccc;
    max-width: 380px;
}

.dropdownmenu:hover {
    background: #eeeeee;
}

/* vestigingen */
.bootstrap-select .dropdown-item:hover {
    color: #000 !important;
}

button.dropdown-toggle {
    border: 1px solid #ced4da;
}

.bootstrap-select div.dropdown-menu {
    margin-bottom: 50px !important;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
    width: 2.2em;
}

#bestelform .alert-danger {
    padding: 0 5px 1px;
    font-size: 85%;
}

.px-05 {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
}

/* social sharing buttons */
.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0 0 0 0.6em;
}

.resp-sharing-button__link:hover {
    text-decoration: none;
    color: #fff;
}

.resp-sharing-button {
    border-radius: 4px;
    transition: 35ms ease-out;
    padding: 0.25em 0.75em 0.25em 0.5em;
    font-family: "Poppins", sans-serif;
    font-size: 0.75em;
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: middle;
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle;
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none;
}

/* Solid icons get a fill */
.social-share {
    color: #b9b9b9;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 1.1em 0 0.3em;
    transition: .3s ease;
    font-size: 0.85em;
}
.social-share:hover {
    text-decoration: none;
}
.social-twitter:hover {
    color: #55acee;
}
.social-pinterest:hover {
    color: #bd081c;
}
.social-facebook:hover {
    color: #3b5998;
}
.social-email:hover {
    color: #777;
}

/* other */
.privacy-banner {
    border: 2px solid #007fff;
}

/* customs */
.kaartSelecteren:hover {
    cursor: pointer;
}

#removeUploadFile:hover {
    text-decoration: underline;
}

.text-gray {
    color: #aaa;
}

#divMoreLess {
    max-height: 2400px;
    transition: 0.45s ease;
}

.clipped {
    max-height: 270px!important;
    overflow: hidden;
    transition: 0.75s linear;
}

.favourite-selector{
    background-color: black;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.favoriteIcon {
    padding-top: 1px;
    padding-left: 1px;
}

.most-recent-products .favourite-selector{
    width: 35px;
    height: 35px;
}

.circle-truck {
    background-color: #deddf7;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    flex: 0 0 auto;
}

/*
 *  GJ InDiv
 */
.buttons-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    /*height: 50px;*/
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.buttons-list {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
    height: 50px;
}

.buttons-list .swiper-button-prev,
.buttons-list .swiper-button-next {
    background-color: #ff6600;
    color: #fff;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    top: 25px;
}

.buttons-list .swiper-button-prev::after,
.buttons-list .swiper-button-next::after {
    font-size: 1.5rem;
}

.buttons-list .swiper-button-prev.swiper-button-disabled,
.buttons-list .swiper-button-next.swiper-button-disabled {
    opacity: 0;
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: auto;
    height: 100%;
}

.btn.btn-filter {
    background: #fff;
    border: 1px solid #ff6600;
    color: #000;
    font-weight: normal !important;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    margin-right: 16px;
}

.btn.btn-filter:hover,
.btn.btn-filter:focus,
.btn.btn-filter.activeFilter {
    background: #ff6600;
    border: 1px solid #ff6600;
    color: #ffffff;
    font-weight: normal !important;
}


.navigationBreadcrumb {
    background-color: #efefef;
    border-bottom: 0 solid #f2f2f2;
    font-size: 1rem;
}
@media screen and (max-width: 767px) {
    .navigationBreadcrumb {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

.navigationBreadcrumb .uspDiv {
    font-size: 90%;
}

.breadcrumbDiv {
    padding-top: 19px;
    font-size: 78%;
}

@media screen and (max-width: 767px) {
    .uspDiv {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media screen and (min-width: 640px) {
    .uspDiv span {
        padding-right: 0.25rem;
    }
}

.filter-item {
    display: block;
    padding: .28rem 0.75rem .24rem 0.6rem;
    clear: both;
    font-weight: 500;
    color: #212529;
    white-space: nowrap;
    border: 0;
    border-left: 4px solid #efefef;
    display: flex;
    justify-content: space-between;
}

.filter-item.activeFilter {
    border-left: 4px solid #ff6600;
    background-color: #efefef;
    color: #000;
    text-decoration: none;
}

.filter-item:hover {
    border-left: 4px solid #efefef;
    background-color: #efefef;
    color: #000;
    text-decoration: none;
}

.filter-subitem {
    font-size: 85%;
    font-weight: 300;
    padding: 0.1rem 0.2rem .1rem 1.25rem;
    margin-top: -0.1rem;
}

#sidebar h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

#sidebar .filter-price {
    width: 100%;
    display: flex;
    align-items: center;
}

#sidebar .noUi-outer {
    width: 100%;
    margin: 0 10px;
}

.filter-inner {
    margin-bottom: 2rem;
}

.filter-end {
    height: 1px;
    width: 100%;
    background-color: #D9D9D9;
}

.text-small {
    font-size: 0.8rem;
}

.text-small .opening-hours {
    color: #9EA5AC;
}

.contact-number {
    color: #000;
}

.contact-number a,
.contact-number a:hover,
.contact-number a:focus {
    color: #000;
    text-decoration: none;
}

.filter-inner > .usp-list {
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
}

@media screen and (min-width: 767px) {
    .sorteer-box {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
}

.sorteer-box .form-control{
    width: auto;
    background: #efefef;
    border: 1px solid #efefef;
    padding: 0.5rem 1rem;
}

.sorteer-box label{
    margin-top: 2px;
    padding-right: 1rem;
}

@media screen and (max-width: 767px) {
    .sorteer-box .form-control{
        width: 100%;
    }
    .sorteer-box label{
        display: none;
    }
}

.results{
    margin-top: 3px;
}

.producten-top-view{
    padding-bottom: 1rem;
}

.product-price-secondary,
.product-stock{
    line-height: 16px;
}

.product-price-secondary{
    font-size: 0.9rem;
}

.product-stock{
    padding-top: 1rem;
}

.product-to-cart-box{
    padding-top: 1.25rem;
}

.cartCounter {
    position: absolute;
    top: -1.0rem;
    right: 4px;
}

@media(min-width: 768px) {
    .cartCounter {
        right: 35%;
    }
}

.stuck #minicart svg,
.stuck #minicart {
    position: relative;
    font-size: 2rem;
    padding-right: 7px;
    padding-top: 2px;
}

.navbar-collapse.show {
    padding-left: 1rem;
}

.stuck #navbar2 {
    position: absolute;
    top: 0;
    right: 0;
}

@media(min-width: 1200px) {
    .stuck #navbar2{
        right: -40px;
    }
}

.navbar-toggler {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.stuck .bgCartCounter {
    position: absolute;
    font-size: 1rem;
    top: 1px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.sub-header-search-link .hideTxt,
.sub-header-shopping-cart .hideTxt {
    font-size: 1rem;
}

.sub-header-search-link .fa-magnifying-glass,
.sub-header-shopping-cart .fa-cart-shopping {
    color: #efefef;
}

.badge {
    width: 25px;
    height: 25px;
    margin: 0;
    padding-top: 8px;
    font-weight: 400;
}
@media screen and (max-width: 767px) {
    .badge {
        padding-top: 5px;
    }
}

.badge-pill {
    padding-right: 0.45em;
    padding-left: 0.45em;
}

.submit_search .fa-search {
    font-size: 1.5rem;
}

.close_search {
    top: 5px;
}

.close_search .fa-times {
    font-size: 1.75rem;
}

.lSNext,
.lSPrev {
    display: none !important;
}

.txtAccent {
    padding-right: 0.5rem;
}

.front-banner .text-line {
    padding-top: 2.5rem;
}

.products-containers {
    margin-top: 5rem;
    margin-bottom: 7.5rem;
}

.product {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}

#lazy-container .product-item {
    padding-bottom: 2rem;
}

@media screen and (min-width: 767px) {
    .filter-mobile-button {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .filter-mobile-button {
        display: block;
    }

    .filter-mobile.active {
        display: block !important;
    }

}

.favourite-selector:hover,
.favourite-selector.active {
    background-color: #ff6600;
}

.product-stock small {
    color: #9ea5ac;
}

.add-to-cart .fa-cog,
.add-to-cart .fa-cart-plus {
    color: #000000;
}


.input-group-append {
    order: 2;
}

.input-group-prepend {
    order: 1;

}

.bootstrap-touchspin {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding-left: 3px;
}

.bootstrap-touchspin .aantal_spinner {
    border: 0 solid #D9D9D9;
}

.bootstrap-touchspin .btn-down-qty {
    border-right: 0;
}

.winkelwagen a:hover svg {
    color: #000;
}

.usps-left {
    display: flex;
    justify-content: left;
    /*gap: 3rem;*/
    font-size: 90%;
}

.usps-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 90%;
}

@media (min-width: 991px) {
    .usps-center {
        flex-direction: row;
    }
}

.form-check-input {
    margin-top: .5rem;
}

@media screen and (max-width: 767px) {
    .winkelwagen a {
        padding: 14px 11px 10px 13px;
        font-size: 24px;
        color: #efefef;
    }

    .winkelwagen a .fa-right-from-bracket {
        color: #efefef;
    }

    .usps-left {
        flex-direction: column;
    }

    .product .favourite-selector .fa-heart {
        font-size: 1.25rem;
        padding-bottom: 3px;
    }
}

@media screen and (max-width: 899px) {
    .usps-left {
        flex-direction: column;
    }

}

.bootstrap-touchspin-down,
.bootstrap-touchspin-up {
    font-size: 24px !important;

}

.bootstrap-touchspin-up.btn-outline-info,
.bootstrap-touchspin-down.btn-outline-info {
    border: 1px solid #efefef !important;
}

.most-recent-products .product-image img {
    max-height: 245px;
}

.usps-left .otherLink span,
.usp-list span {
    display: flex;
}

ul.list-usps {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.list-usps li {
    position: relative;
    padding-left: 25px;
}

ul.list-usps li svg {
    position: absolute;
    left: 0;
    top: 5px;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.light-gray-icon {
    color: #efefef;
}

.no-wrap {
    white-space: nowrap;
}

/*
 Mega menu
 */
@media (min-width: 1200px) {

    .mega-menu.menu-cols-2 {
        min-width: 25rem;
    }

    .mega-menu.menu-cols-3 {
        min-width: 35rem;
    }

    .mega-menu.menu-cols-4 {
        min-width: 45rem;
    }
}


/**
* Cookie bar
 */

.cc_div *,.cc_div :after,.cc_div :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    font-style: inherit;
    font-variant: normal;
    font-weight: inherit;
    font-family: inherit;
    line-height: 1.2;
    font-size: 1em;
    transition: none;
    animation: none;
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: unset;
    color: inherit;
    background: 0 0;
    border: none;
    box-shadow: none;
    text-decoration: none;
    text-align: left;
    visibility: unset
}

.cc_div {
    font-size: 16px;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #2d4156;
    color: var(--cc-text)
}

#c-ttl,#s-bl td:before,#s-ttl,.cc_div .b-tl,.cc_div .c-bn {
    font-weight: 600
}

#cm,#s-bl .act .b-acc,#s-inr,.cc_div .b-tl,.cc_div .c-bl {
    border-radius: .35em
}

#s-bl .act .b-acc {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.cc_div a,.cc_div button,.cc_div input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.cc_div a {
    border-bottom: 1px solid
}

.cc_div a:hover {
    text-decoration: none;
    border-color: transparent
}

#cm-ov,#cs-ov,.c--anim #cm,.c--anim #s-cnt,.c--anim #s-inr {
    transition: visibility .25s linear,opacity .25s ease,transform .25s ease!important
}

.c--anim .c-bn {
    transition: background-color .25s ease!important
}

.c--anim #cm.bar.slide,.c--anim .bar.slide #s-inr {
    transition: visibility .4s ease,opacity .4s ease,transform .4s ease!important
}

.c--anim #cm.bar.slide+#cm-ov,.c--anim .bar.slide+#cs-ov {
    transition: visibility .4s ease,opacity .4s ease,transform .4s ease!important
}

#cm.bar.slide,.cc_div .bar.slide #s-inr {
    transform: translateX(100%);
    opacity: 1
}

#cm.bar.top.slide,.cc_div .bar.left.slide #s-inr {
    transform: translateX(-100%);
    opacity: 1
}

#cm.slide,.cc_div .slide #s-inr {
    transform: translateY(1.6em)
}

#cm.top.slide {
    transform: translateY(-1.6em)
}

#cm.bar.slide {
    transform: translateY(100%)
}

#cm.bar.top.slide {
    transform: translateY(-100%)
}

.show--consent .c--anim #cm,.show--consent .c--anim #cm.bar,.show--settings .c--anim #s-inr,.show--settings .c--anim .bar.slide #s-inr {
    opacity: 1;
    transform: scale(1);
    visibility: visible!important
}

.show--consent .c--anim #cm.box.middle,.show--consent .c--anim #cm.cloud.middle {
    transform: scale(1) translateY(-50%)
}

.show--settings .c--anim #s-cnt {
    visibility: visible!important
}

.force--consent.show--consent .c--anim #cm-ov,.show--settings .c--anim #cs-ov {
    visibility: visible!important;
    opacity: 1!important
}

#cm {
    font-family: inherit;
    padding: 1.1em 1.8em 1.4em 1.8em;
    position: fixed;
    z-index: 1;
    background: #fff;
    background: var(--cc-bg);
    max-width: 24.2em;
    width: 100%;
    bottom: 1.25em;
    right: 1.25em;
    box-shadow: 0 .625em 1.875em #000;
    box-shadow: 0 .625em 1.875em rgba(2,2,3,.28);
    opacity: 0;
    visibility: hidden;
    transform: scale(.95);
    line-height: initial
}

#cc_div #cm {
    display: block!important
}

#c-ttl {
    margin-bottom: .7em;
    font-size: 1.05em
}

.cloud #c-ttl {
    margin-top: -.15em
}

#c-txt {
    font-size: .9em;
    line-height: 1.5em
}

.cc_div #c-bns {
    display: flex;
    justify-content: space-between;
    margin-top: 1.4em
}

.cc_div .c-bn {
    color: #40505a;
    color: var(--cc-btn-secondary-text);
    background: #e5ebef;
    background: var(--cc-btn-secondary-bg);
    padding: 1em 1.7em;
    display: inline-block;
    cursor: pointer;
    font-size: .82em;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    border-radius: 4px;
    flex: 1
}

#c-bns button+button,#s-c-bn,#s-cnt button+button {
    float: right;
    margin-left: 1em
}

#s-cnt #s-rall-bn {
    float: none
}

#cm .c_link:active,#cm .c_link:hover,#s-c-bn:active,#s-c-bn:hover,#s-cnt button+button:active,#s-cnt button+button:hover {
    background: #d8e0e6;
    background: var(--cc-btn-secondary-hover-bg)
}

#s-cnt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    display: table;
    height: 100%;
    visibility: hidden
}

#s-bl {
    outline: 0
}

#s-bl .title {
    margin-top: 1.4em
}

#s-bl .title:first-child {
    margin-top: 0
}

#s-bl .b-bn {
    margin-top: 0
}

#s-bl .b-acc .p {
    margin-top: 0;
    padding: 1em
}

#s-cnt .b-bn .b-tl {
    display: block;
    font-family: inherit;
    font-size: .95em;
    width: 100%;
    position: relative;
    padding: 1.3em 6.4em 1.3em 2.7em;
    background: 0 0;
    transition: background-color .25s ease
}

#s-cnt .b-bn .b-tl.exp {
    cursor: pointer
}

#s-cnt .act .b-bn .b-tl {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

#s-cnt .b-bn .b-tl:active,#s-cnt .b-bn .b-tl:hover {
    background: #e9eff4;
    background: var(--cc-cookie-category-block-bg-hover)
}

#s-bl .b-bn {
    position: relative
}

#s-bl .c-bl {
    padding: 1em;
    margin-bottom: .5em;
    border: 1px solid #f1f3f5;
    border-color: var(--cc-section-border);
    transition: background-color .25s ease
}

#s-bl .c-bl:hover {
    background: #f0f4f7;
    background: var(--cc-cookie-category-block-bg)
}

#s-bl .c-bl:last-child {
    margin-bottom: .5em
}

#s-bl .c-bl:first-child {
    transition: none;
    padding: 0;
    margin-top: 0;
    border: none;
    margin-bottom: 2em
}

#s-bl .c-bl:not(.b-ex):first-child:hover {
    background: 0 0;
    background: unset
}

#s-bl .c-bl.b-ex {
    padding: 0;
    border: none;
    background: #f0f4f7;
    background: var(--cc-cookie-category-block-bg);
    transition: none
}

#s-bl .c-bl.b-ex+.c-bl {
    margin-top: 2em
}

#s-bl .c-bl.b-ex+.c-bl.b-ex {
    margin-top: 0
}

#s-bl .c-bl.b-ex:first-child {
    margin-bottom: 1em
}

#s-bl .c-bl.b-ex:first-child {
    margin-bottom: .5em
}

#s-bl .b-acc {
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    margin-bottom: 0;
    display: none
}

#s-bl .act .b-acc {
    max-height: 100%;
    display: block;
    overflow: hidden
}

#s-cnt .p {
    font-size: .9em;
    line-height: 1.5em;
    margin-top: .85em;
    color: #2d4156;
    color: var(--cc-block-text)
}

.cc_div .b-tg .c-tgl:disabled {
    cursor: not-allowed
}

#c-vln {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

#cs {
    padding: 0 1.7em;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%
}

#s-inr {
    height: 100%;
    position: relative;
    max-width: 45em;
    margin: 0 auto;
    transform: scale(.96);
    opacity: 0;
    padding-top: 4.75em;
    padding-bottom: 4.75em;
    position: relative;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    box-shadow: rgba(3,6,9,.26) 0 13px 27px -5px
}

#s-bns,#s-hdr,#s-inr {
    background: #fff;
    background: var(--cc-bg)
}

#s-bl {
    overflow-y: auto;
    overflow-y: overlay;
    overflow-x: hidden;
    height: 100%;
    padding: 1.3em 2.1em;
    display: block;
    width: 100%
}

#s-bns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1em 2.1em;
    border-top: 1px solid #f1f3f5;
    border-color: var(--cc-section-border);
    height: 4.75em
}

.cc_div .cc-link {
    color: #253b48;
    color: var(--cc-btn-primary-bg);
    border-bottom: 1px solid #253b48;
    border-color: var(--cc-btn-primary-bg);
    display: inline;
    padding-bottom: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600
}

.cc_div .cc-link:active,.cc_div .cc-link:hover {
    border-color: transparent
}

#c-bns button:first-child,#s-bns button:first-child {
    color: #fff;
    color: var(--cc-btn-primary-text);
    background: #253b48;
    background: var(--cc-btn-primary-bg)
}

#c-bns.swap button:first-child {
    color: #40505a;
    color: var(--cc-btn-secondary-text);
    background: #e5ebef;
    background: var(--cc-btn-secondary-bg)
}

#c-bns.swap button:last-child {
    color: #fff;
    color: var(--cc-btn-primary-text);
    background: #253b48;
    background: var(--cc-btn-primary-bg)
}

.cc_div .b-tg .c-tgl:checked~.c-tg {
    background: #253b48;
    background: var(--cc-toggle-bg-on)
}

#c-bns button:first-child:active,#c-bns button:first-child:hover,#c-bns.swap button:last-child:active,#c-bns.swap button:last-child:hover,#s-bns button:first-child:active,#s-bns button:first-child:hover {
    background: #1d2e38;
    background: var(--cc-btn-primary-hover-bg)
}

#c-bns.swap button:first-child:active,#c-bns.swap button:first-child:hover {
    background: #d8e0e6;
    background: var(--cc-btn-secondary-hover-bg)
}

#s-hdr {
    position: absolute;
    top: 0;
    width: 100%;
    display: table;
    padding: 0 2.1em;
    height: 4.75em;
    vertical-align: middle;
    z-index: 2;
    border-bottom: 1px solid #f1f3f5;
    border-color: var(--cc-section-border)
}

#s-ttl {
    display: table-cell;
    vertical-align: middle;
    font-size: 1em
}

#s-c-bn {
    padding: 0;
    width: 1.7em;
    height: 1.7em;
    font-size: 1.45em;
    margin: 0;
    font-weight: initial;
    position: relative
}

#s-c-bnc {
    display: table-cell;
    vertical-align: middle
}

.cc_div span.t-lb {
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    overflow: hidden
}

#c_policy__text {
    height: 31.25em;
    overflow-y: auto;
    margin-top: 1.25em
}

#c-s-in {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    height: 100%;
    height: calc(100% - 2.5em);
    max-height: 37.5em
}

@media screen and (min-width: 688px) {
    #s-bl::-webkit-scrollbar {
        width:.9em;
        height: 100%;
        background: 0 0;
        border-radius: 0 .25em .25em 0
    }

    #s-bl::-webkit-scrollbar-thumb {
        border: .25em solid var(--cc-bg);
        background: #cfd5db;
        background: var(--cc-webkit-scrollbar-bg);
        border-radius: 100em
    }

    #s-bl::-webkit-scrollbar-thumb:hover {
        background: #9199a0;
        background: var(--cc-webkit-scrollbar-bg-hover)
    }

    #s-bl::-webkit-scrollbar-button {
        width: 10px;
        height: 5px
    }
}

.cc_div .b-tg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    margin: auto;
    right: 1.2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.cc_div .b-tg .c-tgl {
    position: absolute;
    cursor: pointer;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    border: 0
}

.cc_div .b-tg .c-tg {
    position: absolute;
    background: #919ea6;
    background: var(--cc-toggle-bg-off);
    transition: background-color .25s ease,box-shadow .25s ease;
    pointer-events: none
}

.cc_div .b-tg,.cc_div .b-tg .c-tg,.cc_div .b-tg .c-tgl,.cc_div span.t-lb {
    width: 3.4em;
    height: 1.5em;
    border-radius: 4em
}

.cc_div .b-tg .c-tg.c-ro {
    cursor: not-allowed
}

.cc_div .b-tg .c-tgl~.c-tg.c-ro {
    background: #d5dee2;
    background: var(--cc-toggle-bg-readonly)
}

.cc_div .b-tg .c-tgl~.c-tg.c-ro:after {
    box-shadow: none
}

.cc_div .b-tg .c-tg:after {
    content: "";
    position: relative;
    display: block;
    left: .125em;
    top: .125em;
    width: 1.25em;
    height: 1.25em;
    border: none;
    box-sizing: content-box;
    background: #fff;
    background: var(--cc-toggle-knob-bg);
    box-shadow: 0 1px 2px rgba(24,32,35,.36);
    transition: transform .25s ease;
    border-radius: 100%
}

.cc_div .b-tg .c-tgl:checked~.c-tg:after {
    transform: translateX(1.9em)
}

#s-bl table,#s-bl td,#s-bl th {
    border: none
}

#s-bl tbody tr {
    transition: background-color .25s ease
}

#s-bl tbody tr:hover {
    background: #e9eff4;
    background: var(--cc-cookie-category-block-bg-hover)
}

#s-bl table {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden
}

#s-bl td,#s-bl th {
    padding: .8em .625em;
    text-align: left;
    vertical-align: top;
    font-size: .8em;
    padding-left: 1.2em
}

#s-bl th {
    font-family: inherit;
    padding: 1.2em 1.2em
}

#s-bl thead tr:first-child {
    border-bottom: 1px solid #e9edf2;
    border-color: var(--cc-cookie-table-border)
}

.force--consent #cs,.force--consent #s-cnt {
    width: 100vw
}

#cm-ov,#cs-ov {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    background: #070707;
    background: rgba(4,6,8,.85);
    background: var(--cc-overlay-bg);
    display: none;
    transition: none
}

.c--anim #cs-ov,.force--consent .c--anim #cm-ov,.force--consent.show--consent #cm-ov,.show--settings #cs-ov {
    display: block
}

#cs-ov {
    z-index: 2
}

.force--consent .cc_div {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    width: 100vw;
    visibility: hidden;
    transition: visibility .25s linear
}

.force--consent.show--consent .c--anim .cc_div,.force--consent.show--settings .c--anim .cc_div {
    visibility: visible
}

.force--consent #cm {
    position: absolute
}

.force--consent #cm.bar {
    width: 100vw;
    max-width: 100vw
}

html.force--consent.show--consent {
    overflow-y: hidden!important
}

html.force--consent.show--consent,html.force--consent.show--consent body {
    height: auto!important;
    overflow-x: hidden!important
}

.cc_div .act .b-bn .exp::before,.cc_div .b-bn .exp::before {
    border: solid #2d4156;
    border-color: var(--cc-btn-secondary-text);
    border-width: 0 2px 2px 0;
    padding: .2em;
    display: inline-block;
    position: absolute;
    content: '';
    margin-right: 15px;
    position: absolute;
    transform: translateY(-50%) rotate(45deg);
    left: 1.2em;
    top: 50%
}

.cc_div .act .b-bn .b-tl::before {
    transform: translateY(-20%) rotate(225deg)
}

.cc_div .on-i::before {
    border: solid #fff;
    border-color: var(--cc-toggle-knob-icon-color);
    border-width: 0 2px 2px 0;
    padding: .1em;
    display: inline-block;
    padding-bottom: .45em;
    content: '';
    margin: 0 auto;
    transform: rotate(45deg);
    top: .37em;
    left: .75em;
    position: absolute
}

#s-c-bn::after,#s-c-bn::before {
    content: '';
    position: absolute;
    left: .82em;
    top: .58em;
    height: .6em;
    width: 1.5px;
    background: #444d53;
    background: var(--cc-btn-secondary-text);
    transform: rotate(45deg);
    border-radius: 1em;
    margin: 0 auto
}

#s-c-bn::after {
    transform: rotate(-45deg)
}

.cc_div .off-i,.cc_div .on-i {
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    display: block;
    text-align: center;
    transition: opacity .15s ease
}

.cc_div .on-i {
    left: 0;
    opacity: 0
}

.cc_div .off-i::after,.cc_div .off-i::before {
    right: .8em;
    top: .42em;
    content: ' ';
    height: .7em;
    width: .09375em;
    display: block;
    background: #cdd6dc;
    background: var(--cc-toggle-knob-icon-color);
    margin: 0 auto;
    position: absolute;
    transform-origin: center
}

.cc_div .off-i::before {
    transform: rotate(45deg)
}

.cc_div .off-i::after {
    transform: rotate(-45deg)
}

.cc_div .b-tg .c-tgl:checked~.c-tg .on-i {
    opacity: 1
}

.cc_div .b-tg .c-tgl:checked~.c-tg .off-i {
    opacity: 0
}

#cm.box.middle,#cm.cloud.middle {
    top: 50%;
    transform: translateY(-37%);
    bottom: auto
}

#cm.box.middle.zoom,#cm.cloud.middle.zoom {
    transform: scale(.95) translateY(-50%)
}

#cm.box.center {
    left: 1em;
    right: 1em;
    margin: 0 auto
}

#cm.cloud {
    max-width: 50em;
    margin: 0 auto;
    text-align: center;
    left: 1em;
    right: 1em;
    overflow: hidden;
    padding: 1.3em 2em;
    width: unset
}

.cc_div .cloud #c-inr {
    display: table;
    width: 100%
}

.cc_div .cloud #c-inr-i {
    width: 70%;
    display: table-cell;
    vertical-align: top;
    padding-right: 2.4em
}

.cc_div .cloud #c-txt {
    font-size: .85em
}

.cc_div .cloud #c-bns {
    min-width: 170px;
    display: table-cell;
    vertical-align: middle
}

#cm.cloud .c-bn {
    margin: .625em 0 0 0;
    width: 100%
}

#cm.cloud .c-bn:first-child {
    margin: 0
}

#cm.cloud.left {
    margin-right: 1.25em
}

#cm.cloud.right {
    margin-left: 1.25em
}

#cm.bar {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    position: fixed;
    padding: 2em
}

#cm.bar #c-inr {
    max-width: 32em;
    margin: 0 auto
}

#cm.bar #c-bns {
    max-width: 33.75em
}

#cm.bar #cs {
    padding: 0
}

.cc_div .bar #c-s-in {
    top: 0;
    transform: none;
    height: 100%;
    max-height: 100%
}

.cc_div .bar #s-bl,.cc_div .bar #s-bns,.cc_div .bar #s-hdr {
    padding-left: 1.6em;
    padding-right: 1.6em
}

.cc_div .bar #cs {
    padding: 0
}

.cc_div .bar #s-inr {
    margin: 0;
    margin-left: auto;
    margin-right: 0;
    border-radius: 0;
    max-width: 32em
}

.cc_div .bar.left #s-inr {
    margin-left: 0;
    margin-right: auto
}

.cc_div .bar #s-bl table,.cc_div .bar #s-bl tbody,.cc_div .bar #s-bl td,.cc_div .bar #s-bl th,.cc_div .bar #s-bl thead,.cc_div .bar #s-bl tr,.cc_div .bar #s-cnt {
    display: block
}

.cc_div .bar #s-bl thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.cc_div .bar #s-bl tr {
    border-top: 1px solid #e3e7ed;
    border-color: var(--cc-cookie-table-border)
}

.cc_div .bar #s-bl td {
    border: none;
    position: relative;
    padding-left: 35%
}

.cc_div .bar #s-bl td:before {
    position: absolute;
    left: 1em;
    padding-right: .625em;
    white-space: nowrap;
    content: attr(data-column);
    color: #000;
    color: var(--cc-text);
    overflow: hidden;
    text-overflow: ellipsis
}

#cm.top {
    bottom: auto;
    top: 1.25em
}

#cm.left {
    right: auto;
    left: 1.25em
}

#cm.right {
    left: auto;
    right: 1.25em
}

#cm.bar.left,#cm.bar.right {
    left: 0;
    right: 0
}

#cm.bar.top {
    top: 0
}

@media screen and (max-width: 688px) {
    #cm,#cm.cloud,#cm.left,#cm.right {
        width:auto;
        max-width: 100%;
        margin: 0;
        padding: 1.4em!important;
        right: 1em;
        left: 1em;
        bottom: 1em;
        display: block
    }

    .force--consent #cm,.force--consent #cm.cloud {
        width: auto;
        max-width: 100vw
    }

    #cm.top {
        top: 1em;
        bottom: auto
    }

    #cm.bottom {
        bottom: 1em;
        top: auto
    }

    #cm.bar.bottom {
        bottom: 0
    }

    #cm.cloud .c-bn {
        font-size: .85em
    }

    #s-bns,.cc_div .bar #s-bns {
        padding: 1em 1.3em
    }

    .cc_div .bar #s-inr {
        max-width: 100%;
        width: 100%
    }

    .cc_div .cloud #c-inr-i {
        padding-right: 0
    }

    #cs {
        border-radius: 0;
        padding: 0
    }

    #c-s-in {
        max-height: 100%;
        height: 100%;
        top: 0;
        transform: none
    }

    .cc_div .b-tg {
        transform: scale(1.1);
        right: 1.1em
    }

    #s-inr {
        margin: 0;
        padding-bottom: 7.9em;
        border-radius: 0
    }

    #s-bns {
        height: 7.9em
    }

    #s-bl,.cc_div .bar #s-bl {
        padding: 1.3em
    }

    #s-hdr,.cc_div .bar #s-hdr {
        padding: 0 1.3em
    }

    #s-bl table {
        width: 100%
    }

    #s-inr.bns-t {
        padding-bottom: 10.5em
    }

    .bns-t #s-bns {
        height: 10.5em
    }

    .cc_div .bns-t .c-bn {
        font-size: .83em;
        padding: .9em 1.6em
    }

    #s-cnt .b-bn .b-tl {
        padding-top: 1.2em;
        padding-bottom: 1.2em
    }

    #s-bl table,#s-bl tbody,#s-bl td,#s-bl th,#s-bl thead,#s-bl tr,#s-cnt {
        display: block
    }

    #s-bl thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    #s-bl tr {
        border-top: 1px solid #e3e7ed;
        border-color: var(--cc-cookie-table-border)
    }

    #s-bl td {
        border: none;
        position: relative;
        padding-left: 35%
    }

    #s-bl td:before {
        position: absolute;
        left: 1em;
        padding-right: .625em;
        white-space: nowrap;
        content: attr(data-column);
        color: #000;
        color: var(--cc-text);
        overflow: hidden;
        text-overflow: ellipsis
    }

    #cm .c-bn,.cc_div .c-bn {
        width: 100%;
        margin-right: 0
    }

    #s-cnt #s-rall-bn {
        margin-left: 0
    }

    .cc_div #c-bns {
        flex-direction: column
    }

    #c-bns button+button,#s-cnt button+button {
        margin-top: .625em;
        margin-left: 0;
        float: unset
    }

    #cm.box,#cm.cloud {
        left: 1em;
        right: 1em;
        width: auto
    }

    #cm.cloud.left,#cm.cloud.right {
        margin: 0
    }

    .cc_div .cloud #c-bns,.cc_div .cloud #c-inr,.cc_div .cloud #c-inr-i {
        display: block;
        width: auto;
        min-width: unset
    }

    .cc_div .cloud #c-txt {
        font-size: .9em
    }

    .cc_div .cloud #c-bns {
        margin-top: 1.625em
    }
}

.cc_div.ie #c-vln {
    height: 100%;
    padding-top: 5.62em
}

.cc_div.ie .bar #c-vln {
    padding-top: 0
}

.cc_div.ie #cs {
    max-height: 37.5em;
    position: relative;
    top: 0;
    margin-top: -5.625em
}

.cc_div.ie .bar #cs {
    margin-top: 0;
    max-height: 100%
}

.cc_div.ie #cm {
    border: 1px solid #dee6e9
}

.cc_div.ie #c-s-in {
    top: 0
}

.cc_div.ie .b-tg {
    padding-left: 1em;
    margin-bottom: .7em
}

.cc_div.ie .b-tg .c-tgl:checked~.c-tg:after {
    left: 1.95em
}

.cc_div.ie #s-bl table {
    overflow: auto
}

.cc_div.ie .b-tg .c-tg {
    display: none
}

.cc_div.ie .b-tg .c-tgl {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .2em;
    height: auto
}

.cc_div.ie #s-cnt .b-bn .b-tl {
    padding: 1.3em 6.4em 1.3em 1.4em
}

.cc_div.ie .bar #s-bl td:before {
    display: none
}

.cc_div.ie .bar #s-bl td {
    padding: .8em .625em .8em 1.2em
}

.cc_div.ie .bar #s-bl thead tr {
    position: relative
}

.cc_div.ie .b-tg .t-lb {
    filter: alpha(opacity=0);
}

.cc_div.ie #cm-ov,.cc_div.ie #cs-ov {
    filter: alpha(opacity=80);
}

.product-image figure {
    position: relative;
    z-index: 1;
    cursor: pointer;
}