@import "fonts.css";
@import "common-class.css";
body {
	padding: 0px;
	margin: 0px;
	font-family: 'robotoregular';
    font-size: 1.8rem;
    color: #292B2C;
	background-color: #F0F0F0;
}
html {
    font-size: 62.5%;
}
/* #page{
	overflow: hidden;
} */
.dblock{
	display:none;
}
#menu {
	display: none;
}
.mm-current {
	display: block !important;
}
#mobile-contact-bar {
    display: none;
}
.add_morgan_footer_margin{
	height: 100px !important;
}
/*****************for mobile menu*************/
#menu.mm-menu {
    background: #121212;
    border-color: rgba(255,255,255,0.1);
    color: #fff;
}
#menu.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: #fff;
}
#menu .mm-listview>li:not(.mm-divider):after{
	background-color: rgba(255,255,255,0.1);
}
/****captcha****/
.grecaptcha-badge{
	display:none;
}
/**********************************menu-part*********************************/
/****menu****/
.hide-desktop-menu .menu-items ul li {
	transform: translateX(-100%);
	opacity: 0;
	animation: fadeIn 1s forwards;
	animation-delay: 5s;
}
@keyframes fadeIn {
    to {
		opacity: 1;
		transform: translateX(0);
    }
}
.memu_right > div{
	/* transform: translateX(-100%); */
	opacity: 0;
	animation: memu_right 1s forwards;
	animation-delay: 5s;
}
@keyframes memu_right {
    to {
		opacity: 1;
		transform: translateX(0);
    }
}
.menu-div::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background:#1256A4;
	height: 100%;
	width: 100%;
	clip-path: polygon(60% 0%, 100% 0, 100% 100%, 50% 100%);
	/* z-index: 1; */
}
.menu-div::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.92);
	height: 100%;
	width: 100%;
}
.show-menu-div.menu-div::after {
	transform: translateX(0);
	animation: fadeInt 1s reverse;
	opacity: 1;
}
@keyframes fadeInt {
    to {
		opacity: 0;
		transform: translateX(100%);
    }
}
.menu-btn{
	height: 30px;
	/* width: 71px; */
	cursor: pointer;
	position: relative;
	
}

.menu-btn span,
.menu-btn span::before,
.menu-btn span::after {
	background: #fff;
	content: '';
	position: absolute;
	height: 1px;         
	margin-top: 13px; 
	-webkit-transition: .3s ease-in-out .3s;
	-moz-transition: .3s ease-in-out .3s;
	-o-transition: .3s ease-in-out .3s;
	transition: .3s ease-in-out .3s;
	right: 12px;
}
.menu-btn span::before {
	width: 26px;
	margin-top:-6px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin-left: auto;
	right: 12px;
}
.menu-btn span::after {
	width: 26px;
	margin-top:7px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.menu-btn span{
	width: 26px;
	/* margin-right: 2rem; */
	right: -12px;
}
.menu-btn.active span {
	background: transparent;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
	top: -12px;
}
.menu-btn.active span::before {
	margin-top:0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
	background-color: #151313;
}
.menu-btn.active span::after {
	margin-top:0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .5s;
	background-color: #151313;
}
.tt .menu-btn span::before,
.tt .menu-btn span,
.menu-icon:hover .menu-btn span::before,
.menu-icon:hover .menu-btn span{
	width: 26px;
}
.tt .menu-btn span::before,
.tt .menu-btn span::after{
	background: #F0F0F0 !important;
}
.desktop_menu{
	position: relative;
	z-index: 5;
}
.menu-div{
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	transform: translateX(-100%);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	z-index: 1;
}
.show-menu-div{
	transform: translateX(0);
}
.menu-bg img{
	height: 100vh;
	object-fit: cover;
}
.menu-content{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	min-height: 32rem;
	overflow: scroll;
}
.hide-desktop-menu  .menu_right li,
.hide-desktop-menu .logo{
	/* visibility: hidden; */
}
.menu-logo{
	margin-left: 20%;
}
.menu-logo img{
	width: 33rem;
}
.menu-items{
	/* padding-left: 20%; */
}
.menu-items h3{
	color: #151313;
	margin-bottom: 5rem;
	margin-top: 5rem;
}
.menu-items > ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	row-gap: 3vh;
	padding-left: 0;
	margin: 0;
	margin-top: 120px;
	list-style: none;
	/* background-color:#1256A4; */
}
.menu-items li{
	/* width: 49%; */
}
.menu-items ul ul {
	list-style: disc;
}
.menu-items > ul span,
.menu-items > ul li a:not(ul li li a) {
	line-height: 44px;
	color: rgba(240, 240, 240, 0.46);
	font-size: 3.6rem;
	width: max-content;
	position: relative;
}
.menu-items > ul ul li,
.menu-items > ul ul li a{
	color: rgba(240, 240, 240, 0.46);
}
.menu-items > ul ul li a {
	letter-spacing: 0.48px;
}
.menu-content-top {
	height: 100%;
	/* background: rgba(255, 255, 255, 0.92); */
}
.memu_right{
	height: 100%;
	display: flex; 
	flex-direction: column;
	justify-content: space-between; 
	padding:4.7rem 0 10rem;
	position: relative;
	padding-left: 28%;
}
.memu_right::after{
	content: '';
	position: absolute;
	right: -7px;
	top: 0;
	background:rgba(240, 240, 240, 0.18);
	height: 100%;
	width: 30%;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	z-index: 0;
}
.menu-contect .footer_social ul{
	justify-content: left;
	margin-top: 10vh;
}
.menu-contect h6{
	/* font-family: 'lama_sansextrabold';
    color: #151313;
	font-size: 1.6rem;
	margin-bottom: 3.2rem;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	font-style: italic; */
}
.menu-contect p,
.menu-contect a{
	color: #7F7575;
	font-style: italic;
}
.menu-contect a:hover{
	text-decoration: underline;
}


/****header****/
.header-area{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 3;
	padding: 29px 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	z-index: 99;
}
.logo img{
	width: 408px;
}
.menu_right ul{
	display: flex;
	column-gap: 30px;
	padding: 0;
	margin: 0;
	list-style: none;
}
.menu_right ul a {
	font-family: 'robotoregular';
	font-size: 1.8rem;
	letter-spacing: 1.8px;
	color: #292B2C;
}
.menu_right ul a:hover {
	color: #1256A4;
}
.menu_right li a::after {
    display: block;
    content: "";
    border-bottom: 2px solid #1256A4;
    transition: transform 250ms ease-in-out;
    transform: scaleX(0);
    transform-origin: 100% 100%;
    margin-top: .4rem;
}
.menu_right a:hover::after {
    transform: scaleX(1);
    transform-origin: 0px 100%;
}
.sticky-hidden{
	position: fixed !important;
	left: 0;
	top:0 ;
	background: #fff;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	z-index: 999;
	padding-top: 10px ;
	padding-bottom: 10px;
}
.header-area-right{
	display: flex;
	justify-content: end;
	align-items: center;
}
.menu-icon {
	position: relative;
	width: 9rem;
}
.inner-header .menu-icon p,
.sticky-hidden .menu-icon p{
	color: #1256A4;
}
.inner-header .menu-btn span,  
.inner-header .menu-btn span::before,
.inner-header .menu-btn span::after,
.sticky-hidden .menu-btn span,  
.sticky-hidden .menu-btn span::before,
.sticky-hidden .menu-btn span::after{
	background-color: #1256A4;
}

.menu-icon p{
	font-family: 'robotoregular';
	font-size: 1.8rem;
	position: absolute;
	cursor: pointer;
	left: 0;
	color: #F0F0F0;
	top: 2px;
	transition: all 0.5s;
}
.tt.menu-icon p{
	color: #F0F0F0;
}
.sticky-hidden .tt p{
	color: #F0F0F0;
}

.menu_right{
	display: flex;
	align-items: center;
    max-width: 74rem;
    margin-left: auto;
    margin-right: 0;
    column-gap: 9%;
}
.header_btn ul{
	display: flex;
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	column-gap: 14px;
	margin-right: 30px;
}
.user-login {
	margin-right: 34px;
}
.user-login a {
	display: flex;
	color: #F0F0F0;
	column-gap: 8px;
}
.user-login a p {
	color: #F0F0F0;
}
.sticky-hidden .user-login a p,
.inner-header .user-login a p {
	color: #292B2C;
}
.user-login span img{
	width: 15px;
}
.user-login span{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 27px;
	width: 27px;
	background-color: #F0F0F0;
	border-radius: 50%;
}
.close{
	opacity: 0;
}
.tt .close{
	opacity: 1;
	/* color: #151313; */
}
.tt .open{
	opacity: 0;
}
.menu-items a {
	display: inline-block;
	position: relative;
	color: #151313;
  }
  .menu-items a:hover{
	color: #F0F0F0;
  }
  .menu-items a:after {
	/* content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #151313;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out; */
  }
  /* .menu-items a:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
  } */
  .header_logo{
	width: 72px;
  }
