/* Reset Style */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* Font Include */
@font-face {font-family: 'HelveticaNeueLTStd-Cn';src: url('./fonts/HelveticaNeueLTStd-Cn.eot'); src: url('./fonts/HelveticaNeueLTStd-Cn.eot?#iefix') format('embedded-opentype'),
url('./fonts/HelveticaNeueLTStd-Cn.woff2') format('woff2'), url('./fonts/HelveticaNeueLTStd-Cn.woff') format('woff'), url('./fonts/HelveticaNeueLTStd-Cn.ttf')  format('truetype'),url('./fonts/HelveticaNeueLTStd-Cn.otf') format('opentype');}
@font-face {font-family: 'HelveticaNeueLTCom-LtCn';src: url('./fonts/HelveticaNeueLTCom-LtCn.eot'); src: url('./fonts/HelveticaNeueLTCom-LtCn.eot?#iefix') format('embedded-opentype'),url('./fonts/HelveticaNeueLTCom-LtCn.woff2') format('woff2'), url('./fonts/HelveticaNeueLTCom-LtCn.woff') format('woff'), url('./fonts/HelveticaNeueLTCom-LtCn.ttf')  format('truetype'),url('./fonts/HelveticaNeueLTCom-LtCn.otf') format('opentype');}
@font-face {font-family: 'BebasNeue-Regular';src: url('./fonts/BebasNeue-Regular.eot'); src: url('./fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),url('./fonts/BebasNeue-Regular.woff2') format('woff2'), url('./fonts/BebasNeue-Regular.woff') format('woff'), url('./fonts/BebasNeue-Regular.ttf')  format('truetype'),url('./fonts/BebasNeue-Regular.otf') format('opentype');}

/*Loader Style */
#loader-wrapper { position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10010;}
#loader-wrapper .loader-elements{z-index:1500;}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border: 3px solid #3498db;z-index: 1500;}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border: 3px solid #e74c3c;}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border: 3px solid #f9c922;}	
#loader {border: 3px solid transparent;border-top-color: #ff0000;-webkit-animation: spin 2s linear infinite;-moz-animation: spin 2s linear infinite;-ms-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
#loader:before {border: 3px solid transparent;border-top-color: #FFFFFF;-webkit-animation: spin 3s linear infinite;-moz-animation: spin 3s linear infinite;-ms-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}
#loader:after {border: 3px solid transparent;border-top-color: #ff0000;-webkit-animation: spin 1.5s linear infinite;-moz-animation: spin 1.5s linear infinite;-ms-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}
#loader {border-radius: 50%;}
#loader:before {border-radius: 50%;}
#loader:after { border-radius: 50%;}
@-webkit-keyframes spin {0%   {-webkit-transform: rotate(0deg);  -ms-transform: rotate(0deg); transform: rotate(0deg); }100% {-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes spin {0%   {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg); 
transform: rotate(360deg);}}
#loader-wrapper .loader-section { position: fixed;top: 0;width: 51%;height: 100%;background: #222222;z-index: 1000;}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}
.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);}
.loaded #loader{opacity: 0;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.loaded .loader-elements{opacity: 0;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}	
.loaded #loader-wrapper {visibility: hidden;}
.loaded #loader-wrapper .loader-section.section-right,.loaded #loader-wrapper .loader-section.section-left {-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader-wrapper{-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out;}

/* Common Style */
#content-wrapper{overflow:hidden;}
.inner{width: 1140px;max-width: 100%;margin: 0 auto;}

/* Header Style */
.header{width: 100%;height: 100vh;background-image: url(./images/BoscheBikeAnimationDriveUnit.gif);background-size: cover;background-position: center;}
.header-bg-cover {position: absolute;clip: rect(auto, auto, auto, auto); width: 100%;height: inherit;overflow: hidden;}
.header-bg-image {background: #666 no-repeat 50% 50%;background-size: cover;position: fixed;width: 100%;height: 100%;top: 0;}
.header .header-content{height:100%;text-align: center;position: relative;z-index: 9;background: rgba(0, 0, 0, 0.55);}
.header .logo{display:inline-block;padding:50px 0px;}
.header ul li{display:inline-block;}
.header ul li a{font-family:HelveticaNeueLTStd-Cn;font-size:1.5em;color:#ffffff;padding: 2px 28px;text-decoration: none;position: relative;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s;}
.header ul li a:after{position: absolute;bottom: 0;left: 0;right: 0;margin:0 auto;width: 0%;content: '.';color: transparent;background: #ffffff;height: 2px;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s;bottom: -5px;}
.header ul li a:hover:after {width:80%;}
.header .scroll-down{position: absolute;bottom: 100px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

/* Menu Style */
.toggle-nav {position:relative;z-index: 999;pointer-events: auto;cursor: pointer;display:none;}
.toggle-nav .toggle {position: absolute;right: 0;top: 55px;margin: 0 auto;width: 33px;height: 20px;pointer-events: auto;z-index: 999;}
.toggle-nav span {position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #ffffff; transition: all .3s;}
#site-wrapper .active.toggle-nav span{background:#ffffff;}
.toggle-nav span:first-child {width:26px;left: 6px;}
.toggle-nav span:nth-child(2) {top: 8px;}
.toggle-nav span:nth-child(3) {top: 16px;width:26px;left: 6px;}
.active.toggle-nav span:nth-child(1) {top: 6px; background-color: #ffffff; -webkit-transform: rotate(135deg) !important; -moz-transform: rotate(135deg) !important; -o-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
.active.toggle-nav span:nth-child(2) {opacity: 0; left: 60px; }
.active.toggle-nav span:nth-child(3) {top: 6px; background-color: #ffffff; -webkit-transform: rotate(-135deg) !important; -moz-transform: rotate(-135deg) !important; -o-transform: rotate(-135deg) !important; transform: rotate(-135deg) !important; }

/* About Style */
#site-wrapper .about-cover{max-width: 80%;margin: 0 auto;padding:80px 0px;text-align:center;}
#site-wrapper .about-cover h1{font-family: BebasNeue-Regular;font-size: 70px;line-height: 70px;text-transform: uppercase;}
#site-wrapper .about-cover .about-content{max-width: 95%;margin: 0 auto;padding:50px 0px;}
#site-wrapper .about-cover p{font-family:HelveticaNeueLTCom-LtCn;font-size: 16px;line-height: 1.5em;padding-bottom: 20px;}

/* Specifications Style */
#site-wrapper .specifications{width:100%;background:#F2EE68;}
#site-wrapper .specifications .inner{width:1220px;}
#site-wrapper .specification-title h2{font-family: BebasNeue-Regular;font-size: 70px;line-height: 70px;text-align: center;color: #0a0a0a;padding-top: 100px;}
#site-wrapper .specification-top{width:100%;height:85px;background:url(./images/yellow-top.jpg) no-repeat;background-size:cover;}
#site-wrapper .specification-bootom{width:100%;height:90px;background:url(./images/yellow-bottom.jpg) no-repeat;background-size:cover;}
#site-wrapper .specification-cover{width:100%;display:inline-block;padding:70px 0px;text-align:center;position:relative;}
#site-wrapper .specification-cover .specify-item{position:absolute;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;background: #0ebf7f;cursor:pointer;transition: opacity 1s ease-out;}
#site-wrapper .specification-cover .specify-content{font-family: BebasNeue-Regular;font-size: 16px;color: #000;line-height: 20px;min-width: 160px;background: #f2f2f2;padding: 15px 10px;border-radius: 3px;margin-bottom: 30px;z-index: 1;position: absolute;left:-65px;top: -70px;opacity: 0;visibility: hidden;-moz-transition: transform 2s;-webkit-transition: transform 2s;transition: transform 2s;}
#site-wrapper .specification-cover .specify-item:hover .specify-content{opacity: 1;visibility: visible;-moz-transform: translateY(-50px);-webkit-transform: translateY(-50px);transform: translateY(-50px);-moz-transition: transform 2s;-webkit-transition: transform 2s;transition: transform 2s;}
#site-wrapper .specification-cover .specify-number{width: 40px;height: 40px;line-height: 40px;font-family: HelveticaNeueLTStd-Cn;font-size: 18px;text-align: center;color: #fff;border-radius: 50%;background:#0ebf7f;}
#site-wrapper .specification-cover #specify-1{top: 280px;left: 300px;}
#site-wrapper .specification-cover #specify-2{top: 410px;left: 420px;}
#site-wrapper .specification-cover #specify-3{top: 500px;left: 440px;}
#site-wrapper .specification-cover #specify-4{top: 430px;right: 430px;}
#site-wrapper .specification-cover #specify-5{top: 490px;right: 240px;}
#site-wrapper .specification-cover .specification-content{width:50%;float:left;}
#site-wrapper .specification-content img{max-width:100%;height:auto;}
#site-wrapper .specification-cover .specification-content:last-child img{width:90%;}

/* What we offer Style */
#site-wrapper .whatweoffer-cover{width:100%;display:inline-block;padding:90px 0px;}
#site-wrapper .whatweoffer-left{max-width: 390px;float:left;}
#site-wrapper .whatweoffer-right{max-width: 750px;float:right;display:inline-block;}
#site-wrapper .whatweoffer-cover h2{font-family:BebasNeue-Regular;font-size: 140px;line-height: 120px;color: #e0e0e0;padding-bottom: 65px;}
#site-wrapper .whatweoffer-left a{background-color: #0ebf7f;font-family: BebasNeue-Regular;font-size: 17px;line-height: 27px;color: #ffffff;text-decoration: none;padding: 15px 35px;}
#site-wrapper .whatweoffer-left a:hover{background-color: #0b9966;}
#site-wrapper .whatweoffer-cover li{width:300px;float:left;margin-right:120px;}
#site-wrapper .whatweoffer-cover li:nth-child(odd){margin-top:70px;}
#site-wrapper .whatweoffer-cover li:nth-child(2n){margin-right:0px;}
#site-wrapper .whatweoffer-cover li:first-child{margin-top:140px;}
#site-wrapper .whatweoffer-cover .offer-image{width:300px;height:300px;overflow:hidden;position: relative;}
#site-wrapper .whatweoffer-cover .offer-image .offerimage{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;-webkit-transition: all .5s;transition: all .5s;}
#site-wrapper .whatweoffer-cover .offer-image:hover .offerimage{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}
#site-wrapper .whatweoffer-cover .offer-title{font-family: HelveticaNeueLTStd-Cn;font-size: 20px;text-align: center;display: block; padding: 15px 0px;line-height: 20px;}
#site-wrapper .whatweoffer-cover .offer-description{font-family: HelveticaNeueLTCom-LtCn;font-size: 16px;line-height: 1.5em;text-align: center;}

/* Projects Style */
#site-wrapper .projectsundertaken{width:100%;background-color: #f2f2f2;}
#site-wrapper .projects-top{width:100%;height:90px;background:url(./images/gray-top.jpg) no-repeat;background-size:cover;}
#site-wrapper .projects-title h2{font-family: BebasNeue-Regular;font-size: 70px;line-height: 70px;color: #0a0a0a;padding-top: 30px;text-align:center;}
#site-wrapper .projects-cover{width:100%;display:inline-block;padding:90px 0px;}
#site-wrapper .projects-content{max-width:48%;float:left;text-align:center;}
#site-wrapper .projects-content:last-child{float:right;}
#site-wrapper .projects-content h2{font-family: BebasNeue-Regular;font-size: 38px;font-weight: 100;line-height: 48px;text-align: center;color: #0a0a0a;padding-bottom: 30px;}
#site-wrapper .projects-content p{font-family: HelveticaNeueLTCom-LtCn;font-size: 18px;line-height: 1.5em;text-align: center;max-width: 80%;margin: 0 auto;}
#site-wrapper .projects-content .vert-line{height: 80px;width: 1px;background: #0ebf7f;margin: 30px auto;}
#site-wrapper .projects-content .project-image{width:450px;height:540px;margin: 0 auto;overflow: hidden;-webkit-box-shadow: 0 20px 100px -10px rgba(0,0,0,.4);box-shadow: 0 20px 100px -10px rgba(0,0,0,.4);position: relative;}
#site-wrapper .projects-content .project-image .projectimage{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;-webkit-transition: all .5s;transition: all .5s;}
#site-wrapper .projects-content .project-image:hover .projectimage{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}

/* Gallery Style */
#site-wrapper .gallery-top{width:100%;height:90px;background:url(./images/gallery-top.jpg) no-repeat;background-size:cover;}
#site-wrapper .gallery-cover{width:100%;display:inline-block;padding:90px 0px;}
#site-wrapper .gallery-title h2{font-family: BebasNeue-Regular;font-size: 70px;line-height: 70px;color: #0a0a0a;padding-top: 80px;text-align: center;}
#site-wrapper .gallery-content{width:32%;float:left;margin-right:2%;margin-bottom:2.5%;-webkit-box-shadow: 0 0px 15px 0px rgba(0,0,0,.4);box-shadow: 0 0px 15px 0px rgba(0,0,0,.4);}
#site-wrapper .gallery-content:nth-child(3n+1){clear:left;}
#site-wrapper .gallery-content:nth-child(3n){margin-right:0px;}
#site-wrapper .gallery-content a{position: relative;display: inline-block;text-decoration:none;}
#site-wrapper .gallery-content img{max-width:100%;height:auto;margin-bottom: -3px;}
#site-wrapper .gallery-content h3{font-family:BebasNeue-Regular;font-size: 48px;line-height: 58px;color:#ffffff;text-transform:uppercase;position: absolute;bottom: 60px;padding-left: 30px;}

/* Contactus Style */
#site-wrapper .contactus{width:100%;background-color: #f2f2f2;}
#site-wrapper .contactus-cover{width:100%;display:inline-block;padding:90px 0px;}
#site-wrapper .contactus-content{max-width:48%;float:left;}
#site-wrapper .contactus-content:last-child{max-width:44%;float:right;padding: 40px;background: #ffffff;margin-bottom: 40px;}
#site-wrapper .contactus-cover h2{font-family: BebasNeue-Regular;font-size: 70px;line-height: 70px;color: #0a0a0a;padding-top: 75px;padding-bottom: 30px;}
#site-wrapper .contactus-left p{font-family: HelveticaNeueLTCom-LtCn;font-size: 18px;color: #0a0a0a;line-height: 1.5em;max-width: 80%;padding-bottom: 30px;}
#site-wrapper .contactus-cover h3{font-family: HelveticaNeueLTStd-Cn;font-size: 26px;line-height: 40px;color: #0a0a0a;padding-bottom:15px;}
#site-wrapper .contactus-left a{font-family: HelveticaNeueLTCom-LtCn;font-size: 18px;color: #0a0a0a;padding-bottom: 10px;text-decoration:none;display:inline-block;}
#site-wrapper .contactus-left a span{font-weight:bold;padding-right: 6px;}
#site-wrapper .contactus-content .form-control-wrap{width: 100%;display: inline-block;padding-bottom:14px;}
#site-wrapper .contactus-content input{width:100%;height:40px;border: 0px;border-radius: 0px;outline: 0;border-bottom:1px solid #c9cbce;font-family: HelveticaNeueLTCom-LtCn;font-size: 18px;}
#site-wrapper .contactus-content textarea{width:100%;height:100px;border: 0px;border-radius: 0px;outline: 0;border-bottom:1px solid #c9cbce;font-family: HelveticaNeueLTCom-LtCn;font-size: 18px;}
#site-wrapper .contactus-content input[type="submit"]{width:100%;font-family: BebasNeue-Regular;font-size: 20px;color: #ffffff;background: #0ebf7f;-webkit-appearance: none;-moz-appearance: none;cursor:pointer;}
#site-wrapper .contactus-content input[type="submit"]:hover{background: #0b9966;}
#site-wrapper .contactus-right p {font-family: HelveticaNeueLTCom-LtCn;font-size:12px;line-height: 1.5em;color: #0a0a0a;}
#site-wrapper .contactus-right a{font-family: HelveticaNeueLTCom-LtCn;font-size:12px;line-height: 1.5em;color: #0a0a0a;}
#site-wrapper .contactus-right .termcheck-cover{width:100%;display:inline-block;padding-bottom:14px;}
#site-wrapper .contactus-right .termcheck{width: 20px;height: 20px;float: left;padding-right: 20px;margin-top: -9px;}
#site-wrapper .contactus-right .termcheck-label{width:92%;float: right;}
#success,#error{display:none;}
#success span{display:inline-block;border: 1px solid #1eef5d;width:100%;margin-top: 30px;}
#error span{display:inline-block;border: 1px solid #fa0000;width:100%;margin-top: 30px;}
.contactus-right #success span p,.contactus-right #error span p{color: #1eef5d;padding: 10px 20px;font-family: pt-sans-caption;font-size: 14px;}


/* Footer Style */
.footer{width: 100%;height: 100vh;background-image: url(./images/FooterImage.jpg);background-size: cover;background-position: center;}
.footer-bg-cover {position: absolute;clip: rect(auto, auto, auto, auto); width: 100%;height: inherit;}
.footer-bg-image {background: #666 no-repeat 50% 50%;background-size: cover;position: fixed;width: 100%;height: 100%;top: 0;}
.footer .footer-content{height:100%;text-align: center;position: relative;z-index: 9;}
.footer h2{font-family:HelveticaNeueLTStd-Cn;font-size: 3.375em;color:#ffffff;letter-spacing: 0.3em;text-transform: uppercase;padding-bottom:30px;padding-top:100px;max-width: 80%;margin: 0 auto;}
.footer h3{font-family:HelveticaNeueLTStd-Cn;font-size: 2.25em;color:#ffffff;letter-spacing: 0.3em;text-transform: uppercase;padding-bottom:40px;}
.footer ul li{display:inline-block;padding-right:20px;}
.footer ul li:last-child{padding-right:0px;}
.footer ul li a{text-decoration:none;}
.footer ul li a svg{width:35px;height:35px;fill:#ffffff;}

#site-wrapper .whatweoffer-cover li#gps_tracking { margin-right:0px; }

@media only screen and (max-width: 1220px){
#site-wrapper .specifications .inner {width: 90%;}		
}
@media only screen and (max-width: 1140px) {
.inner {width: 90%;}
.header ul li a{padding: 2px 18px;}
#site-wrapper .about-cover{max-width: 100%;}
#site-wrapper .about-cover .about-content{max-width:100%;}
#site-wrapper .whatweoffer-left{max-width: 40%;}
#site-wrapper .whatweoffer-cover h2{font-size: 108px;line-height: 108px;}
#site-wrapper .whatweoffer-right{max-width: 60%;}
#site-wrapper .whatweoffer-cover li{width: 46%;margin-right: 8%;}
#site-wrapper .projects-content .project-image{width: 100%;max-width: 450px;}
#site-wrapper .projects-content .project-image .projectimage{background-size: cover !important;background-position: center center !important;}
#site-wrapper .contactus-content:last-child {max-width: 41%;}
}
@media only screen and (max-width: 850px) {
.toggle-nav{display:block;}
.navigation{display:none;}
.header ul li {display: block;padding-bottom: 10px;}
#site-wrapper .specification-cover .specification-content{width: 100%;float:none;}	
#site-wrapper .specification-cover .specification-content:last-child img {width: 100%;}
#site-wrapper .whatweoffer-left {max-width: 100%;text-align: center;float: none;margin-bottom: 70px;}
#site-wrapper .whatweoffer-right {max-width: 100%;float: none;}
#site-wrapper .whatweoffer-cover li{margin-bottom: 70px;}
#site-wrapper .whatweoffer-cover li:first-child {margin-top:0px;margin-bottom: 70px;}
#site-wrapper .whatweoffer-cover li:nth-child(2n) {margin-bottom: 90px;}
#site-wrapper .whatweoffer-cover li:nth-child(odd){margin-top:0px;}
#site-wrapper .projects-content{max-width: 100%;float: none;text-align: center;}
#site-wrapper .projects-content:first-child{margin-bottom: 100px;}
#site-wrapper .projects-content .project-image{height: 450px;}
#site-wrapper .gallery-content{width: 49%;}
#site-wrapper .gallery-content:nth-child(3n) {margin-right: 2%;}
#site-wrapper .gallery-content:nth-child(3n+1) {clear:none;}
#site-wrapper .gallery-content:nth-child(2n) {margin-right:0px;}
#site-wrapper .gallery-content:nth-child(2n+1) {clear:left;}
#site-wrapper .contactus-content {max-width: 100%;float: none;}
#site-wrapper .contactus-cover h2{padding-top: 0px;}
#site-wrapper .contactus-content:last-child {max-width: 100%;float: none;margin-top: 70px;}
#site-wrapper .contactus-right .termcheck-label {width: 87%;}
#site-wrapper .contactus-content input{width: 93%;}
#site-wrapper .contactus-content textarea{width: 98%;}
}