body { margin: 0; background: #000; color: #a6a6a6;  font-family: "Open Sans", sans-serif; font-optical-sizing: auto; line-height: 1.6; min-width: 590px}

.wrap { max-width: 1200px; min-width: 550px; margin: 0 auto; padding: 0 20px; }
.clear { clear: both; }

header { height: 80px; padding-top: 10px; overflow: hidden;}
header .wrap {position: relative;}
header .phone { position: absolute; right: 20px; top: 20px; display: inline-block; color: #ddb253; text-decoration: none; font-weight: bold; font-size: 1.3em;}


#hero {min-height: 600px; background: linear-gradient(90deg,rgba(0,0,0,0.9),rgba(50,50,50,0.3)), url('img/bg-header.png') center no-repeat; background-size: cover}
#hero .colleft {padding-top: 20px;}
h1 {font-family: "Libertinus Serif", serif; font-weight: 600; color: white; font-size: 5em; line-height: 0.8;}
h2 {font-family: "Libertinus Serif", serif;font-size: 1.5em; color: #ddb253;}
#hero .cta { color:#a6a6a6; text-decoration: none; font-weight: bold; cursor: default; }

.colleft { width: 450px; float: left; }
.colright { width: 550px; float: right;}

.form { background: #000; min-height: 200px; margin: 40px 0; border-radius: 25px; }
.form h3 { display: block; border:0; background:#ddb253; color: black; text-align: center; padding: 20px 0; border-radius: 25px 25px 0 0; text-transform: uppercase; margin: 0; }
.form .col3 { width: 156px; float: left; margin-right: 20px; overflow: hidden; margin-bottom: 20px}
.form .col3.last { margin-right: 0; }
.form .col3 input { width: 154px; }
.form form {padding: 20px}
.form label { display: block; }
form input[type=text], form input[type=tel], form input[type=email] {all: unset; background: #141a1c; display: block; border: 1px solid #888;}
form input[type=number] {all: unset; background: #141a1c; display: block; border: 1px solid #888;}
form select {all: unset; background: #141a1c; display: block; border: 1px solid #888; width: 154px;}
form input[type=datetime-local] {all: unset; background: #141a1c; display: block; border: 1px solid #888; height: 28px}
form textarea {all: unset; background: #141a1c; display: block; border: 1px solid #888; width: 400px;}
form button {all: unset; background:#ddb253; color: black; padding: 20px 40px; display: inline-block; cursor: pointer; border-radius: 10px; font-weight: bold;}
form button:hover {background-color: gold;}
form input::-webkit-calendar-picker-indicator {filter: invert(1);}
.form .required { border-color:red }
.imgcenter { text-align: center; }

#widget { position: relative; height: 450px; overflow: hidden; }
#widget .slider { position: absolute; top: 0; left: 0; width: 2400px; }
#widget h4 {font-family: "Libertinus Serif", serif;font-size: 1.5em; color: #ddb253; margin: 0 0 20px 0;}

#widget .page { width: 510px; float: left; margin-right: 40px; }

.vehicle { border-bottom: 1px solid #ddb253; padding: 10px; position: relative; display: block; }
.vehicle.sedan { background: url(img/ico-sedan.png) no-repeat left center; padding-left: 100px; }
.vehicle.suv { background: url(img/ico-suv.png) no-repeat left center; padding-left: 100px; }
.vehicle.fullsize { background: url(img/ico-fullsize.png) no-repeat left center; padding-left: 100px; }
.vehicle:hover { cursor: pointer; background-color: #141a1c; }
.vehicle.active { cursor: pointer; background-color: #666; }
.vehicle .title { display: block; font-weight: bold; color: white;}
.vehicle .description { display: block; font-size: 0.8em; }
.vehicle .price {font-family: "Libertinus Serif", serif;font-size: 1.5em; color: white; position: absolute; top: 15px; right: 20px;}

.form .col2 { width: 235px; float: left; margin-right: 20px; overflow: hidden; margin-bottom: 20px;}
.form .col2.last { margin-right: 0; }
.form .col2 input { width: 233px; }

#about-us { padding: 40px 0; }
#about-us img { opacity: 0.7; float: left; max-width: 400px; margin-right: 20px; }

#services {background: linear-gradient(90deg,rgba(0,0,0,0.9),rgba(50,50,50,0.3)), url('img/bg-service.png') center no-repeat; background-size: cover; background-attachment: fixed; min-height: 600px; overflow: hidden; color: white; padding-bottom: 40px;}
#services img { opacity: 0.9; filter: grayscale(1)}
#services img:hover {filter: grayscale(0)}
#services h3 { color: white; text-align: center; padding: 0; margin:40px 0; font-family: "Libertinus Serif", serif;font-size: 3em; }
#services .service { width: 370px; float: left; margin-right: 20px; margin-bottom: 40px; }
#services .service.left { margin-right: 0; }

#reviews { background: #141a1c; display: block; overflow: hidden; padding: 40px 0; }
#reviews .review { width: 370px; float: left; margin-right: 20px; }
#reviews .review.left { margin-right: 0; }


footer {padding: 20px 0 0 0; }
footer .wrap { position: relative; }
footer .col {  width: 270px; float: left; margin-right: 20px ; margin-bottom: 20px; }
footer .col.last { margin-right: 0; text-align: right; }
footer .col.logo { width: 200px }
footer .phone { color: #ddb253; text-decoration: none; font-weight: bold; font-size: 1.3em; top: 20px; right: 70px; position: absolute; display: inline-block; }

@media (max-width: 600px) {
	h1 { margin-top:0 }        
	#hero .cta { color: #ddb253; font-weight: normal; }
	#reviews .review {width: 530px}
	#about-us img { float: none; }
	#services .service { width: 255px; }
	#services .service img { width: 100%; }
	.notclearmobile { clear: none; }
	footer .phone {top: 100px; left: 20px; right:static ;}
}