/* TOEVOEGEN AAN ANDERE CODE */
:root{
	--orange: #EB9200;
}
body{ font-size: 1rem; }
.btn.talk:before{ content: "\f075"; font-family: "Font Awesome 6 Pro"; font-weight: 300; margin-right: 15px; }
.btn.shop:before{ content: "\f54f"; font-family: "Font Awesome 6 Pro"; font-weight: 300; margin-right: 15px; }
.btn.btn-info{ background: var(--orange); border-color: var(--orange); color: var(--white); }



/* ALGEMEEN*/

ul.breadcrumb{ margin-bottom: 30px; margin-top: 5px; }
ul.breadcrumb li:before{ display: none; }
ul.breadcrumb li:after{ content: "\f105"; font-family: 'Font Awesome 6 Pro'; font-size: 12px; font-weight: 400; font-style: normal; margin: 0 5px; }
ul.breadcrumb li:last-child:after{ display: none; }
ul.breadcrumb li a{ font-size: 1rem; }
ul.breadcrumb li a:hover{ color: var(--red); }

.selected_date{ background: var(--darkblue) !important; color: #ffffff !important; }

.selected,
.selected_time{ border: 2px solid var(--darkblue); position: relative; }

.selected:after,
.selected_time:after{ content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-size: 12px; font-weight: 900; color: #ffffff; position: absolute; right: 5px; bottom: -10px; background: var(--green); width: 20px; height: 20px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }

hr.line{ border-color: var(--darkblue); opacity: 1; }

*:disabled{ opacity: 0.3 !important; }

/* KOPPEN */
.images h1,
.options h1{ font-size: 24px; font-weight: 400; margin-bottom: 0; }
.images h2,
.options h2{ font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-weight: 700; font-style: normal; color: var(--darkblue); line-height: 1.3; margin: 15px 0 10px 0; }
.images h3,
.options h3{ font-family: 'Open Sans', sans-serif; font-size: 1.2rem; font-weight: 700; font-style: normal; color: var(--darkblue); line-height: 1.3; margin: 15px 0 5px 0; }
.images h4,
.options h4{ font-family: 'Open Sans', sans-serif; font-size: 1.1rem; font-weight: 700; font-style: normal; color: var(--darkblue); line-height: 1.3; margin: 15px 0 5px 0; }
.images h5,
.options h5{ font-family: 'Open Sans', sans-serif; font-size: 1.0rem; font-weight: 700; font-style: normal; color: var(--darkblue); line-height: 1.3; margin: 15px 0 5px 0; }

/* ============================================================ */
/* ======================= PRODUCTPAGINA ====================== */
/* ============================================================ */
.readmore{ }
.readmore i{ margin-right: 5px; }

#productsrow .col-6 { display: none; }
#productsrow .col-6.visible { display: block; }

/* ============================================================ */
/* ===================== PRODUCTPAGINA - IMAGES ===================== */
.images .card{ position: relative; }
.images .card .card-img{ padding: 50px; min-height: 550px; height: 550px; border: 1px solid var(--darkblue); display: flex; align-items: center; justify-content: center; border-radius: 7px; }
.images .card .card-img .slick-track{ display: flex; align-items: center; }
.images .card .card-img .item{}
.images .card .card-img .item .playbutton{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 75px; }
.images .card .card-img .item.slick-slide img{ display: block; width: 100%; }
.images .card .brand{ position: absolute; top: 25px; left: 25px; max-width: 100px; }

.images .card .slider-nav{ margin: 0 -7.5px; }
.images .card .slider-nav .block{ padding: 15px 7.5px 15px 7.5px; display: flex; }
.images .card .slider-nav .block .item{ height: 100%; padding: 15px; border: 1px solid var(--darkblue); border-radius: 7px; display: flex; justify-content: center; align-items: center; position: relative; }
.images .card .slider-nav .block .item .playbutton{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 40px; }
.images .card .slider-nav .slick-track.noslide{ transform: none !important; }
.images .card .slider-nav .block.slick-slide.slick-current .item{ box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}

.images .card-img ul.slick-dots{ width: 100%; position: absolute; right: 0; bottom: 0; color: var(--darkblue); }
.images .card-img ul.slick-dots li{ display: none; }
.images .card-img ul.slick-dots li.slick-active{ display: block; }
.images .card-img ul.slick-dots li button{ text-indent: 0; cursor: pointer; background: none; border: 0; padding: 0; color: var(--darkblue); height: 25px; width: fit-content; }

.images .card .image-label{ position: absolute; top: 20px; right: 1px; z-index: 9; display: flex; flex-direction: column; align-items: flex-end; }
.images .card .image-label .choice-block{  background: var(--green); font-size: 1rem; font-weight: 700; color: #ffffff; padding: 5px 25px 5px 25px; margin-bottom: 10px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.images .card .image-label .choice-block:before{ content: "\f164"; font-family: "Font Awesome 6 Pro"; font-weight: 300; margin-right: 10px; }
.images .card .image-label .newcollection-block{ background: var(--lightblue); font-size: 1rem; font-weight: 700; color: #ffffff; padding: 5px 25px 5px 25px; margin: 0 0 10px 0; border-radius: 35px 0 0 35px; }
.images .card .image-label .sale-block{ background: var(--red); font-size: 1rem; font-weight: 700; color: #ffffff; padding: 5px 25px 5px 25px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }

/* ===================== PRODUCTPAGINA - ASPECTEN ===================== */
.card.aspects{ margin: 30px 0; }
.card.aspects .card-title{ margin-bottom: 0; }
.card.aspects .card-body ul li{ position: relative; margin-bottom: 10px; }
.card.aspects .card-body ul li:before{ display: none; }
.card.aspects .card-body ul li i{ position: absolute; top: 6px; left: -30px; }
.card.aspects .card-body ul li i.fa-circle-plus{ color: var(--green); }
.card.aspects .card-body ul li i.fa-circle-minus{ color: var(--grey); }

/* ===================== PRODUCTPAGINA - SPECIFICATIES ===================== */
.card.specs{ margin: 30px 0; }
.card.specs .card-title{ margin-bottom: 15px; }
.card.specs .card-body{ margin-bottom: 15px; }
.card.specs .card-body table{ margin-bottom: 30px;  }
.card.specs .card-body table *{ border: 0 !important; }
.card.specs .card-body table tr{ border: 0 !important; }
.card.specs .card-body table tr:nth-child(odd){ background: var(--lightgrey); }
.card.specs .card-body table tr td{ padding: 0.5rem 2rem 0.5rem 1rem; color: var(--darkblue); width: 50%; }
.card.specs .card-body table tr td:nth-child(2){ font-weight: 700; }
.card.specs .card-body table tr td i{ font-size: 0.7rem; color: var(--grey); position: relative; top: -5px; }
.card.specs .card-body table tr td .subtext{ font-size: 0.8rem; font-style: italic; margin-bottom: 0; display: block; }
.card.specs .readmore.rmspecsbtn{ margin-top: 20px; }


/* ============================================================ */
/* ===================== PRODUCTPAGINA - OPTIES & KEUZES ===================== */
.options{}
.options .btn{ font-size: 1rem; }
.options .form-group{ font-size: 1rem; }
.options .form-group .price{ font-size: 2.6rem; font-weight: 700; }
.options .form-group .old-price{ font-size: 1.5rem; color: var(--red); margin: 10px 0 -5px 0 }
.options .form-group .new-price{ font-size: 2.6rem; font-weight: 700; color: var(--green); }

.options .form-group .form-group-label{ }
.options .form-group .form-group-label h3{ margin: 15px 0 5px 0; font-size: 1rem; }
.options .form-group .form-group-label h3 a i{ font-size: 0.8rem; color: var(--grey); position: relative; top: -5px; }
.options .form-group .form-group-option{ margin-top: 5px; }
.options .form-group .form-group-option button{ border: 1px solid var(--darkblue); border-radius: 100px; font-size: 1rem; font-weight: 400; text-transform: none; padding: 5px 18px; }
.options .form-group .form-group-option button.btn{ margin-top: 0; }
.options .form-group .form-group-option button.btn:hover{ background: var(--lightgrey); border-color: var(--grey); }
.options .form-group .form-group-option button.btn.active,
.options .form-group .form-group-option button.btn:active{ background: var(--lightgrey); border-color: var(--grey); position: relative; }
.options .form-group .form-group-option button.btn.active:after{ content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-size: 8px; font-weight: 900; color: #ffffff; position: absolute; right: 5px; bottom: -7px; background: var(--green); width: 15px; height: 15px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }

.options .form-group .form-group-option button.btn.btn-circle{ border: 1px solid var(--darkblue); width: 30px; height: 30px; padding: 2px; border-radius: 100%; }
.options .form-group .form-group-option button.btn.btn-circle.active{  }
.options .form-group .form-group-option button.btn.btn-circle.active:before{ content: ""; border: 2px solid #fff; width: 100%; height: 100%; border-radius: 100%; position: absolute; top: 0px; left: 0px; }
.options .form-group .form-group-option button.btn.btn-circle.active:after{ right: -5px; bottom: -5px; }

.options .form-group .form-group-option .btn-subtext{ position: relative; }
.options .form-group .form-group-option .btn-subtext .more-price{ background: var(--orange); color: var(--white); font-size: 0.6rem; padding: 0 6px; position: absolute; top: 0; right: 5px; transform: translate(0,-50%); border-radius: 10px; }

.options .form-group .form-group-option button.btn-subtext{ border-radius: 5px; }
.options .form-group .form-group-option button.btn-subtext .subtext{ font-size: 0.7rem; color: var(--grey); }
.disabledoption{ background: var(--lightgrey); border-color: var(--grey); color: var(--grey); opacity: 0.3 !important; }

.options .btn.btn-primary.cal{ margin: 15px 0 40px 0; }

/* ===================== PRODUCTPAGINA - PRICE BLOK ===================== */
.price-wrapper{ margin-bottom: 10px; }
.price-wrapper .price-block{ font-size: 1rem; }
.price-wrapper .price-block .price-text{  }
.price-wrapper .price-block .price-text .price{ font-size: 2.6rem; font-weight: 600; margin-bottom: 4px; }
.price-wrapper .price-block .price-text i{ font-size: 0.8rem; color: var(--grey); position: relative; top: -5px; }

.price-wrapper .price-block .lease-text{ margin-top: 10px; }
.price-wrapper .price-block .lease-text a{ position: relative; padding-right: 17px; border-bottom: 1px solid var(--darkblue); }
.price-wrapper .price-block .lease-text a i{ position: absolute; top: 6px; right: 0; font-size: 0.8rem; color: var(--darkblue); }
.price-wrapper .price-block .lease-text a:hover{ border-bottom: 1px solid var(--red); }
.price-wrapper .price-block .lease-text a:hover i{ color: var(--red); }

.price-wrapper .buttons-block{ position: relative; }
.price-wrapper .buttons-block .btn-disabled{ width: fit-content; float: left; }
.price-wrapper .buttons-block .undertext{ font-size: 0.8rem; font-style: italic; margin-bottom: 0; }
.price-wrapper .buttons-block .btn{ min-width: 250px; padding: 8px 35px; margin: 10px 10px 10px 0; }
.price-wrapper .buttons-block .btn.btn-success.disabled{  }
.price-wrapper .buttons-block .select-warning{ display: none; position: absolute; top: -2px; left: 10px; background: var(--darkblue); color: var(--white); padding: 2px 10px; border-radius: 5px; }
.price-wrapper .buttons-block .select-warning:after{ content: ""; position: absolute; bottom: -15px; right: 10px; border-top: solid 10px var(--darkblue); border-right:solid 10px transparent; border-bottom:solid 10px transparent; border-left:solid 10px transparent; }

#productsrow .col-6 {
    display: none;
}

#productsrow .col-6.visible {
    display: block;
}

.price-wrapper .instock-block{ border: 2px solid var(--green); padding: 25px 25px; border-radius: 7px; line-height: 1.3; }
.price-wrapper .instock-block.grey{ border: 2px solid var(--grey); padding: 25px 25px; border-radius: 7px; line-height: 1.3; }
.price-wrapper .instock-block .muted-text{ color: var(--grey); margin: 0; }
/* .price-wrapper .instock-block:after{ content: "\f00c"; font-family: "Font Awesome 6 Pro"; color: #ffffff; text-align: right; padding: 5px 5px 0 0; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: var(--green); 
background: -moz-linear-gradient(225deg, var(--green) 50%, rgba(255,255,255,0) 50%);
background: -webkit-linear-gradient(225deg, var(--green) 50%, rgba(255,255,255,0) 50%);
background: linear-gradient(225deg, var(--green) 50%, rgba(255,255,255,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1); border-top-right-radius: 4px; } */

.price-wrapper .instock-block .stock.out{ margin: 0; }
.price-wrapper .instock-block .btn.btn-tertiary{ margin: 0; }

/* ===================== PRODUCTPAGINA - BUTTONS ===================== */


/* ===================== PRODUCTPAGINA - NIET IN-STOCK ETC ===================== */
.filters .stock, 
.options .stock,
.locations-wrapper .stock{ margin-bottom: 0; }
.filters .stock:before,
.options .stock:before,
.locations-wrapper .stock:before{ content: " "; height: 10px; width: 10px; border-radius: 100%; display:inline-block; margin-right: 7px; }
.filters .stock.in:before,
.options .stock.in:before,
.locations-wrapper .stock.in:before{ background-color: #43ab3e; }
.filters .stock.out,
.options .stock.out,
.locations-wrapper .stock.out{ color: var(--grey); margin: 10px 0; }
.filters .stock.out:before,
.options .stock.out:before,
.locations-wrapper .stock.out:before{ background-color: var(--grey); }

.filters span.selectfilter{ font-size: 1rem; font-style: italic; }

/* ===================== PRODUCTPAGINA - SERVICEPAKKETTEN BLOK ===================== */
.price-service-package{ margin-top: 35px; }
.price-service-package h3{ margin-top: 0; }

.price-service-package .col-4{ margin-bottom: 30px; }
.price-service-package .col-4 a{ color: var(--darkblue) !important; }
.price-service-package .service-block{ border: 1px solid var(--grey); border-radius: 5px; padding: 10px; height: 100%; position: relative; }
.price-service-package .service-block:hover{ border: 1px solid var(--darkblue); }
.price-service-package .service-block.selected{ border: 1px solid var(--darkblue); }
.price-service-package .service-block h3{ margin: 0; }
.price-service-package .service-block p{ font-size: 0.8rem; font-style: italic; margin-bottom: 0; }
.price-service-package .col-4 a.active .service-block{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.price-service-package .col-4 a.active .service-block:before{ content: "Meest gekozen"; font-family: 'Open Sans', sans-serif; font-size: 1.1rem; font-weight: 400; background: var(--darkblue); font-size: 0.8rem; color: #ffffff; text-align: center; padding: 5px; position: absolute; bottom: -30px; left: -0.5px; right: auto; height: auto; width: calc(100% + 1px); border-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid var(--darkblue); }
.price-service-package .service-block .more-information{ position: absolute; top: 5px; right: 10px; }
.price-service-package .service-block .more-information i{ color: var(--grey); }

/* .price-wrapper .price-service-package .explain-video{ margin-top: 10px; }
.price-wrapper .price-service-package .explain-video a i{ color: var(--red); margin-right: 10px; }
.price-wrapper .price-service-package .explain-video a:after{ content: "\f061"; font-family: "Font Awesome 6 Pro"; font-weight: 600; color: var(--red); margin-left: 10px; }
.price-wrapper .price-service-package .explain-video a span{ text-decoration: underline; } */

/* ===================== PRODUCTPAGINA - UITLEGVIDEO ===================== */
.explain-video{ background: var(--lightgrey); margin-top: 25px; border-radius: 5px; overflow: hidden; }
.explain-video .col-6.col-md-6:nth-child(2){ padding-left: 0; }
.explain-video a{ text-decoration: none; }
.explain-video .explain-thumbnail{ position: relative; max-height: 150px; height: 100%;}
.explain-video .explain-thumbnail img{ transform: translate(0,0); width: 100%; height: 100%; }
.explain-video .explain-content{ padding: 30px 10px; }
.explain-video .explain-content h4{ margin-top: 0; margin-bottom: 5px; }
.explain-video .explain-content div{ display: flex; }
.explain-video .explain-content i{ color: var(--red); font-size: 24px; }
.explain-video .explain-content span{ text-decoration: underline; margin: 0 10px; }
.fslightbox-container.color-blue{ background:  rgba(var(--overlayblue),0.9) !important; }

/* ===================== PRODUCTPAGINA - DESCRIPTION ===================== */
.description{ margin-top: 35px; margin-bottom: 50px; }

.description .card h1{ font-size: 1.2rem; }
.description .card h2{ font-size: 1.2rem; }
.description .card h3{ font-size: 1.2rem; }
.description .card .card-title{ margin-bottom: 0; }
.description .card .card-body .small_description,
.description .card .card-body .full_description{ font-family: 'Open Sans', sans-serif !important; font-size: 1rem !important; font-weight: 400 !important; font-style: normal !important; color: var(--darkblue) !important; line-height: 1.5 !important; background: transparent !important; margin: 0 !important; }
.description .card .card-body .small_description p,
.description .card .card-body .full_description p{ font-family: 'Open Sans', sans-serif !important; font-size: 1rem !important; font-weight: 400 !important; font-style: normal !important; color: var(--darkblue) !important; line-height: 1.5 !important; background: transparent !important; margin: 0 !important; }
.description .card .card-body .small_description p span,
.description .card .card-body .full_description p span{ font-family: 'Open Sans', sans-serif !important; font-size: 1rem !important; font-weight: 400 !important; font-style: normal !important; color: var(--darkblue) !important; line-height: 1.5 !important; background: transparent !important; margin: 0 !important; }
.description .card .card-body h4{ margin-top: 20px; }
.description a { text-decoration: underline; }

/* ===================== PRODUCTPAGINA - MODAL SERVICE PAKKETTEN ===================== */
.modal.service{ z-index: 99999; }

.modal.service.fade .modal-dialog-vertical{ transform: translateY(-150px); transform: translateX(100%); }
.modal.service.show .modal-dialog-vertical{ transform: translate(0); transform: translateX(0); }

.modal.service .modal-header .close{ font-size: 1.5rem; font-weight: 600; line-height: 1; color: var(--red); text-shadow: none; position: absolute; top: 24px; right: 20px; }
.modal.service .modal-header .close:hover{ color: var(--darkblue); text-decoration: none; }
.modal.service .modal-header .close:not(:disabled):not(.disabled):focus,
.modal.service .modal-header .close:not(:disabled):not(.disabled):hover{ opacity: .75; }
.modal.service .modal-header button.close{ padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.modal.service .modal-header a.close.disabled{ pointer-events: none; }
 
.modal.service .modal-dialog-vertical{ height: 100%; max-width: 500px; margin: 0; }
.modal.service .modal-dialog-vertical .modal-content{ height: inherit; border-width: 0 1px 0 0; border-radius: 0; font-size: 1rem; padding: 20px 30px; }
.modal.service .modal-dialog-vertical .modal-header{ display: block; text-align: center; border-radius: 0; border: 0; padding-bottom: 0; }
.modal.service .modal-dialog-vertical .modal-header h3{ margin: 0; }

.modal.service .modal-dialog-vertical .modal-header .close{ font-size: 1.5rem; font-weight: 600; line-height: 1; color: var(--red); text-shadow: none; position: absolute; top: 20px; right: 20px; }
.modal.service .modal-dialog-vertical .modal-header .close:hover{ color: var(--darkblue); text-decoration: none; }
.modal.service .modal-dialog-vertical .modal-header .close:not(:disabled):not(.disabled):focus,
.modal.service .modal-dialog-vertical .modal-header .close:not(:disabled):not(.disabled):hover{ opacity: .75; }
.modal.service .modal-dialog-vertical .modal-header button.close{ padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.modal.service .modal-dialog-vertical .modal-header a.close.disabled{ pointer-events: none; }

.modal.service .modal-dialog-vertical .modal-body{ height: inherit; overflow-y: auto; padding-top: 0; }
.modal.service .modal-dialog-vertical .modal-body .grey{ background: var(--lightgrey); padding: 10px 20px; border-radius: 5px; }
.modal.service .modal-dialog-vertical .modal-body .grey.nopadding{ padding-top: 0; padding-bottom: 0; margin-top: -15px; margin-bottom: -15px; }
.modal.service .modal-dialog-vertical .modal-body .grey h4{ font-size: 1rem; margin: 0 0 2px 0; }
.modal.service .modal-dialog-vertical .modal-body .grey ul{ margin: 0; }
.modal.service .modal-dialog-vertical .modal-body .grey ul > li{ margin-bottom: 5px; }
.modal.service .modal-dialog-vertical .modal-body .grey ul > li:before{ content: "\f058"; font-family: 'Font Awesome 6 Sharp'; font-weight: 400; font-style: normal; color: var(--green); position: absolute; left: -30px; }
.modal.service .modal-dialog-vertical .modal-body .grey ul > li.false:before{ content: "\f00d"; color: var(--red); left: -28px; }
.modal.service .modal-dialog-vertical .modal-body .grey p{ margin-bottom: 0; }
.modal.service .modal-dialog-vertical .modal-body .grey .lowercase{ font-size: 0.9rem; font-style: italic; }

.modal.service .modal-dialog-vertical .modal-body .biggreen{ font-size: 30px; font-weight: 700; color: var(--green); text-align: center; }
.modal.service .modal-dialog-vertical .modal-body .modal-btn{ text-align: center; margin-top: 10px; }
.modal.service .modal-dialog-vertical .modal-body .btn{ font-size: 1rem; max-width: 300px; width: 100%; margin-top: 15px; }
   
.modal.service.fixed-right{ padding-right: 0 !important; }   
.modal.service.fixed-right .modal-dialog-vertical{ margin-left: auto; }   

/* ===================== PRODUCTPAGINA - MODAL (ALGEMEEN) ===================== */
.row.compare-row{ flex-basis: 100%; display: flex; position: relative; transition: -webkit-transform .15s; transition: transform .15s; transition: transform .15s,-webkit-transform .15s; will-change: transform; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); flex-wrap: nowrap !important; }

#compare-controls { position: fixed; bottom: 50%; left: 0; right: 0; z-index: 999 }
#compare-controls,#compare-controls .container { height: 0 }
.arrow-control { width: 3.2rem; height: 3.2rem; font-size: 2rem; text-align: center; line-height: 3rem; border-radius: 50%; cursor: pointer }
#compare-controls .left { margin-left: -6rem }
#compare-controls .right { margin-right: -6rem }

.modal .modal-content{ padding: 0; }
.modal .modal-content .modal-header{ border-bottom: 1px solid var(--darkblue); padding: 10px 0 25px 0; }
.modal .modal-content .modal-body{ padding: 0 0 30px 0; }
.modal .modal-content .modal-body .locations-inventory{ text-align: right;  }
.modal .modal-content .modal-body .locations-inventory .locations-wrapper{ display: flex; justify-content: space-between; margin-top: 20px; }
.modal .modal-content .modal-body .locations-inventory .locations-wrapper .location{ font-weight: 900; }
.modal .modal-content .modal-body .locations-inventory .locations-wrapper .stock{}
.modal .modal-content .modal-body .locations-inventory .locations-wrapper .stock.out{ margin: 0; }
.modal .modal-content .modal-body .locations-inventory .btn.btn-tertiary{ margin: 10px 0; }
.modal .modal-content .modal-body .locations-inventory .btn.btn-tertiary.active{ background: var(--red); border-color: var(--red); color: var(--white) !important; }
.modal .modal-content .modal-footer{ border-top: 1px solid var(--darkblue); align-items: center; justify-content: center; }
.modal .modal-content .modal-footer .btn.btn-secondary{ font-size: 1rem; margin: 5px 0 0 0; }

.modal.stock{ z-index: 99999; }
.modal.stock .modal-content{ padding: 20px 30px; }

/* ===================== PRODUCTPAGINA - MODAL LEASE ===================== */
.modal-backdrop.show{ z-index: 9999; }
.modal.lease{ z-index: 99999; }
.modal.lease.show .modal-dialog{ width: 100%; max-width: 900px; height: calc(100% - 60px); }
.modal.lease .modal-content{ height: 100%; width: 100%; padding: 20px 30px; }

/* ===================== PRODUCTPAGINA - MODAL STANDAARD ===================== */
.modal.standard-info{ z-index: 99999; }
.modal.standard-info .modal-dialog{ width: 100%; max-width: 750px; }
.modal.standard-info.show .modal-dialog{ width: 100%; max-width: 750px; }
.modal.standard-info .modal-content{ height: 100%; width: 100%; max-width: 900px; padding: 20px 30px; }
.modal.standard-info .modal-content .modal-body{ padding: 0 0 0 0; }

/* ===================== PRODUCTPAGINA - MODAL BESTELLEN ===================== */
.modal.shopping{ z-index: 99999; }

.modal.shopping.fade .modal-dialog-vertical{ transform: translateY(-150px); transform: translateX(100%); }
.modal.shopping.show .modal-dialog-vertical{ transform: translate(0); transform: translateX(0); }

.modal.shopping .modal-header .close{ font-size: 1.5rem; font-weight: 600; line-height: 1; color: var(--red); text-shadow: none; position: absolute; top: 24px; right: 20px; }
.modal.shopping .modal-header .close:hover{ color: var(--darkblue); text-decoration: none; }
.modal.shopping .modal-header .close:not(:disabled):not(.disabled):focus,
.modal.shopping .modal-header .close:not(:disabled):not(.disabled):hover{ opacity: .75; }
.modal.shopping .modal-header button.close{ padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.modal.shopping .modal-header a.close.disabled{ pointer-events: none; }
 
.modal.shopping .modal-dialog-vertical{ height: 100%; max-width: 500px; margin: 0; }
.modal.shopping .modal-dialog-vertical .modal-content{ height: 100%; border-width: 0 1px 0 0; border-radius: 0; font-size: 1rem; }

.modal.shopping .modal-dialog-vertical .modal-header{ background: var(--darkblue); display: block; border-radius: 0; border: 0; padding: 20px 30px; position: relative; }
.modal.shopping .modal-dialog-vertical .modal-header .header-title h2{ font-size: 1.5rem; color: var(--white); margin: 0; }
.modal.shopping .modal-dialog-vertical .modal-header .header-title h2 i{ margin-right: 10px; }
.modal.shopping .modal-dialog-vertical .modal-header .header-count{ font-size: 1rem; color: var(--white); position: absolute; top: 50%; right: 40px; transform: translate(0,-50%); }
.modal.shopping .modal-dialog-vertical .modal-header .close{ font-size: 1.5rem; font-weight: 600; line-height: 1; color: var(--white); text-shadow: none; position: absolute; top: 50%; right: 20px; transform: translate(0,-50%); }
.modal.shopping .modal-dialog-vertical .modal-header .close:hover{ color: var(--red); text-decoration: none; }
.modal.shopping .modal-dialog-vertical .modal-header .close:not(:disabled):not(.disabled):focus,
.modal.shopping .modal-dialog-vertical .modal-header .close:not(:disabled):not(.disabled):hover{ opacity: .75; }
.modal.shopping .modal-dialog-vertical .modal-header button.close{ padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.modal.shopping .modal-dialog-vertical .modal-header a.close.disabled{ pointer-events: none; }

.modal.shopping .modal-dialog-vertical .wizard-steps{ height: 100%; }
.modal.shopping .modal-dialog-vertical .wizard-steps .wizard-step{ height: 100%; }

#form-step-1{ display: flex; flex-direction: column; height: 100%; }
#form-step-2{ display: flex; flex-direction: column; height: 100%; }
#form-step-3{ display: flex; flex-direction: column; height: 100%; }

.modal.shopping .modal-dialog-vertical .modal-body{ height: 100%; overflow-y: auto; padding: 20px 30px; flex: 1; }
.modal.shopping .modal-dialog-vertical .modal-body .body-title{ margin: 0 20px 20px 20px; }
.modal.shopping .modal-dialog-vertical .modal-body .body-title p{ margin-bottom: 0; }
.modal.shopping .modal-dialog-vertical .modal-body .body-title h3{ font-size: 1.3rem; margin: 0 0 0 0; }
.modal.shopping .modal-dialog-vertical .modal-body .body-title ul{  }
.modal.shopping .modal-dialog-vertical .modal-body .body-title ul li{ margin-bottom: 10px; }
.modal.shopping .modal-dialog-vertical .modal-body .body-title ul li:before{ content: "\f058"; font-family: "Font Awesome 6 Sharp"; font-weight: 300; color: var(--green); top: 2px; left: -2rem; }
.modal.shopping .modal-dialog-vertical .modal-body .body-content h4{ font-size: 1.1rem; margin-bottom: 10px; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block{ background: var(--lightgrey); border-radius: 5px; padding: 20px; margin: 25px 0 50px 0; position: relative; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block.flex{ display: flex; align-items: center; justify-content: space-between; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block.flex.pointerselect{ cursor: pointer;}
.modal.shopping .modal-dialog-vertical .modal-body .body-block.flex.pointerselect:hover{ background: #dddddd; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block:last-child{ margin-bottom: 0; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block h4{ font-size: 1.1rem; margin: 0 0 10px 0; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block p{ margin-bottom: 0; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block i{ font-size: 0.8rem; color: var(--green); }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .more-info{ position: absolute; top: 0; right: 20px; transform: translate(0,-50%); background: var(--grey); width: 20px; height: 20px; font-size: 0.9rem; font-weight: 900; color: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 100%; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .more-info:hover{ background: var(--darkblue);  }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .service-info{ flex: 1; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .service-info h4{ margin-bottom: 5px; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .service-info p{ font-size: 0.8rem; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .service-info a{ font-size: 0.8rem; position: relative; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .service-info a:after{ content: "\f061"; font-family: "Font Awesome 6 Sharp"; position: absolute; top: 1px; right: -20px; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .service-price{ text-align: right; max-width: 150px; line-height: 1.2; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .service-price p{ font-size: 1rem; font-weight: 700; color: var(--green); }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .service-price .btn{ background: transparent; font-size: 0.8rem; padding: 8px 15px; margin: 0; }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .service-price .btn:hover{ background: var(--darkblue); }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .lowercase{ font-size: 0.8rem; color: var(--grey); }
.modal.shopping .modal-dialog-vertical .modal-body .body-block .body-footer{ display: flex; justify-content: space-between; font-weight: 700; }
.modal.shopping .modal-dialog-vertical .modal-body .body-content h4{ margin-left: 20px; }
.modal.shopping .modal-dialog-vertical .modal-body .body-content input{ border: 1px solid var(--grey); border-radius: 25px; width: 100%; padding: 6px 20px; margin: 5px 0; }
.modal.shopping .modal-dialog-vertical .modal-body .body-content select{ border: 1px solid var(--grey); border-radius: 25px; width: 100%; padding: 6px 20px; margin: 5px 0; color: var(--grey); background: transparent; }
.modal.shopping .modal-dialog-vertical .modal-body .body-content textarea{ border: 1px solid var(--grey); border-radius: 25px; width: 100%; padding: 6px 20px; margin: 5px 0; min-height: 100px; }
.modal.shopping .modal-dialog-vertical .modal-body .body-content .custom-select{ appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg fill="gray" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>'); background-repeat: no-repeat; background-position: right 10px center; background-size: 16px 16px; padding-right: 30px; }

.modal.shopping .modal-dialog-vertical .modal-body .expansion{ text-align: center; margin: -15px 0 -10px 0; }
.modal.shopping .modal-dialog-vertical .modal-body .expansion .biggreen{ font-size: 30px; font-weight: 700; color: var(--green); text-align: center; }
.modal.shopping .modal-dialog-vertical .modal-body .expansion p{ font-size: 0.8rem; }

/* width */
.modal.shopping .modal-dialog-vertical .modal-body::-webkit-scrollbar{ width: 5px; }
.modal.shopping .modal-dialog-vertical .modal-body::-webkit-scrollbar-track{ background: var(--lightgrey); }
.modal.shopping .modal-dialog-vertical .modal-body::-webkit-scrollbar-thumb{ background: var(--grey); }
.modal.shopping .modal-dialog-vertical .modal-body::-webkit-scrollbar-thumb:hover{ background: var(--grey); }

.modal.shopping .modal-dialog-vertical .modal-footer > * { margin: 0; }
.modal.shopping .modal-dialog-vertical .modal-footer{ padding: 30px; flex-direction: column; }
.modal.shopping .modal-dialog-vertical .modal-footer .sub-price{ font-size: 1rem; font-weight: 700; width: 100%; display: flex; justify-content: space-between; }
.modal.shopping .modal-dialog-vertical .modal-footer .sub-price .title p{ font-size: 0.9rem; font-weight: 400; margin-bottom: 0; }
.modal.shopping .modal-dialog-vertical .modal-footer .sub-price .price{ color: var(--green); width: 150px; text-align: right; }
.modal.shopping .modal-dialog-vertical .modal-footer .sub-price:nth-child(2){ margin-top: 10px; }
.modal.shopping .modal-dialog-vertical .modal-footer .total-price{ font-size: 1.3rem; font-weight: 700; width: 100%; display: flex; justify-content: space-between; margin: 10px 0 30px 0; }
.modal.shopping .modal-dialog-vertical .modal-footer .total-price .price{ color: var(--green); }
.modal.shopping .modal-dialog-vertical .modal-footer .total-buttons{ display: flex; width: 100%; }
.modal.shopping .modal-dialog-vertical .modal-footer .total-buttons .btn{ display: flex; align-items: center; justify-content: center; margin-top: 0; }
.modal.shopping .modal-dialog-vertical .modal-footer .total-buttons .btn.btn-tertiary{ margin-right: 0; }
.modal.shopping .modal-dialog-vertical .modal-footer .total-buttons .btn.btn-info{ margin-right: 0; margin-left: 10px; width: 100%; }
.modal.shopping .modal-dialog-vertical #form-step-1 .modal-footer .total-buttons .btn.btn-info{ margin-left: 0; }
   
.modal.shopping.fixed-right{ padding-left: 0 !important; padding-right: 0 !important; }   
.modal.shopping.fixed-right .modal-dialog-vertical{ margin-left: auto; }   

.modal.shopping .modal-dialog-vertical #form-step-2 .modal-body .body-block{ display: flex; justify-content: space-between; align-items: center; padding: 20px; }
.modal.shopping .modal-dialog-vertical #form-step-2 .modal-body .body-block{ border: 2px solid transparent; }
.modal.shopping .modal-dialog-vertical #form-step-2 .modal-body .body-block.active{ border: 2px solid var(--green); background: var(--lightgrey); position: relative; }
.modal.shopping .modal-dialog-vertical #form-step-2 .modal-body .body-block.active:after{ content: "\f00c"; font-family: "Font Awesome 6 Sharp"; font-size: 0.7rem; color: var(--white); background: var(--green); position: absolute; bottom: 0; right: 40px; transform: translate(0,50%); width: 20px; height: 20px; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.modal.shopping .modal-dialog-vertical #form-step-2 .modal-body .body-block.popular{ position: relative; }
.modal.shopping .modal-dialog-vertical #form-step-2 .modal-body .body-block.popular:before{ content: "Meest gekozen"; background: var(--green); font-size: 0.6rem; color: var(--white); padding: 1px 10px 2px 10px; border-radius: 10px; position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); }

.modal.shopping#shoppingModal_step3 .modal-dialog-vertical .modal-body .body-block{ display: flex; justify-content: space-between; align-items: center; padding: 20px 20px; }

.modal.shopping .modal-dialog-vertical .wizard-step:nth-child(4) .modal-body{ text-align: center; height: calc(100% - 80px); }
.modal.shopping .modal-dialog-vertical .wizard-step:nth-child(4) .modal-body .body-title{ height: calc(100% - 80px); }
.modal.shopping .modal-dialog-vertical .wizard-step:nth-child(4) .modal-body .body-title img{ height: calc(100% - 200px); width: auto; }


/* ============================================================ */
/* ===================== SCHEDULER/SCHEMA ===================== */
/* ============================================================ */
.calendar-success{ background: var(--green) !important; color: #ffffff; }
.calendar-danger{ background: var(--red) !important; color: #ffffff; }
.bg-secondary{ background: var(--lightgrey) !important; border: 2px solid transparent; border-radius: 50px !important; font-size: 1rem !important; font-weight: 400; color: var(--darkblue) !important; padding: 7px 30px; margin: 0 10px 15px 0; }
.bg-secondary:hover{ background: var(--lightgrey) !important; border: 2px solid var(--darkblue); }

.cursor-pointer{ cursor: pointer; }

.calendar .card-header .row{ display: flex; align-items: center; }
.calendar .card-header .row .col-2{ display: flex; justify-content: center; }

.calendar table.table tr th{ text-align: center; }
.calendar table.table tr td{ text-align: center; }
td.calendar_item.calendar-success.available.selected_date{ background: #398e36 !important; }

.arrow-control{ background: var(--darkblue) !important; border: none; width: 35px !important; height: 35px !important; display: flex; justify-content: center; align-items: center; }
.arrow-control i{ font-size: 14px; color: #ffffff; }
.arrow-control:hover{ background: var(--red) !important; text-decoration: none; }

.info-form .small{ font-size: 1rem; font-style: italic; }
.info-form .btn.btn-primary{ margin-top: 0; margin-bottom: 25px; }

.chosen-bike h4{ text-align: center; }
.chosen-bike .card{ border: 1px solid var(--darkblue); border-radius: 0; padding: 25px 10px 25px 10px; text-align: center; display: flex; flex-direction: column; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.chosen-bike a{ text-decoration: none; }
.chosen-bike .card a{ text-decoration: none; }
.chosen-bike .card .card-image{ overflow: hidden; padding: 10px; }
.chosen-bike .card .card-image img{ -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.chosen-bike .card .card-body{  }
.chosen-bike .card .card-body .card-title{ }
.chosen-bike .card .card-body .card-title h3{ margin-bottom: 0; }

@media (max-width: 1299px){
    #compare-controls { bottom:50% }
    #compare-controls .left { margin-left: 0 }
    #compare-controls .right { margin-right: 0 }
}

.advice-wizard h2{ margin-top: 0; margin-bottom: 15px; }
.wizard{ display: flex; justify-content: space-between; position: relative; margin-bottom: 25px; background: #ffffff; box-shadow: 0 5px 12px rgba(0,0,0,0.1); }
.wizard:before{ content: ''; display: block; background: var(--grey); width: 100%; height: 1px; position: absolute; top: 50%; left: 0; }
.wizard .wizard-option{ display: flex; align-items: center; color: var(--darkblue); background: #ffffff; padding: 15px 40px; position: relative; z-index: 9; }
.wizard .wizard-option:hover{ cursor: default; }
.wizard .wizard-option .title{ font-size: 1rem; }
.wizard .wizard-option span.number{ display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border: 5px solid var(--grey); border-radius: 100%; margin-right: 10px; font-size: 1.2rem; font-weight: 700; color: var(--grey); }
.wizard .wizard-option.active{ color: var(--red); }
.wizard .wizard-option.active span.number{ border-color: var(--red); color: var(--red); }
.wizard .wizard-option.ready:hover{ cursor: pointer; }
.wizard .wizard-option.ready span.number{ position: relative; }
.wizard .wizard-option.ready span.number:after{ content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-size: 0.75rem; font-weight: 900; color: #ffffff; position: absolute; right: -7px; bottom: -7px; background: var(--green); width: 20px; height: 20px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }

.wizard-steps .wizard-step h3{ margin-bottom: 25px; }
.wizard-steps .wizard-step .small{ font-size: 0.9rem; font-style: italic; margin-top: 5px; }
.wizard-steps .wizard-step .form-group input::placeholder{ color: var(--grey); }
.wizard-steps .wizard-step .form-group textarea::placeholder{ color: var(--grey); }
.wizard-steps .wizard-step .form-group .form-control{ border: 1px solid var(--grey); }

.wizard-steps .wizard-step .wizard-buttons{ display: flex; justify-content: space-between; }
.wizard-steps .wizard-step #form-step-1 .wizard-buttons{ display: flex; justify-content: flex-end; }
.wizard-steps .wizard-step .wizard-buttons .btn{ margin: 0 !important; }

#form-step-1 .step-1{ padding-left: 0; display: flex; justify-content: flex-start; }
#form-step-1 .step-1 .step-1-biketype{ text-align: center; margin-bottom: 25px; }
#form-step-1 .step-1 .step-1-biketype:before{ display: none; }
#form-step-1 .step-1 .step-1-biketype label{ display: flex; flex-direction: column; align-items: center; }
#form-step-1 .step-1 .step-1-biketype .circle{ background: var(--lightgrey); width: 100px; height: 100px; border-radius: 100%; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; }
#form-step-1 .step-1 .step-1-biketype .circle:hover{ background: var(--lightgrey); border: 2px solid var(--darkblue); cursor: pointer; }
#form-step-1 .step-1 .step-1-biketype .circle img{ max-width: 65px; }
#form-step-1 .step-1 .step-1-biketype.active .circle{ border: 2px solid var(--darkblue); position: relative; }
#form-step-1 .step-1 .step-1-biketype.active .circle:after{ content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-size: 0.85rem; font-weight: 900; color: #ffffff; position: absolute; right: 0; bottom: 0; background: var(--green); width: 25px; height: 25px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
#form-step-1 ul.step-1 li.step-1-biketype h6{ font-weight: 400; }

#form-step-2 .schedule .card{ margin-bottom: 0; }
#form-step-2 .schedule .calendar{ max-width: 600px; }
#form-step-2 .schedule .calendar_times .bg-secondary{  }

#form-step-3 .form-group{ margin-bottom: 25px; }
#form-step-3 .form-group p{ font-weight: 900; display: flex; align-items: flex-start; }
#form-step-3 .form-group p .number{ background: var(--darkblue); color: #ffffff; min-width: 26px; min-height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-weight: 900; margin-right: 10px; }
#form-step-3 .form-group label{ background: var(--lightgrey) !important; border: 2px solid transparent; border-radius: 50px !important; font-size: 1rem !important; font-weight: 400; color: var(--darkblue) !important; padding: 7px 30px; margin: 0 10px 15px 0; position: relative; }
#form-step-3 .form-group label:hover{ background: var(--lightgrey) !important; border: 2px solid var(--darkblue); }
#form-step-3 .form-group label.active{ border: 2px solid var(--darkblue); position: relative; }
#form-step-3 .form-group label.active:after{ content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-size: 0.75rem; font-weight: 900; color: #ffffff; position: absolute; right: 5px; bottom: -10px; background: var(--green); width: 20px; height: 20px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
#form-step-3 .form-group label input{ display: none; }

.block-advice-resume.complete{ min-height: 500px; }
.complete.redsmile{ position: relative; margin-right: -24px; }
.complete.redsmile .content{ background: #C33B28; font-size: 3rem; padding: 10px 150px 10px 75px; clip-path: polygon(0px 0, 100% 0, 100% 100%, 5% 100%); text-align: left; }
.complete.redsmile .content p{ font-size: 40px; color: #ffffff; margin-bottom: 0; }
.complete.redsmile:after{ content: ""; background: url(/media/2023-04/lach.svg); position: absolute; bottom: 10px; right: 160px; transform: rotate(10deg); width: 95px; height: 116px; background-size: cover; }

.block-advice-resume{ border: 1px solid rgba(var(--lightgrey),0.2); border-radius: 5px; box-shadow: 0 5px 12px rgba(0,0,0,0.1); padding: 20px; margin-bottom: 30px; font-size: 1rem; }
.block-advice-resume h4{ margin-top: 0; padding: 5px 0 25px 0; border-bottom: 2px solid var(--grey); text-align: center; }
.block-advice-resume .advice-resume .resume-step{ margin-top: 0; display: flex; justify-content: space-between; border-bottom: 2px solid var(--grey); margin-bottom: 10px; padding-bottom: 10px; }
.block-advice-resume .advice-resume .resume-step:last-child{ border-bottom: 0; }
.block-advice-resume .advice-resume .resume-step .step{ display: flex; align-items: center; justify-content: center; min-width: 40px; max-width: 40px; width: 100%; height: 40px; border: 4px solid var(--grey); border-radius: 100%; margin-right: 10px; font-size: 1.1rem; font-weight: 700; color: var(--grey); position: relative; }
.block-advice-resume .advice-resume .resume-step .step:after{ content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-size: 0.6rem; font-weight: 900; color: #ffffff; position: absolute; right: -7px; bottom: -7px;
    background: var(--green); width: 17px; height: 17px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.block-advice-resume .advice-resume .resume-step .text{ flex-grow: 1; padding-left: 10px; }
.block-advice-resume .advice-resume .resume-step .text .light-text{ color: var(--grey); line-height: 40px; }
.block-advice-resume .advice-resume .resume-step .change{ font-size: 12px; padding-top: 10px; }

/* ============================================================ */
/* ========================= BOOGABLE ========================= */
/* ============================================================ */
.BFocalImage-brHrdK.hzfZM{ display: none; }
.bq-product-title-wrapper{ display: none; }
.booqable-product{ max-width: 260px; width: 100% !important; }
.booqable-product,
.booqable-component .booqable-product{ padding: 0; }

.booqable-component .booqable-product-wrapper{ max-width: none; }
.booqable-component .booqable-product-wrapper .booqable-product-inner{ background: transparent; width: 100%; box-shadow: none !important; margin-top: 10px; margin-right: 10px; }
.booqable-component .booqable-product-wrapper .booqable-product-inner .bq-details{ padding: 0; width: 100%; height: auto; }
.booqable-component .booqable-product-wrapper .booqable-product-inner .bq-details .bq-price-details { display: none; }
.booqable-component .booqable-product-wrapper .booqable-product-inner .bq-details a.bq-button{ width: 100%; padding: 8px 25px; border-radius: 100px; border: 1px solid var(--darkblue); }
.booqable-component .booqable-product-wrapper .booqable-product-inner .bq-details a.bq-button:after{ content: "Gratis reserveren"; font-family: 'Open Sans', sans-serif; font-size: 1.2rem; font-weight: 700; line-height: 1.5; background: transparent !important; }
.booqable-component .booqable-product-wrapper .booqable-product-inner .bq-details a.bq-button .fa-cart-shopping:before,
.booqable-component .booqable-product-wrapper .booqable-product-inner .bq-details a.bq-button .fa-shopping-cart:before{ content: "\f133" !important; font-size: 1.2rem; font-weight: 300; margin-right: 15px; }

.booqable-component .booqable-product-wrapper .booqable-product-inner .bq-details a.bq-button:hover{ background: var(--white) !important; }
.booqable-component .booqable-product-wrapper .booqable-product-inner .bq-details a.bq-button:hover:after{ color: var(--darkblue) !important; }
.booqable-component .booqable-product-wrapper .booqable-product-inner .bq-details a.bq-button:hover .fa-cart-shopping:before,
.booqable-component .booqable-product-wrapper .booqable-product-inner .bq-details a.bq-button:hover .fa-shopping-cart:before{ color: var(--darkblue); }

.booqable-component #booqable-launcher{ bottom: 110px !important; height: 75px !important; width: 75px !important; border-radius: 50% !important; right: 1% !important; }
.booqable-component #booqable-launcher #booqable-launcher-icon{ width: 75px; height: 75px; }
.booqable-component #booqable-launcher #booqable-launcher-icon i:before{ content: ""; display: block; width: 50px; height: 50px; background: url(/media/2023-04/Fiets.svg) !important; background-size: 100% auto !important; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(140deg) brightness(106%) contrast(105%); }




/* ============================================
		MOBIEL
=============================================*/

/* --------------------------------------- */
@media only screen and (max-width: 1599px){
	.complete.redsmile:after{ bottom: 10px; right: 140px; width: 85px; height: 100px; }
	.complete.redsmile .content p{ font-size: 32px; }
	.price-wrapper .price-block .btn.btn-tertiary{ padding: 8px 15px; }
}


/* --------------------------------------- */
@media only screen and (max-width: 1399px){	
	.complete.redsmile:after{ right: 170px; }
	.complete.redsmile .content p{ font-size: 40px; }
	.price-wrapper .price-buttons .btn{ max-width: 350px; width: 100%; }
	.price-wrapper .lease-button .btn{ max-width: 350px; width: 100%; }
	.price-wrapper .buttons-block .btn{ padding: 8px 17px; margin-right: 5px; }
	.price-wrapper .buttons-block .btn:last-child{ margin-right: 0; }
	.price-wrapper .price-block .btn.btn-tertiary{ padding: 8px 25px; margin-top: 10px; }
	
}

/* --------------------------------------- */
@media only screen and (max-width: 1199px){
	.card.specs .card-body table{ margin-left: 0; }
	.card.specs .card-body table tr td{ padding: 0.5rem 1rem; }
	
	.price-container .price-block{ padding: 10px 10px 35px 10px; }
	.price-container .price-block a.calltoaction{ bottom: 10px; }
	
	.wizard .wizard-option{ padding: 30px 25px; }
	
	.complete.redsmile:after{ bottom: 10px; right: 140px; width: 85px; height: 100px; }
	.complete.redsmile .content p{ font-size: 32px; }

	.price-wrapper .price-block .price-text{ display: block; }

	.price-wrapper .instock-block .btn.btn-tertiary{ margin-top: 10px; }

	.explain-video .explain-thumbnail img{ transform: translate(0, 0); height: 100%; width: 100%; }
	.explain-video .explain-content{ padding: 20px 10px 20px 0; }
}

/* --------------------------------------- */
@media only screen and (max-width: 991px){
	.chosen-bike{ display: none; }
	
	.wizard .wizard-option{ padding: 15px; }
	.wizard .wizard-option span.number{ margin-right: 0; }
	.wizard .wizard-option.active span.number{ margin-right: 10px; }
	
	.wizard .wizard-option span.title{ display: none; }
	.wizard .wizard-option.active span.title{ display: block; }
	
	.price-container .price-block{ padding: 20px 45px 20px 20px; }
	.price-container .price-block a.calltoaction{ bottom: 20px; }
	
	.block-advice-resume{ margin-top: 25px; }
	.block-advice-resume.complete{ min-height: auto; margin-top: 50px; }
	.complete-image{ display: none; }
	
	.price-wrapper .price-buttons .btn{ width: auto; }
	.price-wrapper .lease-button .btn{ width: auto; }

	.price-wrapper .instock-block .btn.btn-tertiary{ margin-top: 0; }

	.booqable{ margin-top: 40px; }

	.modal.standard-info .modal-content{  width: calc(100% - 30px); margin-right: auto; margin-left: auto;  }

}

/* --------------------------------------- */
@media only screen and (max-width: 767px){
	.images .card .card-img{ min-height: 400px; height: 400px; }
	.images .card .slider-nav .block .item {  }
	table.table tr th .sr-hide{ display: none; }
	.price-service-package .service-block p{ font-size: 0.7rem; margin-top: 2px; }
	.price-wrapper .price-buttons .btn{ max-width: 400px; width: 100%; margin-top: 15px; }
	.price-wrapper .lease-button .btn{ max-width: 400px; width: 100%; margin-top: 15px; }
	.price-wrapper .instock-block .btn.btn-tertiary{ margin-top: 10px; }
	.booqable-product{ max-width: 400px; width: 100% !important; }
	.booqable-component .booqable-product-wrapper .booqable-product-inner .bq-details a.bq-button{ text-align: center; }
	
}

/* --------------------------------------- */
@media only screen and (max-width: 575px){
	.btn{ width: auto; }
	.btn.btn-primary{ width: 100%; }
	.btn.btn-secondary{ width: 100%; }
	.btn.btn-success{ width: 100%; }
	.btn.btn-info{ width: 100%; }
	.options .form-group .price{ font-size: 2rem; }
	.modal.lease .modal-content{ width: calc(100% - 16px); }
		
	.wizard .wizard-option{ padding: 10px; }
	.wizard .wizard-option span.number{ width: 40px; height: 40px; border-width: 3px; }

	.price-wrapper .price-block{ padding: 10px 0 20px 0; }
	.price-wrapper .price-block .price-text{ display: block; }
	.price-wrapper .price-block .price-text div:nth-child(2){ margin-top: 20px; }
	
	.modal.standard-info.show .modal-dialog{ width: calc(100% - var(--bs-modal-margin) - var(--bs-modal-margin)); }

	.price-wrapper .buttons-block .btn-disabled{ width: 100%; }
}

/* --------------------------------------- */
@media only screen and (max-width: 479px){
	
	.price-wrapper .price-buttons .btn{ margin-top: 15px; }
	.price-wrapper .lease-button .btn{ margin-top: 15px; }
	.price-wrapper .price-block .btn.btn-tertiary{ padding: 8px 15px; width: 100%;  }
	.modal .modal-content .modal-body .locations-inventory .btn.btn-tertiary{ width: 100%; }

	.images .card .card-img{ min-height: 300px; height: 300px; }
	.price-service-package .row{ margin: 0 -2.5px; }
	.price-service-package .col-4{ padding: 0 2.5px; }
	.price-service-package .service-block{ padding: 7px; }
	.price-service-package .service-block h3{ font-size: 1rem; }
	.price-service-package .service-block p{ font-size: 0.6rem; margin-top: 2px; }
	.price-service-package .service-block .more-information{ font-size: 0.9rem; top: 0; right: 5px; }

	.images .card .card-img .item .playbutton{ max-width: 50px; }
	.images .card .slider-nav .block .item .playbutton{ max-width: 30px; }

	.wizard-steps .wizard-step .wizard-buttons{ display: flex; flex-direction: column; }
	.wizard-steps .wizard-step .wizard-buttons .btn{ width: 100%; margin-bottom: 5px !important; }
	.wizard-steps .wizard-step .wizard-buttons .btn.btn-secondary{ order: 2; }
	.wizard-steps .wizard-step .wizard-buttons .btn.btn-success{ order: 1; }
	.bg-secondary{ padding: 7px 25px; }
	
	#form-step-1 .step-1 .step-1-biketype .circle{ width: 100px; height: 100px; }
	#form-step-1 .step-1 .step-1-biketype .circle img{ max-width: 65px; }
	#form-step-1 .step-1 .step-1-biketype h6{ font-size: 0.9rem; }

	.booqable-component #booqable-launcher{ bottom: 90px !important; right: 2% !important; }

	.modal.shopping .modal-dialog-vertical .modal-body { padding: 20px 20px; }
	.modal.shopping .modal-dialog-vertical .modal-body .body-block{ margin: 25px 0 35px 0; }
	.modal.shopping .modal-dialog-vertical .modal-body .body-block .col-6.col-sm-3{ margin-bottom: 10px; }
	.modal.shopping .modal-dialog-vertical .modal-footer{ padding: 30px 20px; }
	.modal.shopping .modal-dialog-vertical .modal-footer .total-buttons .btn{ padding: 8px 20px; }
	
}