﻿body {background-color:#060411;color:#aaa; font-family: "Montserrat", sans-serif; font-weight: 300; font-style: normal;}
h1, h2, h3, h4, h5 {font-family: "Play", sans-serif;}

a {text-decoration:none;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

.primbg {background-color:#060411;}
.primcolor {color:#6ff037;}

a.logo {position: absolute;left:0px;top:0px;padding: 12px 18px; transition: all 0.5s linear;box-shadow: 0px 1px 12px 2px rgba(0, 0, 0, 0.1);border-radius: 0px 0px 3px 3px;}
a.logo img {height: 110px;transition: all 0.1s linear;}

.mainnav {display: block;margin-top: 24px;transition: all 0.5s linear;}
.mainnav a {display: inline-block;color:#aaa;margin:0px 12px;font-size: 14px;font-weight:500;position: relative;text-transform: uppercase;letter-spacing: 1px;}
.mainnav a::before {position: absolute;content: '';width: 0px;height: 1px;left: 50%;bottom: -4px;background-color: #6ff037;transition: all 0.5s linear;}
.mainnav a:hover::before {width: 90%;left: 0px;}
.mainnav a:hover {color: #6ff037;}

.srink {box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.1);background-color:#060411;}
.srink a.logo {top:0px;background-color:#060411;}
.srink a.logo img {height: 90px;}
.srink .mainnav {margin-top: 14px;margin-bottom: 8px;}

/**Hero*/
.hero {box-sizing:border-box;overflow:hidden;position: relative;}
.hero .heroslide {display:block;height: 100vh;}
.hero .img-a {background: url(../images/hero/a.jpg) no-repeat left center;background-size: cover;}

.hero .heroslide {text-align: center;padding-top: 48vh}
.hero .heroslide h1 {color:#fff;font-size: 54px;font-weight:700;line-height: 56px;text-transform: uppercase;}
.hero .heroslide p {color:#6ff037;font-size:18px;font-weight:400;}

.txstyle  h2 {color:#fff;font-size:30px;font-weight:700;line-height: 34px;}
.txstyle  h3 {color:#fff;font-size:22px;font-weight:400;}
.txstyle p {font-size: 16px;font-weight: 400;line-height:26px;color:rgba(255, 255, 255, 0.5);}
.txstyle p.sm {font-size: 12px;font-weight:500;color:#6ff037;text-transform: uppercase;}

.carbox {display: block;height: 500px;width: 100%;padding-top: 180px;border-top:solid 3px #060411;}
.ca {background: url(../images/cars/a.jpg) no-repeat center center; background-size: cover;}
.cb {background: url(../images/cars/b.jpg) no-repeat center center; background-size: cover;}
.cc {background: url(../images/cars/c.jpg) no-repeat center center; background-size: cover;}
.cd {background: url(../images/cars/d.jpg) no-repeat center center; background-size: cover;}
.ce {background: url(../images/cars/e.jpg) no-repeat center center; background-size: cover;}
.cf {background: url(../images/cars/f.jpg) no-repeat center center; background-size: cover;}
.cg {background: url(../images/cars/g.jpg) no-repeat center center; background-size: cover;}
.ch {background: url(../images/cars/h.jpg) no-repeat center center; background-size: cover;}
 
/** Footer **/
.ftr {background: url(../images/cc.jpg) no-repeat left center;background-size: cover;padding:110px 0px 60px 0px;}

.ftr h3 {font-size: 26px;font-weight:500;color: #fff;line-height:34px;}
.ftr p {font-size: 16px;font-weight: 300;color: #aaa;line-height:24px;}
.ftr .tag  {font-size: 12px;font-weight:500;color:#6ff037;text-transform: uppercase;}
.ftr a {display: inline-block;font-size: 16px;font-weight: 300;color: #fff;transition: all 0.3s linear;border-bottom: solid 1px rgba(0, 0, 0, 0);margin-bottom: 5px;}
.ftr a:hover{border-bottom: solid 1px #fff;}

.copy{font-size: 14px;font-weight: 400;color: #6ff037;opacity: 0.4;}