@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap');

@supports (-moz-appearance:none) {
    .sfgroup:focus-within .form-label {
        top: 5px!important;
        bottom: 0px!important;
        left: 11px!important;
        font-size: 11px!important;
        opacity: 1!important;
        color: #a5a5a5!important;
    }

}

body {
  overflow-x:hidden;
  font-family: 'Outfit', sans-serif;
  font-weight:300;
  font-size: 18px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {  font-weight:600; }
h5, .h5, h6, .h6 {  font-weight:400; }

.readMoreWrapper {
    overflow: hidden;
    position: relative;
}
.readMoreWrapper .readMoreInner {
    position: absolute;
    bottom: 0;
    left: 0; 
   padding:5px;
    background-color:#fff;
   width:100%;
z-index:1;
}

/* Default font sizes */
h1, .h1, .fs-1 { font-size: 38px; }
h2, .h2, .fs-2 { font-size: 32px; }
h3, .h3, .fs-3 { font-size: 26px; }
h4, .h4, .fs-4 { font-size: 22px; }
h5, .h5, .fs-5 { font-size: 20px; }
h6, .h6, .fs-6 { font-size: 18px; }

@media (max-width: 992px) {
  h1, .h1, .fs-1 { font-size: 38px; }
  h2, .h2, .fs-2 { font-size: 30px; }
  h3, .h3, .fs-3 { font-size: 26px; }
  h4, .h4, .fs-4 { font-size: 18px; }
  h5, .h5, .fs-5 { font-size: 16px; }
  h6, .h6, .fs-6 { font-size: 14px; }
}


@media (max-width: 768px) {
  h1, .h1, .fs-1 { font-size: 35px; }
  h2, .h2, .fs-2 { font-size: 28px; }
  h3, .h3, .fs-3 { font-size: 20px; }
  h4, .h4, .fs-4 { font-size: 16px; }
  h5, .h5, .fs-5 { font-size: 14px; }
  h6, .h6, .fs-6 { font-size: 12px; }
}
small, .small { font-weight:300!important; font-size: 15px!important; }
.fw-bold, b, strong { font-weight: 600!important;  }
.text-justify { text-align: justify; }
a {    text-decoration: underline; color:inherit; font-weight: 600; }
.blwblock { padding-left:0; padding-right:0; }

.bg-danger{
background-color:#e32c25 !important;
}

.bg-primary {
background-color: #023857 !important;
}

.border-primary {
border-color: #023857 !important;
}

.btn-primary {
background-color: #023857 !important;
border-color: #023857 !important;

}

.btn-danger {
background-color: #e32c25 !important;
border-color: #e32c25 !important;
color: #ffffff !important;
}

.page-item.active .page-link {
background-color: #e32c25 !important;
}

.border-danger {
border-color: #e32c25 !important;
}

.text-danger {
color: #e32c25 !important;
}

.text-primary {
color: #023857 !important;
}

.bg--light{
  background-color: #dfe6e9 !important;
}

.checkoutform .sfgroup {
  position: relative;
  margin-top: 15px;
}

.siteform .sfgroup {
  position: relative;
  margin-top: 15px;
  margin-bottom: 25px;
}

.checkoutform .sfgroup .form-label, 
.siteform .sfgroup .form-label {
  font-size: 13px;
  color: black;
  position: absolute;
  pointer-events: none;
  top: 20px;
  left: 12px;
  transition: all 0.1s ease;
}

.checkoutform .sfgroup .form-label{
  left: 26px;
}

.checkoutform .sfgroup .form-control,
.siteform .sfgroup .form-control,
.siteform .sfgroup .form-select { background-color: #dfe6e9 !important; border-radius: 0 !important; min-height: 60px !important; }
/* .checkoutform .sfgroup .form-control { background-color: #dfe6e9 !important; border-radius: 0 !important; min-height: 50px !important; padding-top: 16px;} */

.siteform .sfgr5 .form-label, .siteform .sfgr8 .form-label, .siteform .sfgr81 .form-label { display:none; }
.siteform .sfgroup.sfgr8 .form-control, .siteform .sfgroup.sfgr81 .form-control { min-height: 37px!important; }

.checkoutform .sfgroup textarea.form-control,
.siteform .sfgroup textarea.form-control { padding-top: 19px; }

.siteform .sfgroup .form-label:has(+ input:focus),
.siteform .sfgroup .form-label:has(+ textarea:focus),
.siteform .sfgroup .form-label:has(+ select:focus),
.siteform .sfgroup .form-label:has(+ input:not(:placeholder-shown)),
.siteform .sfgroup .form-label:has(+ textarea:not(:placeholder-shown)),
.siteform .sfgroup .form-label:has(+ select:not(:placeholder-shown)),

.checkoutform .sfgroup .form-label:has(+ input:focus),
.checkoutform .sfgroup .form-label:has(+ textarea:focus),
.checkoutform .sfgroup .form-label:has(+ select:focus),
.checkoutform .sfgroup .form-label:has(+ input:not(:placeholder-shown)),
.checkoutform .sfgroup .form-label:has(+ textarea:not(:placeholder-shown)),
.checkoutform .sfgroup .form-label:has(+ select:not(:placeholder-shown)){
  top: 5px;
  bottom: 0px;
  left: 11px;
  font-size: 11px;
  opacity: 1;
  color: #a5a5a5;
}

.checkoutform .sfgroup .form-label:has(+ input:focus),
.checkoutform .sfgroup .form-label:has(+ textarea:focus),
.checkoutform .sfgroup .form-label:has(+ select:focus),
.checkoutform .sfgroup .form-label:has(+ input:not(:placeholder-shown)),
.checkoutform .sfgroup .form-label:has(+ textarea:not(:placeholder-shown)),
.checkoutform .sfgroup .form-label:has(+ select:not(:placeholder-shown)){
  left: 20px;
}

.form-check-input[type=checkbox] { 
	border-radius:0;
	outline: 2px solid #eee;
}
.form-check-input[type=checkbox]:hover{ 
	background-color: #ccc;
}
.form-check-input:checked {
    background-color: #e32c25!important;
    border-color: #e32c25!important;
}


.lightBackground{
background-color:#e0e4ec;
}
.lightTopBackground{
  background: linear-gradient(180deg, #e0e4ec 50%, #FFF 50%);
}
.lightBottomBackground{
  background: linear-gradient(180deg, #fff 50%, #e0e4ec 50%);
}
.darkBackground{
background-color:#023857;
}
.darkTopBackground{
  background: linear-gradient(180deg, #023857 50%, transparent 50%);
}
.darkBottomBackground{
  background: linear-gradient(180deg, transparent 50%, #023857 50%);
}

input.number_without_arrows {
-webkit-appearance: none;
}

input.number_without_arrows::-webkit-outer-spin-button,
input.number_without_arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.minicartBtn:hover .miniCartInner { display:block!important; }
.minicartBtn .miniCartInner {
  position: absolute;
  right: 0;
  width: 630px;
  z-index: 100000;
  display: none;
}

@media screen and (max-width: 450px) {
  .minicartBtn .miniCartInner {
    right: -12px;
    max-width: 100vw;
  }
}


.info_modal_overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0, 0.75);
  z-index: 1999;
}
.info_modal_wrapper {
  position: fixed;
  z-index: 2000;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
}
.info_modal_wrapper .info_modal_inner {
padding: 20px;
  background-color: #fff;
  display: inline-block;
  margin-top: -50%;
  text-align: left;
  min-width: 350px;
  max-width: 90%;
position: relative;
}
.info_modal_wrapper .closeInfoModalBtn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20001;
  font-size: 24px;
  cursor: pointer;
  padding: 10px;
}

.showInfoModal { cursor: help; }

.quicksearch_wrapper{
position:absolute;
 z-index: 1000; 
 left:0; 
 width: 350px; 
 border-top-right-radius: 10px; 
 box-shadow: 0px 8px 8px 0px rgb(100,100,100);
}
input.quickSearchInput:focus {
  outline-width: 0;
}


.quicksearch_wrapper a {
  color: #0e0241;
  text-decoration: none;
}

.quicksearch_wrapper a:hover{
  background-color: #a5a5a55e;
}

.MCarousel { float: left; padding: 15px; width: 100%; position:relative; }
.MCarousel .MCarousel-inner { transition: 1s ease all; float: left; }
.MCarousel .MCarousel-inner .item { float: left;}
.MCarousel .MCarousel-inner .item > div { text-align: center; padding:10px; margin:10px;  border: solid 3px rgba(235, 235, 235, 0.753); color:#000000;}
.MCarousel .MCarousel-inner .item > div > a { text-decoration:none;}
.MCarousel .MCarousel-inner .item > .item_button { text-align: center; padding:10px; margin:10px;  color:#ffffff;}
.MCarousel .MCarousel-inner .item > div > div { text-align: center; padding:0px; margin:0px; }
.MCarousel .leftLst, .MCarousel .rightLst { position:absolute; top:calc(50% - 60px); }
.MCarousel .leftLst > button, .MCarousel .rightLst > button { border-radius:50%; }
.MCarousel .rightLst { right:15px; color:white; padding: 10px; z-index: 100; }
.MCarousel .leftLst { left:15px; color:white; padding: 10px; z-index: 100; }
.MCarousel .leftLst.over, .MCarousel .rightLst.over { pointer-events: none;  border-color: #ccc; color:black; }

@media only screen and (min-width: 1024px) {
 .MCarousel .leftLst { left: -29px; }
}


.sf_status_error { padding: 13px 0px; color: #e32c25; }
.sf_status_success { 
    background-color: #e32c25;
    color: #fff;
    padding: 10px 18px!important;
}
.sf_status_success,
.sf_status_error {
  font-weight: bold;
}


.bs13303, .bs13306, .bs13308, .bs13309 { padding-left: 22px; padding-right: 14px; }
/* Rode button */
.bs13303, .siteform .btn-success { 
	background-color: #e32c25 !important;
    border-color: #e32c25 !important;
    color: #ffffff !important;
	font-weight: 600!important;
    border-radius: var(--bs-border-radius-pill)!important;
	transition: transform .2s;
}
.bs13303:hover, .siteform .btn-success:hover { 
	transform: scale(1.1) !important;
}
/* Blauwe button */
.bs13306 { 
	background-color: #023857 !important;
    border-color: #023857 !important;
    color: #ffffff !important;
	font-weight: 600!important;
    border-radius: var(--bs-border-radius-pill)!important;
	transition: transform .2s;
}
.bs13306:hover { 
	transform: scale(1.1);
}
/* Rode button met zoom */
.bs13310 { 
	background-color: #e32c25 !important;
    border-color: #e32c25 !important;
    color: #ffffff !important;
	font-weight: 600!important;
    border-radius: var(--bs-border-radius-pill)!important;
	transition: transform .2s;
}
.bs13310:hover { 
	transform: scale(1.1);
}



/* Rode border button */
.bs13308, .readMoreBtn { 
	background-color:transparent !important;
    border-color: #e32c25 !important;
    color: #e32c25 !important;
	font-weight: 600!important;
    border-radius: var(--bs-border-radius-pill)!important;
	transition: transform .2s;
}
.bs13308:hover, .readMoreBtn:hover { 
	transform: scale(1.1);
}
/* Blauwe border button */
.bs13309 { 
	background-color:transparent !important;
    border-color: #023857 !important;
    color: #023857 !important;
	font-weight: 600!important;
    border-radius: var(--bs-border-radius-pill)!important;
	transition: transform .2s;
}
.bs13309:hover { 
	transform: scale(1.1);
}








.custom-btn-red{
  background: #e32c25 !important;
  border: 2px solid #e32c25 !important;
  color: white !important;
}

.custom-btn-hover_red{
  border: 2px solid #e32c25 !important;
  color: black !important;
}

.custom-btn-hover_red:hover{
  background: #e32c25 !important;
  color: white !important;
}

.custom-btn-hover_br_white{
  background: #e32c25 !important;
  border: 2px solid #e32c25 !important;
  color: white !important;
}

.custom-btn-hover_br_white:hover{
  background: white !important;
  color: black !important;
}


.custom-btn-blue, .bs13306{
  background: #023857 !important;
  border: 2px solid #023857 !important;
  color: white !important;
}

.custom-btn-hover_blue{
  border: 2px solid #023857 !important;
  color: black !important;
}

.custom-btn-hover_blue:hover{
  background: #023857 !important;
  color: white !important;
}

.custom-btn-hover_bb_white{
  background: #023857 !important;
  border: 2px solid #023857 !important;
  color: white !important;
}

.custom-btn-hover_bb_white:hover{
  background: white !important;
  color: black !important;
}


.compareMiniWrapper {
  position: fixed;
  bottom: -65px;
  transition: all 2s;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  pointer-events: none; /* Disable pointer events on the wrapper */
}

.compareMiniHead {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  float: right !important; 
  z-index: 999999;
  pointer-events: auto; /* Enable pointer events for .compareMiniHead */
}

/* Make sure the rest of the .compareMiniWrapper is non-interactive */
.compareMiniWrapper *:not(.compareMiniHead) {
  pointer-events: none;
}

/* Media query for mobile */
@media (max-width: 767px) {
  .compareMiniWrapper {
      text-align: center;
  }

  .compareMiniHead {
      float: none !important; 
      text-align: center !important; 
      max-width: 204px;
      display: inline-block;
  }
}


/* width */
.overflowScrollerX::-webkit-scrollbar {
  width: 12px;
}

/* Track */
.overflowScrollerX::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.overflowScrollerX::-webkit-scrollbar-thumb {
  background: #113757;
}

/* Handle on hover */
.overflowScrollerX::-webkit-scrollbar-thumb:hover {
  background: #113757;
}

.compareMiniHead,
.switchProductImg { cursor:pointer; }
.imgZoomBtn { cursor: zoom-in; }

.grecaptcha-badge { opacity: 0; }

.imgZoomClose{
cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .backgroundImage{
   background-image: url('') !important;
  }
}
@media only screen and (max-width: 574px) {
.omslagFotoContent{
left: 20px;
}
.blw_534ce7e798db921b2bf75daf3a3eb4da > div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    max-height: 250px;
}
.blw_534ce7e798db921b2bf75daf3a3eb4da .omslagFotoContent > div { max-width:99%!important; }
}

    @media (max-width: 768px) {
            /* Styles for screens smaller than 768px */
            .hero-container {
                /* Add your specific styles for smaller screens here */
                min-height: 400px !important; 
            }
        }
@media only screen and (max-width: 1200px) {
  .backgroundImage{
   background-image: url('') !important;
  }
}
.blw_5b05acbdb8ecfab96a625d9aa9bff9d2 .collapse_item .fa_open_collapse {
    display: none;
}
.blw_5b05acbdb8ecfab96a625d9aa9bff9d2 .collapse_item.collapsed .fa_close_collapse {
    display: none;
}
.blw_5b05acbdb8ecfab96a625d9aa9bff9d2 .collapse_item.collapsed .fa_open_collapse {
    display: block;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}
/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #e32c26;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #e32c26;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}
/* width */
.overflowScroller::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.overflowScroller::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.overflowScroller::-webkit-scrollbar-thumb {
  background: #113757;
}

/* Handle on hover */
.overflowScroller::-webkit-scrollbar-thumb:hover {
  background: #113757;
}
.blw_750c28892686f8de8e04a3fce5a872c5 .item { float: left;}
.blw_750c28892686f8de8e04a3fce5a872c5 .item > div { text-align: center; padding:10px; margin:10px; background:#ffffff; border: solid 2px rgba(235, 235, 235, 0.753); color:#000000;}
.blw_750c28892686f8de8e04a3fce5a872c5 .item > div > a { text-decoration:none;}
.blw_750c28892686f8de8e04a3fce5a872c5 .item > .item_button { text-align: center; padding:10px; margin:10px; background:#ffffff; border: solid 2px; color:#ffffff;}
.blw_750c28892686f8de8e04a3fce5a872c5 .item > div > div { text-align: center; padding:0px; margin:0px; }


.blw_750c28892686f8de8e04a3fce5a872c5 .content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}
.blw_750c28892686f8de8e04a3fce5a872c5 .range-cust::-webkit-slider-thumb {
    background: #023857;
  }
.blw_750c28892686f8de8e04a3fce5a872c5   .range-cust::-moz-range-thumb {
   
    background: #023857;
   
  }
   
.blw_750c28892686f8de8e04a3fce5a872c5   .range-cust::-ms-thumb {
   
    background: #023857;
  }
.blw_c51cbd52f1177a9d3139fdc60144c316 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #e32c25;
  background-color: transparent;
}
.blw_c51cbd52f1177a9d3139fdc60144c316 .nav-pills .nav-link, .nav-pills .show>.nav-link {
  color: #000000;
  font-weight: bold;
}

@media (max-width: 768px) {
  .mobile-tab-pane{
    position: fixed; 
    top:0; 
    left:0; 
    bottom:0;
    width: 0%; 
    z-index: 1000; 
    background-color: #fff; 
    overflow-y: auto;
    padding: 15px !important;
    padding-top: 50px !important;
  }

  .mobile-tab-content{
    position: fixed; 
    top:0; 
    left:0; 
    bottom:0;
    width:0%; 
    z-index: 999; 
    display: none;
    background-color: #fff; 
  }
}
.blw_2e668996b8dbe7bff8dcbf31d53ad06c .buttons a{
    padding: 10px;
}
.blw_c3109fb2d392f1ecf1175f688a349e05 .buttons a{
    padding: 10px;
}
.blw_020b31b2ea4a09d0c1651cb5b36c32b8 .buttons a{
    padding: 10px;
}
.brandCardCategory:hover, .brandCard:hover .brandCardInner {
    cursor: pointer;
    border-color: #114360 !important;
}
.breadcrumbs ol {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #293233
}

.breadcrumbs ol li {
    display: inline-block
}

.breadcrumbs ol li a,.breadcrumbs ol li a:hover,.breadcrumbs ol li a:focus {
    color: #293233;
   text-decoration:none;
}

.breadcrumbs li:not(:first-child):before {
  content: ">";
}
.filterCategoryNav a {
    font-weight: 300;
}

.filterCategoryNav small.fw-bold a {
    font-weight: 600;
}
.compareItem:hover { border:solid #e2e2e2 1px; }
@media only screen and (max-width: 1200px) {
  .backgroundImage{
   background-image: url('') !important;
  }
}
.blw_a915fb2df8f646416b9db6876d29b654 .item { float: left;}
.blw_a915fb2df8f646416b9db6876d29b654 .item > div { text-align: center; padding:10px; margin:10px; background:#ffffff; border: solid 2px rgba(235, 235, 235, 0.753); color:#000000;}
.blw_a915fb2df8f646416b9db6876d29b654 .item > div > a { text-decoration:none;}
.blw_a915fb2df8f646416b9db6876d29b654 .item > .item_button { text-align: center; padding:10px; margin:10px; background:#ffffff; border: solid 2px; color:#ffffff;}
.blw_a915fb2df8f646416b9db6876d29b654 .item > div > div { text-align: center; padding:0px; margin:0px; }


.blw_750c28892686f8de8e04a3fce5a872c5 .content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}
.blw_750c28892686f8de8e04a3fce5a872c5 .range-cust::-webkit-slider-thumb {
    background: #023857;
  }
.blw_750c28892686f8de8e04a3fce5a872c5   .range-cust::-moz-range-thumb {
   
    background: #023857;
   
  }
   
.blw_750c28892686f8de8e04a3fce5a872c5   .range-cust::-ms-thumb {
   
    background: #023857;
  }
.searchOverlayContainer a{
  color: #0e0241;
  text-decoration: none;
}

.searchOverlayContainer a:hover{
  background-color: #a5a5a55e;
}
.topmenuItem {
color: #0e0241;
}

.reparatie-aanvraag-txt, .reparatie-aanvraag-arrow {
  display: inline-block;
  vertical-align: middle;
}
.reparatie-aanvraag-txt{
  padding-right: 10px; 
  font-weight: 400; 
  letter-spacing: 1px;
}

@media screen and (min-width: 400px) {
  .reparatie-aanvraag-txt, .reparatie-aanvraag-arrow {
    font-size: 18px; 
  }
}

/* For screen widths between 300px and 340px */
@media screen and (min-width: 340px) and (max-width: 400px) {
  .reparatie-aanvraag-txt, .reparatie-aanvraag-arrow {
    font-size: 14px; 
  }
}

/* For screen widths between 300px and 340px */
@media screen and (min-width: 300px) and (max-width: 340px) {
  .reparatie-aanvraag-txt, .reparatie-aanvraag-arrow {
    font-size: 12px; 
  }
}

/* For screen widths less than 300px */
@media screen and (max-width: 299px) {
  .reparatie-aanvraag-txt, .reparatie-aanvraag-arrow {
    font-size: 10px; 
  }
}

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 0%;
  width: 100%;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 110px;
  background-color: white; 
  background-color: white;
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 20px; 
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  overflow-y: auto;
}


/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #e32c25 !important;
}


/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: -10px;
    right: 35px;
  }
}






/* Dropdown Button */

/* The container <div> - needed to position the dropdown content */
.dropdownContainer {
  position: relative;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 1;
  right: 0;
  padding-top: 20px;
  left: 0;
}
  .dropdown-content > div {
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  }

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
    font-weight: 300;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.navDropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.navDropdown:hover > a {color: #e32c25 !important;}

.topnav_subs {
  position: relative;
}
.topnav_subs::before {
  position: absolute;
  bottom: -7px;
  height: 0;
  width: 0;
  left: 50%;
  margin-left: -10px;
  content:"";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(180, 177, 177, 0.438) !important;
}
.topnav_subs::after {
  position: absolute;
  bottom: -7px;
  height: 0;
  width: 0;
  left: 50%;
  margin-left: -10px;
  content:"";
  display: none;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e32c25 !important;
}
.navDropdown:hover > a.topnav_subs::after {
  display: block;
}

.nav-shopping-titles {
   font-size:17px; 
   padding-right: 10px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nav-shopping-titles {
    font-size: 15px;
    padding-right: 10px;
  }
}
.blw_e1da49db34b0bdfdddaba2ad6552f848 a {    text-decoration: underline; color:inherit; font-weight: 600; }
.overlayContainer a:hover{
    background-color: #a5a5a55e;
}
.blw_a77bbc78de3ea52e4ddfab558700ea27 .footerQuote {
    word-wrap: break-word;
    padding-top:45px;
}
.blw_a77bbc78de3ea52e4ddfab558700ea27 .mainFooter,
.blw_a77bbc78de3ea52e4ddfab558700ea27 .footerQuote {
    color: white;
}
.blw_a77bbc78de3ea52e4ddfab558700ea27 .mainFooter li{
    list-style-type: none;
}
.blw_a77bbc78de3ea52e4ddfab558700ea27 .mainFooter li{
    line-height: 22px;
}
.blw_a77bbc78de3ea52e4ddfab558700ea27 .mainFooter li a{
    text-decoration: none;
    color: white;
}
.filterHead { padding-bottom:6px; }

.filterInfoModalBtn { color:#023857; cursor:help; padding-top: 6px; font-size: 14px;} 
.filterInfoModalBtn:hover { color:#e32c25; }
.filterType13105 .form-select{
  background-position: left 0.75rem center !important;
  padding: .375rem 2.25rem .375rem 2.25rem !important;
}

.productoverview_results .item { float: left;}
.productoverview_results .item > div { text-align: center; padding:10px; margin:10px; background:#ffffff; border: solid 2px rgba(235, 235, 235, 0.753); color:#000000;}
.productoverview_results .item > div > a { text-decoration:none;}
.productoverview_results .item > .item_button { text-align: center; padding:10px; margin:10px; background:#ffffff; border: solid 2px; color:#ffffff;}
.productoverview_results .item > div > div { text-align: center; padding:0px; margin:0px; }


.productoverview_results .content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}
.productoverview_filters .range-cust::-webkit-slider-thumb { background: #023857; }
.productoverview_filters .range-cust::-moz-range-thumb { background: #023857; }
.productoverview_filters .range-cust::-ms-thumb { background: #023857; }

.filterCategoryNav li ul { padding-left: 15px; }
.subCategoryList::before { content: "•"; display:inline-block; color: #000!important; }
  .subCategoryList a:hover {
    color: red !important;
  } 




.checkBoxInpContainer{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkBoxInpContainer input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  color: #fff;
  background-color: #fff;
  outline:2px solid #eee;
}

.checkBoxInpContainer .checkmark:not(.checkmark_disabled) {
  cursor: pointer;
}


.checkmark_disabled { background-color:#ccc!important; }

/* On mouse-over, add a grey background color */
.checkBoxInpContainer:hover .checkmark:not(.checkmark_disabled) {
  background-color: #ccc;
}

.checkBoxInpContainer:hover .checkmark:not(.checkmark_disabled) i {
  color: #ccc;
}


.checkBoxInpContainer input:checked ~ .checkmark i {
  color: #e32c25;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.checkBoxInpContainer input:checked ~ .checkmark:after {
  display: block;
}


@media (max-width: 768px) {
  .content-side-filters{
      position: fixed; 
      top:0; 
      left:0; 
      bottom:0;
      width: 0%; 
      z-index: 1000; 
      background-color: #fff; 
      overflow-y: auto;
      overflow-x: none;
      padding: 20px !important;
      padding-top: 50px !important;
      display:none;

  }
  .content-side-filters-open {
      display: block;
      width: 0; 
      transition: width 0s ease-out; 
    }

  .animation-triggered {
      width: 100%; 
  }
}


.filterType13104 { margin-bottom: 40px!important; }
.min-max-slider{
  height: 3px !important;
  margin-top: 10px !important;
  border:none!important; 
  background-color: #e2e2e2!important;
}

.min-max-slider .filterSliderAmountMinCur,
.min-max-slider .filterSliderAmountMaxCur{
  font-size: 12px !important;
  position: absolute;
  top: 10px;
}

.min-max-slider .filterSliderAmountMinCur{
  left: calc(0% - 10px);
}

.min-max-slider .filterSliderAmountMaxCur{
  left: calc(100% - 10px);
}

.min-max-slider .ui-slider-range {
  left: 0%;
  width: 100%;
  background-color: #e32c25!important;
}

.min-max-slider .ui-slider-handle {
  border-radius: 50% !important;
  background-color: #113757 !important;

  margin-top: -4px !important;
}


.min-max-slider .ui-slider-handle {
  left: 0%;
}


.min-max-slider .ui-slider-handle:last-child {
  left: 100%;
}

#filterslider35c31ce0c9191a8f96d4c4d025945e97 .filterSliderAmountMin::before, 
#filterslider35c31ce0c9191a8f96d4c4d025945e97 .filterSliderAmountMax::before, 
#filterslider35c31ce0c9191a8f96d4c4d025945e97 .filterSliderAmountMinCur::before, 
#filterslider35c31ce0c9191a8f96d4c4d025945e97 .filterSliderAmountMaxCur::before {
content: "€";
    display: inline-block;
    font-size: 13px;
}

#filterslider35c31ce0c9191a8f96d4c4d025945e97 .filterSliderAmountMaxCur::before { margin-left: -12px; }
.blw_c51b61e17f27de9662faf637632fa0f1 .footerQuote {
    word-wrap: break-word;
    padding-top:45px;
}
.blw_c51b61e17f27de9662faf637632fa0f1 .mainFooter,
.blw_c51b61e17f27de9662faf637632fa0f1 .footerQuote {
    color: white;
}
.blw_c51b61e17f27de9662faf637632fa0f1 .mainFooter li{
    list-style-type: none;
}
.blw_c51b61e17f27de9662faf637632fa0f1 .mainFooter li{
    line-height: 22px;
}
.blw_c51b61e17f27de9662faf637632fa0f1 .mainFooter li a{
    text-decoration: none;
    color: white;
}
 .blw_c51b61e17f27de9662faf637632fa0f1 a {    text-decoration: none; color:inherit; font-weight: 300; }

 .blw_c51b61e17f27de9662faf637632fa0f1 b a {    text-decoration: none; color:inherit; font-weight: 600; }
@media (min-width: 1024px) {
   
.frmcl_c4ca4238a0b923820dcc509a6f75849b.siteform .sfgroup { margin-top:0; }

         .frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_postcode, .frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_type_apparaat { width: 49%; display: inline-block; margin-right: 2%; }

.frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_plaats, .frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_merk_apparaat { width: 49%; display: inline-block; }
   }


.frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_telefoonnummer::before, .frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_type_apparaat::before, .frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_merk_apparaat::before {
display: block;
    content: "";
    border-top: solid 1px #e8edef;
    width: 100%;
    height: 2px;
    position:absolute;
    top:-20px;
}
.frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_telefoonnummer, .frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_type_apparaat,.frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_merk_apparaat { position:relative; }

.frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_telefoonnummer { margin-top: 20px!important; }

.frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_type_apparaat, .frmcl_c4ca4238a0b923820dcc509a6f75849b .sfw_merk_apparaat { margin-top: 40px!important;}

}
.meerinfoform .siteform_message {
       background-color: inherit;
       color: #e32c25;
     margin-top:10px;
}