@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
    font-family: 'LamaSansRegular';
    src: url('../fonts/LamaSansRegular.eot');
    src: url('../fonts/LamaSansRegular.eot') format('embedded-opentype'),
         url('../fonts/LamaSansRegular.woff2') format('woff2'),
         url('../fonts/LamaSansRegular.woff') format('woff'),
         url('../fonts/LamaSansRegular.ttf') format('truetype'),
         url('../fonts/LamaSansRegular.svg#LamaSansRegular') format('svg');
}
html{
	font-size: 62.5%;
}
.overflow-hidden{
	overflow: hidden;
}
.top-0{
	top: 0;
}
.top-50{
	top: 50%;
}
.bottom-0{
	bottom: 0;
}
.translate-middle-y{
	transform: translateY(-50%);
}
.start-0{
	left: 0;
}
.end-0{
	right: 0;
}
.default-btn{
	color: #121212;
	font-family: "Inter", serif;
	font-size: 1.6rem;
	font-weight: 500;
	border: 1px solid #121212;
	padding: 12px 20px;
	display: inline-block;
}
.default-btn:hover{
	background: #121212;
	color: #fff;
}
.swiper-arw:after{
	display: none;
}
.swiper-arw img{
	width: 14px;
}
.swiper-arw.swiper-button-prev img{
	transform: rotate(180deg);
}
.heading-tag h1{
	font-family: "BentonSans medium";
	font-size: 6.4rem;
	line-height: 117.188%;
	letter-spacing: normal;
	padding-bottom: 0;
}
.heading-tag h1:after{
	display: none;
}
.heading-tag h2{
	font-family: "BentonSans medium";
	font-size: 4rem;
	line-height: normal;
}
.heading-tag h2 span{
	font-style: normal;
}
.heading-tag p{
	color: #121212;
	font-family: 'BentonSansRegular';
	font-size: 1.6rem;
	line-height: 158%;
	letter-spacing: 0.32px;
	text-align: left;
}
/*============header=============*/
header.position-fixed.top-0 li a, .each-div td, .contact-detail h6, .car-display, .each-filter select, .car-detail-top .back-btn{
	font-size: 1.6rem;
}
header.position-fixed.top-0{
	z-index: 3;
}
.default-btn, header.position-fixed.top-0, header.position-fixed.top-0 .custom-container li a:before, 
.toggle-icon, .toggle-icon:after, .toggle-icon:before, .toggle-icon div, .each-div, .each-div:hover,
.car-slide-content, .home-car-slider .price, .listcar{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
header.position-fixed.stiky{
	background: #121212;
}
header.position-fixed.top-0 .logo{
	width: 320px;
}
header.position-fixed.top-0 ul.d-flex{
	gap: 60px;
}
header.position-fixed.top-0 li a, .car-slide-content h5, .car-slide-content h6, .image-bottom h5{
	font-family: 'BentonSansRegular';
}
header.position-fixed.top-0 .custom-container li a:before{
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	content: '';
	height: 1px;
	background: #fff;
}
header.position-fixed.top-0 .custom-container li a:hover:before{
	width: 100%;
}
.toggle-icon {
	width: 16px;
	z-index: 6;
}
.toggle-icon:after, .toggle-icon:before, .toggle-icon div {
	display: block;
	background-color: #fff;
	content: '';
	height: 1px;
  	margin: 3px 0;
}
.toggle-icon.active:before {
  	transform: translateY(4px) rotate(135deg);
}
.toggle-icon.active div {
	transform: scale(0);
}
.toggle-icon.active::after {
	transform: translateY(-4px) rotate(-135deg);
}
.panel-left {
	left: 0;
	width: 100%;
	z-index: 2;
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	height: 100vh;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.panel-left-show {
	visibility: inherit;
	opacity: 1;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.menu-items {
	position: fixed;
	background: #121212;
	width: 0;
	height: 100vh;
	z-index: 3;
	overflow-x: hidden;
	overflow-y: auto;
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
}
.menu-items.active {
	width: 280px;
	right: 0;
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
}
.menu-navigation {
	padding: 120px 40px 30px;
}
.menu-items li{
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin-bottom: 20px;
}
.menu-items li a:hover{
	opacity: .5;
	color: #fff;
}
/*===========banner==========*/
.banner-area, .home-banner, .privacy-sec, .vercocht-area{
	margin-top: 115px;
}
.banner-area{
	height: calc(100vh - 115px);
	background: #000;
}
.banner-area .heading-tag{
	z-index: 2;
}
.banner-area img.h-100{
	object-fit: cover;
} 
.overlay{
	background: #121212;
	opacity: .2;
	z-index: 1;
}
.banner-bottom-content{
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	z-index: 1;
}
.banner-bottom-content .position-absolute{
	height: 290px;
	background: linear-gradient(180deg, rgba(18, 18, 18, 0.00) 0%, #121212 84.83%);
	z-index: -1;
}
.each-div td{
	opacity: .7;
	font-family: 'BentonSans medium';
	letter-spacing: 0.14px;
}
.each-div td span{
	font-family: 'BentonSansRegular';
	display: block;
	font-size: 1.4rem;
}
.each-div td img{
	margin-right: 20px;
}
.each-div{
	padding: 30px 10%;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	z-index: 1;
}
.each-div:hover{
	background: #FFF;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
}
.each-div:hover td, .each-div:hover .position-relative:after{
	opacity: 1;
}
.each-div:hover .position-relative:after, .each-div:hover img{
	filter: brightness(1) invert(1);
	-webkit-filter: brightness(1) invert(1);
}
/*==========product==========*/
.home-car-slider {
	position: relative;
	z-index: 0;
}
.car-slide-content{
	padding: 50px 25px 30px;
	background: #F0F0F0;
}
.car-slide-content h5{
  	line-height: 144.444%;
  	letter-spacing: normal;
}
.car-slide-content h6, .each-car:hover .price{
	color: #121212;
}
.car-slide-content h6{
	opacity: .6;
	margin-top: 15px;
}
.each-car:hover .car-slide-content{
	background: #121212;
}
.each-car:hover .car-slide-content h5, .each-car:hover .car-slide-content h6, .contact-detail h6{
	color: #fff;
}
.home-car-slider .price{
	background: rgba(18, 18, 18, 0.70);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	font-family: "BentonSans medium";
	padding: 8px 15px;
}
.each-car:hover .price{
	background: #fff;
}
.each-car .position-absolute.d-flex{
	gap: 7px;
  	bottom: -18px;
}
.home-car-slider .swiper-button-prev{
	left: -3%;
}
.home-car-slider .swiper-button-next{
	right: -3%;
}
/*=============home-service==============*/
.home-service{
	background: #121212;
	padding-top: 50px;
}
.home-bg-white{
	top: 0;
	right: 0;
	content: '';
	height: 180px;
	width: 100%;
	background: #fff;
	overflow: hidden;
}
.home-service:before, .home-bg-white:after{
	position: absolute;
	top: 0;
	right: 100px;
	content: '';
	width: 496px;
	height: 590px;
	background-image: url(../images/mask2.svg);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 1;
}
.home-bg-white:after{
	background-image: url(../images/mask2a.svg);
	background-position: top;
}
.home-service-content{
	padding: 90px 0 290px;
  	width: 50%;
  	z-index: 1;
}
.home-content-wrap:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background: #fff;
	width: calc(50% + 120px);
	box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.10);
	height: 100%;
	z-index: 1;
}
.home-service-content p{
	margin: 30px 0 50px;
}
.home-service-slider-wrap{
	height: 640px;
	margin-top: -200px;
}
.home-service-slider{
	position: absolute;
  	left: 0;
  	width: 100vw;
  	padding-left: 15px;
  	height: 450px;
}
.home-service-slider img.h-100, .car-detail-contact img.w-100{
	object-fit: cover;
}
.home-service-slider-wrap .swiper-arw{
	top: auto;
	bottom: 100px;
}
.home-service-slider-wrap .swiper-button-next{
	left: 45px;
	right: auto;
}
.home-service-slider-wrap .swiper-pagination-progressbar{
	position: absolute;
	bottom: 120px;
	width: calc(100% - 120px);
	height: 3px;
	background: rgba(255, 255, 255, 0.1);
	z-index: 99;
	margin-left: 80px;
}
.home-service-slider-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #fff;
}
.zoom-animation{
	overflow: hidden;
}
.zoom-animation, .zoom-animation img.w-100, .service-title{
	transition: all .3s ease-in-out;
}
.zoom-animation:hover img.w-100{
    transform: scale(1.1);
}
.service-infos{
	position: absolute;
  	bottom: 30px;
  	left: 0;
  	padding: 0 30px;
}
.service-title{
	transform: translateY(10px);
}
.service-title h4{
	color: #fff;
	font-family: 'BentonSans medium';
	letter-spacing: normal;
}
.zoom-animation:hover .service-title {
	transform: translateY(-10px);
}
.arrow-custom {
	overflow: hidden;
    transform: scaleY(0);
    opacity: 0;
    transition: all 0.3s ease-in-out;
  	color: #fff;
  	font-family: "Inter", serif;
	font-size: 1.6rem;
	font-weight: 500;
  	display: flex;
  	align-items: center;
  	grid-gap: 10px;
  	cursor: pointer;
}
.arrow-custom div {
	position:relative;
	display:flex;
	margin-top: 4px;
}
.arrow-custom div:before {
	content:'';
	position:absolute;
	width:16px;
	height: 1px;
	background: #fff;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translate(0,calc(-50% - 0.19px));
	transition: width 0.3s ease;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.arrow-custom svg{
	transition: all 0.3s ease;
  	transform: translate(5px,0);
}
.zoom-animation:hover .arrow-custom {
    overflow: visible;
    transform: scaleY(1);
    opacity: 1;
}
.arrow-custom:hover div:before {
    width: 16px;
}
.arrow-custom:hover svg {
    transform: translate(15px,0);
}
/*============content-sec==============*/
.image-div img, .form-block-image img{
	object-fit: cover;
}
.image-bottom{
	border: 1px solid rgba(255, 255, 255, 0.30);
	background: rgba(18, 18, 18, 0.90);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
  	max-width: 510px;
  	margin-top: -60px;
  	left: 90px;
}
.image-bottom h5, .image-bottom h6{
	color: #fff;
	font-size: 2rem;
	letter-spacing: normal;
}
.image-bottom h6 {
	font-family: "Alex Brush", cursive;
	font-weight: 400;
	margin-top: 10px;
}
.content-wrap p{
	margin-top: 30px;
}
.content-wrap table{
	width: 100%;
	margin: 10px 0 25px;
}
.content-wrap td{
	vertical-align: top;
	width: 50%;
}
.content-wrap td p{
	position: relative;
	padding-left: 18px;
}
.content-wrap td p:before{
	position: absolute;
	top: 7px;
	left: 0;
	content: '';
	width: 11px;
	height: 11px;
	background: url(../images/next.svg) no-repeat center /contain;
}
/*=============footer==============*/
.footer-block{
	background: #121212;
}
.footer-block .logo{
	width: 235px;
}
.contact-detail{
	max-width: 940px;
}
.contact-detail h6{
	font-family: 'BentonSans medium';
	margin-bottom: 14px;
}
.contact-detail p{
	font-family: 'LamaSansRegular';
}
.contact-detail td p, .contact-detail a{
	color: rgba(255, 255, 255, 0.7);
}
.contact-detail p, .contact-detail a:hover{
	color: #fff;
}
.contact-detail td{
	vertical-align: top;
	padding-right: 10px;
}
.contact-detail p span{
	font-family: 'BentonSansRegular';
	letter-spacing: 0.28px;
	font-size: 1.4rem;
	margin-top: 15px;
  	display: block;
}
.contact-detail .adres{
	left: 50px;
}
.contact-detail p a{
	white-space: nowrap;
}
.footer-block hr{
	background: rgba(255, 255, 255, 0.06);
}
.social-icons .d-md-flex{
	gap: 30px;
}
.social-icons a{
	border: 1px solid rgba(255, 255, 255, 0.2);
	width: 36px;
	height: 36px;
}
.social-icons a img{
	width: 16px;
}
.social-icons a .fa.position-relative{
	font-size: 18px;
	top: -1px;
}
.social-icons a:hover{
	background: #000;
}
.social-icons a.whatsapp-button{
	background: #25D366;
	border-color: #25D366;
}
/*============aanbod===========*/
.aanbod-header{
	background: #121212;
	border-bottom: 1px solid rgba(255,255,255,0.06);
}
.each-filter select, .car-display{
	color: #121212;
	font-family: "Inter", serif;
	font-weight: 500;
}
.each-filter select{
	appearance: none;
  	-webkit-appearance: none;
	border: 1px solid rgba(18,18,18,0.4);
  	padding: 13px 26px 13px 15px;
  	background: url(../images/dwn-arw.svg) transparent no-repeat 90% center;
  	text-overflow: ellipsis;
}
.each-filter select option{
	font-family: arial;
}
.car-display span{
	width: 48px;
  	height: 48px;
  	border: 1px solid rgba(18,18,18,0.4);
}
a.reset-div{
	color: #071116;
	font-family: "Inter", serif;
	font-size: 1.4rem;
	font-weight: 400;
}
/*=============aanbod-list===========*/
.listcar{
	background: #f0f0f0;
}
.listcar-content .mx-auto{
	max-width: 520px;
  	padding: 0 4%;
}
.listcar-content h5{
	font-size: 2rem;
	font-family: 'BentonSansRegular';
	letter-spacing: normal;
	margin-bottom: 30px;
	height: 50px;
  	overflow: hidden;
}
.listcar-content h4{
	font-family: 'BentonSansBold';
	letter-spacing: normal;
}
.listcar-content h4 span{
	opacity: .6;
	font-family: 'BentonSansRegular';
	font-size: 1.6rem;
	margin-left: 12px;
}
.listcar-content .car-thumb{
	margin-top: 35px;
}
.car-thumb{
	margin-right: -10px;
	margin-left: -2px;
}
.listcar:hover{
	background: #121212;
}
.listcar:hover h5, .listcar:hover h4{
	color: #fff;
}
/*===========aanbod-dtl============*/
.car-detail-top{
	background: #121212;
}
.car-detail-top .car-thumb .position-absolute{
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%);
	color: #000;
	font-family: 'BentonSansRegular';
	font-size: 1.6rem;
}
.car-detail-top .swiper-arw{
	width: 47px;
	height: 47px;
	border-radius: 100%;
}
.car-detail-top .swiper-arw.swiper-button-prev img{
	transform: rotate(180deg);
}
.car-detail-top .back-btn{
	font-family: "Inter", serif;
	font-weight: 500;
	margin-bottom: 30px;
}
.car-detail-top .back-btn span:before{
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	content: '';
	width: 10px;
	height: 10px;
	background: url(../images/slider-arw.svg) no-repeat center /contain;
	left: -5px;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.car-detail-top .back-btn:hover{
	text-decoration: underline;
}
.car-detail-top h5{
	font-size: 2rem;
	margin-top: 10px;
	height: 25px;
  	overflow: hidden;
}
.car-detail-top h5, .car-detail-top h4{
	color: #fff;
  	letter-spacing: normal;
}
.car-detail-top h3, .car-detail-top h5, .car-detail-price h6, .car-detail-price h4 span, .car-detail-top td{
	font-family: 'BentonSansRegular';
}
.car-detail-price, .car-detail-btn{
	border-top: 1px solid rgba(255, 255, 255, 0.11);
	border-bottom: 1px solid rgba(255, 255, 255, 0.11);
	padding: 32px 0;
}
.car-detail-price{
	margin: 32px 0;
}
.car-detail-top table{
	width: 100%;
	font-size: 0;
}
.car-detail-table td{
	vertical-align: top;
	width: 25%;
  	display: inline-block;
  	font-size: 1.5rem;
  	padding-bottom: 22px;
}
.car-detail-table td span{
	display: block;
	margin-bottom: 6px;
	word-break: break-word;
}
.car-detail-price h4 span, .car-detail-table td span{
	font-size: 1.4rem;
	opacity: .53;
}
.car-detail-price h4 span{
	display: inline-block;
	vertical-align: middle;
}
.car-detail-top h3{
	height: 50px;
  	overflow: hidden;
}
.car-detail-btn .default-btn{
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
}
.car-detail-btn .default-btn:hover{
	border-color: #fff;
	background: #fff;
	color: #121212;
}
.car-detail-contact li:first-child{
	width: 65px;
	height: 70px;
	margin-right: 15px;
}
.car-detail-contact li:last-child{
	width: calc(100% - 85px);
}
.car-detail-contact{
	font-family: 'BentonSans medium';
	font-size: 1.6rem;
	margin-top: 32px;
}
.car-detail-contact td a{
	font-family: 'BentonSansRegular';
	font-size: 1.4rem;
	text-decoration: underline;
	color: rgba(255, 255, 255, 0.7);
}
.car-detail-contact a:hover{
	color: #fff;
}
.car-detail-contact td img{
	width: 15px;
	margin-right: 10px;
	opacity: .7;
}
.car-detail-contact table{
	margin-top: 4px;
	width: auto;
}
.icons-div img{
	width: 20px;
  	opacity: .7;
}
.icons-div a:hover img{
  	opacity: 1;
}
.car-detail-tab .nav-tabs li a{
	color: #111111;
	font-family: "Inter", serif;
	font-size: 1.6rem;
	font-weight: 500;
	padding: 8px 14px;
	border-top-left-radius: 5px;
  	border-top-right-radius: 5px;
  	margin-right: 10px;
}
.car-detail-tab .nav-tabs li a.active{
	background: #121212;
	color: #fff;
}
.car-detail-tab .tab-content .dtl-tab1 ul {
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
}
.car-detail-tab .tab-content .dtl-tab1 li {
	width: 50%;
	position: relative;
	margin-bottom: 10px;
}
/*.car-detail-tab .tab-content .dtl-tab1 li:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 200vw;
	left: -100vw;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.04);
}*/
.car-detail-tab .tab-content .dtl-tab1 li table {
  	width: 100%;
}
.car-detail-tab .tab-content .dtl-tab1 li td {
	font-family: 'BentonSans medium';
	font-size: 1.6rem;
	color: #111111;
	width: 50%;
	vertical-align: top;
}
.car-detail-tab .tab-content .dtl-tab1 li td span {
  	opacity: .7;
  	font-family: 'BentonSansRegular';
}
.car-detail-tab .tab-content .dtl-tab1 li td:nth-child(odd){
	position: relative;
	padding-left: 12px;
}
.car-detail-tab .tab-content .dtl-tab1 li td:nth-child(odd):before{
	width: 5px;
	height: 5px;
	background: #111111;
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	border-radius: 100%;
}
.car-detail-tab .nav-tabs{
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
.opties-tab h5{
	font-family: 'BentonSans medium';
	border-bottom: 1px solid #121212;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.opties-tab li{
	color: #121212;
  	font-size: 1.6rem;
  	margin-bottom: 10px;
}
.opties-tab ul{
	list-style-type: disc;
	padding-left: 20px;
}
.left-bg-block {
	width: 140px;
	background: #121212;
	color: #fff;
	border-top-left-radius: 5px;
  	border-bottom-left-radius: 5px;
}
.left-bg-block p{
	color: #fff;
}
.block-dtls {
  	width: calc(100% - 140px);
  	border: 1px solid #121212;
	border-left: 0;
	padding: 15px;
	border-top-right-radius: 5px;
  	border-bottom-right-radius: 5px;
}
.block-dtls p{
	margin-bottom: 10px;
}
.car-detail-content .form_2.contact-form .row{
	margin: 0 -4px;
}
.car-detail-content  .form_1.contact-form .form-styl, .car-detail-content .form_2.contact-form .form-styl{
	padding-top: 16px;
  	padding-bottom: 16px;
  	height: auto;
  	line-height: normal;
}
/*============form==============*/
.form-block{
	background: #121212;
	z-index: 1;
}
.form-block:before, .form-block:after{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 200px;
	background: #fff;
	z-index: -1;
}
.form-block:after{
	top: auto;
	bottom: 0;
	height: 140px;
}
.form-block .custom-container{
	padding-bottom: 140px;
}
.form-block-image {
	width: 57%;
  	bottom: 0;
  	height: calc(100% - 320px);
  	left: 15px;
}
.form-block-image img.w-100{
	object-position: right;
}
.form-block .contact-form{
	margin-bottom: 170px;
  	z-index: 2;
  	position: relative;
}
.form-block-image:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background: linear-gradient(180deg, rgba(18, 18, 18, 0.60) 0%, rgba(18, 18, 18, 0.90) 100%);
	width: 100%;
	height: 100%;
}
.contact-infos{
	padding: 0 80px;
	bottom: 50px;
}
.contact-infos h6{
	font-family: 'BentonSans medium';
	color: #FFF;
	font-size: 2rem;
	margin-bottom: 24px;
}
.contact-infos p{
	font-family: 'LamaSansRegular';
	line-height: 150%;
}
.contact-infos td img{
	width: 20px;
  	margin-right: 14px;
  	margin-top: -5px;
}
.contact-infos td{
	padding-bottom: 22px;
}
.contact-infos a:hover{
	opacity: .7;
}
.cursor{
  	cursor: pointer;
}
.car-detail-btn .default-btn.trade-btn{
	background: #25D366;
	border-color: #25D366;
}
.trade-btn img{
	width: 20px;
  	margin-right: 10px;
  	margin-top: -2px;
}