@import "fonts.css";
@import "common-class.css";
body {
	padding: 0px;
	margin: 0px;
    color: #fff;
	font-size: 1.6rem;
    font-family: 'InterRegular';
}
html {
    font-size: 62.5%;
}
.dblock{
	display:none;
}
#menu {
	display: none;
}
.mm-current {
	display: block !important;
}
#mobile-contact-bar {
    display: none;
}
.add_morgan_footer_margin{
	height: 100px !important;
}
.header-area{
	background-color:rgba(13, 19, 23, 0.7);
	height:auto;
}
.is-hidden{
	background-color: #0C1317;
	border-bottom: 1px solid #2b2b2b;
}
/*****************side area****************/
.mini-right-nav li{
    margin: 0 0 2px;
    padding: 0;
    width: 50px;
    display: block;
    position: relative;
}
.mini-right-nav li .navtext{
    position: relative;
	display: flex;
	align-content: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: .5rem;
	z-index: 0;
}
.mini-right-nav span {
    font-family: 'lama_sansmedium';
	font-size: 1.4rem;
    font-size:0px;
    bottom: 0;
    right: 40px;
    line-height: 51px;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 0;
	-webkit-transition: 0.50s;
	-moz-transition: 0.50s;
	transition: 0.50s;
}
.mini-right-nav span:after{
	position: absolute;
	top: 0;
	right: -47px;
	width: calc(100% + 67px);
	content: '';
	background-color: #ffffff;
	height: 48px;
	-webkit-transition: 0.50s;
	-moz-transition: 0.50s;
	transition: 0.50s;
	z-index: -1; 
}
.mini-right-nav .navtext:hover span{ 
	width:calc(100% + 12rem);
	width: auto;
	overflow:visible;
	opacity:1;
	padding: 0 5px 0px 0px; 
	border-radius: 0;
	font-size: 1.4rem;
}
.mini-right-nav span:hover:after{
	position: absolute;
    top: 0;
    right: -42px;
    width: calc(100% + 100px);
}
.whtasapp-nav .navtext:hover span {
	color: #fff;
}

