﻿body {font-family: 'Mulish', sans-serif;background-color:#fff;color:#000;font-size:14px;}
a {text-decoration:none;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.extrapad {padding-left:45px !important;padding-right:45px !important;}

.darkbg {background-color:rgba(0,0,0,0.1);}
.primbg {background-color:#0287cb;}
.seconbg {background-color: #e18105;}
.primcolor {color:#0287cb;}

.imgbg {background: url(../images/ftrbg.png) no-repeat top left #13052a; background-size: 110%;}

a.logo {display: inline-block;padding:11px 14px 7px 14px;transition: all 0.5s linear;background-color: #fff;border-radius: 0px 0px 3px 3px;}
a.logo img {max-height: 65px;}

.mainnav {display: block;margin-top: 24px;}
.mainnav a {display: inline-block;color:#fff;margin:0px 16px;font-size: 14px;font-weight:500;text-shadow: 1px 1px 5px 8px rgba(0,0,0,0.8);position: relative;}
.mainnav a::before {position: absolute;left: 0px;bottom:-19px;width:100%;height: 2px;content: '';transition: all 0.3s linear;}
.mainnav a:hover::before {background-color:#0d84c9;}
.mainnav a.lang {color:#fff;padding:7px 9px;margin: 0px 0px 0px 6px;border-radius: 30px;border:solid 3px #666;}
.mainnav a.lang:hover {border:solid 3px #0d84c9;background-color: #fff;color:#000 !important}
.mainnav a.actlang {border:solid 3px #0d84c9;background-color: #0d84c9;color:#fff;}
.mainnav a.lang::before {width: 0px;}

.srink {background-color: #fff;}
.srink a.logo {padding:12px 0px;}
.srink a.logo img {max-height: 50px;}
.srink .mainnav {margin-top: 24;}
.srink .mainnav a {color:#000;}
.srink .mainnav a.actlang {color:#fff}

/**Hero*/
.hero {box-sizing:border-box;overflow:hidden;}
.hero .heroslide {display:block;height: 680px;padding-top:450px;}
.hero .heroslide h1 {font-size: 30px;font-weight:400;color: #fff;line-height:44px;text-shadow: 1px 1px 5px 8px rgba(0,0,0,0.8);position: relative;}
.hero .heroslide h1 span {font-size: 44px;font-weight:700;color: #fff;line-height:60px;display: block;text-transform: capitalize;}
.hero .heroslide h1::before {position: absolute;left: 0px;bottom: -12px;width:240px;background-color:#0287cb;height: 3px;content: '';transition: all 0.3s linear;}
.hero .heroslide h1::after {position: absolute;left: 0px;bottom: -22px;width:180px;background-color:#0287cb;height: 3px;content: '';transition: all 0.3s linear;}

.hero .heroslide a {display:inline-block;padding:16px 26px;margin-top:24px;font-size: 12px;font-weight: 600;color:#0b0a4e;background-color: #fff;border-radius:2px;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;user-select:none;}
.hero .heroslide a:hover {background: rgb(5,17,83);background: linear-gradient(15deg, rgba(5,17,83,1) 40%, rgba(2,163,102,1) 100%);color:#fff;}
.hero .one {background: url(../images/hero/1.jpg) no-repeat left center;background-size: 100%;}
.hero .two {background: url(../images/hero/2.jpg) no-repeat left center;background-size: cover;}
.hero .tre {background: url(../images/hero/3.jpg) no-repeat left center;background-size: cover;}


/** Cars **/
.cars {padding: 120px 0px;z-index: 1;}
.cars h3{font-size: 30px;font-weight:800;line-height:50px;color:#0287cb;}
.cars h4{font-size: 44px;font-weight:300;line-height:48px;color:#fff;}
.cars h5{font-size: 24px;font-weight:600;line-height:30px;color:#ff9c1a;}
.cars p{font-size: 18px;font-weight:300;line-height:24px;color:#afafaf;}
.cars img{opacity: 0.9;transition: all 0.3s linear;transform: scale(0.9);}
.cars img:hover{opacity: 1.0;transform: scale(1.1);}


.toyotacorolla{display: block;background: url(../images/cars/toyotacorolla.jpg) center center;background-size: cover;background-attachment: fixed;position: relative;} 
.toyotacorolla::after{position: absolute;left: 0px; top:0px;width: 100%;height: 100%;content: '';z-index: -1;background: rgba(0,0,0,0.7);background: linear-gradient(36deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 100%);}

.peugeot{display: block;background: url(../images/cars/peugeot208.jpg) center center;background-size: cover;background-attachment: fixed;position: relative;} 
.peugeot::after{position: absolute;left: 0px; top:0px;width: 100%;height: 100%;content: '';z-index: -1;background: rgba(0,0,0,0.7);background: linear-gradient(36deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 100%);}

.aiways-u5 {display: block;background: url(../images/cars/aiways_u5.jpg) center center;background-size: cover;background-attachment: fixed;position: relative;} 
.aiways-u5::after{position: absolute;left: 0px; top:0px;width: 100%;height: 100%;content: '';z-index: -1;background: rgba(0,0,0,0.7);background: linear-gradient(36deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 100%);}

.skoda-fabia {display: block;background: url(../images/cars/skodafabia.jpg) center center;background-size: cover;background-attachment: fixed;position: relative;} 
.skoda-fabia::after{position: absolute;left: 0px; top:0px;width: 100%;height: 100%;content: '';z-index: -1;background: rgba(0,0,0,1);background: linear-gradient(36deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 100%);}

.skoda-enyaq {display: block;background: url(../images/cars/skoda-enyaq.jpg) center center;background-size: cover;background-attachment: fixed;position: relative;} 
.skoda-enyaq::after{position: absolute;left: 0px; top:0px;width: 100%;height: 100%;content: '';z-index: -1;background: rgba(0,0,0,1);background: linear-gradient(36deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 100%);}

.s-cross{display: block;background: url(../images/cars/s-cross.jpg) center center;background-size: cover;background-attachment: fixed;position: relative;} 
.s-cross::after{position: absolute;left: 0px; top:0px;width: 100%;height: 100%;content: '';z-index: -1;background: rgba(0,0,0,1);background: linear-gradient(36deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 100%);}

.eclipse-cross{display: block;background: url(../images/cars/eclipse-cross.jpg) center center;background-size: cover;background-attachment: fixed;position: relative;} 
.eclipse-cross::after{position: absolute;left: 0px; top:0px;width: 100%;height: 100%;content: '';z-index: -1;background: rgba(0,0,0,1);background: linear-gradient(36deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.1) 100%);}


/** frm **/
.frm {background:url(../images/abt.png) no-repeat bottom right #efefef;}
.frm label{display: block;font-size: 14px;font-weight:400;margin-bottom: 6px;}
.frm input{display: block;font-size: 16px;font-weight:400;margin-bottom: 12px;border-radius: 3px;border:solid 1px #aaa;padding: 6px 9px;width:100%;}
.frm h3 {font-size: 22px;font-weight:700;line-height:26px;color:#000;}
.frm p {font-size: 16px;font-weight: 400;line-height:24px;color:#000;}
.frm a {display:inline-block;text-align: center;padding:8px 30px 7px 30px;background-color: #000;color:#fff;font-size: 16px;font-weight: 500;border-radius: 3px;}
.frm a:hover{background-color: #e18105;}

.headtx {font-size: 28px;font-weight:700;line-height:34px;margin-bottom: 16px;color:#0287cb;}


.seconbox {display: block;padding: 24px 0px;}
.seconbox img {max-width:98%;margin-bottom: 24px;border-radius: 3px;}
.seconbox h3 {font-size: 22px;font-weight:700;line-height:34px;margin-bottom: 16px;color:#000;}
.seconbox h5 {font-size: 16px;font-weight:700;line-height:24px;color:#fff;}
.seconbox p {font-size: 16px;font-weight: 400;line-height:24px;color:#666;}


/** About  **/
.abt {background: url(../images/abtbg.png) no-repeat -100px bottom;}
.abt h3 {font-size: 22px;font-weight:700;line-height:34px;margin-bottom: 16px;}
.abt h5 {font-size: 16px;font-weight:700;line-height:24px;}
.abt p {font-size: 16px;font-weight: 400;line-height:24px;}
.abt p.smltx {font-size: 13px;font-weight:500;color: #000;opacity: 0.4;line-height: 20px;font-style: italic;}
.abt img {border:solid 1px #eee;transition: all 0.3s linear;border-radius: 3px;}
.abt img:hover {border:solid 1px #aaa}


/** Footer **/
.ftr {background-color:#fff; }
.ftrlogo img{max-height: 78px;margin-bottom: 30px;margin-top: -10px;}

.ftr h3 {font-size: 26px;font-weight:500;color: #0287cb;line-height:34px;margin-bottom: 16px;}
.ftr p {font-size: 16px;font-weight: 300;color: #333;line-height:24px;}
.ftr a {display: inline-block;font-size: 16px;font-weight: 300;color: #0287cb;transition: all 0.3s linear;margin-bottom: 5px;}



.ftrcopy {background-color: #0287cb;border-top:solid 1px #0287cb;color:#ded8e6}
.ftrcopy .copy{font-size: 14px;font-weight: 400;color: #fff;opacity: 0.4;}
