@import "fonts.css";
@import "common-class.css";
body {
	padding: 0px;
	margin: 0px;
	font-family: 'moderatmedium';
	font-size: 1.8rem;
	background-color: #1E1917;
	color: #fff;
}
html {
    font-size: 62.5%;
}
#mobile-contact-bar {
    display: none;
}
.add_morgan_footer_margin{
	height: 100px !important;
}
.grecaptcha-badge{
	display:none;
}
.fixed-whatsapp-btn{
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 99;
}
.fixed-whatsapp-btn a{
	background-color: #6EE37A;
	border-radius: 10px 0 0 10px;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fixed-whatsapp-btn img{
	width: 27px;
}
/*===============whatsapp widget================*/
.fix-wp{
	position: fixed;
	right: 40px;
	bottom: 40px;
	width: 48px;
	height: 48px;
	background-color: #25D366;
	border-radius: 100%;
	z-index: 97;
}
.fix-wp a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.notifcation{
	position: relative;
	width: 24px;
	height: 25px;
}
.fix-wp-img img{
	width: 22px;
	filter: brightness(0) invert(1);
}
.fix-wp .alert-number{
	display: none;
	position: absolute;
	right: -11px;
	bottom: 28px;
	width: 17px;
	height: 17px;
	background-color: #f00;
	border-radius: 50%;
	color: #fff;
	font-size: 1.3rem;
	line-height: 17px;
	text-align: center;
	animation: wp-shake 0.5s;
}
.fix-wp .popup p{
	display: none;
	position: absolute;
	right: 43.2px;
	bottom: 3px;
	width: 200px;
	margin: 0;
	padding: 8px 0;
	background-color: #25D366;
	border-radius: 20px;
	color: #fff;
	font-size: 1.3rem;
	line-height: 24px;
	text-align: center;
	-webkit-hyphens: none;
	hyphens: none;
	z-index: 1;
}
.fix-wp.fix-wp-active .alert-number, .fix-wp.fix-wp-active .popup p{
	display: block;
}
.fix-wp.fix-wp-hidden{
	display: none;
}
@keyframes wp-shake{
	0%, 100%{
		transform: translateX(0);
	}
	25%{
		transform: translateX(-3px);
	}
	75%{
		transform: translateX(3px);
	}
}
/*===============header================*/
.header-area{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 30px 0;
	z-index: 99;
	border-bottom: 1px solid transparent;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.header-area.sticky-header{
	background-color: #1E1917;
	padding: 12px 0;
	border-color: rgba(255, 255, 255, 0.1);
}
.header-logo{
	width: 118px;
}
.header-area.sticky-header .header-logo{
	width: 100px;
}
.header-menu{
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1080px;
  	margin-left: auto;
}
.header-menu ul{
	display: flex;
	gap: 11px;
}
.header-menu li a{
	font-family: 'moderatmedium';
	font-size: 1.6rem;
	background: rgba(30, 25, 23, 0.3);
	border: 1px solid #fff;
	color: #fff;
	padding: 9px 17px;
	backdrop-filter: blur(10px);
	border-radius: 51px;
	display: inline-block;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.header-menu li a:hover{
	background: #9F907D;
	border-color: #9F907D;
}
.nav-line {
	flex-grow: 1;  
	height: 1px;
	background-color: rgba(255, 255, 255, 0.8);
	min-width: 20px;
	margin: 0 33px;
}
.menu-btn{
	display: inline-flex;
  	align-items: center;
  	justify-content: center;
	font-family: 'moderatmedium';
	font-size: 1.6rem;
    gap: 10px;
  	position: absolute;
  	top: 50%;
  	right: 20px;
  	transform: translateY(-50%);
  	cursor: pointer;
  	z-index: 99;
}
.menu-btn strong {
	font-weight: normal;
	position: relative;
  	top: -2px;
}
.menu-bar {
	position: relative;
	width: 20px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.menu-bar div, .menu-bar::after, .menu-bar::before {
	display: block;
	background-color: #fff;
	content: '';
	height: 2px;
	margin: 3px 0 3px auto;
	width: 20px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.menu-btn.active .menu-bar div {
    transform: scale(0);
}
.menu-btn.active .menu-bar:before {
    transform: translateY(6px) rotate(135deg);
}
.menu-btn.active .menu-bar:after {
    transform: translateY(-4px) rotate(-135deg);
}
.mobile-menu{
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	width: 85%;
	max-width: 340px;
	background-color: #1E1917;
	padding: 100px 40px 40px;
	z-index: 98;
	clip-path: inset(0 0 0 100%);
	pointer-events: none;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.mobile-menu-active {
	clip-path: inset(0 0 0 0);
	pointer-events: all;
}
.mobile-menu li{
	margin-bottom: 20px;
}
.mobile-menu li a{
	color: #fff;
	font-size: 2.4rem;
  	font-family: 'ModeratExtendedRegular';
}
.body-overlay {
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(5px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.body-overlay-active {
    opacity: 1;
    pointer-events: all;
}
/*=============banner==============*/
.banner-sec:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background-color: #1E1917;
	opacity: .3;
	z-index: 2;
}
.each-banner{
	height: 955px;
}
.each-banner img{
	height: 100%;
	object-fit: cover;
}
.banner-content {
	position: absolute;
	width: 100%;
	left: 0;
	top: calc(50% - 35px);
	transform: translateY(-50%);
	z-index: 3;
}
.banner-content p{
	max-width: 641px;
	margin: 24px 0 0;
}
.banner-content .common-btn{
	margin-top: 41px;
}
.banner-content .border-btn{
	margin-right: 8px;
}
/*================home-counter=================*/
.counter-wrap{
	display: flex;
	justify-content: space-between;
	z-index: 2;
	position: absolute;
	bottom: 65px;
	left: 0;
	width: 100%;
}
.each-counter h3{
	letter-spacing: normal;
	margin-bottom: 10px;
}
.each-counter h6{
	border-top: 1px solid rgba(255, 255, 255, 0.4);
  	padding-top: 10px;
}
/*==================product=================*/
.product-sec{
	padding: 86px 0 82px;
}
.product-heading{
	border-bottom: 1px solid rgba(255, 255, 255, 0.75);
	padding-bottom: 61px;
	margin-bottom: 61px;
}
.product-filter{
	display: inline-flex;
	gap: 87px;
	justify-content: end;
}
.each-filter{
	width: 33.33%;
}
.each-filter select{
	font-family: 'ModeratExtendedMedium';
	font-size: 1.8rem;
	color: #fff;
	border-radius: 0;
	border: 0;
	padding-left: 0;
	padding-right: 30px;
	appearance: none;
	-webkit-appearance: none;
	background: url(../images/dropdown.svg) #1E1917 no-repeat right/ 10px;
	width: 100%;
	text-overflow: ellipsis;
	opacity: .63;
} 
.each-filter select:hover{
	opacity: 1;
}
.each-product{
	padding: 16px;
	border-radius: 10px;
	background-color: transparent;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.each-product img.w-100{
	border-radius: 5px;
}
.each-product:hover{
	background-color: #9F907D;
}
.product-model{
	padding: 15px 0 23px;
}
.product-model p{
	margin-bottom: 0;
}
.each-product table{
	margin-bottom: 23px;
}
.each-product tr{
	display: flex;
  	align-items: center;
  	gap: 8px;
  	flex-wrap: wrap;
}
.each-product td{
	font-family: 'moderatmedium';
	font-size: 1.6rem;
	background-color: #fff;
	border-radius: 5px;
	padding: 5px;
	color: #1e1e1e;
}
.each-product td img{
	margin-right: 2px;
	margin-top: -2px;
}
.product-price h5{
	font-size: 1.8rem;
	line-height: 22px;
}
.each-product-btn{
	font-family: 'ModeratExtendedRegular';
    font-size: 1.8rem;
    line-height: 22px;
    color: #fff;
    position: relative;
    display: inline-block;
	padding-right: 40px;
}
.each-product-btn::after{
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	right: 0;
	content: '';
	width: 17px;
	height: 17px;
	background: url(../images/arrow-right.svg) no-repeat center / contain;
}
.product-sec .swiper-button-prev{
	left: -50px;
}
.product-sec .swiper-button-next{
	right: -50px;
}
.product-button{
	margin-top: 92px;
}
/*==============sevice-sec================*/
.service-heading{
	padding: 109px 0 125px;
	background-color: #fff;
}
.service-heading-wrap{
	padding: 0 90px;
}
.service-heading::before{
	position: absolute;
	top: -50px;
	right: 0;
	content: '';
	width: 165px;
	height: 100%;
	background-image: url(../images/service-angle.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
.service-heading h2, .service-heading p{
	color: #1E1917;
}
.service-heading p{
	max-width: 590px;
	margin-bottom: 40px;
	margin-left: 100px;
}
.service-heading-btn{
	font-family: 'ModeratExtendedRegular';
	font-size: 1.8rem;
	line-height: 22px;
	color: #9F907D;
	position: relative;
	padding-right: 40px;
	margin-left: 100px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.service-heading-btn::after {
  	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	right: 0;
	content: '';
	width: 17px;
	height: 17px;
	background: url(../images/txt-btn-arrow.svg) no-repeat center / contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.service-heading-btn:hover{
	color: #000;
}
.service-heading-btn:hover::after{
	right: -5px;
	filter: brightness(0) invert(0);
}
.service-slider-block{
	padding: 124px 0 120px;
}
.service-slider-block::before{
	position: absolute;
	bottom: -120px;
	left: -60px;
	content: '';
	width: 380px;
	height: 100%;
	background-image: url(../images/service-angle-bottom.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
.each-service{
	display: block;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
}
.each-service img{
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.each-service:hover img{
	transform: scale3d(1.08,1.08,1);
}
.each-service-content{
	position: absolute;
	bottom: 42px;
	padding: 0 70px;
	left: 0;
}
.each-service-content h5{
	text-transform: uppercase;
}
.service-slider-wrap{
	padding-left: 400px;
}
.service-slider-control{
	position: relative;
  	width: 115px;
  	left: 90px;
}
.service-slider-control .swiper-arrow{
	width: 40px;
	height: 40px;
	top: 0;
  	margin-top: 0;
  	border: 0;
	background-color: transparent;
}
.service-slider-control .swiper-button-prev{
	left: 0;
}
.service-slider-control .swiper-button-next{
	right: 0;
}
/*===============quote-sec=============*/
.quote-sec { 
	padding-top: 27%;
	background-attachment: fixed;
}
.quote-content-wrap{
	padding-left: 400px;
}
.quote-info {
	background-color: #fff;
	padding: 168px 40px;
	width: 100%;
	height: 100%;
}
.quote-info h2 {
	margin: auto;
  	max-width: 485px;
}
.quote-info p{
	color: #1E1917;
	max-width: 495px;
  	margin: auto;
}
.quote-heading {
	background-color: rgba(159, 144, 125, 0.93);
	border-top-left-radius: 20px;
}
/*=============content-block=============*/
.content-block {
	padding: 108px 0;
  	background-color: #fff;
  	position: relative;
  	overflow: hidden;
  	z-index: 1;
}
.content-block::before{
	position: absolute;
	top: 0;
    right: 0;
    content: '';
    width: 65%;
    height: 100%;
    background-image: url(../images/content-bg.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top;
    z-index: -1;
}
.content-block h3, .content-block p, .content-block p a:not(:hover){
	color: #1E1917;
}
.content-block img{
	border-radius: 20px;
}
.content-block .common-btn:hover{
	border-color: #121212;
}
.content-wrapper{
	padding-left: 13%;
}
.content-wrapper p {
	margin: 54px 0 70px;
	max-width: 591px;
}
.content-img-left{
	margin-top: 273px;
  	position: relative;
  	left: 90px;
}
.content-img{
	height: 580px;
}
.content-img img{
	height: 100%;
	object-fit: cover;
}
.content-img-wrap{
	padding-left: 70px;
}
/*================footer================*/
.footer-area{
	padding: 56px 0 85px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.footer-logo{
	width: 162px;
}
.footer-social{
	margin-top: 45px;
	display: flex;
	gap: 7px;
}
.footer-social a{
	width: 48px;
	height: 48px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.footer-social a img{
	width: 17px;
}
.footer-social a:hover{
	background-color: #9F907D;
}
.footer-social a:hover img{
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.footer-content{
	max-width: 850px;
  	margin-left: auto;
}
.footer-area h2{
	white-space: nowrap;
	margin-left: -145px;
	margin-bottom: 40px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
  	padding-bottom: 21px;
  	display: inline-block;
}
.footer-area h2 a:not(:hover){
	opacity: .5;
}
.each-footer-content h6{
	font-family: 'ModeratExtendedRegular';
	line-height: 24px;
	margin-bottom: 19px;
}
.each-footer-content td{
	vertical-align: top;
	padding-right: 10px;
}
.each-footer-content td:nth-child(even){
	padding-right: 0;
}
.each-footer-content td, .each-footer-content p, .footer-privacy p{
	font-family: 'ModeratExtendedRegular';
	line-height: 25px;
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: 0;
}
.each-footer-content a, .footer-privacy a{
	color: rgba(255, 255, 255, 0.5);
}
.each-footer-content a:hover, .footer-privacy a:hover{
	color: #9F907D;
}
.footer-content-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer-area hr{
	margin: 48px 0;
	background-color: #fff;
	opacity: .3;
}
.footer-privacy{
	margin-bottom: 0;
}
.footer-privacy p{
	line-height: 19px;
}
/*===============Diensten List=================*/
.inner-banner-sec{
	height: 516px;
}
.inner-banner-sec:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background-color: #1E1917;
	opacity: .6;
}
.inner-banner-sec img{
	height: 100%;
	object-fit: cover;
}
.inner-banner-content{
	position: absolute;
	width: 100%;
	left: 0;
	top: 57%;
	transform: translateY(-50%);
}
.each-subpg{
	background-color: rgba(159, 144, 125, 0.93);
}
.subpg-list-content{
	max-width: 680px;
	margin: auto;
	width: 100%;
	padding: 40px;
}
.each-subpg img{
	height: 100%;
	object-fit: cover;
}
.each-subpg h3, .each-subpg p{
	color: #fff;
}
.each-subpg h3{
	line-height: 83px;
}
.each-subpg p{
	display: -webkit-box;
  	-webkit-line-clamp: 6;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  	text-overflow: ellipsis;
	margin: 31px 0 46px;
}
.each-subpg .common-btn{
	border-color: #fff;
	color: #fff;
	background-color: transparent;
}
.each-subpg:hover .common-btn{
	color: #1E1917;
	background-color: #fff;
}
/*==================Contact==============*/
.contact-sec{
	padding: 77px 0;
}
.contact-heading h5{
	font-family: 'AstallyaScript';
	font-size: 3.8rem;
	line-height: 60px;
	color: #9F907D;
	letter-spacing: 1.52px;
	margin-bottom: 10px;
}
.contact-heading h4{
	font-family: 'NotoSans-SemiBoldItalic';
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.contact-heading p{
	max-width: 640px;
	margin-top: 12px;
}
.contact-heading{
	margin-bottom: 40px;
}
.form-wrap{
	padding: 50px 46px 32px;
	background-color: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	height: 100%;
}
.contact-sec .custom-row, .form-wrap .form-row{
	margin: 0 -9px;
}
.contact-sec .custom-grid, .form-wrap .form-grid{
	padding-left: 9px;
	padding-right: 9px;
}
.form-wrap .grid-left{
	width: 55%;
}
.form-wrap .grid-right{
	width: 45%;
}
.form-wrap .form-group{
	margin-bottom: 18px;
}
.form-style{
	border: 1px solid rgba(243, 243, 243, 0.4);
	padding: 18px 27px;
	font-size: 1.6rem;
	font-family: 'moderatmedium';
	letter-spacing: 0.32px;
	border-radius: 10px;
  	width: 100%;
  	background-color: transparent;
  	color: rgba(255, 255, 255, 0.5);
  	resize: none;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	overflow: hidden;
}
.form-style::placeholder{
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}
.form-style:focus {
    color: #fff;
    background-color: #9F907D;
    border-color: #9F907D;
    outline: 0;
    box-shadow: unset;
}
.form-style:focus::placeholder{
	color: #fff;
}
textarea.form-style {
	white-space: normal;
}
.form-wrap .grid-right .form-group{
	height: calc(100% - 18px);
}
.form-wrap .form-btn{
	display: table;
	margin: 12px 63px 0 auto;
	background-color: rgba(30, 25, 23, 0.3);
	color: #fff;
	border-color: #fff;
	padding-left: 41px;
	padding-right: 41px;
}
.form-wrap .form-btn:hover{
	background-color: #9F907D;
	border-color: #9F907D;
}
.contact-detail{
	padding: 55px 0;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	border-radius: 20px;
	height: 100%;
}
.contact-detail-wrap{
	margin: auto;
	display: table;
}
.each-detail h5{
	line-height: 34px;
	font-family: 'moderatmedium';
	letter-spacing: 0.24px;
	margin-bottom: 4px;
}
.each-detail a{
	font-family: 'moderatmedium';
	font-size: 1.8rem;
	line-height: 0.36px;
	color: #C5C5C5;
	line-height: 24px;
}
.each-detail a:hover{
	color: #9F907D;
}
.each-detail:not(:last-child){
	margin-bottom: 38px;
}
.map-sec #map_canvas{
	height: 900px;
}
/*======================Diensten-Detail===============*/
.subpg-back-btn{
	padding: 249px 0 53px;
}
.subpg-detail-top{
	padding-bottom: 40px;
}
.subpg-detail-top hr{
	background-color: rgba(255, 255, 255, 0.75);
	opacity: 1;
	margin: 0 0 48px;
}
.subpg-detail-image{
	padding-left: 20px;
}
.subpg-detail-top-content h2{
	margin-bottom: 48px;
}
.subpg-detail-top-content h3, .subpg-detail-top-content h4{
	margin-bottom: 30px;
}
.subpg-detail-top-content{
	max-width: 620px;
}
.subpg-detail-top-content p{
	max-width: 495px;
	margin-bottom: 80px;
}
.subpg-detail-top-content p:last-child{
	margin-bottom: 0;
}
.subpg-detail-middle{
	padding: 47px 0 87px;
}
.subpg-detail-middle-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}
.each-middle-block{
	display: flex;
	align-items: center;
	gap: 38px;
}
.block-img{
	background: rgba(159, 144, 125, 0.93);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 125px;
	height: 125px;
	min-width: 125px;
}
.block-content h5{
	line-height: 29px;
}
.block-content p{
  	max-width: 260px;
  	margin: 23px 0 0;
}
.subpg-detail-form{
	position: relative;
	z-index: 1;
}
.subpg-detail-form::before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background-color: #1E1917;
	opacity: .75;
	z-index: -1;
}
.subpg-slider{
	padding: 99px 0 103px;
}
.subpg-slider-heading{
	margin-bottom: 99px;
}
.each-subpg-slide{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.each-subpg-slide img {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.each-subpg-slide:hover img {
	transform: scale3d(1.08,1.08,1);
}
.each-subpg-slide::before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}
.subpg-slider-content{
	position: absolute;
	bottom: 48px;
	left: 0;
	padding: 0 38px;
	z-index: 2;
}
.subpg-slider-content p{
	margin: 6px 0 0;
	font-family: 'ModeratExtendedRegular';
}
.subpg-slider .swiper-button-prev{
	left: -56px;
}
.subpg-slider .swiper-button-next{
	right: -56px;
}
/*===============OverOns===============*/
.overons-top::before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 30%;
	height: 100%;
	background-color: #9F907D;
	z-index: -1;
}
.overons-top::after {
  position: absolute;
  top: -30px;
  right: -20px;
  content: '';
  width: 393px;
  height: 100%;
  background-image: url(../images/overons-angle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  z-index: -1;
}
.overons-top table {
	width: 100%;
}
.overons-top td:first-child {
	background-color: #9F907D;
}
.overons-top td {
	padding: 109px 130px 27px;
	width: 50%;
	vertical-align: top;
}
.overons-top td:first-child {
	padding-left: 0;
}
.overons-top h2 {
    margin-bottom: 49px;
}
.overons-top h3{
	margin-bottom: 40px;
}
.overons-top p{
	max-width: 650px;
}
.overons-middle-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}
.overons-middle-img img {
	height: 100%;
	object-fit: cover;
}
.overons-middle-content{
	padding-top: 28px;
  	padding-left: 130px;
}
.overons-middle-content p{
	max-width: 495px;
}
.overons-contact-block{
	margin: 34px 0 24px;
}
.overons-contact-block table{
	width: 100%;
	max-width: 570px;
}
.overons-contact-block tr{
	display: flex;
  	justify-content: space-between;
}
.overons-contact-block td{
	vertical-align: top;
}
.overons-contact-block p{
	font-family: 'ModeratExtendedLight';
	font-size: 1.8rem;
	line-height: 40px;
	max-width: 100%;
}
.overons-contact-block a img{
	margin-right: 12px;
}
.overons-contact-block a:not(:hover) img{
	filter: brightness(0) invert(1);
}
.overons-quote-block{
	display: flex;
	justify-content: space-between;
	gap: 36px;
	padding-top: 81px;
}
.overons-quote-heading{
	background-color: rgba(159, 144, 125, 0.93);
	display: flex;
  	align-items: center;
  	justify-content: center;
  	width: calc(100% - 110px);
  	padding: 0px 50px;
}
.overons-quote-heading h2{
	max-width: 421px;
}
.overons-social-icons{
	display: flex;
    flex-direction: column;
    width: 110px;
    height: 100%;
    justify-content: space-between;
    gap: 35px;
}
.overons-social-icons a{
	background-color: #9F907D;
	width: 110px;
	height: 112px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.overons-social-icons a img{
	width: 40px;
}
.overons-counter{
	padding: 137px 0 151px;
}
.overons-counter p{
	max-width: 590px;
	margin-left: auto;
}
.overons-counter .counter-wrap{
	position: static;
	margin-top: 109px;
}
.team-sec{
	padding: 84px 0 112px;
	background-color: #fff;
}
.team-heading{
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.75);
}
.team-heading h2{
	color: #000;
}
.member-detail{
	position: absolute;
	bottom: 21px;
	padding: 0 35px;
	left: 0;
	z-index: 2;
}
.team-sec .swiper-arrow:not(:hover){
	background-color: #000;
	border-color: #000;
}
.team-sec .swiper-button-prev{
	left: -56px;
}
.team-sec .swiper-button-next{
	right: -56px;
}
.gallery-sec{
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 17px;
}
.gallery-wrap{
	display: flex;
	margin: 0 -17px;
}
.gallery-grid{
	width: 33.33%;
}
.each-gallery{
	height: 50%;
	padding: 17px;
}
.each-gallery img{
	height: 100%;
	object-fit: cover;
}
.middle-gallery-top{
	display: flex;
	height: 50%;
}
.middle-gallery-top .each-gallery, .right-gallery .each-gallery{
	height: 100%;
}
.overons-bottom-block{
	padding: 117px 0 113px;
}
.overons-bottom-block .mx-auto{
	max-width: 1465px;
}
.overons-bottom-block h2{
	margin-bottom: 53px;
}
.overons-bottom-block p{
	max-width: 495px;
}
.overons-bottom-block .common-btn{
	margin-top: 91px;
	background-color: rgba(30, 25, 23, 0.3);
	border-color: #fff;
}
.overons-bottom-block .common-btn:hover{
	background-color: #9F907D;
	border-color: #9F907D;
}
.bottom-block-img{
	padding-left: 20px;
}
/*====================Aanbod==================*/
.aanbod-filter{
	padding: 224px 0 6px;
}	
.aanbod-filter h2{
	margin-bottom: 104px;
}
.filter-wrap{
	display: flex;
	gap: 10px;
	justify-content: space-between;
}
.aanbod-filter .each-filter{
	width: 16.667%;
}
.aanbod-filter .each-filter select{
	padding-right: 15px;
}
.aanbod-product{
	padding-bottom: 68px;
}
.aanbod-product .each-product{
	margin-bottom: 35px;
}
.aanbod-middle{
	height: calc(100% - 35px);
	border-radius: 10px;
}
.aanbod-middle-content{
	padding: 40px 34px;
}
.aanbod-middle-content h5{
	font-family: 'ModeratExtendedMedium';
}
.aanbod-middle-content p{
	max-width: 467px;
	margin: 24px 0 51px;
}
.aanbod-middle-content a{
	color: #9F907D;
	font-family: 'ModeratExtendedMedium';
	font-size: 1.8rem;
	line-height: 22px;
	position: relative;
	padding-right: 26px;
	transition: all 0.5s;
  	-webkit-transition: all 0.5s;
}
.aanbod-middle-content a::after{
	position: absolute;
	top: 60%;
	transform: translateY(-50%) rotate(-90deg);
	content: '';
	width: 9px;
	height: 9px;
	background: url(../images/dropdown.svg) no-repeat center /contain;
	right: 0;
	transition: all 0.5s;
  	-webkit-transition: all 0.5s;
}
.aanbod-middle-content a:hover{
	color: #fff;
}
.aanbod-middle-content a:not(:hover)::after{
	filter: brightness(0) saturate(100%) invert(64%) sepia(8%) saturate(996%) hue-rotate(345deg) brightness(88%) contrast(85%);
}
.aanbod-middle-content a:hover::after{
	right: -5px;
}
/*================Verkocht==============*/
.verkocht-product .product-price h5{
	font-family: 'moderatmedium';
}
/*=============Aanbod Detail============*/
.aanbod-dtl-back-btn{
	padding-top: 184px;
}
.aanbod-dtl-price h3{
	letter-spacing: normal;
}
.aanbod-dtl-price h5{
	font-family: 'moderatmedium';
	margin-top: 9px;
}
.aanbod-dtl-price h5 span{
	color: #9F907D;
}
.aanbod-dtl-back-btn hr{
	opacity: 0.75;
  	background-color: #fff;
  	margin: 42px 0 0;
}
.aanbod-dtl-slider{
	padding: 63px 0 95px;
}
.thumb-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(28, 28, 28, 0.05);
	backdrop-filter: blur(21.76285743713379px);
}
.thumb-overlay-content{
	display: flex; 
	align-items: center;
	justify-content: center;
	height: 100%;
	flex-direction: column;
	font-family: 'LamaSansMedium';
	font-size: 1.5rem;
	line-height: 24px;
	cursor: pointer;
}
.thumb-overlay-content span{
	font-family: 'SuprapowerSEHeavy';
	font-size: 2.2rem;
	line-height: 29px;
	margin-bottom: 4px;
}
.aanbod-dtl-slider-content{
	padding-left: 46px;
}
.aanbod-dtl-slider-content h3{
	font-size: 4rem;
	line-height: 48px;
	margin-bottom: 6px;
}
.aanbod-dtl-slider-content h5{
	font-family: 'ModeratExtendedRegular';
}
.aanbod-dtl-slider-content table{
	width: 100%;
	margin: 100px 0 50px;
}
.aanbod-dtl-slider-content td{
	vertical-align: top;
	font-family: 'ModeratExtendedRegular';
	font-size: 2rem;
	line-height: 24px;
	width: calc(33.33% - 5px);
	color: rgba(255, 255, 255, 0.8);
}
.aanbod-dtl-slider-content td span{
	font-family: 'ModeratExtendedBold';
	display: block;
	color: #fff;
	margin-bottom: 5px;
}
.aanbod-dtl-slider-content tr{
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
	row-gap: 45px;
}
.aanbod-dtl-contact{
	border-top: 1px solid rgba(255,255,255,0.6);
	padding-top: 52px;
}
.aanbod-dtl-contact-wrap{
	display: flex;
	align-items: center;
	gap: 35px;
}
.aanbod-dtl-contact h5{
	font-family: 'GeistMedium';
	font-size: 2.4rem;
	line-height: 31px;
	margin-bottom: 27px;
}
.member-image{
	width: 188px;
	height: 188px;
	min-width: 188px;
	background-color: rgba(255, 255, 255, 0.08);
	border-radius: 14px;
}
.aanbod-contact-info{
	width: calc(100% - 188px);
}
.aanbod-dtl-contact li a{
	display: flex;
	gap: 15px;
	align-items: center;
	font-family: 'moderatmedium';
	font-size: 2rem;
	line-height: 28px;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 9px;
}
.aanbod-dtl-contact li:last-child a{
	margin-bottom: 0;
}
.aanbod-dtl-contact li a:hover{
	color: #9F907D;
}
.aanbod-dtl-contact li a:not(:hover) img{
	filter: brightness(0) invert(1);
}
.aanbod-dtl-contact .contact-button-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.aanbod-dtl-contact .common-btn.border-btn{
	margin-right: 5px;
}
.aanbod-dtl-contact .common-btn.inruilen-btn{
	background-color: #25D366;
	border-color: #25D366;
	color: #fff;
}
.aanbod-dtl-contact .common-btn.inruilen-btn span{
	display: flex;
	align-items: center;
	gap: 5px;
}
.aanbod-dtl-contact .common-btn.inruilen-btn img{
	width: 17px;
}
.aanbod-share-btn{
	border: 1px solid rgba(255,255,255,0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	min-width: 42px;
	border-radius: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.aanbod-share-btn:hover{
	border: 1px solid #9F907D;
	background-color: #9F907D;
}
.aanbod-share-btn:hover img{
	filter: brightness(0) invert(1);
}
.aanbod-share-btn:not(:hover) img{
	opacity: .7;
}
.detail-sec-wrapper::before{
	position: absolute;
	top: -30px;
	right: 0px;
	content: '';
	width: 150px;
	height: 100%;
	background-image: url(../images/aanbod-dtl-bg.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
}
.opties-slider{
	background-color: #fff;
	padding: 91px 0 29px;
}
.opties-slider-heading{
	border-bottom: 1px solid rgba(30, 25, 23, 0.75);
	padding-bottom: 38px;
	margin-bottom: 38px;
}
.opties-slider-heading h3{
	color: #1E1917;
}
.opties-slider-heading a{
	color: #9F907D;
	font-family: 'ModeratExtendedMedium';
	font-size: 1.8rem;
	line-height: 22px;
	position: relative;
	display: inline-block;
	padding-right: 30px;
}
.opties-slider-heading a::after{
	position: absolute;
	top: 60%;
	transform: translateY(-50%) rotate(-90deg);
	content: '';
	width: 9px;
	height: 9px;
	background: url(../images/dropdown.svg) no-repeat center /contain;
	right: 0;
	filter: brightness(0) saturate(100%) invert(64%) sepia(8%) saturate(996%) hue-rotate(345deg) brightness(88%) contrast(85%);
}
.opties-slider-heading a:hover{
	color: #1E1917;
}
.opties-slider-heading a:hover::after{
	filter: brightness(1) invert(1);
}
.opties-slide-content{
	background-color: #9F907D;
	padding: 37px 47px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.opties-slide-content h6{
   	font-family: 'ModeratExtendedBold';
    font-size: 2rem;
    line-height: 19px;
}
.aanbod-detail-tab{
	padding: 91px 0;
	background-color: #fff;
}
.tab-btn{
	max-width: 1085px;
	position: relative;
}
.tab-btn ul{
	gap: 12px;
}
.tab-btn li{
	width: calc(20% - 12px);
}
.tab-btn a{
	background-color: #fff;
	border: 1px solid #1E1917;
	padding: 9px 0;
	font-family: 'moderatmedium';
	font-size: 1.6rem;
	color: #1E1917;
	border-radius: 5px;
	display: block;
  	text-align: center;
}
.tab-btn a.active{
	background-color: #9F907D;
	border-color: #9F907D;
	color: #fff;
}
.tab-btn a span{
	position: relative;
	padding-right: 16px;
}
.tab-btn a span::after{
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	right: 0;
	content: '';
	width: 8px;
	height: 8px;
	background: url(../images/tab-btn-arw.svg) no-repeat center /contain;
}
.tab-btn a.active span::after{
	filter: brightness(0) invert(1);
	transform: translateY(-50%) rotate(90deg);
}
.aanbod-detail-tab .tab-content{
	padding-top: 57px;
}
.kenmerken-tab{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.kenmerken-tab li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 120px 30px 0;
	border-bottom: 1px solid rgba(30, 25, 23, 0.3);
	font-family: 'moderatmedium';
	font-size: 2rem;
	line-height: 20px;
	color: #1E1917;
}
.kenmerken-tab li:nth-child(-n+3) {
	padding-top: 0;
}
.kenmerken-tab li:nth-last-child(-n+3) {
	border-bottom: none;
}
.kenmerken-tab li span{
	color: rgba(30, 25, 23, 0.7);
	text-align: right;
}
.kenmerken-tab li span::before {
	content: '';
	background: url(../images/kenmerken-arw.svg) no-repeat center /contain;
	margin-right: 12px;
	vertical-align: middle;
	display: inline-block;
	transform: translateY(-1px);
	width: 14px;
  	height: 14px;
}
.kenmerken-btn.common-btn{
	cursor: pointer;
	margin-top: 30px;
	background-color: transparent;
  	color: #9F907D;
  	border-color: #9F907D;
}
.kenmerken-btn.common-btn:hover{
	background-color: #9F907D;
  	color: #fff;
}
/*****kenmarken-popup******/
.kenmarken-popup {
    display: none;
    z-index: 100;
    position: relative;
}
.kenmarken-popup-wrap {
	position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 102;
    display: flex;
}
.kenmarken-popup-overlay {
	position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(14, 14, 14, 0.8);
    backdrop-filter: blur(12px);
    top: 0;
    left: 0;
    z-index: 100;
}
.kenmarken-popup-inner {
	border-radius: 20px;
    background-color: #1E1917;
    position: relative;
    z-index: 101;
    max-width: 93%;
    margin: auto auto;
    padding: 50px;
    width: 100%;
    height: 75vh;
	border: 1px solid #9F907D;
	overflow: hidden;
}
.kenmarken-popup-close {
	background-color: #9F907D;
	width: 40px;
	height: 40px;
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;
	top: 20px;
	right: 20px;
	border-radius: 100%;
	cursor: pointer;
	border: 1px solid #9F907D;
}
.kenmarken-popup-close img {
	width: 16px;
}
.kenmarken-popup-content {
	overflow-y: scroll;
	height: calc(100% - 116px);
	padding-right: 20px;
}
.kenmarken-popup-content::-webkit-scrollbar  {
	background-color: #5B5A5E;
	width: 10px;
    border-radius: 10px;
}
.kenmarken-popup-content::-webkit-scrollbar-thumb {
	background-color: #999999;
    border-radius: 10px;
}
.kenmerken-popup-model {
	padding-bottom: 30px;
	padding-right: 40px;
}
.kenmerken-popup-model h3 {
    color: #fff;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.kenmerken-popup-model h6 {
    color: #fff;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kenmarken-popup-content h4 {
	margin-bottom: 10px;
}
.kenmarken-popup-content ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 40px;
}
.kenmarken-popup-content li:nth-child(odd) {
    padding-right: 10px;
}
.kenmarken-popup-content li {
    width: 50%;
    position: relative;
    color: #fff;
    font-size: 2rem;
    line-height: 20px;
    margin-bottom: 0;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    font-family: 'moderatmedium';
}
.kenmarken-popup-content li:after {
    opacity: 0;
}
/*********x*********/
.each-onderhoud-block {
    display: flex;
    height: 100%;
}
.left-bg-block {
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #9F907D;
  	border-radius: 5px 0 0 5px;
}
.block-dtls {
    width: calc(100% - 140px);
    border: 1px solid #9F907D;
    border-left: 0;
    padding: 20px 15px;
    border-radius: 0 5px 5px 0;
}
.each-onderhoud-block h4 {
	font-size: 2.4rem;
	font-family: 'ModeratExtendedBold';
	color: #1E1917;
}
.each-onderhoud-block h5 {
    color: #1E1917;
  	font-size: 1.8rem;
  	font-family: 'moderatmedium';
  	line-height: 28px;
	margin-top: 5px;
}
.opties-tab{
	margin-bottom: 30px;
}
.opties-tab h5{
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  	padding-bottom: 10px;
  	margin-bottom: 10px;
  	color: #1E1917;
}
.opties-tab ul{
	list-style-type: disc;
	padding-left: 20px;
}
.opties-tab li{
	color: #1E1917;
	margin-bottom: 10px;
}
.aanbod-detail-tab .tab-content p{
	color: #1E1917;
}
.related-product{
	padding: 98px 0 97px;
}
.related-product .product-heading{
	border-bottom: 0;
	padding-bottom: 0;
}
.related-product-btn{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 12px;
}
.related-product-btn .common-btn{
	background-color: rgba(30, 25, 23, 0.3);
	border-color: #fff;
}
.related-product-btn .common-btn:hover{
	background-color: #9F907D;
	border-color: #9F907D;
}
.related-product-btn .common-btn span{
	position: relative;
	padding-right: 24px;
}
.related-product-btn .common-btn span::after{
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	right: 0;
	content: '';
	width: 14px;
	height: 14px;
	background: url(../images/next-arw.svg) no-repeat center /contain;
}
.related-product-btn .swiper-arw-wrap{
	width: 91px;
	height: 44px;
}
.product-sec.related-product .swiper-arrow{
	width: 43px;
	height: 43px;
}
.product-sec.related-product .swiper-button-next{
	right: 0;
}
.product-sec.related-product .swiper-button-prev{
	left: auto;
	right: 48px;
}
/*============Popup============*/
.modal-area .modal-dialog {
    max-width: 1290px;
  	margin: 6% auto 70px;
}
.modal-area .modal {
	background-color: rgba(18, 18, 18, 0.5);
}
.modal-area .modal-content {
    border: 0;
	border-radius: 0;
}
.modal-area .popup-content {
	padding: 30px 70px;
	font-family: 'moderatmedium';
	font-size: 1.6rem;
	line-height: 24px;
	color: #1E1917;
}
.pop-up-image {
	height: 100%;
}
.pop-up-image img {
	height: 100%;
	object-fit: cover;
}
.modal-area .popup-content h4 {
	color: #0F1014;
	font-size: 3.6rem;
	text-transform: uppercase;
	line-height: 43px;
	margin-bottom: 32px;
}
.modal-area .close-img {
    position: absolute;
    top: 15px;
    right: 15px;
	height: 50px;
	width: 50px;
	background-color: #1E1917;
	border-radius: 100%;
	border: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.modal-area .close-img img{
	width: 18px;
}
/*******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;
}
/*****form modal heading*****/
body .form-modal-wrap h3{
	font-family: 'NotoSans-SemiBoldItalic';
}
/****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;
    color: #000;
}
.star_icon{
	margin-bottom: 3rem;
}
.star_icon h5{
    padding: 10px 0;
    margin: 10px 0;
    color: #1E1917;
    border-bottom: 1px solid #1E1917;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'ModeratExtendedMedium';
}
.star_icon p img{
    width: 15px;
    margin-top: -3px;
    margin-right: 5px;
}
.star_icon p{
    word-break: break-word;
}
.photo_contnt li img{
    width: 15px;
    margin-left: 5px;
}
.star_icon h3 {
    margin: 40px 0 30px;
}
.g-review{
	padding: 60px 20px;
	background-color: #f9f9f9;
}
.error_top, .privacy_section{
	padding: 190px 0 100px;
}
.privacy_section h3{
	margin-bottom: 25px;
}