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

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

.images .card{ position: relative; }
.images .card .card-img{ padding: 50px; min-height: 550px; border: 1px solid var(--darkblue); display: flex; align-items: center; justify-content: center; }
.images .card .card-img .item{}
.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-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; }

.options{}
.options h1{ font-size: 24px; font-weight: 400; margin-bottom: 0; }
.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 h4{ margin: 15px 0 5px 0; font-size: 1rem; }
.options .form-group .form-group-option{}
.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 20px; }
.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: -5px; 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{ border-color: var(--grey); }
.options .form-group .form-group-option button.btn.btn-circle.active:before{ content: ""; border: 1.5px 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 .btn.btn-primary.cal{ margin: 15px 0 40px 0; }

/* ===================== PRICE BLOK ===================== */
.price-wrapper .price-container{ margin-bottom: 10px; }
.price-wrapper .price-container .price-block{ border: 1px solid #ccc; padding: 5px 23px 20px 20px; position: relative; height: 100%; font-size: 1rem; }
.price-wrapper .price-container .price-block.active{ border: 2px solid var(--green); border-radius: 7px; line-height: 1.3; }
.price-wrapper .price-container .price-block.active: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: 60px; height: 60px; 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 .price-container .price-block .price-info:before{ content: 'i'; background: var(--grey); border-radius: 100%; position: absolute; top: 10px; left: 10px; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; } */
.price-wrapper .price-container .price-block .price{ font-size: 2.6rem; font-weight: 600; margin-bottom: 4px; }
.price-wrapper .price-container .price-block .stock.out{ margin: 0; }
.price-wrapper .price-container .price-block i{ margin-left: 3px; font-size: 0.8rem; color: var(--darkblue); }
.price-wrapper .price-container .price-block .row{ margin-top: 5px; }
.price-wrapper .price-container .price-block .btn.btn-tertiary{ margin: 0; }

.price-wrapper .price-service-package{ margin-top: 25px; }
.price-wrapper .price-service-package a{ color: var(--darkblue) !important; }
.price-wrapper .price-service-package .service-block{ border: 1px solid var(--grey); border-radius: 5px; padding: 10px; height: 100%; position: relative; }
.price-wrapper .price-service-package .service-block:hover{ border: 1px solid var(--darkblue); }
.price-wrapper .price-service-package .service-block.selected{ border: 1px solid var(--darkblue); }
.price-wrapper .price-service-package .service-block h4{ margin: 0; }
.price-wrapper .price-service-package .service-block p{ font-size: 0.8rem; font-style: italic; margin-bottom: 0; }
.price-wrapper .price-service-package .col-4:last-child .service-block{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.price-wrapper .price-service-package .col-4:last-child .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: -1px; right: auto; height: auto; width: calc(100% + 2px); border-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid var(--darkblue); }
.price-wrapper .price-service-package .service-block .more-information{ position: absolute; top: 5px; right: 10px; }

.price-wrapper .explain-video{ margin-top: 50px; }
.price-wrapper .explain-video i{ color: var(--red); }
.price-wrapper .explain-video i.fa-sharp.fa-solid.fa-circle-play{ font-size: 24px; }
.price-wrapper .explain-video span{ text-decoration: underline; margin: 0 10px; }
.fslightbox-container.color-blue{ background:  rgba(var(--overlayblue),0.9) !important; }

.price-wrapper .explain-video{}
.price-wrapper .explain-video .explain-thumbnail{ position: relative; overflow: hidden; border-radius: 5px; }
.price-wrapper .explain-video .explain-thumbnail i{ color: var(--red); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.price-wrapper .explain-video .explain-thumbnail i.fa-sharp.fa-solid.fa-circle-play{ font-size: 2rem; }
.price-wrapper .explain-video h5{ font-size: 1.1rem; font-weight: 700; margin-bottom: 0; }
.price-wrapper .explain-video p{ font-size: 1rem; font-style: italic; }



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

/* ===================== MODAL ===================== */
.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%; }

.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.stock{ z-index: 99999; }

.modal .modal-content{ padding: 20px 30px; }
.modal .modal-content .modal-header{ border-bottom: 1px solid var(--darkblue); padding: 10px 0 25px 0; }
.modal .modal-content .modal-header h5{ font-weight: bold; }
.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; }


/* ===================== DESCRIPTION ===================== */
.description .card{ margin-bottom: 0; }
.description .card .card-title{ margin-bottom: 0; }
.description .card .card-title h4{ margin-bottom: 0; }
.description .card .card-body .small_description{ font-family: 'Open Sans', sans-serif !important; font-size: 1.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{ font-family: 'Open Sans', sans-serif !important; font-size: 1.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{ font-family: 'Open Sans', sans-serif !important; font-size: 1.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; }

.specs .card .card-title h4{  }
.specs .card .card-body table{ margin-left: -2rem; }
.specs .card .card-body table *{ border: 0 !important; }
.specs .card .card-body table tr{ border: 0 !important; }
.specs .card .card-body table tr:nth-child(odd){ background: var(--lightgrey); }
.specs .card .card-body table tr td{ padding: 0.5rem 2rem; color: var(--darkblue); width: 50%; }
.specs .card .card-body table tr td:nth-child(2){ font-weight: 700; }
.specs .card .card-body a{  }

.filters .stock, 
.options .stock,
.locations-wrapper .stock{ font-size: 1rem; 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; }

/* ===================== 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-container .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 .price-container .price-block .btn.btn-tertiary{ padding: 8px 25px; margin-top: 10px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 1199px){
	.specs .card .card-body table{ margin-left: 0; }
	.specs .card .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; }
}

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

	.booqable{ margin-top: 40px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 767px){
	.images .card .card-img{ min-height: 400px; }
	table.table tr th .sr-hide{ display: none; }
	.price-wrapper .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; }
	.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){
	.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; }
}

/* --------------------------------------- */
@media only screen and (max-width: 479px){
	.btn{ width: auto; }
	.price-wrapper .price-buttons .btn{ margin-top: 15px; }
	.price-wrapper .lease-button .btn{ margin-top: 15px; }
	.price-wrapper .price-container .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; }
	.price-wrapper .price-service-package .row{ margin: 0 -2.5px; }
	.price-wrapper .price-service-package .col-4{ padding: 0 2.5px; }
	.price-wrapper .price-service-package .service-block{ padding: 7px; }
	.price-wrapper .price-service-package .service-block h4{ font-size: 1rem; }
	.price-wrapper .price-service-package .service-block p{ font-size: 0.6rem; margin-top: 2px; }
	.price-wrapper .price-service-package .service-block .more-information{ font-size: 0.9rem; top: 0; right: 5px; }

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

}