.mini-right-nav .navtext:hover span img {
	display: block;
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}
.mini-right-nav .navtext span, .mini-right-nav .navtext span a{
	color:#0078BE;
}
.mini-right-nav .whtasapp-nav span:after{
	background-color: #26BE00;
}
.mini-right-nav img{
	width: 20px;
	position: relative;
	z-index: 1;
}
.mini-right-nav{
	position: fixed;
	top: 30%;
	z-index: 100;
	right: 0px;
}
/*****************header****************/
.menu-icon:after{
	width: 14px;
	margin-right: 0;
    margin-left: auto;
}
.header-area .nav_menu_right_part{
	position: relative;
	z-index: 99;
	top: 1rem;
	right: 0;
}
.menu-navigation{
	padding-top: 12rem;
}
.header-area .nav-link{
	font-size: 1.4rem;
	font-family: 'InterRegular';
	letter-spacing: 2.8px;
}
.header_inner{
	padding: 0;
}
.menu-items.active {
    width: 33rem;
}
.header-area .navbar-collapse{
	justify-content: space-between;
}
.menu-icon{
	margin-left: 0;
	top: 5px;
}
.header-area .navbar-expand-lg .navbar-nav .nav-link{
	margin: 0;
} 
.header-area .nav-item{
	margin-left: 7rem;
}
.navbar-brand img{
	width: 24rem;
}
/* =========== home-banner =========== */
.home-banner{
	position: relative;
	z-index: 0;
}
.home-banner::after{
	background-color: #0C1317;
	z-index: 9;
}
.down-arrow img{
	width: 3.2rem;
}
.down-arrow{
	position: absolute;
	right: 10rem;
	bottom: 5rem;
	z-index: 10;
	cursor: pointer;
	z-index: 11;
}
.banner-content h5{
	font-family: 'InterRegular';
	margin-bottom: 1rem;
}
.banner-content{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	z-index: 1;
}
.banner-content .akker_btn_cls{
	width: 17rem;
}
.banner-content li .white-btn{
	margin-top: 2rem;
}
/* ====== product-car ====== */
.home-product{
	background-color: #0C1317;
	padding: 7rem 0;
}
.home-product::after{
	background-color: #040C10;
}
.home-product p span{
	color: #0082C4;
}
.home-product-slider{
	position: relative;
	margin-top: 6.5rem;
}
.home-product .akker_btn_cls{
	position: relative;
	z-index: 2;
}
.each-slider{
	background-color: #040C10;
}
.each-slider-btm{
	display: none;
	
}
.small-car{
	display: none;
	margin-top: 1rem;
}
.each-slider-content{
	padding: 0 3rem;
	text-align: center;
	position: relative;
}
.each-slide-product-name{
	text-align: center;
	padding: 2rem 0;
}
.each-slide-product-name h6{
	font-family: 'intermedium';
	font-size: 2rem;
	margin-bottom: 1rem;
}
.each-slide-product-name p{
	font-size: 1.4rem;
	max-width: 36rem;
	margin: auto;
	height: 42px;
  	overflow: hidden;
}
.each-slider-table table{
	width: 100%;
}
.each-slider-table tr{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 36rem;
    margin: auto;
}
.each-slider-table td{
	flex: 0 0 auto;
    width:50%;
	margin-bottom: 1rem;
	font-size: 1.6rem;
	display: flex;
	align-items: center;
}
.each-slider-table td img{
	margin-right: 1rem;
}
.car-price h5{
	padding: 5rem 0 3rem;
	font-size: 2rem;
	text-align: center;
}
.car-price h5 span{
	color: #0082C4;
	font-family: 'InterRegular';
}
.each-slider-content::before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    width: 6rem;
    height: 6rem;
    background-color: #0C1317;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    z-index: 20;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background-image: url(../images/down-arrow.svg);
    background-size: 2rem;
    background-position-x: 3.2rem;
    background-position-y: 3.2rem;
    background-repeat: no-repeat;
	z-index: 0;
}
.each-slider-btm p{
	font-size: 1.6rem;
	position: relative;
	padding: 2.7rem ;
	background-color: #0082C4;
	text-transform: uppercase;
	margin-bottom: 0;
}
.each-slider-btm p::after{
	position: absolute;
	position: absolute;
    right: 3rem;
    bottom: 0;
    content: "";
    width: 2rem;
    height: 100%;
    z-index: 20;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background-image: url(../images/down-arrow.svg);
    background-size: 2rem;
    background-position:center;
    background-repeat: no-repeat;
	transform: rotate(-90deg);
	filter: brightness(0) invert(1);
}
.each-slider:hover .each-slider-content::before{
		background-color: #0082C4;
		background-image: none;
}
.each-slider{
	margin-bottom: 6rem;
}
.home-product .swiper-button-prev{
	left: -8%;
	z-index: 0;
}
.home-product .swiper-button-next{
	right: -8%;
	z-index: 0;
}
/* =======home-gal=========  */
.each-gal{
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.home-gal-content{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 36%;
	text-align: center;
	padding: 4rem 2rem;
	backface-visibility: visible;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.home-gal-content p{
	visibility: hidden;
	max-width: 25rem;
	margin: 0 auto;
	letter-spacing: .32px;
}
.home-gal-sec {
	position: relative;
	z-index: 9;
	background-color: #040C10;
	padding-top: 6rem;
	overflow: hidden;
}
.each-gal::before{
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
}
.each-gal hr{
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 130, 196, 1);
	width: 100%;
	height: 0;
	opacity: 1;
	margin: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.each-gal::after{
	position: absolute;
    right: -0.5px;
    bottom: 0;
    content: "";
    width: 6rem;
    height: 6rem;
    background-color: #040C10;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    z-index: 20;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background-image: url(../images/right-arrow.svg);
    background-size: 2rem;
    background-position-x: 3.2rem;
    background-position-y: 3.2rem;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.each-gal:hover .home-gal-content{
	top: 0;
}
.each-gal:hover .home-gal-content p{
	visibility:visible;
}
.each-gal:hover hr{
	height: 6px;
}
.each-gal:hover::after{
	background-color: #0082C4;
	background-image: url(../images/white-right-arrow.svg);
}
.each-gal:hover::before{
	background-color: rgba(0, 0, 0, 0.7);
}
.each_before_the_flood_block:after{
	background-color: transparent;
	opacity: 1;
}
.each_before_the_flood_block:hover:after{
	background-color:rgba(0, 0, 0, 0.7) ;
	opacity: 1;
}
.home-each-gal{
	position: relative;
	z-index: 1;
}
.home-gal-sec h3:not(.before_the_flood_heading h3){
	margin-bottom: 4.7rem;
}
.each_before_the_flood_block::before{
	position: absolute;
	right:-0.5px;
	bottom: 0;
	content: "";
	width: 6rem;
	height: 6rem;
	background-color: #040C10;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	z-index: 20;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	background-image: url(../images/right-arrow.svg);
	background-size: 2rem;
	background-position-x: 3.2rem;
    background-position-y: 3.2rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
.home-each-gal hr{
	margin: 0;
	opacity: 1;
	background-color: transparent;
	height: 6px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	position: absolute;
	width: 100%;
	left:0;
	bottom: 0;
	z-index:5;
}
.home-each-gal:hover .each_before_the_flood_block::before{
	background-color: #0082C4;
	background-image: url(../images/white-right-arrow.svg);
}
.home-each-gal:hover hr{
	background-color: #0082C4;
}
.home-mid{
	background-color: #040C10;
  	position: relative;
  	margin-top: -10rem;
}
.home-mid-img{
	background-attachment: fixed;
	clip-path: polygon(80% 50%, 100% 0, 100% 100%, 87% 100%, 0 100%, 0% 50%);
	webkit-clip-path: polygon(80% 50%, 100% 0, 100% 100%, 80% 100%, 0 100%, 0% 50%);
    height: 620px;
}
.each_before_the_flood_block:hover .before_the_flood_heading{
	margin-bottom: 6rem;
}
.each_before_the_flood_block:hover .before_the_flood_inner{
	margin-top: -6rem;
}
.before_the_flood_content{
	max-width: 22rem;
}
.home-mid::after{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 29rem;
	width: 29rem;
	content: "";
	background-color: #fff;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.home-btm {
	color: #121212;
	background-color: #fff;
	padding: 6rem 0 17rem;
}
.home-btm::after{
	background-color: #0082C4;
}
.home-btm-content{
	position: relative;
	padding-right: 6rem;
}
.home-btm-content h3{
	margin-bottom: 6rem;
}
.home-btm-content-btn{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.home-btm-content-btn h6{
	font-family: 'InterItalic';
	font-size: 1.8rem;
	font-style: italic;
	max-width: 42rem;
	margin-left: auto;
	margin-right: 2rem;
	text-align: right;
}
.home-btm-content p{
	padding-bottom: 10rem;
}
.home-btm-img{
	height: 100%;
	position: relative
}
.home-btm-img img{
	height: 100%;
	object-fit: cover;
}
.home-btm-img::after{
	position: absolute;
	right: -.5px;
	bottom: -.5px;
	height: 6rem;
	width: 6rem;
	content: "";
	background-color: #fff;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	/* z-index: 999; */
	/* clip-path: polygon(100% 0, 0% 100%, 100% 100%); */
}
/* ========= counter ========== */
.counter-sec{
	background-color: #0082C4;
	padding: 0 0 14rem;
	text-align: center;
	/* clip-path: polygon(85% 40%, 100% 0, 100% 66%, 100% 100%, 0 100%, 0 40%);
	-webkit-clip-path: polygon(85% 40%, 100% 0, 100% 66%, 100% 100%, 0 100%, 0 40%); */
	/* position: relative; */
}
.counter-sec::after{
	background-color: #0C1317;
}
.tringle-after{
	position: relative;
}
.tringle-after::after{
	position: absolute;
	right: 0;
    bottom: 0;
    height:29rem;
    width: 29rem;
	content: "";
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.counter-sec h3{
	padding-top: 10rem;
}
.home-btm-img ,
.each-counter{
	position: relative;
	z-index: 1;
}
.each-counter h5{
	font-size: 7.2rem;
	margin-bottom: 1rem;
}
.each-counter h6{
	font-family: 'intermedium';
	font-size: 1.8rem;
}
.counter-sec .row{
	margin-top: 8rem;
}
/* =========== google-review ============ */
.google-review{
	/*background-color: #0C1317;*/
	padding: 10rem 0 15rem;
}
.google-review::after{
	background-color: #040C10;
}
.google-review h3{
	margin-bottom: 6rem;
    color: #0C1317;
}
.google-review img{
	position: relative;
	z-index: 9;
}
/* ====== footer ====== */
.footer-area{
	background-color: #040C10;
	padding: 8.4rem 0;
}
.footer-area::after{
	background-color: #0082C4;
}
.footer-logo{
	text-align: center;
	margin-bottom: 4.6rem;
}
.footer-logo img{
	width: 24rem;
}
.footer-area hr{
	margin: 0;
	height: 3.5rem;
	opacity: 1;
	background-color: #0082C4;
	width: 100%;
	left: 0;
	bottom: 0;
	position: absolute;
}
.footer-area h6{
	font-family: 'intermedium';
	letter-spacing: 6.4px;
	margin-bottom: 3rem;
	text-transform: uppercase;
	font-size: 1.6rem;
}
.footer-area .menu li a{
	position: relative;
	margin-bottom: 1rem;
	display: inline-block;
	color: #fff;
	letter-spacing: 1.6px;
	padding-left: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.footer-area .menu li:last-child{
	margin-bottom: 0;
}
.footer-area .menu li a::after{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	height: 1.8rem;
	width: 1.8rem;
	background-image: url(../images/right-arrow.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	visibility: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	opacity: 0;
}
.footer-area .menu li a:hover::after{
	visibility: visible;
	opacity: 1;
}
.footer-area .menu li a:hover{
	padding-left: 2.5rem ;
	text-decoration: none;
}
.footer-area a:hover{
	text-decoration: underline;
}
.policy{
	position: relative;
    top: 8rem;
	right: -7rem;
    z-index: 5;
	text-align: end;
}
.policy a{
	font-size: 1.2rem;
	letter-spacing: 1.2px;
}
.opening p{
	margin-bottom: 0;
}
.adres p,
.contact p,
.opening tr:first-child{
	margin-bottom:3rem;
	display: block;
	letter-spacing: 1.6px;
}
.contact a{
	letter-spacing: 1.6px;
}
.opening table{
	width: 100%;
}
.opening td{
	display: flex;
	flex-direction: column;
}
/* %%%%%%%%%%%%%%% aanbod-list %%%%%%%%%%%%%%%%%% */
.aanbod-list-top{
	background-color: #0C1317;
	padding: 20rem 0 0;
}
.aanbod-list-top .heading{
	text-align: center;
	margin-bottom: 4.8rem;
}
.filter{
/*	max-width: 86rem;*/
	margin: auto;
}
.filter .col-2{
	width: 15%;
}
.aanbod-product{
	background-color:#0C1317 ;
	padding: 10rem 0 12rem;
}
.aanbod-product::after{
	background-color: #fff;
}
.aanbod-product .each_before_the_flood_block{
	height: 100%;
}
.aanbod-product .home-each-gal{
	height: calc(100% - 6rem);
}
.aanbond-select-option-btn {
    width: 100%;
    font-size: 1.8rem;
    color: #fff;
    border: 0;
    padding: 0.5rem 1.5rem;
	font-family: 'InterRegular';
    -webkit-appearance: none;
    cursor: pointer;
    background: transparent;
    background: url(../images/white-down-arrow.svg) transparent no-repeat 85% center/10px;
}
.aanbond-select-option-btn option{
	background-color: #0C1317;
	border: 0;
	font-family: arial;
}
.aanbod-btm{
	padding-bottom: 4rem;
}
.aanbod-btm::after{
	background-color: #040C10;
}
.aanbod-btm .home-btm-content{
	max-width: 78rem;
	margin: auto;
	text-align: center;
}
.aanbod-btm .home-btm-content p{
	letter-spacing: 0.32px;
	text-align: center;
}
/* %%%%%%%%%%%%%% DIENSTEN LIST %%%%%%%%%%%%%%%% */
.inner-banner::after{
	background-color: #0C1317;
}
.diensten-top{
	background-color: #0C1317;
}
.diensten-top .home-btm-content{
	color: #fff;
	position: relative;
	z-index: 5;
}
.diensten-top .home-btm-content p{
	padding-bottom: 30px;
}
.diensten-gal{
	padding-bottom: 18rem;
}
.diensten-gal::after{
	background-color: #fff;
}
/* ===== form ==== */
.form-sec{
	padding: 10rem 0 5.5rem;
}
.form-sec button{
	padding-left: 2rem;
	padding-right: 2rem;
}
.form-sec::after{
	background-color: #0C1317;
}
.form-sec h3{
	margin-bottom: 7.4rem;
	color: #121212;
}
.form-styl {
    border: 0;
    margin: 1rem 0;
    padding:2.4rem;
    resize: none;
    font-size: 1.6rem;
    font-family: 'InterRegular';
    color: #171717;
    border-radius: 0;
	background-color: #F5F5F5;
}
.form-styl:focus {
	color:#171717;
	box-shadow: none;
	border: 0;	
	background-color: #F5F5F5;
}
.form-styl:-ms-input-placeholder{
	color: #171717;
	opacity: 1;
	background-color: #F5F5F5;
}
.form-styl::placeholder{
	color: #171717;
	opacity: 1;
	background-color: #F5F5F5;
}
textarea.textarea-control {
    min-height: calc(100% - 2rem);
}
.form-sec button:not(.import-form .col-sm-6 button){
	margin-top: 4.3rem;
}
.form-sec button::after{
	display: none;
}
/* %%%%%%%%%%%%%% diensten-dtl %%%%%%%%%%%%% */
.back-btn {
    background-color: #0C1317;
    margin-bottom: -15rem;
    padding-top: 10rem;
}
.back-btn .akker_btn_cls{
	background-color: transparent;
	border: 1px solid #0082C4;
	padding: 1.3rem 2rem 1.3rem 4rem;
}
.back-btn .akker_btn_cls:hover{
	background-color: #0082C4;
	border-color: #0082C4;
}
.back-btn .akker_btn_cls::after{
	right: auto;
	left: 1rem;
	transform:  translateY(-50%) rotate(180deg);
}
.diensten-dtl-mid{
	background-color:#0C1317 ;
	margin-top:-10rem ;
}
.diensten-dtl-voord-left{
	color: #121212;
	padding-right: 22%;
}
.diensten-dtl-voord-left p{
	margin: 7.3rem 0 3.5rem;
	letter-spacing: .32px;
}
.diensten-dtl-voord-left li{
	position: relative;
	padding-left: 3rem;
	margin-bottom: 3rem;
}
.diensten-dtl-voord-left li:last-child{
	margin-bottom: 0;
}
.diensten-dtl-voord-left li::after{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	height: 2rem;
	width: 2rem;
	background-image: url(../images/right-arrow.svg);
	background-size: 1.4rem;
	background-repeat: no-repeat;
	background-position: center;
}
.diensten-dtl-voord-left .opening{
	margin-top: 4rem;
}
.diensten-dtl-voord{
	padding: 10rem 0 20rem;
}
.diensten-dtl-voord::after{
	background-color: #0C1317;
}
/* =================== why-us  ======================== */
.why-us-sec{
	background-color: #0C1317;
	color: #fff;
}
.why-us-sec p{
	opacity: .75;
	padding-bottom: 0;
}
.why-us-sec .home-btm-content{
	/* padding-left: 12rem; */
	max-width: 67rem;
	margin: auto;
}
.why-us-sec::after {
	background-color: #fff;
}
.why-us-sec .home-btm-img::after{
	background-color:#0C1317 ;
}
/* .form-img-left {
	height: calc(100% - 10rem);
} */
/* .form-img-left img{
	height: 100%;
	object-fit: cover;
} */
.form-img-left h5{
	color: #121212;
	letter-spacing: 8px;
	margin-top: 1rem;
}
.form-img-left p{
	color: #0082C4;
}
.diensten-dtl-slider{
	position: relative;
	background-color: #0C1317;
	padding: 10rem 0 6rem;
}
.diensten-dtl-slider .each_before_the_flood_block {
	padding: 2rem 0;
}
.diensten-dtl-slider h3{
	margin-bottom: 7rem;
}
.diensten-dtl-slider .akker_btn_cls{
	margin-top: 10rem;
}
.diensten-dtl-slider .common-arrow{
	z-index: 0;
}
.diensten-dtl-slider .swiper-button-next{
	right: 6%;
}
.diensten-dtl-slider .swiper-button-prev{
	left:6%;
}
/* ============ contact ============ */
.contact-top .heading{
	position: relative;
	z-index: 5;
}
.contact-top{
	padding-bottom: 10rem;
	position: relative;
	z-index: 5;
}
.map{
	background-color: #0C1317;
	-webkit-clip-path: polygon(76% 30%, 100% 0, 100% 100%, 87% 100%, 0 100%, 0% 31%);
    clip-path: polygon(76% 30%, 100% 0, 100% 100%, 87% 100%, 0 100%, 0% 31%);
    z-index: 9;
}
.map .home-mid-img{
	padding: 0;
	height: 72rem;
	background-attachment: unset;
	margin-top: -23rem;
	-webkit-clip-path:unset;
	clip-path: unset;
}
.map::after{
	background-color: #fff;
}
.map .home-mid-img {
    padding: 0;
    height: 72rem;
    background-attachment: unset;
 
}
.caption-voord .contact a{
	color: #121212;
}
.caption-voord .contact a{
	margin-bottom: 3rem;
	display: block;
	letter-spacing: 1.6px;
  	font-family: 'interlight';
}
.caption-voord .contact a:hover{
	text-decoration: underline;
}
.caption-voord h3{
	margin-bottom: 5rem;
}
.caption-voord .diensten-dtl-voord-left p{
	margin: 0;
	letter-spacing: 1.6px;
  	font-family: 'interlight';
}
.caption-voord tbody{
	display: flex;
	justify-content: space-between;
	max-width: 58rem;
	width: 100%;
}
.contact-form{
	background-color: #0C1317;
}
.contact-form h3{
	color: #fff;
}
.contact-btm-slider{
	background-color:#0C1317 ;
	padding: 8rem 0 4rem;
}
.contact-btm-slider .swiper{
	margin-top: 4rem;
}
.contact-btm-slider .swiper-button-next{
	right: 0;
}
.contact-btm-slider .swiper-button-prev{
	right: 3rem;
	left: auto;
}
/* =========== overons ============ */
.inner-banner h5{
	font-family: 'InterRegular';
}
.team-top-heading {
	color: #121212;
	max-width:75rem;
	text-align: center;
	margin: auto;
}
.team-top-heading p{
	letter-spacing: .23px;
	margin: 7.5rem 0;
}
.team-member{
	padding-bottom: 16rem;
}
.team-member::after{
	background-color: #0082C4;
}
.each-taem-member{
	position: relative;
}
.team-member-content{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 3.5rem;
}
.team-member-content h5{
	font-family: 'intersemi_bold';
	letter-spacing: 9.6px;
}
.verkocht-slider-btm .col-6 p{
	height: 100%;
	text-align: center;
	font-size: 1.4rem;
}
.verkocht-slider-btm p::after{
	display: none;
}
.verkocht-slider-btm .col-6:first-child p{
	color: #0082C4;
	background-color: #fff;
}
.car-price.text-start h5{
	padding-bottom: 5rem;
}
.car-price.text-start p{
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	visibility: hidden;
}
.each-slider:hover .car-price.text-start p{
	visibility: visible;
}
/* ============ aanbod-dtl ============== */
.aanbod-back-btn{
	margin-bottom: 0;
	padding: 16rem 0 5rem;
}
.aanbod-dtl-slider{
	background-color: #0C1317;
	padding-bottom: 7rem;
}
.aanbod-dtl-slider .col-lg-8 {
  width: 75%;
}
.aanbod-dtl-slider .col-lg-4 {
  width: 25%;
}
.aanbod-dtl-slider img.w-100{
	height: 100%;
	object-fit: cover;
}
.aanbod-dtl-slider .common-arrow{
	width: 3rem;
	height: 3rem;
	background: #0082C4;
}
.aanbod-dtl-slider .common-arrow img{
	width: 7px;
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.aanbod-dtl-slider .swiper-button-next{
	right: 0;
}
.aanbod-dtl-slider .swiper-button-prev{
	left: 0;
}
.overlay{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	background-image: url(../images/add.svg);
	background-position: center;
	background-size: 2rem;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
.overlay p{
	font-size: 1.4rem;
	margin-bottom: 5rem;
}
.aanbod-dtl-table-sec{
	background-color: #0C1317;
	padding-bottom: 2rem;
}
.aanbod-dtl-table-sec::after{
	background-color: #040C10;
}
.aanbod-dtl-table-sec h2{
	font-size: 3.6rem;
	font-family: 'intermedium';
}
.aanbod-dtl-table-sec h5{
	font-family: 'InterRegular';
	color: #C5C8CE;
	margin-bottom: 3rem;
}
.aanbod-dtl-table-sec table{
	width: 100%;
}
.aanbod-dtl-table-sec table h6{
	font-family: 'InterRegular';
	font-size: 2rem;
	padding-top: 2.2rem;
	padding-bottom: .5rem;
}
.aanbod-dtl-table-sec table p{
	font-family: 'interlight';
	font-size: 1.8rem;
	margin-bottom: 0;
	padding-bottom: 2.2rem;
}
.aanbod-dtl-table-sec tr {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.aanbod-dtl-table-right .akker_btn_cls::after{
	display: none;
	justify-content: center;
}
.aanbod-dtl-table-right .white-btn{
	background-color: #fff;
	margin-bottom: 2rem;
	justify-content: center;
	position: relative;
  	z-index: 1;
}
.aanbod-dtl-table-right .white-btn:hover{
	background-color: #000;
	color: #fff;
}
.aanbod-dtl-table-right-mid{
	background-color: #0082C4;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding-top: 1.6rem;
	margin-bottom: 2rem;
}
.aanbod-dtl-table-right-mid p{
	font-family: 'intersemi_bold';
	font-size: 1.8rem;
}
.aanbod-dtl-table-right-mid p span{
	max-width: 33rem;
	margin: 1rem auto 1rem;
	display: block;
	font-family: 'InterRegular';
	font-size: 1.6rem;
	padding: 0 1.2rem;
}
.aanbod-dtl-table-right-mid h5{
	color: #fff;
	font-family: 'InterRegular';
}
.green-btn{
	background-color: #26BE00 !important;
	justify-content: center;
}
.aanbod-dtl-table-right .col-sm-6 .green-btn, .aanbod-dtl-table-right .col-sm-6 .akker_btn_cls {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
/****aanbod-dtl-tab-area****/
.aanbod-detail-tab-area{
    background-color: #040C10;
    padding: 9rem 0 16rem;
    position: relative;
}
.aanbod-detail-tab-area::after{
	background-color:#fff ;
}
.aanbod-detail-tab-area .tab-btn .nav-tabs .nav-item {
	margin: 0;
	word-break: break-word;
	margin-right: 2rem;
	margin-bottom: 1rem;
}
.aanbod-detail-tab-area .tab-btn .nav-tabs .nav-item .nav-link {
	border: 1px solid #fff;
	background-color: #fff;
	font-family: 'InterRegular';
	text-transform: uppercase;
	font-size: 1.8rem;
	color: #0082C4;
    line-height: 2.4rem;
	opacity: 1;
	padding: 1rem 2rem;
	border-radius: 0;
	border: 0;
}
.aanbod-detail-tab-area .tab-btn .nav-tabs .nav-item .nav-link:hover,
.tab-btn .nav-tabs .nav-item .nav-link.active {
	background: #0082C4;
	color: #fff;
}
.nav-item
.aanbod-detail-tab-area .tab-content ul li {
	font-family: 'interlight';
	font-size: 1.8rem;
	color: #fff;
	padding-bottom: 1rem;
	word-break: break-word;
    line-height: 2.5rem;
}
.dtl-tab-content-heading h2 {
	/* margin: -5rem 0 7rem; */
}
.dtl-tab-content-heading h3{
    /* margin: -4rem 0 3rem; */
    margin: 3rem 0;
}
.kenmerken-tab ul li {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}
.bullet-panel li, .kenmerken-tab ul li {
	margin-bottom: 1rem;
}
.kenmerken-tab ul li:nth-child(odd) {
	background-image: url(../images/bullet.svg);
	background-repeat: no-repeat;
	background-position: left top .7rem;
	padding-left: 1.3rem;
	background-size: 0.7rem;
    font-family: 'InterRegular';
}
.aanbod-detail-tab-area .tab-btn .nav{
    /* justify-content: end; */
}
.bullet-panel h5 {
	border-bottom: 1px solid #fff;
	padding-top: 2rem;
	padding-bottom: 1.5rem;
	color: #fff;
	margin-bottom: 3rem;
}
.dtl-tab-sec .tab-content p {
	color: #e02525;
	font-size: 1.8rem;
}
.each-onderhoud-block {
	display: flex;
	margin-bottom: 2rem;
}
.left-bg-block {
	width: 14rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0082C4;
	font-size: 1.6rem;
	line-height: 2.4rem;
}
.block-dtls {
	width: calc(100% - 14rem);
	border: 1px solid #0082C4;
	border-left: 0;
	padding: 2rem 1.5rem 0.5rem;
	min-height: 20rem;
}
.left-bg-block h6 {
	line-height: 3rem;
	font-size: 1.6rem;
    font-family: 'interbold';
}
.each-onderhoud-block h4 {
	font-size: 2.2rem;
	text-transform: none;
}
.each-onderhoud-block p {
	margin: 1rem 0 3rem;
}
.aanbod-detail-tab-area .bullet-panel li {
	position: relative;
	padding-left: 1.2rem;
}
.aanbod-detail-tab-area .bullet-panel li:after {
	background-size: 0.7rem;
	position: absolute;
	top: .7rem;
	left: 0;
	content: '';
	width: 0.7rem;
	height: 0.7rem;
	background-image: url(../images/bullet.svg);
	background-repeat: no-repeat;
}
.aanbod-back-btn li{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.8rem;
	margin-right: 3rem;
}
.aanbod-back-btn .akker_btn_cls{
	background-color: #0082C4;
}
.aanbod-back-btn .akker_btn_cls:hover{
	background-color: transparent;
	border-color: #0082C4;
}
.aanbod-back-btn li:last-child{
	margin-right: 0;
}
.aanbod-back-btn li img{
	width: 2.4rem;
	margin-left: 1rem;
	margin-bottom: .5rem;
}
.import .each-slider-table{
	padding-bottom: 3rem;
}
.import .each-slider-content::before{
	background-color: #121212;
	background-image: none;
}
.import .each-slider:hover .each-slider-content::before{
	background-color: #121212;
}
.import-form .col-6 button{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.import-form .col-6 button:hover{
	background-color:#0082C4 ;
	color: #fff;
}
.import-form li{
	display: inline-block;
	color: #121212;
	margin: 0 2rem 2rem 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.import-form li.active{
	color: #0082C4;
	font-family: 'interbold';
}
.video_iframe {
	border:0;
	position:absolute;
	top:0;
	height:700px;
	width:100%;
}
.video_show {
	position:relative; 
	padding-top:35%; 
	margin: 5% 0 15% 0;
}
/* =============== pop up ========== */
.modal-area .modal-dialog {
    max-width: 880px;
    margin: 8% auto 0;
}
.modal-area .modal {
	background-color: rgba(18, 18, 18, 0.5);
}
.modal-area .popup-content h4 {
	color: #0E1011;
	font-family: 'interbold';
	font-size: 3.2rem;
	line-height: normal;
	letter-spacing: 3.2px;
	text-transform: uppercase;
}
.modal-area .popup-content p {
    color: #121212;
	font-family: 'InterRegular';
	font-size: 2rem;
	line-height: 28px;
	letter-spacing: 0.4px;
	margin: 20px 0 50px;
	opacity: .75;
}
.modal-area .popup-content {
    padding: 120px 100px;
}
.modal-area .close-img {
    top: 15px;
    right: 15px;
    z-index: 1;
}
.modal-area .close-img img {
    width: 36px;
}
.popup-content.tringle-after::after{
	background-color: #0082C4;
	height: 14rem;
    width: 18rem;
    bottom: -1px;
    right: -1px;
    display: block;
}
.modal-area .akker_btn_cls{
	padding: 1.6rem 4rem 1.6rem 2.5rem;
    font-size: 1.8rem;
}
/* ====== thankyou ====== */
.thankyou .akker_btn_cls{
	margin-top: 9.5rem;
	width: auto;
}
.privacy_section{
	background: #121212;
}
.inner-banner .banner-content{
	top: 65%;
	transform: translateY(-50%);
}


.grecaptcha-badge {
    display: none !important;
}
.adres a{
	color: #121212;
}
.aanbod-dtl-small-car img{
	cursor: pointer;
}
.pointer img{
	cursor: pointer;
}
.overlay{
	cursor: pointer;
}


/*********Morgen Footer************/
.morgeninternet-footer {
    background: #000000;
    width: 100%;
    height: 50px;
    display: block;
    text-align: center;
    transition: 0.3s all;
}

.morgeninternet-footer:hover {
    background: #202020;
    transition: 0.3s all;
}

.morgeninternet-footer > img {
    height: 30px;
    padding-top: 15px;
}

.cookie_div{
    position: fixed;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    padding: 0px 0;
}
.cookie_div{
    color:#9c9c9c;
    font-size: 12px;
    /*font-family: 'Calibri';*/
    font-family: 'arial';
}
.cookie_div h4{
    margin-bottom: 15px;
    font-size: 13pt;
    font-family: 'Calibri';
}
.cookie_div a{
    color:#38b6be;
    font-size: 10pt;
    font-weight:bold;
    margin-left:8px;
    font-family: 'Calibri';
}
.cookie_div button{
    color:#3c935c;
    background:#dbffe8;
    font-weight: bold;
    border: 0;
    padding: 10px 25px;
    margin:5px 0;
    cursor: pointer;
    font-size: 12px;
    /*font-family: 'Calibri';*/
    font-family: 'arial';
}
.light_theme{
    background:rgba(255, 255, 255, 0.83);
    -webkit-box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.6); 
    box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.6);
}
.dark_theme{
    background: rgba(0, 0, 0, 0.78);
    -webkit-box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.65); 
    box-shadow: 0px -3px 3px -1px rgba(203,203,203,0.65);
}
.light_theme h4{
    color:#2a2a2a;
}
.dark_theme h4{
    color:#c9c9c9;
}
/****aanbod dtl****/
.kenteken_np{
    background-image: url(../images/kenteken_plaat/kenteken_plaat.png);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    padding: 4px 0 6px 30px;
}

.star_icon h4{
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-top: 15px;
    margin-bottom: 15px;
    /*color: #1c1c1c;*/
    border-bottom: 1px solid #1c1c1c;
    text-transform: uppercase;
}
.star_icon p img{
    width: 15px;
    margin-top: -3px;
    margin-right: 5px;
}
.star_icon p{
    font-family: 'NunitoSansRegular';
    font-size: 16px;
 /*   color: black;*/
    padding-bottom: 6px;
    word-break: break-word;
}
.photo_contnt li img{
    width: 15px;
    margin-left: 5px;
}
.star_icon h3 {
    margin: 40px 0 30px;
}
.aanbod-detail-tab-sec .tab-content .star_icon p {
    margin: 0;
}
.bullet-panel h3 {
    margin-bottom: 30px;
}
.cursor{
    cursor:pointer;
}
.footer-area .menu li a.active{
	padding-left: 2.5rem;
    text-decoration: none;
}
.footer-area .menu li a.active::after{
	visibility: visible;
	opacity: 1;
}
.print_pdf_cls {
    width: 25px;
    margin-right: 15px;
    margin-top: -5px;
}
#tab1 .cm_btn{
	background-color: #121212;
}
#tab1 .cm_btn:hover{
	background-color: #2c2c2c;
}

.a-button {
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
}
.a-button.active {
    text-decoration: none;
    background-color: #0082C4;
    color: #ffffff;
}

.a-button:hover {
    text-decoration: none;
    background-color: #0082C4;
    color: #ffffff;
}

.import-form {
	padding-bottom: 10.5rem;
}


.btn1, .btn2 {
	cursor: pointer;
}
.footer-adress-section a {
    color: white;
}
.imp-form-btn{
	position: relative;
    max-width: 39rem;
    /* padding: 1.3rem 4rem 1.3rem 2rem; */
    padding: 2rem 2rem;
    /* background-color: rgba(0, 131, 196, 0.7); */
    background-color: #0082C4;
    color: #fff;
    font-family: 'InterRegular';
    display: inline-block;
    font-size: 1.6rem;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border-radius: 0;
    border: 0;
    letter-spacing: 0.4px;
}
.bovg-logo img {
    width: 95px;
    margin-left: 20px;
}
.aanbod-section-block h3 {
    margin-bottom: 40px;
}
span.list-monthly-price {
    display: inline-flex;
}
.details-monthly-price {
    display: flex;
    justify-content: end;
    cursor: pointer;
}
.footer-bovg-logo .bovg-logo {
    width: 95px;
    margin-top: 30px;
}
.filter-reset{
	background: none !important;
}
.form-1, .form-2{
	display: none;
	padding-top: 0px;
}
.details-mnt-amount {
	display: flex;
    justify-content: center;
    cursor: pointer;
}