@import url('https://fonts.googleapis.com/css?family=Roboto');

*{margin:0;padding:0;border:0;}
html, body{background-color:#FFF; height:100%;}
.clear{clear:both;}
.header-main{min-height:100%; background: url(../images/bg.png) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.header-main2{min-height:100%; background: url(../images/bg3.png) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.header-main3{min-height:100%; background: url(../images/bg4.png) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.header-main4{min-height:100%; background: url(../images/bg5.png) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.header-main5{min-height:100%; background: url(../images/bg6.png) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.header-main6{min-height:100%; background: url(../images/bg7.png) bottom center; background-repeat:no-repeat;}
.logo{margin:15px 0;}
.nav-bar{background-color: rgba(53, 63, 70, 0.85);}
.navigation-bar{float:right; margin-top:28px;}
.navigation-bar li{list-style:none; float:left; font-family:roboto; font-size:13px; padding:4px 12px;}
.navigation-bar a{color:#FFF; padding:5px 10px; text-decoration:none; border:1px solid transparent;}
.navigation-bar li:hover a{border:1px solid #4bcaff; color:#4bcaff;}
a.active{border:1px solid #4bcaff; color:#4bcaff;} .navbar-toggle,.icon-bar{border:1px solid #FFF;}

.top-text{margin-top:200px;}
.top-text h2{width:260px; margin: 0 auto; text-align:center; padding:12px 0; font-family:roboto; background-color:#5b6368; color:#FFF;}
.top-text h3{text-align:center; padding:12px 0; margin-top:10px; font-family:roboto; background-color:#5b6368; color:#FFF; text-transform:uppercase; }

.section{padding:70px 0;}.col2{background-color:#4bcaff;}.col1{background-color:#515f67;}
.text-area4 h2{text-transform:uppercase; color:#FFF; font-size:16px; text-align:center; font-family:roboto; line-height:26px;}
.style1{width:260px; margin:25px auto; border:1px solid #FFF;}
.text-area3 p{font-family:roboto; font-size:15px; color:#fff; line-height:25px; margin-top:120px;}
.text-area3 h3{font-family:roboto; font-size:15px; margin:40px 0 80px 0;}
.text-area3 a{color:#353f46; text-decoration:none; border: 1px solid #353f46; padding:12px 22px;}

.margin1{margin-top:100px;}
.text-area2 p{font-family:roboto; font-size:15px; color:#34424b; line-height:25px; margin-top:30px;}
.home-page-car{margin-top:60px;}
.money{margin-bottom:-180px;}
.contact-car{margin-top:-100px;}

.text-area1 p{font-family:roboto; font-size:15px; color:#fff; line-height:25px; margin-top:30px;}
.text-area1 h2{font-family:roboto; font-size:22px; color:#fff; line-height:33px; text-transform:uppercase; text-align:center;}

.bottom-section{background: url(../images/bg2.png) center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.bottom-section-text h2{font-family:roboto; font-size:28px; line-height:48px; color:#fff; margin:60px 0 30px 0; text-align:center; text-transform:uppercase;}
.bottom-section-text h3{font-family:roboto; font-size:22px; color:#fff; margin:20px 0; text-align:center; line-height:33px;}
.bottom-section-text p{font-family:roboto; font-size:15px; color:#fff; line-height:25px; margin:70px 0 0 0; text-align:center;}
.bottom-section-text span{color:#4bcaff; font-weight:bold;}


.footer-full{background-color:#353f47; padding:50px 0;}
.copyright p{font-size:13px; font-family:roboto; color:#4bcaff; margin-top:12px; text-transform:uppercase;}

.text-area6 h2{font-family:roboto; font-size:22px; line-height:48px; color:#fff; margin:60px 0 0 0; text-align:center; text-transform:uppercase;}
.text-area6 p{font-family:roboto; font-size:15px; color:#fff; line-height:25px; margin:30px 0 70px 0; text-align:center;}
.style2{width:60px; margin:15px auto; border:1px solid #FFF;}
.section5{padding:100px 0; background: url(../images/girl.png) left bottom; background-repeat:no-repeat;}
.section8{background: url(../images/girl2.png) right bottom; background-repeat:no-repeat;}
.text-area7 h2{font-family:roboto; font-size:22px; line-height:48px; color:#515f67; margin:60px 0 0 0; text-transform:uppercase;}
.text-area7 p{font-family:roboto; font-size:15px; color:#34424b; line-height:25px; margin:30px 0 70px 0;}
.style3{width:60px; margin:7px 0 15px 0; border:1px solid #515f67;}
.col6{background-color:#1c1d30;}

.text-area11 h2{font-family:roboto; font-size:22px; line-height:48px; color:#515f67; text-transform:uppercase;}
.text-area11 p{font-family:roboto; font-size:15px; color:#34424b; line-height:25px;}

.car{margin-top:-100px;}.money{margin-top:-70px;}.car2{margin-top:70px; margin-bottom:-60px;}.car3{ margin-bottom:-60px;}
.col9{background-color:#4f8da7;}

.contact-page{margin-top:60px;}
.contact-text p{text-align:right; font-family:roboto; font-size:14px; color:#282f35; text-transform:uppercase; margin-top:10px;}
#name,#phone,#email,#year,#make,#model,#price{background-color:transparent; width:100%; padding:5px 15px; border:1px solid #FFF;  height:45px; margin-bottom:30px; color:#000;}
#submit{font-size:14px; font-family:roboto; background-color:#525a60; color:#4bcaff; font-weight:bold; width:100%; padding:12px 16px; border-radius:0px; margin-top:15px; margin-bottom:50px;}





@media only screen and (max-width: 768px) {
body{text-align:center;}
.top-text{margin-top:120px;}.header-main{min-height:none;}
.money{margin-bottom:0px;}
.margin1 { margin-top:0px;}.text-area3 p {margin-top: 70px;}
.section5{padding:20px 0; background: none; background-repeat:no-repeat;}
.navigation-bar li{width:90%; padding:10px 0;}
.navigation-bar ul{padding:30px 0;}
.style3{width:60px; margin:7px auto 15px auto; border:1px solid #515f67;}
.section8{background:none; background-repeat:no-repeat;}
.car{margin-top:0px;}.money{margin-top:0px;}
.car2{margin-top:70px; margin-bottom:0px;}.car3{ margin-bottom:0px;}
.contact-car{display:none;}
}


.b{border:1px solid red;}
.h{height:100px;}