@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
html{
	font-size: 62.5%;
}
.aanbod-header{
	background: #1c1c1c;
}
.car-filter h2{
	letter-spacing: 0.96px;
}
.car-filter select, .car-filter-btn{
	border-radius: 22px;
	padding: 9px 30px 9px 18px;
	font-family: 'NunitoSansRegular';
	font-size: 1.6rem;
}
.car-filter select{
	border: 1px solid #1c1c1c;
	color: #1c1c1c;
	letter-spacing: 0.32px;
	appearance: none;
	-webkit-appearance: none;
	background: url(../images/dwn-arw.svg) #fff no-repeat 90% center / 10px;
	text-overflow: ellipsis;
}
.car-filter option{
	font-family: arial;
}
.car-filter-btn{
	background: #c21414;
	border: 1px solid #c21414;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.car-filter-btn:hover{
	background: #121212;
	border-color: #121212;
}
.car-filter [class*="col"], .car-list [class*="col"]{
	padding: 0 10px;
}
.car-filter .row.custom-row, .car-list .row.custom-row{
	margin: 0 -10px;
}
.reset-button{
	color: #C21414;
	font-size: 1.6rem;
	line-height: 24px;
}
.overflow-hidden{
	overflow: hidden;
}
.car-list-content{
	background: #FCFCFC;
	padding: 30px 20px 0;
}
.car-list-content h4, .car-price h5{
	font-size: 2rem;
	font-family: 'NunitoSansBold';
}
.car-list-content h6{
	color: #101824;
	opacity: .7;
	font-size: 1.6rem;
	margin: 8px 0 22px;
	height: 20px;
  	overflow: hidden;
}
.car-list-content p{
	letter-spacing: 0.32px;
	line-height: normal;
}
.car-price{
	padding: 20px 0;
	margin-top: 25px;
	z-index: 1;
}
.car-price:before{
	position: absolute;
	top: 0;
	content: '';
	width: 100vw;
	height: 100%;
	background: #1c1c1c;
	left: 50%;
	margin-left: -50vw;
	z-index: -1;
}
.car-price h5{
	color: #fff;
}
.car-price span{
	font-family: 'NunitoSansRegular';
	color: rgba(246, 248, 250, 0.70);
	margin-left: 8px;
}
.car-list a, .car-price:before{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.car-list a:hover .car-price:before{
	background: #c21414;
}
/*==============aanbod-dtl============*/
.car-detail-top h2{
	font-family: 'NunitoSansBold';
}
.car-detail-top p{
	font-size: 2rem;
  	opacity: .7;
  	margin-top: 5px;
  	text-align: unset;
}
.car-detail-slider .swiper-button-prev img, .car-detail-slider .swiper-button-next img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
	width: 24px;
  	height: 24px;
}
.car-detail-slider .swiper-button-prev{
	left: 7%;
}
.car-detail-slider .swiper-button-next{
	right: 7%;
}
.car-detail-slider .position-absolute{
	bottom: 0;
	height: 90px;
}
.car-detail-content, .car-detail-slider .position-absolute{
	background: #1c1c1c;
}
.car-detail-content li span, .contact-detail , .contact-detail a{
	color: rgba(255, 255, 255, 0.50);
	font-family: 'NunitoSansRegular';
	font-size: 1.6rem;
	letter-spacing: 0.16px;
}
.car-detail-content td, .contact-detail h5{
	color: #fff;
	font-family: 'NunitoSansBold';
	font-size: 2.4rem;
	letter-spacing: 0.24px;
}
.car-detail-content td img{
	margin-right: 8px;
  	margin-top: -5px;
}
.contact-image{
	width: 68px;
	height: 68px;
	overflow: hidden;
}
.contact-image img{
	object-fit: cover;
}
.contact-detail h5{
	margin-bottom: 5px;
}
.contact-detail a:hover{
	text-decoration: underline;
}
.car-detail-content hr{
	border-color: rgba(255,255,255,0.2);
  	margin: 30px 0;
}
.car-detail-btn{
	font-family: 'NunitoSansBold';
	font-size: 1.6rem;
	background: #fff;
	color: #121212;
	padding: 0 25px;
	height: 48px;
  	line-height: 48px;
	border-radius: 100px;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.car-detail-btn:hover{
	background: #C21414;
	color: #fff;
}
.car-detail-btn.inruilen-btn{
	background: rgba(37, 211, 102, 0.5);
	padding-left: 12px;
  	padding-right: 20px;
}
.inruilen-btn span {
	height: 34px;
  	width: 34px;
	background: #25D366;
}
.inruilen-btn span img {
  	width: 18px;
}
.share-btn{
	font-family: 'NunitoSansRegular';
}
.car-detail-tab ul.nav-tabs{
	gap: 80px;
	border-color: #D9D9D9;
}
.tab-button{
	font-family: 'NunitoSansBold';
	color: #1c1c1c;
	font-size: 2.3rem;
	letter-spacing: 0.23px;
	border: 0;
	border-bottom: 1px solid transparent;
 	padding-bottom: 20px;
 	cursor: pointer;
}
.car-detail-tab .tab-button.active{
	border-color: #C21414;
}
.car-detail-tab .tab-content h4{
	font-family: 'NunitoSansBold';
	margin-bottom: 22px;
}
.car-detail-tab .tab-content li, .kenmerken-btn{
	font-family: 'NunitoSansRegular';
	font-size: 1.6rem;
	color: #121212;
}
.kenmerken-tab-block table{
	width: 100%;
	margin-bottom: 45px;
	font-size: 0;
}
.kenmerken-tab-block td{
	border-bottom: 1.5px solid #d9d9d9;
	padding: 8px 0;
	width: 50%;
	vertical-align: top;
	color: #1D1D1D;
	font-size: 1.6rem;
	font-family: "Plus Jakarta Sans", serif;
	font-weight: 500;
}
.kenmerken-tab-block td:nth-child(even){
	color: rgba(29, 29, 29, 0.70);
}
.kenmerken-top-content td{
	width: 16%;
  	display: inline-block;
  	vertical-align: top;
  	padding: 25px 50px;
  	font-family: 'NunitoSansRegular';
}
.kenmerken-top-content tr:last-child{
	border-bottom: 0;
}
.kenmerken-btn{
	color: #C21414;
	font-family: 'NunitoSansBold';
}
.opties-tab ul{
	list-style-type: disc;
	padding-left: 15px;
}
.opties-tab li{
	margin-bottom: 8px;
}
.opties-tab h4{
	font-family: 'NunitoSansBold';
  	margin-bottom: 22px;
  	border-bottom: 1px solid rgba(0,0,0,0.2);
  	padding-bottom: 10px;
}