@charset 'utf-8';
/* CSS DOCUMENT */

@font-face {
    font-family: 'TradeGothic';
    src: url('../fonts/TradeGothic/TradeGothicLTStd-Bold.woff') format('woff'),
         url('../fonts/TradeGothic/TradeGothicLTStd-Bold.ttf') format('truetype'),
         url('../fonts/TradeGothic/TradeGothicLTStd-Bold.svg#TradeGothicLTStd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas';
    src: url('../fonts/Bebas/.otf');
    src: url('../fonts/Bebas/BebasNeue.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Bebas/BebasNeue.woff') format('woff'),
         url('../fonts/Bebas/BebasNeue.ttf') format('truetype'),
         url('../fonts/Bebas/BebasNeue.svg#BebasNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Headliner';

    src: url('../fonts/Headliner/Headliner.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Headliner/Headliner.woff') format('woff'),
         url('../fonts/Headliner/Headliner.ttf') format('truetype'),
         url('../fonts/Headliner/Headliner.svg#Headliner') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body { height:100%; min-height:100%; font-family: 'Lato', sans-serif;}
.hide { display:none;}
.ease,a,input[type="submit"],button { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.auto { width:1024px; margin: 0 auto; }
img { max-width: 100%; height: auto; }
* { box-sizing: border-box; }
/********* Clearfix *********/
* html .clearfix { height: 1%; }
.clearfix:after {visibility: hidden; display: block; font-size: 0; content:""; clear: both; height: 0;}
.clearfix { display: block; clear:both; }
.center-div{position:absolute; top:50%; left:50%; margin-right:-50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);  transform:translate(-50%,-50%); }
.middle-div{position:absolute; top:50%;  -ms-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%);  transform:translate(0,-50%); }
.hori-div{position:absolute; left:50%;  -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0);  transform:translate(-50%,0); }
.drpdown{position:relative; display:inline-block;}
/********* Page Template *********/
#main-container { height:100%; height: auto !important; min-height:100%; }
input[type="text"],input[type="password"], input[type=email], textarea, header, footer{-webkit-box-sizing : border-box;‌​ -moz-box-sizing : border-box; box-sizing : border-box;}
input[type="submit"] { font-family: 'Lato', sans-serif;}
textarea { outline:none; resize:none;  font-family: 'Lato', sans-serif;}
button{font-family: 'Lato', sans-serif;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
button:hover, input[type=submit]:hover{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.wrapper{max-width:1024px !important; width:96%; margin:0 auto;}
.wrapper2{max-width:1440px !important; width:96%; margin:0 auto;}
.full-width{width:100%;}
.half-width{width:50%;}
.box{-webkit-box-sizing : border-box;‌​ -moz-box-sizing : border-box; box-sizing : border-box;}
.bg {background-repeat:no-repeat;  background-position:0 15% !important;}
.fullscreen{width:100%; min-height:100%;}
.f-left{float:left;}
.f-right{float:right;}
.upper-text{text-transform:uppercase;}
.btn{display: inline-block; color: #262626; font-size: 16px; padding:8px 37px 5px;font-family: 'TradeGothic'; font-weight: 600; border-radius: 25px;}
.btn:hover{}
.btn-orange{background: #ef7424; color: #FFF; text-transform: uppercase; padding: 8px 51px 5px;}
.btn-orange:hover{background: #ca621e;}
.btn-orange-b{border: 3px solid #ef7424; }
.btn-orange-b:hover{background: #ef7424; color: #FFF;}
 /**Header **/
header{position: absolute; top:0; left:0; width: 100%; padding: 20px 0; z-index: 99;}
header .btn{margin-top: 5px;}
footer{text-align: center; padding: 15px 0; font-size: 14px; color: #000000;}
.banner-holder{position: relative; width: 100%; background: url('../image/bg.png')no-repeat; background-size: cover; min-height: 620px;}
.banner-holder .content-holder{ top:53%; width: 100%; text-align: center;}
.banner-holder .content-holder .col{margin-top: 70px;}
.banner-holder .content-holder .left-content{ margin-right: -40px; display: inline-block; vertical-align: top; font-family:'Headliner'; text-align: right; font-size: 95px; }
.banner-holder .content-holder .left-content h3{font-weight: 400; line-height: 90px; color: #2a2626;}
.banner-holder .content-holder .left-content h3 span{display: block; color: #ef7424;}
.banner-holder .content-holder .right-content{ margin-left: -120px; display: inline-block; vertical-align: top; font-family:'TradeGothic'; text-align: left; font-size: 53px; }
.banner-holder .content-holder .right-content h3{color: #2a2626; text-transform: uppercase; line-height: 53px;}
.banner-holder .content-holder .right-content h3 span{color: #ef7424;}
.banner-holder .content-holder p{color: #000000; font-size: 16px; font-weight: 600; margin-top: 0;}
.banner-holder .content-holder .btn-orange{margin: 10px 0;}
.banner-holder .content-holder ul{text-align: center; margin-top: 20px;}
.banner-holder .content-holder ul li{display: inline-block; vertical-align: middle; font-size: 21px; color: #000; text-transform: uppercase; font-family: 'TradeGothic'; margin: 0 15px;}
.banner-holder .content-holder ul li img{margin-top: -8px; margin-right: 5px;}
.banner-holder .content-holder ul li h2{display: inline-block; vertical-align: middle; font-family: 'TradeGothic'; font-size: 21px;}
@media only screen and (max-width: 1200px), only screen and (max-device-width : 1200px) {
  .banner-holder{height:auto !important;}
  .banner-holder .content-holder{position: relative; width: 100%; margin-top: 160px; transform: none; top:0; left:0;}
  .banner-holder .content-holder .col{display: block;}
  .banner-holder .content-holder .left-content{text-align: center; margin: 0;}
  .banner-holder .content-holder .left-content h3{max-width: 600px; margin: 0 auto;}
  .banner-holder .content-holder .left-content h3 span{display: inline-block;}
  .banner-holder .content-holder .right-content{margin: 0; text-align: center;}
  .banner-holder .content-holder .right-content h3{max-width: 650px; margin: 0 auto;}
  .banner-holder .content-holder .right-content h3 br{display: none;}
  .banner-holder .content-holder ul{margin-bottom: 40px;}
}
@media only screen and (max-width: 980px), only screen and (max-device-width : 980px) {
  .banner-holder{background: url('../image/bg-tablet.jpg')no-repeat; background-size: cover !important;     background-position: 50% 50% !important;}
  .banner-holder .content-holder img{margin-right: -40px;}
  .banner-holder .content-holder .left-content{font-size: 70px; }
  .banner-holder .content-holder .left-content h3{max-width: 450px; line-height: 75px;}
  .banner-holder .content-holder .right-content{font-size: 50px;}
  .banner-holder .content-holder .right-content h3{line-height: 50px; max-width: 630px;}
  .banner-holder .content-holder ul li{margin: 15px;}
}
@media only screen and (max-width: 765px), only screen and (max-device-width : 765px) {

}
@media only screen and (max-width: 645px), only screen and (max-device-width : 645px) {

  .banner-holder .content-holder{margin-top: 145px;}
  .banner-holder .content-holder .left-content{font-size: 55px; }
  .banner-holder .content-holder .left-content h3{max-width: 100%; line-height: 65px;}
  .banner-holder .content-holder .right-content{font-size: 29px;}
  .banner-holder .content-holder .right-content h3{line-height: 30px; max-width: 630px;}
  .banner-holder .content-holder ul li:first-child{display: block;}
}

@media only screen and (max-width: 590px), only screen and (max-device-width : 590px) {
    .banner-holder{background: url('../image/bg-mobile.jpg')no-repeat; background-size: cover !important;}
  .banner-holder .content-holder ul li:first-child{text-align: center;}
  .banner-holder .content-holder ul li{min-width: 43%; text-align:left;}
  .banner-holder .content-holder{margin-top: 100px;}
}

@media only screen and (max-width: 465px), only screen and (max-device-width : 465px) {
  .logo-holder{max-width: 240px;}
  .logo-holder img{width: 100%;}
  header .btn{margin-top: 0;}
}

@media only screen and (max-width: 400px), only screen and (max-device-width : 400px) {
  .logo-holder{max-width: 210px;}
  .logo-holder img{width: 100%;}
  .banner-holder .content-holder{margin-top: 80px;}
  .banner-holder .content-holder .left-content{font-size: 33px;}
  .banner-holder .content-holder ul li{min-width: 60%; text-align:left;}
}
@media only screen and (max-width: 360px), only screen and (max-device-width : 360px) {
  .logo-holder{max-width: 200px;}
}
@media only screen and (max-width: 340px), only screen and (max-device-width : 340px) {
  .logo-holder{max-width: 180px;}
}