@charset "utf-8";
/* CSS Document */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
h1, h2, h3, h4, h5, h6 { margin: 0px; }
p { color: #4d4d4d; }
.clear { clear: both; }
body { margin: 0 auto; background: #e2e5e8; text-decoration: none; color: #4d4d4d; line-height: 22px; font-family: Arial, Helvetica, sans-serif; overflow-x: hidden; }
::-moz-selection { background: #f55a08;  color: #FFFFFF; text-shadow: none !important; }
::selection { background: #f55a08; color: #FFFFFF; text-shadow: none !important; }
body a { outline: 0; }
#canvas-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; overflow: hidden; z-index: 0; opacity: 0.7; }
/*WRAPPER*/
#main-wrapper { width: 100%; float: left; height: auto; padding: 0px; margin: 0px; background: #e2e5e8; }
#main-inner { width: 1200px; min-height: 300px; height: auto; padding: 0px; margin: 0px auto; background: #FFFFFF; }
/*home-banner*/
#home-banner { width: 100%; float: left; height: auto; min-height: 690px; padding: 0px; margin: 0px; background: #FFF url(../images/banner.png) no-repeat top center; background-size: cover 560px; position: relative; }
.banner-text { width: 100%; float: left; margin-top: 30px; }
.banner-countbg { width: 100%; float: left; color: #FFF; text-align: center; font-family: 'Raleway', sans-serif; font-size: 18px; text-shadow: 1px 1px 1px #000; }
.banner-count { width: 400px; margin: 0px auto; height: auto; color: #FFF; text-align: center; padding-top: 20px; }
.count-bg { width: 100px; height: 100px; float: left; font-family: 'PT Sans', sans-serif; color: #000; font-size: 11px; text-align: center; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.7); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-shadow: 0px 0px 0px #000; }
.count-margin { margin: 0px 50px; }
.bar { margin-top: 4px; margin-left: 4px; background-color: rgba(255, 255, 255, 0.7); width: 90px; height: 90px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.chart { margin: 0 auto; position: relative; width: 100%; height: auto; text-align: center; }
.chart canvas { position: absolute; top: 0; left: 0; }
.percent { display: inline-block; z-index: 2; }
.percent:after { content: '+'; margin-left: 0.1em; font-size: .8em; }
.angular { margin-top: 100px; }
.angular .chart { margin-top: 0; }
.chart span { margin-top: 25px; font-size: 30px; color: #000000; font-weight: bold; font-family: 'PT Sans', sans-serif; }
.percent:after { content: '+'; margin-left: 0.1em; font-size: 30px; color: #000000; font-family: 'PT Sans', sans-serif; font-weight: normal !important; }
.chart sup { font-size: 18px; color: #FFFFFF; font-family: 'PT Sans', sans-serif; font-weight: 700; top: 0px !important; left: 0px !important; margin-left: 1px; }
.textP h3 { margin-top: 22px; text-align: center; font-size: 20px; color: #2f2f2f; font-weight: 300; }
.textP p { line-height: 23px; margin-top: 13px; text-align: center; font-size: 13px; color: #2f2f2f; font-family: 'Raleway', sans-serif; font-weight: 300; }
.banner-vediobg { width: 100%; float: left; margin-top: 30PX; }
.banner-vedio { padding: 5px; width: 400px; min-height: 250px; margin: 0px auto; height: auto; color: #FFF; text-align: center; background: #FFFFFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.banner-introvedio { width: 100%; float: left; height: 210px; background: #FFF; z-index: 1; position: relative; }
.vedio_subsbg { float: left; width: 100%; overflow: hidden !important; margin-top: 10px; }
.social-plugin { width: auto; height: 32px; float: right; margin-left: 20px; overflow: hidden; z-index: 50; position: relative; }
/*home-text*/
#home-welcome { width: 100%; float: left; height: auto; min-height: 210px; padding: 0px; margin: 0px; background: #FFFFFF; }
.welcome-textbg { width: 50%; float: left; min-height: 200px; text-align: left; font-family: 'Raleway', sans-serif; color: #4d4d4d; font-size: 16px; padding-left: 3%; padding-right: 3%; line-height: 20px; padding-bottom: 20px; }
.welcome-textbg ul { margin-left: 3%; float: left; margin-bottom: 10px; }
.welcome-textbg ul li { list-style: decimal; margin-bottom: 6px; }
#home-welcome h1 { color: #f55a08; float: left; font-family: "Raleway", sans-serif; font-size: 22px; font-weight: 600; margin-bottom: 12px; margin-top: 10px; text-align: left; width: 100%; }
.welcome-right { float: right; }
.welcome-textmain { width: 70%; float: left; min-height: 100px; text-align: center; font-family: 'Raleway', sans-serif; color: #4d4d4d; font-size: 16px; margin-left: 15%; line-height: 20px; padding-bottom: 20px; margin-top: 20px; }
.welcome-textmain ul { margin-bottom: 20px; margin-top: 5px; }
.welcome-textmain ul li { list-style: none; margin-bottom: 6px; }
#home-welcome h2 { color: #f55a08; float: left; font-family: "Raleway", sans-serif; font-size: 22px; font-weight: 600; margin-bottom: 12px; margin-top: 10px; text-align: center; width: 100%; }
#home-welcome h3 { color: #f55a08; float: left; font-family: "Raleway", sans-serif; font-size: 22px; font-weight: 600; margin-bottom: 30px; margin-top: 10px; text-align: center; width: 100%; }
.call { color: #FFFFFF; font-family: 'PT Sans', sans-serif; margin-bottom: 30px; }
.call a { color: #FFFFFF; text-decoration: none; }
.call span { font-weight: 600; font-size: 25px; background: #f55a08; padding: 6px 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
/*home-service*/
#home-service { width: 100%; float: left; height: auto; min-height: 100px; padding: 0px; margin: 0px; background: #000 url(../images/servicebg.jpg) no-repeat center center; background-size: cover; }
.homeservice-top { z-index: 1; position: relative; }
.homeservice-top .skew { height: 25px; }
.homeservice-top .skew:before { content: ''; position: absolute; left: 0; bottom: 0; overflow: visible; width: 100%; height: 250px; background: #FFF; z-index: -1; -webkit-transform: skewY(-2deg); -moz-transform: skewY(-2deg); -ms-transform: skewY(-2deg); -o-transform: skewY(-2deg); transform: skewY(-2deg); -webkit-backface-visibility: hidden; }
.homeservice-bottom { z-index: 1; position: relative; }
.homeservice-bottom .skew { height: 35px; }
.homeservice-bottom .skew:before { content: ''; position: absolute; right: 0; top: 33px; overflow: visible; width: 100%; height: 242px; background: #FFF; z-index: -1; -webkit-transform: skewY(177deg); -moz-transform: skewY(177deg); -ms-transform: skewY(177deg); -o-transform: skewY(177deg); transform: skewY(177deg); -webkit-backface-visibility: hidden; }
.homeservice-inner { width: 100%; float: left; height: 70px; overflow: hidden; }
.homeservice-inner2 { width: 100%; float: left; min-height: 50px; height: auto; text-align: center; padding-bottom: 10px; }
#home-service h1 { width: 100%; float: left; font-family: 'Raleway', sans-serif; color: #FFF; font-size: 28px; font-weight: 600; text-transform: uppercase; text-align: center; margin-top: 10px; margin-bottom: 5px; }
#home-service h4 { width: 100%; float: left; font-family: 'Raleway', sans-serif; color: #FFF; font-size: 16px; font-weight: normal; text-align: center; margin-bottom: 15px; }
ul.service-list { list-style-type: none; margin: 0px auto; padding: 0; text-align: center; width: 100%; color: #FFFFFF; margin-bottom: 20px; }
ul.service-list li { background-color: rgba(0, 0, 0, 0.3); cursor: pointer; display: inline-table; text-align: center; width: 16%; height: 230px; padding: 20px 0px; font-weight: bold; margin: 10px -1px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
ul.service-list li a { font-family: 'Raleway', sans-serif; text-decoration: none; color: #FFFFFF; line-height: 18px; font-size: 18px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
ul.service-list li:hover a { color: #f55a08; }
ul.service-list li a img { margin-bottom: 15px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
ul.service-list li:hover img { -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.viewmore-service { color: #FFF; text-decoration: none; font-family: 'Raleway', sans-serif; background: #f55a08; padding: 12px 25px; font-size: 14px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.viewmore-service:hover { color: #000; }
/*home-client*/
#home-client { width: 100%; float: left; height: auto; min-height: 210px; padding: 0px; margin: 0px; background: #FFFFFF; }
#home-client h1 { width: 100%; float: left; font-family: 'Raleway', sans-serif; color: #000; font-size: 25px; font-weight: 600; text-transform: uppercase; text-align: center; margin-top: 10px; margin-bottom: 15px; }
.homeclient { width: 100%; height: 120px; float: right; padding-top: 25px; margin-bottom: 20px; overflow: hidden; }
#flexiselDemo1, #flexiselDemo2 { display: none; }
.nbs-flexisel-container { position: relative; max-width: 100%; padding: 0 0; }
.nbs-flexisel-ul { position: relative; width: 9999px; list-style-type: none; text-align: center; }
.nbs-flexisel-inner { overflow: hidden; width: 96%; margin: 0 auto; }
.nbs-flexisel-item { float: left; position: relative; line-height: 0px; }
.nbs-flexisel-item > img { cursor: pointer; position: relative; max-width: 100%; }
/*---- Navigation ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 17px; height: 17px; position: absolute; cursor: pointer; z-index: 100; top: -1% !important; display: none; }
/*INNER-banner*/
#inner-banner { width: 100%; float: left; height: auto; min-height: 350px; padding: 0px; margin: 0px; background: #FFF url(../images/portfolio.jpg) no-repeat top center; background-size: cover 100%; position: relative; }
#inner-banner h1 { width: 100%; float: left; text-align: center; text-transform: uppercase; color: #FFF; font-family: 'Raleway', sans-serif; font-size: 40px; font-weight: 600; margin-bottom: 15px; margin-top: 60px; text-shadow: 1px 1px 1px #000; }
#inner-banner h2 { width: 100%; float: left; text-align: center; color: #FFF; font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 600; text-shadow: 1px 1px 1px #000; }
.inner-textmain { width: 90%; float: left; min-height: 100px; text-align: center; font-family: 'Raleway', sans-serif; color: #4d4d4d; font-size: 16px; margin-left: 5%; line-height: 20px; padding-bottom: 20px; margin-top: 20px; }
.inner-textmain ul { margin-bottom: 20px; margin-top: 5px; }
.inner-textmain ul li { list-style: none; margin-bottom: 6px; }
.aboutwhybg { width: 90%; float: left; min-height: 100px; background-color: rgba(255, 255, 255, 0.8); margin-left: 5%; margin-top: 40px; font-family: 'Raleway', sans-serif; color: #000000; font-size: 14px; text-align: justify; padding: 30px 2% 20px 2%; }
.aboutwhytitle { float: left; width: 100%; font-family: 'Raleway', sans-serif; color: #FFFFFF; font-size: 18px; margin-top: -35px; text-align: left; }
.aboutwhytitle span { background: #f85a0a; padding: 8px 10px; }
/*HOME TEST*/
#hometesti-wrapper { width: 100%; float: left; height: auto; padding: 0px; margin: 0px; background: #f2f2f2; padding-top: 30px; }
#hometesti-inner { width: 100%; min-height: 270px; height: auto; padding: 10px 0px; margin: 0px auto; text-align: center; }
.banner-info { width: 80%; margin: 0px 10%; min-height: 150px; }
.htest_profiledes { float: right; width: 80%; padding-left: 5%; text-align: left; }
#hometesti-inner p { font-family: 'Raleway', sans-serif; color: #505050; }
.htest_profile { width: 14%; float: left; min-height: 50px; }
.htest_profile img { }
.htest-icon { width: 100%; float: left; text-align: center; height: 30px; margin-top: 30px; /*background: #FFF url(../images/htesticon.jpg) no-repeat center center; */}
.htest-bg { float: left; width: 100%; display: block; margin-top: 10px; margin-bottom: 20px; }
#hometesti-inner h1 { color: #f55a08; font-family: 'Raleway', sans-serif; font-weight: lighter; float: left; width: 100%; margin-bottom: 20px; }
#hometesti-inner h5 { float: left; margin-top: 10px; font-size: 18px; font-weight: bold; color: #0c4c85; font-family: 'Raleway', sans-serif; }
#hometesti-inner h5>span { font-family: 'Raleway', sans-serif; color: #666666; font-size: 14px; font-weight: 500; }
/*SERVICE*/
#sericebox-wrapper { width: 100%; float: left; height: auto; padding: 0px; margin: 0px; background: #f8f8f8; }
#servicebox-inner { width: 100%; min-height: 100px; height: auto; padding: 20px 0px; margin: 0px auto; padding-bottom: 40px; }
#servicebox-inner h1 { color: #f66011; font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 20px; text-align: center; float: left; width: 100%; /* background: url(../images/underline.png) no-repeat bottom center;*/ margin-bottom: 15px; padding-bottom: 20px; margin-top: 10px; text-transform: uppercase; }
.servicebox-bg { width: 31%; height: 240px; float: left; background: #274353; margin: 10px 1.1%; overflow: hidden; position: relative; display: flex; justify-content: center; }
.servicebox-bg img { flex: none; /* keep aspect ratio */ }
.servicebox-caption { position: absolute; width: 100%; height: 240px; left: 0px; top: 0px; z-index: 99; background: rgba(0, 0, 0, 0.3); text-align: center; color: #FFFFFF; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
#servicebox-inner h2 { width: 90%; padding: 0px 5%; height: 240px; font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 18px; line-height: 24px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; }
.servicebox-caption:hover { background: rgba(0, 0, 0, 0.5); }
#servicebox-inner h3 { font-family: 'Raleway', sans-serif; font-size: 18px; background: #cfa12b; float: left; padding: 6px 10px; margin-bottom: 5px; color: #FFF; margin-left: 5px; }
#servicebox-inner h3:hover { color: #000; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
#servicebox-inner p { font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 22px; margin-bottom: 12px; }
.motorsport-bg { float: left; width: 100%; margin-top: 30px; margin-bottom: 20px; }
#servicebox-inner h4 { font-family: 'Raleway', sans-serif; font-size: 20px; margin-bottom: 10px; color: #333; font-weight: bold; }
.modal-title { color: #ef5d22 !important; }
.modal-body { text-align: justify; padding: 10px 20px 20px 20px; }
.modal-header { padding: 15px 15px 0px 15px; font-size: 24px; }
#forminner { float: left; width: 60%; margin-top: 10px; margin-left: 20%; text-align: center; }
/*FORM*/
.formmatter { width: 50%; float: left; margin-top: 20px; }
#forminner input, select { width: 92%; height: 40px; background: #FFFFFF; padding-left: 2%; border-bottom: 2px solid #FFFFFF; border: none; margin: 0% 2%; font-size: 15px; font-family: 'Raleway', sans-serif; }
#forminner textarea { width: 96%; height: 100px; background: #FFFFFF; border-bottom: 2px solid #FFFFFF!important; border: none; margin: 20px 0px; padding-left: 1%; padding-top: 10px; resize: none; font-size: 15px; font-family: 'Raleway', sans-serif; }
#forminner input:focus, select:focus { border-bottom: 2px solid #f15e22!important; }
#forminner input:hover, select:hover { border-bottom: 2px solid #f15e22!important; }
#forminner textarea:focus { border-bottom: 2px solid #f15e22!important; }
#forminner textarea:hover { border-bottom: 2px solid #f15e22!important; }
#forminner [type='submit'] { border: none !important; cursor: pointer; display: inline-block; margin-top: 30px; background: #f15e22; color: #FFF; width: 150px; font-size: 18px; text-decoration: none; font-family: 'Raleway', sans-serif; padding: 9px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#forminner [type='submit']:hover { color: #FFF; background: #a0370c; }
/*CONTACT*/
.contactaddressbg { width: 90%; min-height: 300px; float: left; margin-left: 5%; background: #f6f6f6 url(../images/contactaddress.jpg) no-repeat center center; }
.addressbg { width: 50%; float: left; min-height: 100px; font-family: "Raleway", sans-serif; font-size: 14px; line-height: 22px; padding-bottom: 20px; background: url(../images/icon.jpg) no-repeat center top; }
#home-welcome h4 { color: #f66011; float: left; font-family: "Raleway", sans-serif; font-size: 21px; font-weight: bold; margin-bottom: 8px; margin-top: 55px; text-align: center; width: 100%; }
.addressbg span { color: #f66011; float: left; font-family: "Raleway", sans-serif; font-size: 18px; font-weight: bold; text-align: center; width: 100%; margin: 5px 0px; }
/* -------------------------------  Media Query  ------------------------------- */
@media screen and (max-width: 1250px) {
#main-inner { width: 96%; }
ul.service-list li { height: 220px; }
ul.service-list li a img { max-width: 65%; }
}
@media screen and (max-width: 1100px) {
.contactaddressbg { width: 94%; margin-left: 3%; }
}
@media screen and (max-width: 1024px) {
ul.service-list li a { font-size: 16px; }
ul.service-list li { height: 200px; }
ul.service-list li a img { max-width: 65%; }
.contactaddressbg { width: 100%; margin-left: 0%; }
}
@media screen and (max-width: 1000px) {
#forminner { width: 80%; margin-left: 10%; }
}
 @media screen and (max-width: 900px) {
ul.service-list li { width: 15%; }
ul.service-list li a { font-size: 15px; line-height: 12px; }
.welcome-textbg { font-size: 14px; }
.welcome-textmain { width: 80%; margin-left: 10%; font-size: 14px; }
#home-welcome h1 { font-size: 18px; }
#home-welcome h2 { font-size: 18px; }
#home-welcome h3 { font-size: 18px; }
#inner-banner h1 { font-size: 30px; margin-bottom: 10px; line-height: 35px; width: 90%; margin-left: 5%; }
#inner-banner h2 { font-size: 15px; width: 90%; margin-left: 5%; }
}
@media screen and (max-width: 860px) {
}
 @media screen and (max-width: 850px) {
ul.service-list li { width: 32%; margin-bottom: 2px; }
}
@media screen and (max-width: 768px) {
#canvas-holder { display: none; }
.contactaddressbg { background: #f6f6f6 url(../images/contactaddress2.jpg) no-repeat center center; }
.addressbg { width: 100%; padding-bottom: 40px; }
}
@media screen and (max-width: 700px) {
.welcome-textmain { width: 90%; margin-left: 5%; font-size: 14px; }
.call span { font-size: 20px; }
.htest_profiledes { width: 100%; padding-left: 0%; text-align: center; }
.htest_profile { width: 100%; text-align: center !important; }
.htest_profile img { float: none !important }
#hometesti-inner { min-height: 450px; }
#hometesti-inner h1>span { font-size: 20px; }
trainersbg { width: 100%; }
.servicebox-bg { width: 46%; height: 240px; margin: 10px 2%; }
#forminner { width: 90%; margin-left: 5%; }
}
@media screen and (max-width: 660px) {
.aboutwhytitle span { width: 100%; float: left; }
}
@media screen and (max-width: 640px) {
#forminner { width: 100%; margin-left: 0%; }
}
@media screen and (max-width: 500px) {
.banner-vedio { width: 80%; }
.banner-count { width: 325px; }
.count-margin { margin: 0px 10px; }
#hometesti-inner h1 { font-size: 25px; }
}
@media screen and (max-width: 460px) {
.welcome-textbg { width: 100%; margin-bottom: 0px; padding-bottom: 0px; min-height: 100px; }
.welcome-textmain { margin-bottom: 0px; padding-bottom: 0px; }
#home-welcome h2 { text-align: left; }
.welcome-right { margin-bottom: 30px; }
}
@media screen and (max-width: 400px) {
ul.service-list li { width: 46%; margin-bottom: 2px; }
.servicebox-bg { width: 94%; height: 240px; margin: 10px 3%; }
.formmatter { width: 100%; }
#forminner textarea { width: 92%; }
}
@media screen and (max-width: 300px) {
ul.service-list li { width: 90%; margin-bottom: 2px; }
}