.white_btn{
	background-color: #F0F0F0;
	border-color: #F0F0F0;
}

/* =============== home banner =================== */
.video_banner{
	height: 774px !important;
}
.video_banner video{
	object-fit: cover;
}
.banner-conent{
/*	padding-bottom: 126px;*/
	padding-top: 250px;
}
.banner-conent ul{
	list-style: none;
	padding-left: 0;
	display: flex;
	column-gap: 20px;
	margin-top: 50px;
}
.banner-conent h1{
	width: calc(100% + 35px);
}
.each-banner-slide{
	position: relative;
	/* clip-path: polygon(20% 0%, 100% 1%, 100% 100%, 0% 100%); */
}
.home-banner-content::before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 53%;
    height: 100%;
    background: rgba(240, 240, 240, 0.34);
    clip-path: polygon(0 0%, 100% 0%, 10vw 100%, 0% 100%);
    z-index: 2;
	pointer-events: none;
}
.home-banner-content{
	clip-path: polygon(30% 0%, 100% 0, 100% 100%, 0% 100%);
	position: relative;
	height: 100%;
}
/* ===== product ========= */
.porduct_slider{
	background: #1256A4;
	padding:68px 0 44px ;
}
.product_heading h2{
	padding: 47px 0;
	color: #F0F0F0;
}
.product_content h3{
	margin-top: 14px;
}
.product_content p{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: rgba(240, 240, 240, 0.70);
	height: 1lh;
	margin-bottom: 20px;
}
.product_content table{
	width: 100%;
}
.product_content td{
	font-size: 1.6rem;
	margin-top: 19px;
	letter-spacing: 0.48px;
}
.product_content td.common_btn {
	float: right;
}
.product_content span{
	display: block;
	color: rgba(240, 240, 240, 0.7);
}
.product-btn{
	text-align: center;
	margin-top: 73px;
}
.porduct_slider{
	position: relative;
	z-index: 5;
}
.porduct_slider::after{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	/* width: 73.4%; */
	/* width: 93%; */
	width: 98%;
	content: "";
	background-color: rgba(240, 240, 240, 0.15);
	clip-path: polygon(0 0, 50% 0, 71.6% 100%, 0% 100%);
	z-index: -1;
	/* background-image: url(../images/product-bg.svg); */
	background-repeat: no-repeat;
	background-size: cover;
	pointer-events: none;
}
.product-wrap .swiper-wrapper{
	margin-left: -15%;
}
.product-img{
	position: relative;
}
.hover_img {
	position: relative;
	height: 100%;
}
.hover_img::after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	height: 75px;
	width: 75px;
	background-color:rgba(18, 86, 164, 0.8);
	border: 1px solid rgba(240, 240, 240, 0.70);
	backdrop-filter: blur(2px);
	border-radius: 50%;
	background-image: url(../images/product_arrow.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	transition: all 0.5s;
	transform: translate(-50%, -50%);
}
.each-product:hover .hover_img::after{
	opacity: 1;
}
.each-product:hover .white_border_btn {
	border-color:#F0F0F0;
	background-color: #F0F0F0;
	color: #336DAF;
}
.each-product{
	position: relative;
}
.each-product-btn a{
	padding: 10px 10px !important;
}
.each-product-btn{
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	margin-left: auto;
	margin-right: 0;
}
.prict_table {
    padding-right: 91px;
}
/* ========== service sec  ======== */
.service_sec{
	padding: 135px 0 165px;
	position: relative;
}
.service_sec::after{
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	height: 50%;
	/* width: 55.5%; */
	width: 50.3%;
	background-image: url(../images/service_bg.svg);
	background-position: center;
	background-size: cover;
	pointer-events: none;
}
.service-heading{
	margin-bottom: 55px;
}
.service-heading p{
	margin: 14px 0 32px;
}
.service_sec .hover_img::after{
	/* opacity: 1; */
}
.service_content h3{
	color: #292B2C;
}
.swiper-slide{
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
 .service_content{
	position: relative;
	left: 0;
	/* margin-top: -115px; */
	/* transition: all 0.5s; */
}
.service_content h3{
	color: #fff;
	margin: 14px 0;
	padding-left: 50px;
	transition: all .2s;
	-webkit-transition: all .2s;
}
.service_sec .swiper-slide:hover .service_content{
	margin-top: 0;
}
.service_sec .swiper-wrapper {
	align-items: end;
}
.service_content p{
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	opacity: 0;
	height: 2lh;
}
.service_sec .swiper-slide{
	transition-delay: .6s;
}
.service_sec .swiper-slide:hover .service_content p{
	opacity: 1;
	-webkit-line-clamp: 2;
	transition: all .2s;
}
.service_sec .swiper-slide:hover .service_content h3{
	color: #292B2C;
	padding-left: 0;
}
.home_service_btm_left{
	padding-bottom: 105px;
	padding-top: 30px;
	padding-right: 30px;
}
.home_service_btm_right{
	position: relative;
	clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
}
.home_service_btm_right::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 60%;
    background: rgba(240, 240, 240, 0.34);
	clip-path: polygon(0% 0%, 100% -25%, 15vw 100%, 0% 100%);
    z-index: 2;
    pointer-events: none;
}
.home_service_btm_left h2{
	letter-spacing: 3.2px;
	margin-bottom: 14px;
}
.home_service_btm .nav-tabs .nav-link.active {
	color: #1256A4;
    background-color:transparent;
    border-color:transparent;
	padding: 0;
}
.home_service_btm .nav-link{
	color: #292B2C;
	padding: 0;
	position: relative;
}
.home_service_btm .nav-link::after{
	position: absolute;
	left: 50%;
	bottom: -19px;
	transform: translateX(-50%);
	content: "";
	height: 11px;
	width: 11px;
	background-color: rgba(18, 86, 164, 1);
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.home_service_btm .nav-tabs .nav-link.active::after{
	opacity: 1;
	pointer-events: all;
}
.home_service_btm .nav-tabs{
	align-items: center;
	column-gap: 22px;
	border-bottom: 1.5px solid rgba(15, 15, 15, 0.25);;
}
.btm-content {
	display: flex;
	margin-top: -80px;
	column-gap: 40px;
}
.btm-content .solid-btn:hover .round {
	background: #292B2C;
	border-color: #292B2C;
}
.btm-content .solid-btn:hover {
	color: #fff;
}
.home_service_btm .nav-tabs .nav-link:hover {
    border-color:transparent;
}
.service_slider .swiper{
	overflow-x: clip;
	overflow-y: visible;
}
.service_slider .swiper-slide{
	transition: all 0.5s;
}
.each_service {
	height: 525px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.service-img  {
	height: 100%;
}
.service-img img  {
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
/* .service_slider .swiper-slide:hover .each_service {
	top: -117px;
    position: relative;
} */


.service_slider .each_service:hover {
	/* top: -117px; */
}
.service_slider .swiper-slide-active:hover .service_content {
	padding-left: 15px;
}
.service_slider .each_service .service_content p {
	height: 51px;
    overflow: hidden;
}
.service_slider .each_service:hover img {
	position: relative;
	margin-top: -120px;
}
.service_slider .each_service .service-img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.service_slider .each_service {
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.service_slider .service_content {
    /* position: absolute; */
    bottom: 0;
    left: 0;
    position: relative;
    margin-top: -124px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.service_slider .each_service:hover .service_content {
    /* position: initial; */
    margin-top: -118px;
}
.service_slider .each_service:hover .service_content h3 {
    color: #292B2C;
    padding-left: 0;
}
.service_slider .each_service:hover .service_content p {
    opacity: 1;
    -webkit-line-clamp: 2;
    transition: all .2s;
}
/* ========== counter ===== */
.counter_sec{
	position: relative;
	padding: 140px 0 111px;
	overflow: hidden;
}
.counter_sec::after{
	position: absolute;
	content: "";
	left:0;
	bottom: 0;
	height: 85%;
	width: 71%;
	/* clip-path: polygon(0 0, 72% 0, 100% 100%, 0% 100%);
	background: linear-gradient(to top, rgba(41, 43, 44, 0.25), rgba(240, 240, 240, 0.25)); */
	background-image: url(../images/counter_bg.svg);
	background-repeat: no-repeat;
	background-size: cover;	
	z-index: -1;
}
.counter{
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 50px;
}
.counter-headind h2{
	color: #292B2C;
	width: max-content;
	border-bottom: 2px solid #1256A4;
	margin: auto;
}
.each-counter h3{
	color: rgba(41, 43, 44, 1);
	margin-top: 30px;
}
.each-counter{
	position: relative;
	text-align: center;
}
.count_value {
	margin-top: 20px;
}
.counter_1  > img{
	position: relative;
	right: -49%;
}
.counter_3 >  img{
	position: relative;
	left: -50%;
}
.counter_3 .count_value img{

}
.footer-logo a img{
	width: 174px;
}
.counter_img{
	height: 50px;
	width: 50px;
	background-color: rgba(18, 86, 164, 1);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin: auto;
}
/* ============== footer ======= */
.footer-area{
	background-color: #1256A4;
	padding: 98px 0 25px;
	position: relative;
}
.footer-area::after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	background-color: #336DAF;
	height: 100%;
	width: 40%;
	clip-path: polygon(0 0, 60% 0, 100% 100%, 0% 100%);
	z-index: 0;
}
.footer-area .container{
	position: relative;
	z-index: 3;
}
.footer-right{
	display: flex;
	/* justify-content: end; */
	column-gap: 70px;
	padding-left: 11%;
}
.footer-right table{
	width: 100%;
}
.footer-right tr{
	vertical-align: top;
}
.each_footer_menu h3{
	margin-bottom: 20px;
}
.each_footer_menu td,
.each_footer_menu span{
	color: #fff;
	font-family: 'robotoregular';
}
.each_footer_menu a:hover{
	color: rgba(240, 240, 240, 0.70);
}
.footer-top-right {
    /* display: flex;
    justify-content: end; */
}
.whatsapp-icon {
    width: 51px;
    height: 51px;
    background: #F0F0F0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.whatsapp-btn {
    height: 68px;
    max-width: 243px;
    border-radius: 41.5px;
    background: #35B42A;
    margin: 72px 0 ;
	color: #fff;
}
.whatsapp-info{
   opacity: .75;
	line-height: normal;
    font-size: 1.6rem;
    margin-left: 11px;
}
.whatsapp-btn img {
    width: 20px;
}
.ftr_btm{
	display: flex;
	justify-content: space-between;
	column-gap: 10px;
	align-items: end;
}
.footer_bovag img{
	width: 	122px;
}
.footer-logo img {
    width: 254px;
}
.footer_social ul{
	display: flex;
	justify-content: end;
	column-gap: 14px;
	margin-bottom: 0;
	padding: 0;
}
.footer_social img{
	opacity: 0.7;
	width: 28px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.footer_social a:hover img{
	opacity: 1;
}
/****inner-header****/
.inner-header {
	background-color: #fff;
}
/* ========== diensten-list ========== */
/****inner-banner****/
.inner-banner .banner-conent {
	margin-bottom: 30px;
	padding-bottom: 49px;
	padding-top: 23%;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.inner-banner .banner-conent h1{
	margin-bottom: 16px;
}
.inner-banner .banner-conent p{
	width: 100%;
    max-width: 652px;
}
.inner-banner .banner-conent h3 {
	color: #292B2C;
	margin: 23px 0 15px;
}
.inner-banner .align-items-end {
	align-items: normal !important;
}
.inner-banner .home-banner-content {
	height: 100%;
}
.inner-banner .each-banner-slide {
	height: 100%;
}
.inner-banner .each-banner-slide img {
	height: 100%;
	object-fit: cover;
}
/****diensten-list-sec****/
.diensten-list-sec {
    position: relative;
    z-index: 5;
	padding: 80px 0 115px;
}
.diensten-list-area .row{
    margin: 0 -10px;
    row-gap: 40px;
}
.diensten-list-area .col-lg-6 {
    padding: 0 10px;
}
.each-diensten-list {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.each-diensten-list-content {
    padding: 59px 49px;
    background-color: transparent;
    position: absolute;
    height: 100%;
    top: 60px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    transition: all 0.5s;
    z-index: 0;
    width: 100%;
}
.each-diensten-list:hover .each-diensten-list-content {
    top: 0;
	padding: 50px 49px;
}
.each-diensten-list-content p {
    color: #F0F0F0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0;
    transition: all 0.5s;
}
.each-diensten-list-content::after {
    position: absolute;
    left: 0;
    top: 100%;
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(18, 86, 164, 0.00) 24.17%, #1256A4 100%);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    z-index: -1;
}
.each-diensten-list:hover .each-diensten-list-content p {
    opacity: 1;
    -webkit-line-clamp: 5;
    margin-top: 17px;
	padding-right: 75px;
}
.each-diensten-list:hover .each-diensten-list-content::after {
    top: 0;
}
.each-diensten-list:hover .hover_img::after {
    opacity: 1;
}
.each-diensten-list .hover_img::after {
    transform: translate(-50%, -50%);
    z-index: 1;
}
.ons-aanbod {
    background-color: #1256A4;
    position: relative;
    height: 100%;
    width: 100%;
	/* min-height: 583px; */
}
.each-diensten-list-area{
	/*height: 100%;*/
	height: 520px;
}
.ons-aanbod-content {
    padding: 117px 54px 0 68px;
	position: relative;
}
.ons-aanbod .each-diensten-list-content::after{
	display: none;
}
.ons-aanbod-content p {
	color: rgba(240, 240, 240, 0.70);
	line-height: 32px;
	margin-top: 16px;
	margin-bottom: 51px;
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ons-aanbod-btn {
	text-align: end;
	padding-bottom: 40px;
	position: absolute;
	width: 100%;
	right: 54px;
	bottom: 0;
}
.ons-aanbod-btn .common_btn {
    font-size: 1.8rem;
    padding: 12px 30px;

}
/* ========== diensten-dtl ========== */
/****diens-dtl-sec****/
.diens-dtl-sec {
    padding: 113px 0 114px;
}
.diens-dtl-area table {
	width: 100%;
}
.diens-dtl-area tr {
	display: flex;
    justify-content: space-between;
	position: relative;
}
.diens-dtl-area tr::after {
    position: absolute;
    left: -26px;
    top: 27px;
    width: calc(100% + 18px);
    height: 1px;
    background-color: #292B2C;
    content: "";
    z-index: -1;
}
.diens-dtl-area td {
	text-align: center;
	width: 32%;
}
.diens-dtl-area td h5 {
    background: #1256A4;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 auto;
}
.diens-dtl-area td h3 {
	color: #292B2C;
	margin: 51px 0 10px;
}
.diens-dtl-area td p {
    width: 100%;
    max-width: 364px;
    margin: 0 auto;
	line-height: 32px;
	color: rgba(41, 43, 44, 0.70);
}
/****form-sec****/
.form-sec {
	background: #1256A4;
	padding: 79px 0 81px;
	position: relative;
	z-index: 0;
}
.form-sec::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-color: #336DAF;
    height: 100%;
    /* width: 81%; */
    /* width: 80%; */
	width: 90%;
    /* clip-path: polygon(0 0, 62% 0, 93% 100%, 0% 100%); */
	clip-path: polygon(0 0, 62% 0, 82% 100%, 0% 100%);
    z-index: -1;
}
.form-left-area {
	padding-right: 78px;
}
.form-heading h2{
	color: #F0F0F0;
}
.form-heading p{
	width: 100%;
	max-width: 482px;
	color: #F0F0F0;
	margin: 15px 0 29px;
}
.form-main-area .row{
    margin: 0 -7px;
    row-gap: 30px;
}
.form-main-area .col-lg-6, 
.form-main-area .col-lg-12 {
    padding: 0 7px;
}
.form-main-area .form-styl {
    resize: none;
	font-family: 'robotoregular';
    font-size: 1.6rem;
    line-height: 24px;
    letter-spacing: 0.48px;
    padding: 11px 24px;
    background: transparent;
    color: #F0F0F0;
    border-radius: 100px;
    border: 1px solid rgba(240, 240, 240, 0.50);
    backdrop-filter: blur(3px);
}
.form-main-area .form-styl:placeholder {
	color: rgba(240, 240, 240, 0.50);
}
.form-main-area .form-styl:-ms-input-placeholder {
	color: rgba(240, 240, 240, 0.50);
}
.form-main-area .form-styl::placeholder {
	color: rgba(240, 240, 240, 0.50);
}
.form-main-area .form-styl:focus {
    box-shadow: none;
    color: #F0F0F0;
    border: 1px solid #F0F0F0;
}
.form-main-area .form-styl.foto_upload {
	color: rgba(240, 240, 240, 0.50);
}
.form-group textarea.form-styl {
    min-height: 139px;
	border-radius: 20px;
}
.form-btn {
    margin-top: 50px;
}
.form-btn .common_btn {
    font-size: 1.8rem;
    padding: 10px 30px;
}
.form-right {
    padding-left: 54px;
	/* padding-top: 118px; */
	margin-top: -45px;
}
.form-right .footer-right {
	padding-left: 0;
}
.form-sec .each_footer_menu td, 
.form-sec .each_footer_menu span,
.form-sec .each_footer_menu a {
	color: #F0F0F0;
	line-height: 26px;
}
.form-sec .each_footer_menu span a:hover,
.form-sec .each_footer_menu a:hover {
    color: rgba(240, 240, 240, 0.70);
}
.form-sec .footer_social {
	margin-top: 66px;
}
.form-sec .footer_social ul {
    justify-content: start;
}
/****diens-dtl-btm-sec****/
.diens-dtl-btm-sec {
    padding: 115px 0;
	position: relative;
	overflow-x: clip;
}
.diens-dtl-btm-sec::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 50%;
    background-image: url(../images/service_bg.svg);
    background-position: center;
    background-size: cover;
    pointer-events: none;
}
.diens-dtl-slider-title {
	text-align: center;
	margin-bottom: 80px;
}
/* .diens-service-slider .swiper-wrapper{
	margin-left: -16%;
} */
.diens-dtl-slider {
	margin: 0 -17%;
}
.diens-dtl-slider .each-diensten-list-content {
    padding: 22px 42px;
}
.diens-dtl-slider .each-diensten-list:hover .each-diensten-list-content p {
	margin-top: 10px;
    -webkit-line-clamp: 3;
    padding-right: 0;
}
.diens-dtl-slider .each-diensten-list:hover .each-diensten-list-content {
    padding: 19px 38px 19px 42px;
}
/* ========== vacature-dtl ========== */
/****vacature-dtl-sec****/
.diens-dtl-sec.vacature-dtl-sec {
    padding: 113px 0 104px;
}
.vacature-dtl-sec .diens-dtl-area {
    padding: 0 86px;
}
.vacature-dtl-sec .diens-dtl-area td {
	text-align: left;
	width: 43%;
}
.vacature-dtl-sec .diens-dtl-area td h5 {
	margin: 0;
}
.vacature-dtl-sec .diens-dtl-area td li {
	line-height: 32px;
	color: rgba(41, 43, 44, 0.70);
	margin-bottom: 5px;
}
.vacature-dtl-sec .diens-dtl-area td li::marker {
    color: #1256A4;
}
.vacature-dtl-sec .diens-dtl-area tr::after {
    left: -109px;
    width: calc(100% + 212px);
}
.vacature-dtl-sec .diens-dtl-area td h3 {
    margin: 40px 0 20px;
}
.vacature-service-slider .swiper-wrapper{
	margin-left: 0;
}
/****vacature-btm-sec****/
.diens-dtl-btm-sec.vacature-btm-sec::after {
    width: 48%;
}
/* ========== contact ========== */
/****contact-form****/
.contact-form {
    background: #F0F0F0;
	padding-top: 175px;
}
.form-sec.contact-form::after {
	display: none;
}
.contact-form .form-heading h2,
.contact-form .form-heading p {
	color: #292B2C;
}
.contact-form .form-main-area .form-styl {
    color: #292B2C;
    border-color: rgba(41, 43, 44, 0.50);
}
.contact-form .form-main-area .form-styl:placeholder {
	color: rgba(41, 43, 44, 0.50);
}
.contact-form .form-main-area .form-styl:-ms-input-placeholder {
	color: rgba(41, 43, 44, 0.50);
}
.contact-form .form-main-area .form-styl::placeholder {
	color: rgba(41, 43, 44, 0.50);
}
.contact-form .form-main-area .form-styl:focus {
    color: #292B2C;
    border-color: #292B2C;
}
.contact-form .each_footer_menu h3 {
	color: #292B2C;
}
.contact-form .each_footer_menu td, 
.contact-form .each_footer_menu span, 
.contact-form .each_footer_menu a {
	color: #292B2C;
}
.contact-form .each_footer_menu span a:hover,
.contact-form .each_footer_menu a:hover {
    color: #1256A4;
}
.contact-form .form-btn .common_btn {
    border-color: #292B2C;
    color: #292B2C;
}
.contact-form .form-btn .common_btn:hover {
	color: #F0F0F0;
}
.contact-form .form-btn .common_btn:hover .round {
	background-color: #1256A4;
	border-color: #1256A4;
}
/****map****/
.map {
    padding: 80px 0 115px;
}
.map-img {
	height: 521px;
}
/* ========== aanbod-dtl ========== */
/****aanbod-top-sec****/
.aanbod-dtl-main-top{
	margin-top: 145px;
	position: relative;
	padding-top: 40px;
}
.aanbod-top-sec {
	padding: 0 0 24px;
	position: relative;
}
.aanbod-dtl-main-top::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    height: 100%;
	width: 51.5%;
    background-image: url(../images/aanbod-top-bg.svg);
    background-position: center;
    background-size: cover;
    pointer-events: none;
	z-index: -1;
}
.aanbod-top-area .row{
	align-items: center;
}
.aanbod-top-right {
	display: flex;
    align-items: center;
    justify-content: end;
	position: relative;
    z-index: 1;
	margin-bottom: 50px;
}
.aanbod-top-price {
    padding-right: 29px;
}
.tab-contact-slider .swiper-slide{
	height: auto;
}
.aanbod-top-price h6 {
	font-size: 1.6rem;
    line-height: 24px;
    letter-spacing: 0.48px;
    color: rgba(18, 86, 164, 0.90);
}
.aanbod-top-price h3 {
	color: #292B2C;
	line-height: normal;
}
.aanbod-top-right ul {
    list-style: none;
    display: flex;
	justify-content: end;
	padding-left: 0;
    column-gap: 20px;
    margin: 0;
}
.aanbod-top-right .common_btn {
	font-size: 1.8rem;
	padding: 13px 39px;
}
.share_btn {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 1px solid #1256A4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.share_btn img {
	width: 15px;
	height: 15px;
}
/****aanbod-top-slider-sec****/
.aanbod-top-slider .swiper-button-next {
    right: 20px;
}
.aanbod-top-slider .swiper-button-prev {
	left: 20px;
}
/****aanbod-dtls-sec****/
.aanbod-dtls-sec {
    padding: 30px 0 95px;
	position: relative;
}
.aanbod-dtls-sec::after {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 49.2%;
    content: "";
    z-index: -1;
    background-image: url(../images/aanbod-dtls-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
}
.aanbod-dtls-area .col-lg-8 {
	width: 70%;
}
.aanbod-dtls-area .col-lg-4 {
	width: 30%;
}
/****dtl-tab-part****/
.dtl-tab-part {
	position: relative;
	overflow: hidden;
}
.tab-btn {
	display: flex;
    justify-content: space-between;
}
.tab-btn .nav-tabs {
    column-gap: 17px;
    margin-bottom: 60px;
    border: 0;
    row-gap: 26px;
}
.tab-btn-right {
	margin-bottom: 60px;
}
ul.tabs li {
	/* margin: 0;
	word-break: break-word;
	text-transform: none;
	cursor: pointer;
	max-width: max-content;
	display: inline-block;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; */
    /* border-radius: 50px; */
}
ul.tabs li.common_btn {
	padding: 10px 25px;
}
ul.tabs li.common_btn:hover{
	color: #F0F0F0;
}
ul.tabs li.common_btn.solid-btn:hover{
    color: #1256A4;
}
ul.tabs li.common_btn.active{
	/* background: #1256A4; */
}
.tab_content {
	display: none;
}
.tab_drawer_heading {
	display: none;
}
.tab-btn-right ul {
	list-style-type: none;
	display: flex;
	column-gap: 41px;
	justify-content: end;
	padding-left: 0;
}
.tab-btn-right li a {
	color: #f3f3f3;
	font-family: 'neue_montrealregular';
	font-size: 1.6rem;
	line-height: 24px;
	letter-spacing: 0.32px;
	transition: all 0.5s;
}
.tab-btn-right li a:hover {
	text-decoration: underline;
}
.kenmerken-tab {
	overflow: hidden;
}
.kenmerken-tab table {
	width: 100%;
	margin-bottom: 50px;
}
/* .kenmerken-tab tr:first-child td {
	background-color: #F0F0F0;
}
.kenmerken-tab tr:first-child td:nth-child(odd) {
	background-color: rgba(51, 109, 175, 0.1);
}
.kenmerken-tab tr td {
	background-color: rgba(51, 109, 175, 0.1);
}
.kenmerken-tab tr td:nth-child(odd) {
	background-color: #F0F0F0;
} */

 .kenmerken-tab tr:nth-child(odd) td:nth-child(odd),
 .kenmerken-tab tr:nth-child(even) td:nth-child(even) {
	background-color: rgba(51, 109, 175, 0.1);
 }
 .kenmerken-tab tr:nth-child(odd) td:nth-child(even),
 .kenmerken-tab tr:nth-child(even) td:nth-child(odd) {
   background-color: #F0F0F0;
 }
.kenmerken-tab td {
	padding: 34px 48px 37px 48px;
	width: 25%;
}
.kenmerken-tab td h6 {
	color: #292B2C;
    line-height: 24px;
    letter-spacing: 0.54px;
	word-break: break-word;
}
.kenmerken-tab td h6 strong {
	font-weight: normal;
	color: rgba(41, 43, 44, 0.70);
}
.kenmerken-tab h3 {
    color: #292B2C;
    margin: 49px 0 21px;
}
.kenmerken-tab ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
	margin-bottom: 0;
}
.kenmerken-tab li {
    width: 40%;
    position: relative;
    color: #292B2C;
    line-height: 24px;
	margin-bottom: 13px;
    padding-bottom: 10px;
    word-break: break-word;
    padding-right: 20px;
    padding-left: 35px;
    font-size: 1.6rem;
    letter-spacing: 0.48px;
}
.kenmerken-tab li::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 1.5px;
    background-color: rgba(41, 43, 44, 0.50);
}
.kenmerken-tab li:nth-child(even) {
    color: rgba(41, 43, 44, 0.70);
    padding-left: 0;
	width: 60%;
}
.kenmerken-tab li:last-child, .kenmerken-tab li:nth-last-child(2) {
    margin-bottom: 0;
}
.kenmerken-tab-block-part {
	display: none;
}
.kenmerken-tab-block-part ul:first-child{
	margin-top: 6px;
}
.aanbod-dtls-area.hidden-tab .col-lg-8 {
	width: 100%;
}
.aanbod-dtls-area.hidden-tab .each-aanbod-contact {
	display: none;
}
.tab-cross {
    cursor: pointer;
}
.hidden-tab-btn {
    margin: 60px 0 20px;
}
.hidden-tab-btn .common_btn {
    font-size: 1.8rem;
    padding: 10px 40px;
}
.dtl-tab-part .tab-content .tab-pane .tab_hedaing {
    padding-bottom: 20px;
}
.bullet-panel {
    margin-bottom: 20px;
}
.bullet-panel h5 {
	color: #292B2C;
    border-bottom: 1px solid #1256A4;
    padding-bottom: 10px;
	margin-bottom: 10px;
}
.dtl-tab-part .bullet-panel ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.dtl-tab-part .bullet-panel ul li {
    padding-left: 16px;
    position: relative;
    color: #292B2C;
	margin-bottom: 10px;
	font-size: 1.6rem;
}
.dtl-tab-part .bullet-panel li:after {
    background-size: 7px;
    position: absolute;
    top: 8px;
    left: 0;
    content: '';
    width: 7px;
    height: 7px;
    background-image: url(../images/bullet.svg);
    background-repeat: no-repeat;
}
.left-bg-block {
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1256A4;
    font-size: 1.6rem;
    line-height: 24px;
}
.block-dtls {
    width: calc(100% - 140px);
    border: 1px solid #1256A4;
    border-left: 0;
    padding: 20px 15px 5px;
    min-height: 200px;
}
.each-onderhoud-block p {
    margin-top: 8px;
    margin-bottom: 25px;
}
.left-bg-block p {
    color: #F0F0F0;
    margin-bottom: 0;
}
.each-onderhoud-block {
    display: flex;
    margin-bottom: 20px;
}
.block-dtls h5 {
    text-transform: none;
    color: #1256A4;
}
.tab-btm-btn {
	margin-top: 60px;
}
.tab-btm-btn .common_btn{
	font-size: 1.8rem;
    padding: 10px 39px;
}
/****tab-right-part****/
.tab-right-btn .common_btn{
	font-size: 1.8rem;
	padding: 10px 30px;
}
.tab-right-btn ul{
	padding: 0;
	list-style: none;
	margin: 0;
	display: flex;
	gap: 10px;	
	flex-wrap: wrap;
}
.each-aanbod-contact {
	background-color: #1256A4;
	text-align: center;
	padding: 19px 0 21px;
	height: 100%;
}
.aanbod-contact-img {
	width: 55px;
	height: 55px;
	margin: 0 auto;
}
.aanbod-contact-img img {
	border-radius: 56px;
	overflow: hidden;
}
.each-aanbod-contact h6 {
	color: #EFEFEF;
	line-height: normal;
	margin-top: 11px;
}
.each-aanbod-contact .each_footer_menu {
	font-size: 1.6rem;
    line-height: 24px;
    letter-spacing: 0.36px;
	margin-bottom: 9px;
}
.each-aanbod-contact .each_footer_menu span,
.each-aanbod-contact .each_footer_menu span a{
	color: rgba(239, 239, 239, 0.6);
	letter-spacing: 0.48px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.each-aanbod-contact .each_footer_menu span:hover a{
	color: #fff;
}
.aanbod-whatsapp-btn {
    width: 100%;
    display: flex;
    align-items: center;
    height: 54px;
    max-width: 244px;
    border-radius: 100px;
    background: #F0F0F0;
    margin: 0 auto;
	text-align: left;
	padding: 0 19px;
}
.aanbod-whatsapp-btn img {
	width: 26px;
	height: 26px;
}
.aanbod-whatsapp-info {
	opacity: .75;
    line-height: 17px;
    font-size: 1.6rem;
    margin-left: 32px;
	color: #1256A4;
}
/****aanbod_product_slider****/
.aanbod-product-slider {
	background: #F0F0F0;
	padding: 68px 0 114px ;
}	
.aanbod-product_heading h2 {
	padding: 47px 0 80px;
}
.aanbod-product-wrap .swiper-wrapper {
	margin-left: -15%;
}
.aanbod-product-wrap .product_content h3 {
	color: #292B2C;
}
.aanbod-product-wrap .product_content p {
	line-height: 32px;
	color: rgba(41, 43, 44, 0.70);
}
.aanbod-product-wrap .product_content span {
	color: rgba(41, 43, 44, 0.70);
	line-height: 24px;
	letter-spacing: 0.48px;
}
.aanbod-product-wrap .product_content td {
	color: #292B2C;
}
.aanbod-product-wrap .product_content .common_btn {
	border-color: #292B2C;
}
.aanbod-product-wrap .each-product:hover .product_content h3 {
	color: #1256A4;
}
.aanbod-product-wrap .each-product:hover .product_content p {
	color: rgba(18, 86, 164, 0.70);
}
.aanbod-product-wrap .each-product:hover .product_content span {
	color: rgba(18, 86, 164, 0.70);
}
.aanbod-product-wrap .each-product:hover .product_content td {
	color: #1256A4; 
}
.aanbod-product-wrap .each-product .common_btn {
	border-color: #292B2C;
	color: #292B2C;
}
.aanbod-product-wrap .each-product:hover .common_btn {
	border-color: #1256A4;
	color: #1256A4;
}
.aanbod-product-wrap .each-product .common_btn .round {
	background-color: transparent;
}
/* ========== bedankt ========== */
.bedankt-banner .banner-conent h1 {
    /* margin-bottom: 65px; */
	width: calc(100% + 93px);
}
/* ======= popup ========== */
.modal-area .modal-dialog {
    max-width: 65%;
    margin: 10% auto 0;
}
.modal-area .modal {
	background: rgba(41, 43, 44, 0.60);
	backdrop-filter: blur(12px);
}
.modal-area .modal-content {
    border: 0;
    background: #F0F0F0;
    position: relative;
}
.pop-up-image {
    height: 100%;
}
.modal-area .popup-content {
    padding: 98px 46px 74px 63px;
    background: #F0F0F0;
}
.modal-area .popup-content p{
    margin-bottom: 30px;
    width: 100%;
    max-width: 436px;
}
.modal-area .popup-content p:last-child {
	margin-top: 11px;
	margin-bottom: 0;
}
.modal-area .popup-content h3 {
	font-family: 'robotomedium';
    color: #292B2C;
    margin: 12px 0 49px;
    width: 100%;
    max-width: 485px;
    letter-spacing: 1.8px;
}
.modal-area .popup-content ul {
    list-style-type: disc;
	margin-bottom: 30px;
}
.modal-area .popup-content li {
    line-height: 26px;
    margin-bottom: 14px;
    color: #292B2C;
}
.modal-area .popup-content li::marker {
    color: #1256A4;
}
.modal-content .col-lg-5 {
	width: 42%;
}
.modal-content .col-lg-7 {
	width: 58%;
}
.pop-up-image img {
	height: 100%;
	object-fit: cover;
}
.close-img {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    font-size: 3rem;
    height: 57px;
    width: 57px;
    background-color: #1256A4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 100px;
}
.close-img:hover {
	color: #fff;
}
.close-img img {
	width: 23px;
	height: 23px;
}

/* ======= team ========== */
.team-sec {
    padding: 80px 0 111px;
}
.team-area .row {
	row-gap: 40px;
}
.each-team {
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.each-member-info {
    background: #1256A4;
    backdrop-filter: blur(7px);
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -28%;
    left: 0;
    padding: 13px 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.each-member-info p {
    color: #F0F0F0;
    margin: 15px 0;
}
.each-member-info a {
	line-height: 26px;
	color: #F0F0F0;
}
.each-member-info a:hover {
	color: rgba(240, 240, 240, 0.70);
}
.each-team:hover .each-member-info {
	bottom: 0;
	padding: 20px;
}

/* ======= over-ons ========== */
/****overons-banner****/
.overons-banner .col-lg-6:first-child {
	width: 44.7%;
}
.overons-banner .col-lg-6:last-child {
	width: 55.3%;
}
.overons-banner .each-banner-slide{
	height: 600px;
}
.overons-banner .each-banner-slide img {
	height: 100%;
	object-fit: cover;
}
.overons-top-sec .col-lg-7 {
	width: 59.2%;
}
.overons-top-sec .col-lg-5 {
	width: 40.8%;
}
/****overons-top-sec****/
.overons-top-img {
    /* clip-path: polygon(0% 0%, 100% 0%, 78% 100%, 0% 100%); */
	clip-path: polygon(0% 0%, 100% 0%, 67% 100%, 0% 100%);
    position: relative;
}
.overons-top-img::before {
    content: '';
    position: absolute;
    top: 29%;
    right: 0;
    width: 64%;
    height: 100%;
    background: rgba(240, 240, 240, 0.34);
    /* clip-path: polygon(39% 0%, 100% 0%, 19vw 100%, 0% 100%); */
	clip-path: polygon(50% 0%, 100% 0%, 19vw 100%, 0% 100%);
    z-index: 2;
    pointer-events: none;
}
.overons-top-content {
    padding-top: 136px;
}
/****overons-mid-sec****/
.overons-mid-sec{
	padding: 115px 0;
}
.overons-mid-heading {
    text-align: center;
    padding-bottom: 80px;
}
.overons-mid-content {
	padding-left: 63px;
	position: relative;
	padding-bottom: 80px;
}
.overons-mid-area .flex-row-reverse .overons-mid-content{
	padding-bottom: 0;
}
.overons-mid-content h3{
	color: #292B2C;
	margin-bottom: 15px;
}
.overons-mid-content h6 {
	color: #F0F0F0;
	line-height: 26px;
}
.overons-mid-content p{
	margin-bottom: 16px;	
}
.overons-mid-content p:last-child {
	margin-bottom: 0;	
}
.overons-mid-content span h6 {
	position: absolute;
	left: -40px;
	top: 0;
	height: 80px;
	width: 80px;
	background-color: #1256A4;
	display: flex;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
.overons-mid-area .flex-row-reverse .overons-mid-content {
	padding-left: 0;
	padding-right: 67px;
}
.overons-mid-area .flex-row-reverse {
	padding-top: 80px;
}
.overons-mid-area .flex-row-reverse .overons-mid-content span h6 {
	left: auto;
	right: -42px;
}
.overons-mid-img {
    padding-right: 63px;
    height: 323px;
}
.overons-mid-area .flex-row-reverse .overons-mid-img {
    padding-right: 0;
    padding-left: 63px;
    padding-bottom: 80px;
    height: 403px;
}
.overons-mid-img img {
	height: 100%;
	object-fit: cover;
}
.mobile-overons-mid-img {
	display: none;
}
/***line-fill***/
.line-fill{
    position: relative;
}
.line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    background-color: #292B2C;
    height: 100%;
}
.line-inner {
	height: 0%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #1256A4;
}
/* ======= inloggen ========== */
.inloggen-sec {
    padding-top: 145px;
}
.inloggen-sec .inloggen-conent .common_btn {
	margin-bottom: 40px;
}
.inloggen-sec .inloggen-conent p {
	margin-top: -60px;
	margin-bottom: 40px;
}
.inloggen-conent{
	padding-top: 78px;
	padding-bottom: 115px;
}
.inloggen-content::before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 53%;
    height: 100%;
    background: rgba(240, 240, 240, 0.34);
    clip-path: polygon(0 0%, 100% 0%, 14vw 100%, 0% 100%);
    z-index: 2;
	pointer-events: none;
}
.inloggen-conent ul{
	list-style: none;
	padding-left: 0;
	display: flex;
	column-gap: 20px;
	margin-top: 50px;
}
.inloggen-conent h1{
	width: calc(100% + 35px);
}
.inloggen-img img { 
	height: 100%;
	object-fit: cover;
}
.inloggen-sec .form-main-area {
	max-width: 562px;
    width: 100%;
}
.inloggen-sec .form-main-area label {
	line-height: 26px;
	margin-bottom: 15px;
}
.inloggen-sec .contact-form {
	padding-top: 0;
}
.custom-input-wrapper {
    position: relative;
}
.custom-input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 0;
    background: transparent;
    caret-color: transparent; 
}
.blinking-cursor {
    position: absolute;
    /* bottom: 20%; */
    bottom: 14%;
    left: 17px;
    width: 1px;
    height: 28px;
    background: #292B2C;
    animation: blink 1s step-end infinite;
    display: none;
}
@keyframes blink {
    50% {
        opacity: 0;
    }
}
.custom-input-wrapper.focused .blinking-cursor {
    display: block;
}
.inloggen-conent .contact-form .form-main-area .form-styl {
	line-height: 26px;
	font-size: 1.8rem;
	padding: 11px 34px;
}
.inloggen-conent h2 {
	padding-bottom: 78px;
}
.show-psw{
    opacity: 1;
}
.hide-psw{
    opacity: 0;
}
.show-hide-psw .show-psw{
    opacity: 0;
}
.show-hide-psw .hide-psw{
    opacity: 1;
}
.login-password {
	position: relative;
}
.login-password .form-styl{
    padding-right: 60px;
}
.login-form-btm{
    display: flex;
    justify-content: space-between;
    margin: 23px 0 31px;
}
.login-form-btm-left label {
	color: rgba(41, 43, 44, 0.34);
}
.login-form-btm .form-check-input {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -3px;
	margin-right: 16px;
    border: 1px solid rgba(0, 0, 0, 0.86);
    border-radius: 50px;
	background-color: transparent;
}
.login-form-btm .form-check-input:focus{
	box-shadow: none;
}
.login-form-btm .form-check-input:checked{
	background-image: url(../images/filter-tick.svg);
	background-color: #1256A4;
	border-color: transparent;
	background-size: 14px;
}
.login-form-btm-right a {
    line-height: 26px;
	color: #292B2C;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.login-form-btm-right a:hover{
    color: #1256A4;
}
.inloggen-sec .contact-form .form-btn .solid-btn {
	background-color: #1256A4;
	border-color: #1256A4;
	color: #F0F0F0;
}
.inloggen-sec .contact-form .form-btn .solid-btn .round {
	background-color: #292B2C;
}
.inloggen-sec .contact-form .form-btn .solid-btn:hover {
	color: #fff;
	/* background-color: #292B2C; */
}
.login-eye-img {
    position: absolute;
    top: 46px;
    right: 12px;
    width: 22px;
    height: 22px;
}
.login-eye-img img {
    width: 31px;
    height: 41px;
    position: absolute;
}
.inloggen-right {
	position: relative;
	height: 100%;
}
.inloggen-img {
	clip-path: polygon(21% 0%, 100% 0, 100% 100%, 0% 100%);
	position: relative;
	height: 100%;
}
.inloggen-img-content {
	position: absolute;
    top: 28%;
	left: 28%;
    z-index: 1;
}
.inloggen-img-content h3 {
	font-family: 'robotomedium';
	letter-spacing: 1.8px;
	margin-bottom: 20px;
}
.inloggen-img-content li {
	line-height: 32px;
	color: #F0F0F0;
	margin-bottom: 7px;
}
.inloggen-img-content h6 {
	line-height: normal;
	color: #F0F0F0;
	margin-top: 30px;
}
.inloggen-img-content h6 a {
	margin-left: 30px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.inloggen-img-content h6 a:hover {
	color: #F0F0F0;
}












/* ===================== aanbod-list ================ */
/****aanbod-filter-sec****/
.aanbod-filter-sec {
	position: relative;
	padding-top: 150px;
	margin-top: 80px;
  }
  .red-line{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	width: 18%;
  }
  .aanbod-filter-wrap {
	position: relative;
	z-index: 2;
  }
  .dropdown-menu.show {
	inset: 10px auto auto 0px !important;
  }
  .filter-reset a {
	/* color: #1f1f1f; */
	/* font-size: 1.4rem; */
	max-width: 100%;
	width: 100%;
	justify-content: center;
	margin-top: 35px;
  }
  .filter-reset img {
	width: 9px;
	margin-left: 5px;
	margin-bottom: 2px;
	filter: brightness(0) !important;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
  }
  .filter-reset a:hover {
	/* color: #1256A4; */
  }
  .filter-reset a:hover img {
	filter: brightness(1);
  }
  .select-style {
	width: 100%;
	height: 48px;
	color: #1256A4;
	font-size: 1.8rem;
	letter-spacing: 0.36px;
	border-radius: 39px;
	border: 1px solid #1256A4;
	padding: 0 30px 0 18px;
	background: url(../images/filter-arrow.svg) transparent no-repeat 91% center/10px;
	appearance: none;
	line-height: 45px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: default;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
  }
  .select-style.show {	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
  }
  .select-style.show {
	/* border: 1px solid #1f1f1f;*/
	border: 1px solid #1256A4;
  }
  .filter-main {
	margin-bottom: 20px;
  }
  .filter-main .col-lg-3{
	width: 25%;
    margin-bottom: 20px;
  }
  .filter-main option {
	background-color: #14181e;
  }
  .filter-content {
	display: none;
	border-radius: 5px;
	background: #1256A4;
	padding: 10px 10px 15px;
	z-index: 2;
	border: 0;
	border-top: 0;
	border-radius: 5px;
	margin-top: -5px !important;
	cursor: default;
	max-height: 230px;
	overflow-y: auto;
	z-index: 999;
  }
  .filter-content::-webkit-scrollbar {
	background-color: #dbdbdb;
	width: 10px;
  }
  .filter-content::-webkit-scrollbar-thumb {
	background-color: #999999;
  }
  .filter-content.show-div {
	display: block;
  }
  .aanbod-filter-sec label {
	color: #f9f8f6;
	margin-bottom: 10px;
	display: block;
	width: 100%;
	z-index: 2;
	font-size: 1.6rem;
	cursor: pointer;
  }
  .aanbod-filter-sec label:last-child {
	margin-bottom: 0;
  }
  .aanbod-filter-sec label span {
	float: right;
	color: #f9f8f6;
	opacity: 0.65;
  }
  .common_price_input_div_cls strong{
	color: #1256A4;
	font-weight: normal;
	font-family: 'robotobold';
	margin-top: 20px;
  }
  .aanbod-filter-sec .form-check-input {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 6px;
	box-shadow: none;
	border: 1px solid #f9f8f6;
	background-color: transparent;
	border-radius: 5px;
  }
  .aanbod-filter-sec .form-check-input:checked {
	background-color: transparent;
	/* border-color: #1f1f1f; */
	background-image: url(../images/filter-tick.svg);
	background-size: 18px;
  }
  .auto-overview-tag {
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 5px 14px;
	cursor: pointer;
	transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
	color: #f9f8f6;
	border-radius: 24px;
	background-color: #1256A4;
	font-size: 1.4rem;
	border: 1px solid #1256A4;
  }
  .cross-btn {
	width: 9px;
  }
  .auto-overview-tag:hover {
	background-color: transparent;
	border-color: #1256A4;
	color: #1256A4;
  }
  .cross-btn{
	filter: invert(14%) sepia(53%) saturate(7064%) hue-rotate(204deg) brightness(94%) contrast(86%);
  }
  .aanbod-filter {
	/* margin-bottom: 18px; */
	/* width: 20%; */
  }
  .total_search_records {
	margin-top: 30px;
  }

  .mobile-show-filter {
	position: fixed;
	left: 0;
	top: 100px;
	background-color: #1256A4;
	width: 100%;
	z-index: 99;
	margin-top: 0;
	padding: 15px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
  }
  .scroll-filter{
	top: 65px;
  }
  .mobile-show-filter .common-btn {
	color: #f9f8f6;
	font-size: 1.4rem;
	line-height: 24px;
	text-transform: uppercase;
	padding: 12px 20px;
	border-radius: 5px;
	border: 1px solid #f9f8f6;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
	display: inline-block;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
  }
  .filter-count {
	min-width: 20px;
	height: 20px;
	background-color: #1256A4;
	border-radius: 100%;
	color: #f9f8f6;
	margin-left: 30px;
	font-size: 1.2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
  }
  .mobile-filter-close {
	padding: 15px;
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 1;
	background-color: #1256A4;
  }
  .mobile-filter-close span {
	max-width: 32px;
	width: 100%;
	height: 32px;
	background-color: #f9f8f6;
	border-radius: 50%;
	margin-left: auto;
	border: 1px solid #1256A4;
  }
  .mobile-filter-close span img {
	width: 9px;
	filter: invert(1);
	-webkit-filter: invert(1);
  }
  .auto-overview-filter-result .total_search_records {
	margin-top: 0;
	background-color: #1256A4;
	border: 1px solid #1256A4;
	color: #f3f3f3;
	padding: 10px;
	border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
  }
  .auto-overview-filter-result .total_search_records h4 {
	font-size: 1.6rem;
	color: #f9f8f6;
  }
  .auto-overview-filter-result .total_search_records:hover {
	background-color: transparent;
	border-color: #1256A4;
  }
  .cursor-pointer {
	cursor: pointer;
  }
  .left_filter_heading {
	display: flex;
	column-gap: 20px;
	align-items: baseline;
  }
/*  .left_filter_heading > .row{
	row-gap: 20px;
  }*/
  .filter-sort {
	display: flex;
	align-items: center;
	justify-content: end;
	column-gap: 20px;
	padding-left: 10px;
  }
  .left_filter_heading h6{
	color: #1f1f1f;
	font-size: 3.6rem;
	letter-spacing: 0.6px;
	white-space: nowrap;
  }
  .filter-sort .aanbod-filter {
	margin-bottom: 0;
	width: 200px;
  }
  .model-filter .form-check-input {
	display: none;
  }
  .sorteren_op-filter .form-check-input {
	display: none;
  }
  .left_filter_heading > .row {
	width: 90%;
  }
  .aanbod_list .common-wrap > .row {
	row-gap: 17px;
	column-gap: 24px;
	margin-bottom: 17px;
  }
  .aanbod_list .common-wrap > .row > * {
	width: calc(33.33% - 16px);
	padding: 0;
	margin: 0;
  }
  .show_filter {
	z-index: 999;
  }
  .aanbod_list{
	position: relative;
	/* z-index: 9; */
  }
  .filter-main .col-lg-3:has(.common_price_input_div_cls) {
	width: 26.6%;
	/* padding-right: 20px; */
  }
  .price-range{
	z-index: 1;
	height: 1px;
}
.price-range > .track{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border-radius: 100px;
	background-color: rgba(18, 86, 164, .6);
}
.price-range > .range{
	position: absolute;
	z-index: 2;
	left: 25%;
	right: 25%;
	top: 0;
	bottom: 0;
	border-radius: 100px;
	background-color: #1256A4;
}
.price-range > .thumb{
	position: absolute;
	z-index: 3;
	width: 20px;
	height: 20px;
	background-color: #1256A4;
	border-radius: 50%;
	cursor: pointer;
}
.price-range > .thumb.left{
	left: 25%;
	transform: translate(-15px, -10px);
}
.price-range > .thumb.right{
	right: 25%;
	transform: translate(15px, -10px);
}
.multi-range-slider {
	margin-top: 14px;
}
.multi-range-slider input[type="range"]{
	position: absolute;
	-webkit-appearance: none;
	pointer-events: none;
	z-index: 2;
	height: 10px;
	width: 100%;
	opacity: 0;
	width: calc(100% + 20px);
	left: -10px;
}
.multi-range-slider input[type="range"]::-webkit-slider-thumb{
	pointer-events: all;
	width: 14px;
	height: 14px;
	border-radius: 0;
	border: 0 none;
	background-color: #1256A4;
	-webkit-appearance: none;
	cursor: pointer;
}
.multi-range-slider input[type="range"]::-moz-range-thumb{
	pointer-events: all;
	width: 20px;
	height: 20px;
	border-radius: 0;
	border: 0 none;
	background-color: #1256A4;
	cursor: pointer;
}
.price-btn{
	color: #1256A4;
	font-size: 1.6rem;
	line-height: 24px; /* 150% */
	letter-spacing: 0.48px;
}
.common_price_input_div_cls.totaal_div{
	margin: 0 20px;
	margin-top: 25px;
}
/* ====== aanbod-list ======= */
.aanbod-list{
	padding: 80px 0 115px;
}
.aanbod-list .product_content h3{
	color: #292B2C;
}
.aanbod-list .product_content p{
	color: rgba(41, 43, 44, 0.70);
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: wrap;
	height: 52px;
}
.aanbod-list .container > .row{
	row-gap: 40px;
}
.aanbod-list .product_content td{
	color: #292B2C;
}
.aanbod-list .product_content span{
	color: rgba(41, 43, 44, 0.7);
}                    
.aanbod-list .each-product:hover .product_content h3{
	color: #1256A4;
}
.aanbod-list .each-product:hover .product_content p{
	color: rgba(18, 86, 164, 0.70);
}
.aanbod-list .each-product:hover .product_content td{
	color: #1256A4;
}
.aanbod-list .each-product:hover .product_content span{
	color: rgba(18, 86, 164, 0.70);
}
.aanbod-list .each-product:hover .product_content td.common_btn {
	background-color: #fff;
	border-color: #fff;
}
.clear-filter-main {
	margin-top: 50px;
}


.aanbod-loader {
	width: 45px;
	height: 40px;
	background: linear-gradient(#3158da calc(1*100%/6),#fff 0 calc(3*100%/6),#0b75d8 0),
			  linear-gradient(#2e6ece calc(2*100%/6),#fff 0 calc(4*100%/6),#3f67d4 0),
			  linear-gradient(#3c60c5 calc(3*100%/6),#fff 0 calc(5*100%/6),#148bec 0);
	background-size: 10px 400%;
	background-repeat: no-repeat;
	animation: matrix 1s infinite linear;
  }
  @keyframes matrix {
	0% {
	  background-position: 0% 100%, 50% 100%, 100% 100%
	}
  
	100% {
	  background-position: 0% 0%, 50% 0%, 100% 0%
	}
  }
  .load_aanbod{
	justify-content: center;
    display: flex;
    column-gap: 3rem;
    align-items: center;
    color: #000000;
  }
.privacy_section
{
	padding-top: 130px;
	padding-bottom: 50px;
}
.print_pdf_cls {
    width: 25px;
    margin-right: 15px;
    margin-top: -5px;
}


/* ************************************************ LOADER CSS START ************************************************************ */
/*******loader*****/
#loader_section{
	display:none;
	width:100%;
	position: fixed;
	top: 0;
	background: #000000b8;
	z-index: 9999999;
	height: 100vh;
	padding: 30vh 0px;
  }
  #loader_section p{
	color:#fff;
	font-size:18px;
	text-align: center;
  }
  #loader_section img{
	width: 100px;
	margin-bottom: 25px;
  }
  
  /*********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;
  }

  .calsty
  { 
	border: 0; 
	width: 100%; 
	height: 600px; 
	background: transparent; 
	}
  /****aanbod dtl****/
.kenteken_np {
	background-image: url(../images/kenteken_plaat/kenteken_plaat.svg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 4px 0 6px 44px;
	color: #000;
	background-size: 152px;
  }
  
  .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;
  }

.video_banner {
	height: 948px;
}
.video_banner video {
    height: 100%;
    display: block;
    object-fit: cover;
}
.login_btn{
	color: #292B2C;
	border-color: #292B2C;
}
.login_btn:hover{
	color: #1256A4 !important;
	border-color: #1256A4 !important;
}
.pdf_btn a{
	color: #1256A4;
}
.pdf_btn a:hover{
	color: #fff;
}
/* ************************************************ LOADER CSS END ************************************************************ */
.video-js {
	height: 100% !important;
	width: 100% !important;
}
body .share-social-media-button .a2a_dd {
	padding: 0 !important;
	height: 50px !important;
	width: 50px !important;
	border-color: #1256A4 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
body .share-social-media-button .a2a_dd span {
	display: none !important;
}
body .share-social-media-button .a2a_dd svg {
	filter: brightness(0) saturate(100%) invert(23%) sepia(87%) saturate(1561%) hue-rotate(195deg) brightness(91%) contrast(90%) !important;
	-webkit-filter: brightness(0) saturate(100%) invert(23%) sepia(87%) saturate(1561%) hue-rotate(195deg) brightness(91%) contrast(90%) !important;
	margin-right: 0 !important;
}
.after-login-product .prict_table {
	padding-right: 0;
}

.aanbod-tab-left {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    column-gap: 7px;
    row-gap: 15px;
    margin-bottom: 40px;
}
.afdurk_btn {
    padding: 10px 25px;
}

.tab-btn .nav-tabs {
	margin-bottom: 0;
}
.insert-tab{
	display: flex;
	/* justify-content: space-between; */
	column-gap: 14px;
	width: 100%;
}
.remove_margin_right{
	margin-left:10%;
}
.remove_margin_left{
	margin-right: 10%;
}

.home-banner-content .swiper, .home-banner-content .each-banner-slide {
  height: 100%;
}
.home-banner-content .each-banner-slide img {
  height: 100%;
  object-fit: cover;
}


.voorraadwekker_widget_section .form_part select.form-control option {
    color: #0f0e0e;
}
.vivition-player {
	height: 0;
	padding-bottom: 66.66%;
	width: 100%;
}
.vivition-mobile-only{ 
	display: none;
}
.vivition-thumbbar{
	height: 165px;
	margin-top: 4px; 
	--vivition-border-radius: 0!important;
} 
body.vivition-mobile .vivition-thumbbar { 
	height: 70px; 
} 
body.vivition-mobile .vivition-mobile-only {
	display: block;
}
body:not(.vivition-style-square) .vivition-player button {
	display: none;
}
.home-banner .banner-conent h1 {
	font-size: 6.4rem;
	line-height: 70px;
	letter-spacing: 2.5px;
}
.hover_img img {
    height: 100%;
    object-fit: cover;
}

.range-filter {
    padding-left: 10%;
}
.range-filter .col-lg-3 {
	width: 20%
}
.show_selected_filter_cls {
  padding-left: 15%;
}

.login-password2 {
    position: relative;
}
.login-eye-img2 {
    position: absolute;
    top: 46px;
    right: 12px;
    width: 22px;
    height: 22px;
}
.login-eye-img2 img {
    width: 31px;
    height: 41px;
    position: absolute;
}
.show-psw2{
    opacity: 1;
}
.hide-psw2{
    opacity: 0;
}
.show-hide-psw2 .show-psw2{
    opacity: 0;
}
.show-hide-psw2 .hide-psw2{
    opacity: 1;
}

.aanbod-list .product_content td:last-child {
    font-family: 'robotobold'
}
.prict_table td:last-child {
    font-family: 'robotobold'
}