/*----------------------------------------------------------header--------------------------------------------------------*/
.header{ position:fixed; width:100%; z-index:999; top:0; left:0;}

.sticky{ position:fixed; width:100%; }

.header .header_bottom{ background:url(../images/header_overlay.png) repeat 0 0;}

.sticky.header .header_bottom .logo{ width:160px; padding:6px 0 0 0; -webkit-transition:  all 0.3s ease; -moz-transition:  all 0.3s ease; -o-transition:  all 0.3s ease;  transition: all 0.3s ease; }



.header .logo img.mobileLogo{ display:none;}

.header.sticky .logo img{ display:none;}

.header.sticky .logo img.mobileLogo{ display:block;}



.sticky.header .header_bottom .socail{ padding:15px 0; -webkit-transition:  all 0.3s ease; -moz-transition:  all 0.3s ease; -o-transition:  all 0.3s ease;  transition: all 0.3s ease; }







.sticky.header .site-menu ul li a{padding:15px 30px;}



.header .header_top{ background:#d4471b; color:#fff; padding:10px 0;}

.header_top .phone{ float:left;}

.phone a{ color:#ffffff; font-size:22px; line-height:24px; font-family: 'rokkittregular'; margin:0 25px 0 0; float:left; padding:0 0 0 30px;}

.phone a:hover{ color:#d7d8d8;}

.phone a.phn{ background:url(../images/phone.png) no-repeat 0 0;}

.phone a.fax{background:url(../images/fax.png) no-repeat 0 0;} 

.socail{ float:right; padding:20px 0 0 0;}

.header .header_bottom{ padding:20px 0;}

.header_bottom .logo{ width:196px; float:left; padding:10px 0 0 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}

.header_bottom .logo img{ width:100%;}

.header_bottom .nav{ float:right; font-family: 'rokkittregular';}

/*----------------------------------------------------------banner--------------------------------------------------------*/

body{ padding:0px 0 0 0; font-family: 'rokkittregular'; background: url(../images/banner-new.jpg) no-repeat center top #d5732c;   background-size: 100% auto; background-attachment:fixed; width:100%; height:100%;}
.banner img{ width:100%;}

.homeabout {
    background: #ffffff none repeat scroll 0 0;
    margin: 0 auto;
    padding: 40px 0 50px;
    width: 1200px;
}





















.banner #slides ul li img{ min-width:100%;}
.banner > div{ height:780px !important;}
.sliderbtn{ margin:0 auto;}

/*----------------------------------------------------------homeabout--------------------------------------------------------*/

.req-div{ padding:800px 0 0 0;}
.homeabout{ /*background:url(../images/homeaboutbg.png) repeat 0 0;*/ padding:40px 0 50px 0;}

.homeaboutleft{ float:left; width:630px;}

.homeabout .pic{ float:right; width:380px;}

.homeabout .pic img{ width:100%;}

.homeabout .hometitle{ padding:30px 0; text-transform:uppercase; }

.homeaboutleft p{ padding:0 0 20px 0;}

.homeaboutleft p span{ font-weight:700; color:#000;}

.homeaboutleft .btn{ margin:10px 0 0 0;}



.circleBlock{ padding:0;}

.circleBlock ul{ list-style:none;}

.circleBlock ul li{ text-align:center; padding:30px 0px;}

.circleBlock ul li p{ text-align:center; padding:50px 0 0 0;}





.circleBlock ul li .btn{ font-size:26px; line-height:28px; color:#222; margin:10px auto 0 auto;}



.homeaboutRight{ float:left; width:260px; margin:0 0 0 85px; padding:50px 0 0 0;}

.homeaboutRight .title{  background:url(../images/h1_bg.png) repeat-x center bottom; padding:0 0 22px 0; font-size:24px; line-height:26px; font-weight:700; color:#222; text-transform:uppercase; margin:0 0 20px 0;}



.appStoresBlock{ padding:15px 0 0 0;}

.appStoresBlock ul{ list-style:none;}

.appStoresBlock ul li{ padding:5px 0 0 0;}

.appStoresBlock ul li a{}



.sitemap{ background:#2b2b2b; color:#909090; font-size:12px; line-height:24px; text-align:center; padding:15px 0;}