@import "reset.css";
@import "cols.css";
/*
maincolors:
BACKGROUND:#fff
COLOR:#000
MAINCOLOR:#000
MAINCOLOR2:#c00
COLOR_ON_MAIN:#fff;
*/
html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#000;font-family:Montserrat, Arial;font-size: 15px;}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#000;}
a:hover{color:#000;}
a.tel{text-decoration:none;}
b,strong{font-weight:bold;}
.table{display:table;width:100%;}
.tr{display:table-row;}
.td{display:table-cell;box-sizing:border-box;padding:3px;}
#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1280px;width:95%;height: auto;margin: 0px auto;position:relative;}
.wrapper2 {max-width: 1920px;width:95%;height: auto;margin: 0px auto;position:relative;}
.resp-container {position: relative;overflow: hidden;padding-top: 56.25%;}

.placeholder {color:#aaa;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;opacity:1;}
::-moz-placeholder {color:#aaa;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#aaa;}	
input[placeholder], textarea[placeholder] {color:#aaa;}

#thover {position:fixed;background:#000;width:100%;height:100%;opacity: .5;z-index: 10000;left: 0;}
#tpopup {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;box-shadow:0 0 10px 0 #000;z-index: 10000;}
#tclose {position:absolute;background:black;color:white;right:-15px;top:-15px;border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center;font-size:15px;font-weight:bold;
font-family:'Arial Black', Arial, sans-serif;cursor:pointer;box-shadow:0 0 10px 0 #000;}

/*WARNING
****************/
#warning{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;display:none;background:url(../images/popup.png) #fff;}
#Wmessage{background-color:#fff;width:400px;margin:50px auto;padding:50px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}

/*page Title
**************/
h1 {color:#000;font-size:36px;line-height:normal;font-weight:700;margin-bottom:30px;}
h1.H1Hm{text-align:center;}
h2 {color:#000;font-size:20px;line-height:normal;font-weight:700;text-transform:uppercase;letter-spacing: 1px;margin-bottom: 30px;}
h3 {color:#000;font-size:16px;line-height:normal;font-weight:700;text-transform:uppercase;letter-spacing: 1px;margin-bottom: 10px;}
h3 a {text-decoration: none;}
h4 {color:#838383;font-size:14px;line-height:normal;font-weight:300;letter-spacing: 1px;}
h5 {color: #fff;font-size: 16px;font-weight: 700;line-height: normal;margin-bottom: 20px;}
h6 {color:#000;font-size:36px;line-height:normal;font-weight:700;margin-bottom:30px;}
#melding{text-align:center;background-color:#000;color:#fff;padding:10px;text-transform:uppercase;}

/*Header MOB
**************/
#navMobMenu{display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob {background-color:#fff;display:none;}

/*header
******************/
#open {padding: 20px 0;color: #fff;background-color: #ea2d29;text-align: center;width: 100%;z-index: 9999;}
#height {height: 184px;}
#top {background:rgba(0,0,0,0.85);width: 100%;z-index: 99;padding: 20px 0 0 0;text-align: center;}
#top2 {background:rgba(0,0,0,0.85);position: sticky;top: 0px;left: 0px;right: 0px;width: 100%;z-index: 99;padding: 20px 0;transition:0.5s all ease;}
#header {width:100%;text-align: center;position: relative;display: flex;align-items: center;justify-content: space-between;}
#logo {}
.dealer {padding: 20px 0;display: flex;justify-content: center;position: fixed;bottom: 0px;left: 0px;right: 0px;width: 100%;z-index: 9999;background:rgba(0,0,0,0.85);}
.dealer img {vertical-align: baseline;}
.flexD {display: flex;align-items: center;justify-content: center;}
.owl-logos {display: flex;align-items: center;}
.owl-logos a {display: flex;}
#socials {display: flex;align-items: center;justify-content: center;}
.socials {display: flex;gap: 10px;margin-right: 10px;}
.socials a {color: #fff;font-size: 20px;}
#languages {}
#languages ul {list-style-type:none;margin: 0;}
#languages ul li {display:inline-block}
#languages ul li a {color:#fff;padding:5px 10px;text-decoration:none;text-transform:uppercase;display:inline-block;background-color: #000;border-top: 1px solid #fff;border-bottom: 1px solid #fff;font-size: 12px;font-weight: 400;}
#languages ul li:first-child a {border-left: 1px solid #fff;}
#languages ul li:last-child a {border-right: 1px solid #fff;}
#languages ul li a.lcurrent {background-color:#b2b2b2;color:#000 !important;}
#languages ul li a:hover {background-color:#b2b2b2;color:#000 !important;}

#videoo {position: relative;width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;}
#videoo video {object-fit: cover;width: 100%;height: 100vh;position: absolute;top: 0px;left: 0px;z-index: 3;}

.item img {object-fit: cover;aspect-ratio: 1/1;}

.dwnld {display: block;text-decoration: none;padding: 10px;color: #fff;background-color: #ea2d29;}
.dwnld:hover {color: #fff;font-weight: 700;}

#slideshow {position:relative;width:100%;height:100vh;z-index:0;}
.slidetitel {color: #fff;letter-spacing: 1px;font-weight: 300;position: relative;display: inline-block;padding-right: 30px;margin-bottom: 0;font-size: 36px;text-transform: uppercase;}
.slidetitel:after {content: "";display: block;position: absolute;width: 1px;background-color: rgba(255,255,255,.5);right: -1px;top: 0;height: 140px;}
.subtitel {padding-left: 30px;display: inline-block;font-size: 24px;font-weight: 300;}
.gradient-overlay {position:absolute;bottom:0;left:0;height:50vh;width:100%;background: linear-gradient(transparent 10.5%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8)) !important;z-index: 4;}
.container {margin-right:auto;margin-left:auto;padding: 0 2.5%;}
.overlay-content {position:absolute;bottom:50px;color:#fff;font-size:16px;z-index: 5;}
.overlay-content a {color:#fff;}
.slideknop {position: absolute;right: 2.5%;bottom: 50px;}
.slideknop a {display:block;padding:15px 20px;background-color:#ea2d29;color:#fff;text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:1px;border-radius:3px;font-weight:700;transition:all 0.6s ease;line-height: normal;}
.slideknop a:hover {background-color:#fff;color:#ea2d29;}

#modellen {background-color: #fff;padding: 150px 0 70px 0;box-sizing: border-box;position: fixed;top: 0px;z-index: 79;display: none;}
.model {float: left;width: 23.5%;margin-left: 2%;text-align: center;}
.model1 {margin-left: 0;}
.model-titel a {font-size: 18px;font-weight: 700;text-decoration: none;text-transform: uppercase;text-align: center;display: block;}
.model-titel span {font-size: 18px;font-weight: 700;text-decoration: none;text-transform: uppercase;text-align: center;display: block;}
.nivs4 {margin-bottom: 50px;}

/*main content -> menu & content
*********************************/
#mainhome {width:100%;line-height: 30px;}
#main {width:100%;line-height: 30px;padding: 60px 0;}
#main.page4 {padding: 0;}
#nieuw, #direct {padding: 60px 0;text-align: center;}
.melddd {border: 1px solid #000;padding: 30px;margin-top: 60px;}
.melddd ul {list-style: none;padding-left: 0;margin-left: 10px;}
.melddd ul li {position: relative;padding-left: 20px;}
.melddd ul li::before {content: "✔";color: #ea2d29;font-size: 16px;position: absolute;left: 0;top: 0;}

.row {display: flex;align-items: center;justify-content: center;}
.row.black {background-color: #000;color: #fff;}
.row.black h1 {color: #fff;}
.row.white {background-color: #fff;color: #000;}
.row.white h1 {color: #000;}
.row-text {padding: 0px 60px;width: 50%;box-sizing: border-box;}
.picture-left {width: 50%;height: 60vh;}
.picture-right {width: 50%;height: 60vh;background-size: cover;}
.picture-right.home {background: url(../images/home.jpg) no-repeat center center;background-size: cover;}

#sec174 a {background-color: #ea2d29;color: #fff;padding: 16px 32px;text-decoration: none;letter-spacing: 1.5px;font-weight: 700;font-size: 14px;line-height: normal;display: inline-block;}
.btn {padding: 16px 32px;text-decoration: none;letter-spacing: 1.5px;font-weight: 700;font-size: 14px;line-height: normal;margin-top: 30px;display: inline-block;}
.btn.white {background-color: #fff;color: #000;}
.btn.black {background-color: #000;color: #fff;}
.btn:hover {background-color: #ea2d29;color: #fff;}
.btn.detail {padding: 16px 32px;text-decoration: none;letter-spacing: 1.5px;font-weight: 700;font-size: 14px;line-height: normal;margin-top: 0px;display: block;background-color: #fff;color: #000;border: 2px solid #000;text-transform: uppercase;text-align: center;}
.btn.detail:hover {background-color: #000;color: #fff;}

#merken {padding: 60px 0;text-align: center;}
.merk {float: left;width: calc(100%/5);box-sizing: border-box;padding: 0 20px;}

#contenthome {background: url(../images/home2.jpg) no-repeat fixed center center;background-size: cover;padding: 60px 0;}
.contenthome {width: 70%;background-color: #fff;padding: 50px;box-sizing: border-box;}

.contentleft {float: left;width: 47.5%;margin-right: 5%;}
.contentright {float: right;width: 47.5%;}

.anchors {background-color: #f7f7f7;text-align: center;padding: 30px 0;}
.anchors.fixed {position: fixed;top: 0px;width: 100%;z-index: 99;}
.anchors a {font-size: 14px;font-weight: 700;text-transform: uppercase;text-decoration: none;display: block;width: calc(100%/6);float: left;}

.itemhome img {object-fit: cover;height: 300px;}
	
.uitrusting {text-align: center;}
.interieur {text-align: center;}
.uitvoeringen {text-align: center;}
.movie {text-align: center;}
.offer {text-align: center;}

.uitrusting, .interieur, .uitvoeringen, .movie {padding: 60px 0 0 0;}

ul.tabs {width: 100%;background: #fff;list-style: none;margin: 0;border-bottom: 1px solid #cecece;display: flex;justify-content: center;}
ul.tabs li {}

ul.tabs li a {color: #000;text-decoration: none;text-align: center;background-color: #fff;display: block;padding: 0 20px 20px 20px;border-bottom: 0px;line-height: normal;}
ul.tabs li a:hover {background: #fff;color:#ea2d29;border-bottom: 5px solid #ea2d29;}
ul.tabs li a.active {background: #fff;color:#ea2d29;border-bottom: 5px solid #ea2d29;}
ul.tabs li a .tab-text {}

.secciones {width: 100%;color:#202020;background: #fff;}
.tableft {float: left;width: 55%;margin-right: 5%;}
.tabright {float: right;width: 40%;}

.secciones article{margin-top: 40px;}
.secciones article p {text-align: justify;}

.main-content {margin-top: 50px;}
.owl-prev {height: 100px;position: absolute;top: 40%;left: 20px;display: block !important;border:0px solid black;font-size: 2.5rem !important;color: #fff !important;}
.owl-next {color: #fff !important;font-size: 2.5rem !important;height: 100px;position: absolute;top: 40%;right: 20px;display: block !important;border:0px solid black;}
.owl-prev i, .owl-next i {color: #ccc;}

.kolom {float: left;width: 32%;margin-left: 2%;text-align: left;}
.kolom.first {margin-left: 0;}
.kolom ul {list-style-type: none;margin: 0;overflow: hidden;}
.kolom ul ul {list-style-type: none;margin-left: 20px;overflow: hidden;}
/*.kolom ul li:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058";margin-right: 10px;color: #ea2d29;}*/

#show_more {text-transform: uppercase;font-weight: 700;font-size: 14px;letter-spacing: 1.5px;display: inline-block;margin-top: 50px;border-top: 2px solid #c5c5c5;padding: 10px 30px 0 30px;cursor: pointer;}
#show_more svg {margin-left: 10px;}

.kleurtje {cursor: pointer;color: #fff;}
.kleurtje.telleractief {color: #ea2d29;}
.kleurtje.actief {color: #ea2d29;}

.flex-container {display: flex;flex-wrap: wrap;gap: 40px;}
.cars {flex-grow: 1;flex-basis: calc(20% - 40px);}
.cars:nth-child(-n+2) {flex-basis: calc(40% - 40px);}
.cars:nth-child(n+3):nth-child(-n+5) {flex-basis: calc(33.33% - 40px);}
.cars:nth-child(n+6):nth-child(-n+10) {flex-basis: calc(20% - 40px);}

.grid-container {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;margin-top: 40px;}

.offerte {display: block;color: #fff;text-transform: uppercase;text-decoration: none;letter-spacing: 1.5px;font-size: 14px;padding: 15px 30px;background-color: #ea2d29;font-weight: 700;text-align: center;}

.divpad {padding: 60px 0;font-size: 20px;text-align: center;}

.optie {float: left;width: 49%;box-sizing: border-box;padding: 25px;color: #fff !important;margin-left: 2%;font-size: 14px;}
.optie h2 {color: #fff !important;}
.optie:first-child {background-color: #ea2d29;margin: 0;}
.optie:nth-child(2) {background-color: #323232;}

.optiee {float: left;width: 49%;margin-left: 2%;}
.optiee:first-child {margin: 0;}

.voordelen {}
.voordeel {float: left;width: 49%;margin-left: 2%;}
.voordeel:first-child {margin-left: 0;}

.maps {padding-top: 60px;clear: both;}

.aanbod {box-shadow: 2px 3px 6px 3px rgb(0 0 0 / 15%);}
.aanbod img {width: 100%;object-fit: cover;aspect-ratio: 16/9;}
.aanTitel a {color: var(--MAINCOLOR2);font-weight: 700;text-decoration: none;margin-bottom: 20px;display: block;}
.detail {padding: 25px;}
.details {display: flex;align-items: flex-start;justify-content: space-between;line-height: 28px;font-size: 16px}
.row2 {margin-bottom: 10px;}
.proDetail {display: flex;}
.proPic {flex: 2;margin-right: 50px;}
.proPic a {display: block;}
.proPic img {width: 100%;}
.proTxt {flex: 3;}
.thumb img {object-fit: cover;aspect-ratio:16/9;width: 100%;}
.info ul {margin: 0;list-style-type: none;display: grid;grid-template-columns: 1fr 1fr;column-gap: 10px;}
.info ul li {padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #eee;}

.naam {display: flex;column-gap: 60px;}
.prijspermaand {width: 150px;height: 150px;border-radius: 50%;background-color: #32CD32;position: relative;display: flex;align-items: center;justify-content: center;text-align: center;color: #fff;font-size: 20px;font-weight: 700;margin-bottom: 20px;flex-direction: column;line-height: 24px;}
.prijspermaand span {font-weight: 400;font-size: 16px;}

.onderhoud-header {background: url(../images/onderhoud-header.jpg) no-repeat center center;background-size: cover;height: 350px;display: flex;align-items: center;justify-content: center;position: relative;}
.onderhoud-header::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.5);z-index: 1;}
.onderhoud-header h1 {position: relative;z-index: 2;}
#services {padding: 60px 0 0 0;background-color: #fff;}
.services {display: flex;justify-content: space-around; align-items: flex-start;}
.service-item {text-align: center;margin: 0 10px;flex: 1;cursor: pointer;}
.service-item i {font-size: 40px;color: black;}
.service-item hr {width: 30px;border: none;border-top: 2px solid red;margin: 10px auto;}
.service-item p {margin-top: 10px;font-size: 20px;color: black;}

.sectionwhite {display: flex;align-items: center;padding: 60px;column-gap: 60px;}
.sectionwhite2 {display: flex;align-items: center;padding: 60px;column-gap: 60px;}
.white-text {flex: 1;}
.white-pic {flex: 1;}
.white-pic2 {flex: 1;}
.white-pic img {width: 100%;height: auto;aspect-ratio: 16/9;object-fit: cover;}
.white-pic2 img {width: 100%;height: auto;aspect-ratio: 16/9;object-fit: cover;}

.sectionblack {display: flex;align-items: center;background-color: #000;}
.sectionblack2 {display: flex;align-items: center;background-color: #000;}
.black-text {flex: 1;padding: 60px;color: #fff;}
.black-text h2 {color: #fff;}
.black-pic {flex: 1;}
.black-pic img {width: 100%;height: auto;aspect-ratio: 16/9;object-fit: cover;}
.black-pic.expertise {background: url(../images/expertise.JPG) no-repeat center center;background-size: cover;height: 500px;}
.black-pic.carwash {background: url(../images/carwash.jpeg) no-repeat center center;background-size: cover;height: 500px;}
.gal184 img, .gal186 img {aspect-ratio: 4/3;height: auto !important;}
#onderhoud, #start {padding-top: 40px;}
#airco, #start {padding-bottom: 40px;}

#contact {padding: 100px 0;}

.grid-6 				{display: grid;grid-gap: 10px;grid-template-columns: repeat(6,1fr);}
.grid-5 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(5,1fr);}
.grid-4 				{display: grid;grid-gap: 30px;grid-template-columns: repeat(4,1fr);}
.grid-3 				{display: grid;grid-gap: 40px;grid-template-columns: repeat(3,1fr);}
.stockgrid-3 			{display: grid;grid-gap: 40px;grid-template-columns: repeat(3,1fr);}
.grid-2 				{display: grid;grid-gap: 50px;grid-template-columns: repeat(2,1fr);}
.sectiongrid			{margin:0px 0px 80px 0px;}

/*nieuwsbalk*/
/*************/
.newsHome{margin-top:20px;}
.newsHome a{text-align:center;font-size:20px;color:#000;display:block;text-decoration:none;padding:5px;text-transform:uppercase;}
.newsHome a i{color:#000;}
.newsHome a:hover{outline:solid 1px #ccc;background-color:#fff;}
#nieuw h3{text-transform:uppercase}
.newsTotal{float:left;width:60%;margin-left:10%;}

/*nieuws*/
/*************/
#nieuws 		{padding-top:30px;}
.nieH2			{text-align:center;margin-bottom:40px;margin-top:40px;}
.newsPicc		{float:left;width:35%;margin-right:5%;}
.newsTekst		{float:left;width:60%;}
.nieImgList		{float:left;width:30%;margin-right:5%;}
.nieTxtList		{float:left;width:65%;}
.nieTxtList a 	{color:#000;font-weight:bold;}
.nieuwsbericht 	{margin-bottom:20px;padding-bottom:20px;}
.nieDatum		{color:#c00;display:inline-block;padding:5px 5px 5px 0px;margin-bottom:10px;font-size:14px;}
.nieTitel		{text-transform:uppercase;font-size:20px;margin-bottom:10px;font-weight:normal;}
.nieTitel a 	{text-decoration:none;display:inline-block;}
.nieTekst 		{margin-top:5px;}
.nieStripe		{height:1px;border-bottom:dotted 1px #000;margin:20px 0px 20px 0px;}

.videoWrapper 	{position: relative;padding-bottom: 56.25%;margin-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nieFancyZoom	{text-align:center;margin-top:5px;font-size:12px;display:none;}
.nieFancyZoom a {text-decoration:none;}
.Floader		{width:100%;font-size:10px;text-align:center;line-height:12px;padding-top:10px;}
.Floader img 	{width:40px;height:20px;}

.nieBtn			{}
.nieBtn a		{background-color:#000;color:#fff;display:inline-block;border-radius:5px;text-decoration:none;text-transform:uppercase;padding:7px 15px;font-size:13px;margin-top:15px;}
.nieBtn a:hover {background-color:#c00;color:#fff;}
.nieSmallPic	{width:25%;max-height:60px;overflow:hidden;float:left;}

/*previous-next
********************/
#usable 				{display:grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px;text-align: center;margin-bottom: 20px;}
#usable a 				{box-sizing:border-box;padding:5px;text-decoration:none;border-radius:5px;background-color: #eee;}
#usable a:hover 		{background-color:#ccc;color:#fff;}

#tabs {margin-top:60px;}

/*social*/
.social			{text-align:center;margin:30px 0px 30px 0px;}
.social li 		{list-style:none;list-style-position:inside;margin:0px;display:inline-block;}
.social li a 	{margin-right:10px;font-size:30px;}
.social li a:hover 	{color:#c00;}

/*footer top
****************/
#sticky {position: relative;z-index: 10000;}
.ftkol1 				{float:left;width:30%;margin-right: 5%;}
.ftkol2 				{float:left;width:30%;margin-right: 5%;}
.ftkol3 				{float:left;width:30%;}
#footer					{padding: 50px 0px;color: #fff;background-color: #222;line-height: 28px;font-size: 14px;}
#footer a 				{color:#fff;}
#fct 					{float:left;}
#fct ul 				{margin:0px;list-style-type:none;}
#fct ul li 				{display:inline-block;margin-right:3px;}
#fct ul li:last-child 	{margin-right:0px;}
#fct2 					{float:right;}
#fct a.tel 				{display:inline-block;}
.navB					{display:none;}
#footer2 				{padding: 50px 0px;color: #fff;background-color: #222;line-height: 28px;font-size: 12px;border-top: 1px solid #3d3d3d;text-align: center;}
#footer2 a 				{color:#fff;}

/*forms*/
/***********/
.required {color: #FF0000;}
.field_heading {font-weight: bold;padding-top: 10px;}
.field_title {float:left;width:30%;margin-bottom:10px;}
.field_input {float:left;width:70%;margin-bottom:10px;}
.field_checkbox {margin-right: 10px;}
.field_title2 {width:100%;margin-bottom:10px;}
.field_input2 {width:100%;margin-bottom:10px;}

.email,.textfield,.textarea,select {color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;padding:5px;width:100%;box-sizing: border-box;font-family: 'Montserrat',arial;}
.email,.textfield,.textarea{-webkit-appearance: none;border-radius: 0;}
.textarea {height: 100px;}
.checkbox_label {cursor: pointer;}
.radio_label {cursor: pointer;}
.nixhier {display:none;}
.submit{border:none;text-transform:uppercase;padding: 16px 32px;text-decoration: none;letter-spacing: 1.5px;font-weight: 700;font-size: 14px;line-height: normal;margin-top: 30px;display: inline-block;font-family: 'Montserrat',arial;background-color: #000;color:#fff;}
.gdpr {font-size:10px;}