@charset "utf-8";
html, body{font-family:'Rajdhani',sans-serif; font-weight:400; color:#676b70; font-size:22px; line-height:36px; word-wrap:break-word; background:#fff; position:relative;}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
.h1{font-size: 60px;line-height: 60px;font-weight: 700;margin: 0 0 30px 0;color: #28aea3;}
h2{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
.h2{}
a{text-decoration:none; color:inherit; outline:none;}
p{margin:0 0 20px 0;}
p:last-child{margin:0;}
textarea{resize:none;}
input:focus {outline:none;}
.toggleMenu{margin:0; background: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; cursor:pointer; z-index:11; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); color: #28aea3;}
.toggleMenu:hover{background: #28aea3;color: #fff;}
.toggleMenu.invert {background:#fff; color:#333;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.nonMobile{display:block;}
.mobile{display:none;}
.white{color:white;}
.green{color:#28aea3;}

.calltoactionbutton {display: inline-block; margin: 20px auto;background: orange; color: #fff;border-radius: 25px; padding: 10px 40px; text-transform: uppercase; font-weight: 700; font-size: 24px; border-bottom: 4px solid #ccc; text-decoration:none}
.calltoactionbutton:hover {background: #27aea3; color: #fff}

.center{text-align: center;}

main a {color: #28aea3;text-decoration: underline;font-weight: 500;}
main a:hover{color:#1d635c;}
main em {color: #28aea3;font-weight: 500;}

header{position:fixed; z-index: 2; background: rgba(255,255,255,0.8); padding: 30px 0; top: 0; left: 0; right: 0;}
header .headerLogo{width: 600px; display: table; margin: 0 auto;}
header .headerSocialHolder{position: absolute; top: 50%; left: 30px; transform: translateY(-50%); color:#28aea3;}
header .headerSocialHolder a{margin:0 0 0 20px; background: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%;}
header .headerSocialHolder a:hover{background-color: #28aea3;color: #fff;}
.headerMenuHolder{position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.9); margin: 0; padding: 0; color: #fff; text-align: center; transform: translateX(-100%);}
.headerMenuHolder.open{transform:translate(0);}
.headerMenu{margin: 0; padding: 0; list-style: none; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 30px; font-weight: 100; line-height: 60px;}
.headerMenu li{}
.headerMenu li a{}
.headerMenu li:hover {border-bottom: 1px solid #28aea3;padding: 10px;color: #b0b0b0;}

.mainBannerHolder{position: relative; height: 100vh; background: url(../img/banner-01.jpg) no-repeat 50% 50% / cover; z-index:1;}
.mainBannerHolder .bannertextHolder{position: absolute; z-index: 2; left: 50%; bottom: 20%; text-transform:uppercase;}
.mainBannerHolder .bannertextHolder .small{font-size: 130px; line-height: 110px; font-weight: 700; margin: 0;}
.mainBannerHolder .bannertextHolder .large{font-size: 160px; line-height: 170px; font-weight: 700; margin: 0;}

.pageBanner {height: 500px;margin: 0 0 30px 0;}
#about{position: relative; overflow: hidden;}
#about .image{position:absolute; top:0; bottom:0; left:0; width:50%; background: url(../img/section-01.jpg) no-repeat 50% 50% / cover;}
#about .textHolder{width: 50%; float:right; position: relative; min-height:90vh; text-align:center;}
#about .textHolder .inner{position: absolute; left: 0; right: 0; padding: 0 80px; transform: translateY(-50%); top: 50%;}
#about .textHolder .inner .title{font-size:60px; line-height:60px; font-weight:700; margin:0 0 30px 0; color:#28aea3;}
#about .textHolder .inner .text{margin:0 0 30px 0; font-size:22px; line-height:36px; font-weight: 300;}
#about .textHolder .inner .button{background:#28aea3; color:#fff; padding: 15px 30px; display: inline-block; line-height: 35px;}
#about .textHolder .inner .button:hover{border-radius:35px;}

#gallery{background: #28aea3; padding: 70px 0;}
#gallery h2.title{margin: 0 0 70px 0; padding: 0; text-align: center; font-size:80px; color:#fff; font-weight:700; text-transform:uppercase;}
.owl-dots{text-align:center;}
.owl-dot span{width: 15px; height: 15px; background: #ccc; display: block; border-radius: 50%; margin: 0 5px;}
.owl-dot.active span{background:#fff;}

#start{position: relative; overflow: hidden;}
#start .image{position:absolute; top:0; bottom:0; right:0; width:50%; background: url(../img/section-03.jpg) no-repeat 50% 50% / cover;}
#start .textHolder{width: 50%; float:left; position: relative; min-height:90vh; text-align:center;}
#start .textHolder .inner{position: absolute; left: 0; right: 0; padding: 0 80px; transform: translateY(-50%); top: 50%;}
#start .textHolder .inner .title{font-size:60px; line-height:60px; font-weight:700; margin:0 0 30px 0; color:#28aea3;}
#start .textHolder .inner .text{margin:0 0 30px 0; font-size:22px; line-height:36px; font-weight: 300;}
#start .textHolder .inner .button{background:#28aea3; color:#fff; padding: 15px 30px; display: inline-block; line-height: 35px;}
#start .textHolder .inner .button:hover{border-radius:35px;}

#offer{background:#f7f7f7; padding: 70px 0;}
#offer h2.title{margin: 0 0 70px 0; padding: 0; text-align: center; font-size:80px; color:#28aea3; font-weight:700; text-transform:uppercase;}
#offer .item{width:30%; margin:0 5% 0 0; float:left; background:#fff; text-align:center; padding:20px 0;}
#offer .item:nth-child(3n){margin:0;}
#offer .item .icon{font-size:60px; color:#fff; width: 140px; height: 140px; background: #28aea3; border-radius: 50%; line-height: 140px;}
#offer .item .icon.rotate{transform:rotate(360deg) scale(0.8); color:#333; background:#ccc}
#offer .item .title{font-size: 36px; font-weight: 700; line-height: 70px; color:#28aea3;}

#bodyMechanic{position: relative; overflow: hidden;}
#bodyMechanic .image{position:absolute; top:0; bottom:0; left:0; width:50%; background: url(../img/section-05.jpg) no-repeat 50% 50% / cover;}
#bodyMechanic .textHolder{width: 50%; float:right; position: relative; min-height:90vh; text-align:center;}
#bodyMechanic .textHolder .inner{position: absolute; left: 0; right: 0; padding: 0 80px; transform: translateY(-50%); top: 50%;}
#bodyMechanic .textHolder .inner .title{font-size:60px; line-height:60px; font-weight:700; margin:0 0 30px 0; color:#28aea3;}
#bodyMechanic .textHolder .inner .text{margin:0 0 30px 0; font-size:22px; line-height:36px; font-weight: 300;}
#bodyMechanic .textHolder .inner .button{background:#28aea3; color:#fff; padding: 15px 30px; display: inline-block; line-height: 35px;}
#bodyMechanic .textHolder .inner .button:hover{border-radius:35px;}

.justify{text-align: justify;}
.centerPic {display: table;margin: 30px auto;max-width: 600px;width: 100%;}
#contact{padding: 70px 0;}
#contact h2.title{margin: 0 0 70px 0; padding: 0; text-align: center; font-size:80px; color:#28aea3; font-weight:700; text-transform:uppercase;}
#contact form{max-width: 700px; width: 100%; margin: 0 auto;}
#contact form input, #contact form textarea{background: #f5f6f8;border: 1px solid #eee; padding: 10px 20px; width: 100%; margin: 0 0 10px 0; font-size: 20px; line-height: 40px;}
#contact form input.half{width:49%; float:left; margin:0 2% 10px 0;}
#contact form input.half:nth-child(2n){margin:0 0 10px 0;}
#contact form button{background:#28aea3; color:#fff; padding: 15px 30px; display: inline-block; line-height: 35px; border: none; width: 100%; font-size: 18px; text-transform: uppercase; font-weight: 500;}
#contact form button .fas{margin:0 0 0 20px;}

#mail_fail,#mail_success{display:none;padding:15px 0;margin:20px 0 0 0;float:right;font-size:13px;line-height:12px;border-radius:4px; width:100%; text-align:center;}
#mail_success{color:#044406;background-color:#B7FBB9}
#mail_fail{color:#D8000C;background-color:#FFBABA}

#contactPage{padding: 30px 0 70px 0;}
#contactPage h2.title{margin: 0 0 70px 0; padding: 0; text-align: center; font-size:80px; color:#28aea3; font-weight:700; text-transform:uppercase;}
#contactPage form{max-width: 700px; width: 100%; margin: 0 auto;}
#contactPage form input, #contactPage form textarea{background: #f5f6f8; padding: 10px 20px; width: 100%; margin: 0 0 10px 0; font-size: 20px; line-height: 40px;border: 1px solid #eee;}
#contactPage form input.half{width:49%; float:left; margin:0 2% 10px 0;}
#contactPage form input.half:nth-child(2n){margin:0 0 10px 0;}
#contactPage form button{background:#28aea3; color:#fff; padding: 15px 30px; display: inline-block; line-height: 35px; border: none; width: 100%; font-size: 18px; text-transform: uppercase; font-weight: 500;}
#contactPage form button .fas{margin:0 0 0 20px;}

#contactPage h3.title {margin: 0 0 30px 0;padding: 0;font-size: 50px;color: #28aea3;font-weight: 700;text-transform: uppercase;}
#map {height: 500px;width: 100%;margin: 0px 0px 70px 0px;}

footer{background:#28aea3; color:#fff; padding:40px 0; font-size:18px; line-height:22px;}
footer .footerLogo{width:300px; display:block; margin:0 0 20px 0;}
footer .footerSocialHolder{text-align:center;}
footer .footerSocialHolder a{font-size:36px; margin:0 20px;}

.phonebox{display: none;}

#backToTop{bottom:30px; right:30px; cursor:pointer; display:none; height:60px; position:fixed; width:60px; border-radius:50%; font-size:20px; line-height:60px; text-align:center; z-index:100; color:#352e1f; background:#28aea3;}