/* =====[ GLOBAL STYLES ]======================================== */

html,body { min-height:100%;}
body { margin:0; background:#efeff0; font-family: arial;color:#02213e; font-size:16px; line-height: normal;padding-top: 83px;}
div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, a { margin:0; padding:0; border:0;}
img { vertical-align: middle;max-width: 100%; height: auto;}
img, a img { border:none;}
:focus {outline:0;}
h1 { font-size:29px;font-family: 'LatoBold';}
h2 { font-size:24px; }
h3 { font-size:17px;}
h4 { font-size:16px;}
h6{font-size:12px;}
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', arial, sans-serif;margin-bottom: 10px; font-weight: normal;}
p { margin:0;padding:0;color:#fff;line-height: 22px; font-family: arial;font-size: 16px;}
a { color:#fff; text-decoration:none !important;outline: none;}
a:hover { color:#fff; text-decoration:underline;}
a.active{color: #ffa113 !important;}
a:focus{outline: none;}
.none{float:none;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden }
html .clearfix {height:1%;}
.clearfix {display:block}
.clr {clear:both}
.m-lft{margin-right: 0 !important;}
.m-ryt{margin-right: 0 !important;}
.m-top{margin-top: 0px !important;}
.m-bot{margin-bottom: 0 !important;}
.clr-bdr{border: none !important;}
.clr-bdr-ryt{border-right: none !important;}
.clr-bdr-bot{border-bottom: none !important;}
.bdr-tp{border-top: none !important;}
.align{text-align: center;}
.centered{float: none; text-align: center; margin:0 auto;}
.pLR{padding-left: 0 !important;padding-right: 0 !important;}

::-moz-placeholder {color: #000 !important; opacity: 1; }
:-ms-input-placeholder {color: black !important; opacity: 1;}
::-webkit-input-placeholder {color: #000 !important; opacity: 1;}





/* =====[ CUSTOMISED STYLES ]================================ */
.navbar{margin-bottom: 0;border-radius: 0;}
.navbar-inverse{background: #ff652a;border-color: #ff652a;}
.navbar-nav{padding: 16px 0 0;float: right;}
.navbar-nav > li > a{font-family: 'Oswald', arial, sans-serif;font-size: 20px;padding-left: 20px;padding-right: 20px;text-transform: uppercase;}
.navbar-nav > li.steps{font-family: 'Oswald', arial, sans-serif;font-size: 13px;color: #fff;padding-top:15px;padding-bottom: 15px; }
.navbar-inverse .navbar-nav > li > a{color: #fff;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{color: #002d6d;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background: none;/*color: #002d6d;*/}
.navbar-toggle{background: #333;margin-bottom: 23px;margin-top: 24px;margin-right: 10px;}








/* =====[ MAIN STYLES ]====================================== */
#wrapper{width: 100%;float: left;}

.main-cont {padding: 0; position: relative; }
.header{background: #ff652a;padding: 15px 15px 10px;}
header{width: 100%;position: fixed;top: 0;z-index: 2;}

/*video#bgvid {position: relative; right: 0; bottom: 0;width: 100%;z-index: -100;background: url(../images/main-vid-img.jpg) no-repeat;height: 642px;}*/
.vid-bg{height: 642px;width: 100%;position: relative;}
video {display: block;}
#bgimg {display: block; position: absolute; background: url(../images/main-vid-img.jpg) no-repeat; height: 641px; width: 100%; }
video#bgvid {height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }

/*.banner-txt {width: 75%; position: absolute; top: 30%; left: 0; margin-left: auto; margin-right:auto;right: 0;}*/
.banner-txt h1{font-size: 36px; color: #fff;text-align: center;text-transform: uppercase;margin: 0;}
.banner-txt h2{font-size: 82px; color: #fff;text-align: center;text-transform: uppercase;line-height: 100px;}

.banner-txt {left: 0; margin-left: auto; margin-right: auto; position: relative; right: 0; top: 30%; width: 90%; }
/*.banner-switch {left: 0; margin-left: auto; margin-right: auto; position: relative; right: 0; top: 56%; width: 179px; }*/

.second-sec{background: url(../images/blender.jpg); height: 845px;text-align: center;padding: 293px 0;}
.darker-overlay {background-color: rgba(0, 0, 0, 0.5); display: block; position: relative; width: 100%; padding: 45px 0; } 
.second-sec h1{font-size:49px;color: #fff;line-height: 50px;text-transform: uppercase;margin-bottom: 10px;}
.second-sec p{font-size: 23px;padding:0;line-height: 30px;}
.second-sec p span{font-weight: bold;}

.switch{width: 100%;}
a#toggle-switch{margin: 0 auto;width: 179px;background: url(../images/switch.png) no-repeat;height: 88px;}
a.hide_content_1, a.hide_content_2, a.hide_content_3, a.hide_content_4, a.hide_content_4, a.hide_content_5{
    margin: 0 auto;width: 179px;background: url(../images/clicked-btn.png) no-repeat;height: 88px;
}

/*.banner-switch{position: absolute;top: 65%;width: 179px;margin-left: -6%;left: 50%;}*/
.banner-switch {left: 0; position: absolute; right: 0; top: 56%; width: 179px; margin-left: auto; margin-right: auto;}

.third-sec{background: url(../images/sec-two-bg.jpg); height: 768px;text-align: center;padding-top: 400px;}
.text-cont{float: right;margin-right: 40px;}
.third-sec h1{font-size:30px;color: #fff;line-height: 40px;margin: 0;}
.third-sec p{font-size: 17px;line-height: 22px;}
span.btn-note{font-family: 'Oswald', arial, sans-serif;font-size: 12px;color: #fff;padding-top: 40px;display: block;padding-bottom: 8px;}

.fourth-sec{background: url(../images/citybinoculars.jpg) -22px 0; height: 766px;text-align: center;padding-top: 430px;}
.fourth-sec span.btn-note{padding-top: 30px;}
.fourth-sec h1{font-size:31px;color: #fff;line-height: 40px;text-transform: uppercase;margin-bottom: 0;padding-top: 45px;}
.fourth-sec p{font-size: 17px;line-height: 22px;}

.fifth-sec{background: url(../images/piggybank.jpg); height: 766px;text-align: center;padding-top: 200px;}
.fifth-sec h1{font-size:31px;color: #fff;line-height: 40px;text-transform: uppercase;}
.fifth-sec p{font-size: 17px;line-height: 22px;margin-bottom: 30px;padding-left: 10px;}

.seventh-sec{background: url(../images/streetlight.jpg); height: 766px;text-align: center;padding-top: 300px;padding-left: 30px;}
.seventh-sec h1{font-size:30px;color: #fff;line-height: 40px;text-transform: uppercase;}
.seventh-sec p {font-size: 17px; line-height: 25px;}
.vid-wrap p{font-size: 17px;line-height: 22px;padding: 0 82px;}

.rel-area{position: relative;text-align: center;height: 641px;}
.vid-wrap {padding-top: 80px; position: relative; width: 60%; margin: 0 auto; }
.vid-wrap h1{font-size: 33px;text-transform: uppercase;color: #fff;margin-top: 15px;}
.vid-wrap a{display: block;padding-top: 55px;}

.gallery-wrap{position: relative;}
.gallery{background: #383839;width: 100%;position: relative;}
.lg-img-sec{padding: 50px 50px 100px 15px;}
.lg-img-sec h1{font-size: 30px; color: #fff;margin-bottom: 5px;}
#big-picture, #big-picture-two, #big-picture-third, #big-picture-fourth, #big-picture-fifth{margin-top: 50px;}
.thumbnail-sec{padding-top: 50px;border-left:1px solid #555558;}
.thumbnail-images img {cursor: pointer; margin-bottom: 15px; }
span.enlarge {color: #babbbe; display: block; font-size: 20px; padding-bottom: 7px; font-family: 'Oswald', arial, sans-serif; margin-bottom: 15px; }
.close-ic{position: absolute;top: 83px;right: 0;padding: 10px;z-index: 1;}

.demo-sec{background:#fff; text-align: center;padding-top: 80px;padding-bottom: 80px;}
.demo-sec h1{font-size: 33px;color: #ff652a;margin-top: 25px;}
.demo-sec h2{font-size: 33px; color: #000;margin: 0;}
.demo-sec p{color: #000;padding: 10px 134px;}
.outer-box{position: relative;padding-top: 200px;}
.energy-bar {position: absolute; right: 50px; top: 22px; z-index: 1;}
.demo-box{background: #ffffef;border: 1px solid #ee7d3a;padding: 115px 20px 70px;position: relative;}
.demo-box h1{font-size: 27px !important; color: #ff652a;line-height: 32px;}
.demo-box p{padding: 10px 20px 30px;}
a.demo-btn{background: #ee7d3a;font-size: 23px; color: #fff;padding: 10px 30px;transition:background 0.3s ease-in-out 0s;}
a.demo-btn:hover{background: #ff652a;}
span.contact-line {color: #FF652A; display: block; font-size: 19px; padding: 10px 0 0; text-align: left; }

.team{background: #fff;padding-top: 80px;float: left;text-align: center;}
.team h1{font-size: 33px; color: #000;text-transform: uppercase;margin-bottom: 3px;margin-top: 25px;}
.team p{color: #000;margin-bottom: 60px;padding: 0 60px;}
ul.our-team {overflow: hidden; position: relative; z-index: 1;padding-top: 100px;}
ul.our-team li {float: left; height: 200px; list-style: none; position: relative; width: 25%; }
#memberone, #membertwo, #memberthree, #memberfour{visibility: hidden;display: block;}

#oneslide .gallery, #twoslide .gallery, #thirdslide .gallery, #fourthslide .gallery{padding-top: 83px;}

/* =====[ MEDIA QUERIES ]====================================== */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.third-sec p{font-size: 18px;}
}

@media only screen and (min-width: 992px) and (max-width : 1199px) {
.navbar-nav > li > a{padding-left: 13px;padding-right: 13px;}
video#bgvid{height: 529px;}
.banner-txt h1, .vid-wrap h1{font-size: 31px;}
.fourth-sec{padding-top: 300px;}
.demo-box h1{font-size: 26px !important;}
.third-sec{padding-top: 200px;}
.seventh-sec{padding-top: 180px;}
ul.our-team li{height: 163px;}
.vid-bg{height: 529px;}
.rel-area{height: 529px;}
.rel-area video#bgvid{height: 528px;}
.vid-wrap {width: 80%;padding-top: 40px;}
.vid-wrap a{padding-top: 20px;}
#bgimg{height: 528px;}
}

@media only screen and (min-width: 768px) and (max-width : 991px) {
.navbar-nav > li.steps{display: none;}
.navbar-nav > li > a{padding-left: 12px;padding-right: 12px;}
.banner-txt h1{font-size: 27px;}
.banner-txt h2{font-size: 56px;line-height: 73px;}
.second-sec h1{font-size: 29px;}
.second-sec p{font-size: 17px;}
.third-sec{padding-top: 230px;}
.fourth-sec{padding-top: 290px;}
.energy-bar{right: 0;}
span.enlarge{font-size: 15px;margin-bottom: 48px;}
ul.our-team li{height: 167px;}
.text-cont{margin-right: 0;}
.vid-bg, .rel-area{height: 405px;}
.vid-wrap{width: 100%;padding-top: 30px;}
.vid-wrap p{padding: 0;}
.vid-wrap a{padding-top: 20px;}
.vid-wrap a img{width: 40%;margin: 0 auto;}
#bgimg{height: 405px;}
}

@media only screen and (min-width: 481px) and (max-width : 767px) {
.second-sec h1{font-size: 28px;}
.second-sec p{font-size: 19px;}
.demo-box h1{font-size: 24px !important;}
.banner-txt h2{font-size: 50px;}
/*.banner-switch{top: 68%;margin-left: -11%;}*/
.vid-wrap h1{font-size: 30px;}
.banner-txt h1{font-size: 35px;}
}

@media only screen and (min-width: 320px) and (max-width : 767px) {
.navbar-nav{float: inherit;padding: 0;}
.navbar-nav > li.steps{padding-left: 20px;width: 100%;}
.nav > li{width: 50%;float: left;}
.navbar-header{border-bottom: 1px solid #fc7d4c;}
.navbar-collapse{border-top: 1px solid #fb4f0e !important;}
.navbar-brand{padding: 15px 0 15px 5px;}
.second-sec{padding-top: 100px;}
.second-sec h1{font-size: 20px;}
.third-sec, .fifth-sec{padding-top: 50px;}
.third-sec p{padding: 10px 0;}
.energy-bar {position: relative; right: 0; top: 0; }
.outer-box{padding-top: 10px;}
.demo-box{padding: 30px 10px;}
.fourth-sec, .seventh-sec{padding-top: 100px;}
.demo-sec p{padding: 0;}
.demo-sec h2{margin-bottom: 15px;}
a.demo-btn{display: block;margin-top: 10px;}
.lg-img-sec {padding: 50px 50px 15px 15px; }
.seventh-sec{padding-left: 0px;}
.text-cont{margin-right: 0;}
ul.our-team li{height: auto;top: 0;}
ul.our-team li:hover{top: 0;}
.vid-wrap p, .team p, .seventh-sec p{padding: 0;}
video#bgvid{display:none;}
#bgimg{height: 642px; left: 0; position: absolute; top: 0; width: 100%; background: url(../images/main-vid-img.jpg) no-repeat; display: block;}
}

@media (max-width : 480px){
.second-sec {padding-top: 50px; }
.second-sec h1, .third-sec h2{font-size: 20px;}
.second-sec p{font-size: 17px;}
.third-sec h1{font-size: 18px;}
.third-sec p, .fourth-sec p, .fifth-sec p{font-size: 16px;}
.demo-box h1{font-size: 22px !important;}
a.demo-btn{width: 100%;font-size: 20px;}
span.contact-line{font-size: 15px;}
.banner-txt h1{font-size: 27px;}
.banner-txt h2{font-size: 36px;line-height: 75px;}
.fifth-sec h1, .fourth-sec h1, .vid-wrap h1, .seventh-sec h1{font-size: 25px;line-height: 35px;}
.vid-wrap{padding-top: 100px;padding-left: 10px;padding-right: 10px;left: 0;width: 100%;margin-left: 0;}
.seventh-sec p, .vid-wrap p{font-size: 16px;}
.team h1{font-size: 27px;}
.demo-sec h1{font-size: 30px;}
.demo-sec h2{font-size: 21px;}
.demo-box h1{font-size: 21px !important;}
.banner-switch{top: 62%;}
/*.banner-switch {left: 31%; margin-left: -20px; position: absolute; top: 65%; width: 179px; }*/
}