html{
	font-size: 62.5%;
}
.aanbod-header .common-wrap{
	padding-left: 0;
}
.aanbod-header .navbar-brand{
	margin-left: 60px;
}
.wrap-div{
	padding-left: 8%;
	padding-right: 8%;
}
.car-filter select, .car-list-content .price-div .d-flex.rounded-circle, .back-button .share-button .rounded-circle, 
.car-detail-slider .common-arrow, .car-detail-content .lease-button, .car-detail-content .online_payment_widget_main_div .open_description{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.car-filter select{
	font-size: 1.6rem;
	border-radius: 5px;
	border: 1px solid rgba(68, 71, 79, 0.40);
	padding: 12px 32px 12px 20px;
	appearance: none;
	-webkit-appearance: none;
	background: url(../images/arw.svg) no-repeat center right 20px /11px;
	text-overflow: ellipsis;
}
.car-filter select, .car-filter .reset-btn{
	font-family: 'open_sansregular';
	color: #44474F;
}
.car-filter select option{
	font-family: arial;
}
.car-filter select:hover{
	background-color: #12317D !important;
  	color: #fff;
  	background-image: url(../images/arw-white.svg);
}
.car-filter .reset-btn{
	font-size: 1.4rem;
}
.car-filter .reset-btn:hover{
	color: #12317D;
}
.car-list a.d-block{
	background: #496CC1;
}
.car-list-content{
	padding: 20px 20px 15px;
}
.car-list-content h6{
	color: #fff;
	font-family: 'open_sanssemibold';
	font-size: 2rem;
	line-height: 140%;
	height: 26px;
  	overflow: hidden;
}
.car-list-content p{
	font-size: 1.6rem;
	line-height: 175%;
	text-align: left;
	height: 56px;
  	overflow: hidden;
  	margin-top: 3px;
}
.car-list-content p, .car-list-content li{
	color: #fff;
	font-family: 'open_sansregular';
}
.car-list-content ul{
	margin-top: 15px;
}
.car-list-content li{
	font-size: 1.3rem;
	border-radius: 10px;
	border: 1px solid #fff;
	padding: 4px 7px;
	margin-right: 4px;
	margin-top: 10px;
}
.car-list-content li img{
	margin-right: 3px;
	margin-top: -3px;
}
.car-list-content hr{
	width: 100vw;
  	margin-left: -50vw;
  	left: 50%;
  	opacity: .4;
}
.car-list-content .price-div h6, .car-list-content .price-div p{
	height: auto;
	line-height: normal;
}
.car-list-content .price-div p{
	color: rgba(255, 255, 255, 0.70);
	margin-top: 4px;
}
.car-list-content .price-div p span{
	color: #fff;
}
.car-list-content .price-div .d-flex.rounded-circle{
	border-color: #fff !important;
	width: 38px;
	height: 38px;
}
.car-list a.d-block:hover .d-flex.rounded-circle{
	background: #12317D;
	border-color: #12317D !important;
}
/*==========aanbod-detail===========*/
.akker_btn_cls.default-btn{
	font-size: 1.6rem;
	padding-left: 25px;
	padding-right: 80px;
}
.akker_btn_cls.default-btn::after{
	right: 25px;
}
.back-button .akker_btn_cls{
	padding-right: 50px;
}
.back-button h5{
	color: #1A241F;
}
.back-button .share-button .rounded-circle{
	width: 40px;
	height: 40px;
	border: 1px solid rgba(26,36,31,0.5);
}
.back-button .share-button:hover .rounded-circle{
	background: #12317D;
	border-color: #12317D;
}
.back-button .share-button:hover .rounded-circle img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.car-detail-slider .common-arrow{
	width: 78px;
	height: 78px;
	background: #ECEDF0;
}
.car-detail-slider .swiper-arrows{
	width: calc(8% + .75rem);
	background: red;
}
.car-detail-slider .swiper-button-prev{
	margin-top: -83px;
}
.car-detail-slider .common-arrow:not(:hover) img, .car-detail-tab .nav-tabs button span.position-relative:before{
	filter: brightness(0) invert(0);
	-webkit-filter: brightness(0) invert(0);
}
.car-detail-slider .swiper-button-prev img{
	transform: rotate(180deg);
}
.car-detail-slider .common-arrow:hover{
	background: #12317D;
}
.car-detail-content h3{
	color: #12317D;
	font-size: 4.8rem;
	letter-spacing: normal;
}
.car-detail-content h5{
	color: #44474F;
	margin-top: 8px;
}
.car-detail-content .lease-button, .car-detail-content .online_payment_widget_main_div a.go_to_payment_link, 
.car-detail-content .online_payment_widget_main_div .open_description{
	border-radius: 5px;
	background-color: #7CB45B;
	color: #FFF;
	border: 1px solid #7CB45B;
	font-family: 'bebas_neueregular';
	font-size: 1.6rem;
	padding: 19px 25px;
}
.car-detail-content hr{
	background-color: #44474F;
  	opacity: 1;
}
.car-detail-content table{
	width: 100%;
}
.car-detail-content td{
	color: #1c1c1c;
	font-family: 'open_sansregular';
	font-size: 1.6rem;
	letter-spacing: 0.16px;
	text-transform: uppercase;
	vertical-align: top;
  	padding-right: 10px;
}
.car-detail-content td span{
	display: block;
	margin-top: 5px;
	font-size: 1.8rem;
	letter-spacing: 0.18px;
	font-family: 'OpenSansBoldItalic';
}
.car-detail-content .online_payment_widget_main_div{
	margin: 0;
}
.car-detail-content .online_payment_widget_main_div a.go_to_payment_link {
	background-color: #7CB45B !important;
	color: #FFFFFF !important;
	background-image: url("../images/online_payment_widget/lock.svg"), 
	url("../images/online_payment_widget/ideal_img.png"), 
	url("../images/online_payment_widget/plus_sign.svg");
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 14px 20px, 83% center, 93% center;
	background-size: 18px, 20px, 14px;
	width: 100%;
	max-width: 240px;
	display: inline-block;
	margin: 0;
	padding-left: 40px;
}
.car-detail-content .online_payment_widget_main_div .open_description{
	margin: 0;
	border-color: rgba(0, 0, 0, 0.2);
	color: #44474F !important;
	width: auto;
}
.car-detail-content .lease-button:hover, .car-detail-content .online_payment_widget_main_div .open_description:hover{
	background-color: #12317D !important;
  	border-color: #12317D;
	color: #fff !important;
}
.car-detail-content .left-line{
	top: -30px;
  	height: calc(100% + 118px);
  	background: url(../images/line.svg) no-repeat top/ contain;
  	width: 3px;
}
.car-detail-tab .nav-tabs{
	gap: 20px;
}
.car-detail-tab .nav-tabs button{
	border-radius: 5px;
	border: 1px solid #1c1c1c;
	color: #1c1c1c;
	font-family: 'bebas_neueregular';
	font-size: 1.6rem;
	padding: 14px 35px;
}
.car-detail-tab .nav-tabs button span.position-relative:before{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -2px;
	content: '';
	width: 11px;
	height: 11px;
	background: url(../images/arw.svg) no-repeat center /contain;
}
.car-detail-tab .nav-tabs button.active{
	background-color: #12317D !important;
	color: #fff;
}
.car-detail-tab .nav-tabs button.active span.position-relative:before, 
.car-list.new-car-slide a.d-block:hover .d-flex.rounded-circle img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.car-detail-tab .tab-content{
	background: #ECEDF0;
  	padding: 30px 40px 40px;
}
.new-kenmerken-tab ul{
	font-size: 0;
  	position: relative;
  	display: flex;
  	flex-wrap: wrap;
  	position: relative;
}
.new-kenmerken-tab ul:before{
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 5px;
	background: #ECEDF0;
	z-index: 1;
	border-bottom: 1px solid rgba(28, 28, 28, 0.15);
}
.new-kenmerken-tab li{
	width: 33.33%;
  	display: inline-block;
	vertical-align: top;
	padding: 20px 10px 20px 20px;
	position: relative;
	border-bottom: 1px solid rgba(28, 28, 28, 0.15);
}
.new-kenmerken-tab table{
	width: 100%;
}
.new-kenmerken-tab td{
	vertical-align: top;
	width: 50%;
	font-family: 'open_sansregular';
	font-size: 1.6rem;
	color: rgba(28, 28, 28, 0.70);
	letter-spacing: 0.32px;
	line-height: 24px;
	word-break: break-word;
}
.new-kenmerken-tab td span, .new-kenmerken-btn{
	font-family: 'open_sansregular';
	color: #1c1c1c;
	font-size: 2rem;
}
.new-kenmerken-tab td span{
	padding-left: 14px;
  	display: inline-block;
  	position: relative;
}
.new-kenmerken-tab td span:before{
	position: absolute;
	top: 8px;
	left: 0;
	content: '';
	width: 7px;
	height: 7px;
	background: #12317D;
	border-radius: 100%;
}
.new-kenmerken-tab .more-features{
	display: none;
}
.new-kenmerken-btn{
	cursor: pointer;
}
.opties-tab ul{
	list-style-type: disc;
	padding-left: 15px;
}
.opties-tab li{
	font-family: 'open_sansregular';
	font-size: 1.6rem;
	color: #1c1c1c;
	margin-bottom: 10px;
}
.opties-tab li::marker{
	color: #12317D ;
}
.opties-tab h5{
	border-bottom: 1px solid #0F1014;
  	padding-bottom: 10px;
  	color: #0F1014;
  	font-family: 'open_sanssemibold';
  	margin-bottom: 20px;
}
.car-detail-contact-block .mx-auto{
	background: #ECEDF0;
	max-width: 1220px;
}
.car-detail-contact-block img.w-100, .car-detail-contact-block .bg-white, .car-detail-contact-block .form-control{
	border-radius: 5px;
}
.car-detail-contact-block .bg-white{
	padding: 25px 45px;
}
.car-detail-contact-block .bg-white li{
	font-family: 'bebas_neueregular';
	font-size: 1.6rem;
	line-height: normal;
	border-bottom: 1px solid rgba(18, 49, 125, 0.18);
  	padding-bottom: 8px;
}
.car-detail-contact-block .bg-white li:not(:last-child){
	margin-bottom: 25px;
}
.car-detail-contact-block .bg-white a{
	color: #12317D;
}
.car-detail-contact-block .bg-white a:before{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	content: '';
	width: 11px;
  	height: 11px;
	background: url(../images/btn-arrow.svg) no-repeat center /contain;
}
.car-detail-contact-block .form-control{
	color: rgba(51, 52, 57, 0.7);
	font-family: 'open_sansregular';
	font-size: 1.4rem;
	border: 0;
	padding: 18px 34px;
	box-shadow: none !important;
	resize: none;
}
.car-list-content table{
	width: 100%;
}
.car-list-content td{
	font-family: 'open_sanssemibold';
	color: #FFF;
	font-size: 1.6rem;
}
.car-list-content td span{
	height: 30px;
}
.car-list-content td img{
	width: 20px;
}
.new-car-slide .car-list-content .price-div .d-flex.rounded-circle{
	background: #FFF;
	border-color: 255, 255, 255, 0.50 !important;
}