
/*--------Comman--------*/
body{ padding:0 !important; margin:0; font-family:Calibri, Arial;}
a {outline:none !important;}
* { padding:0; margin:0;}
a:hover { text-decoration:none;}
a, a img, .box_detail, .search_btn, .dropdown, .home_box * {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	text-decoration:none;
}
/*--------Fonts------*/
@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura.tcc');
    font-weight: normal;
    font-style: normal;
}
/*--------------  Layout -----------*/
#wrapp{ width:100%; float:left;}
/*-----Header----*/
header{ width:100%; float:left; margin:0px; padding:0px;}
header .navbar-inner{ background:url(../images/top_bg.jpg) center top no-repeat; background-size:100% 100%; padding-top:25px; }
header .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner{ border:none;}
header .navbar-inner .nav{ padding-top:10px;}
header .navbar-fixed-top{ margin:0;}
header .navbar-inner .nav li{ margin:0 10px;}
header .navbar-inner .nav li a{ padding:12px 0px; font-family: 'Futura'; color:#FFFFFF; font-size:21px; letter-spacing:-0.5px;  text-shadow: 0 1px 0 #000000;}
header .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{ color:#e7e8e9;}

header .navbar-inner .nav li .home{ background:url(../images/home_nr.png) left top no-repeat; text-align:center; width:138px; height:93px;}
header .navbar-inner .nav li .home:hover{background:url(../images/home.png) left top no-repeat;color:#e7e8e9;}
header .navbar-inner .nav li.onnow .home{ background:url(../images/home.png) left top no-repeat; text-align:center; width:138px; height:93px;}

header .navbar-inner .nav li .product{ background:url(../images/pro_nrm.png) left top no-repeat; text-align:center; width:138px; height:93px;}
header .navbar-inner .nav li .product:hover{background:url(../images/pro_sec.png) left top no-repeat; color:#e7e8e9;}
header .navbar-inner .nav li.onnow .product{ background:url(../images/pro_sec.png) left top no-repeat; text-align:center; width:138px; height:93px;}

header .navbar-inner .nav li .contact{ background:url(../images/cont_nrm.png) left top no-repeat; text-align:center; width:138px; height:93px;}
header .navbar-inner .nav li .contact:hover{background:url(../images/cont_sec.png) left top no-repeat; color:#e7e8e9;}
header .navbar-inner .nav li.onnow .contact{ background:url(../images/cont_sec.png) left top no-repeat; text-align:center; width:138px; height:93px;}


/*---- Section-------*/
section{ width:100%; float:left; margin:0px; padding:0px;}

/*---- Home Banner-------*/
.home-banner{ width:100%; min-height:200px; float:left; padding:15px 0; margin:0; background:url(../images/head_right.png) no-repeat right top #FF9933; background-size:auto 100%;
-webkit-box-shadow:0 6px 5px rgba(0, 0, 0, 0.2) inset;
     -moz-box-shadow:0 6px 5px rgba(0, 0, 0, 0.2) inset;
          box-shadow:0 6px 5px rgba(0, 0, 0, 0.2) inset;
}
.home-banner img{ max-width:inherit; width:auto;}


.home-banner p{ padding:0 40px; margin:0 0 10px 0; font-size:24px; text-align:center; color:#ffffff; line-height:30px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);}
.banner-image{ margin-bottom:20px; background:url(../images/head_left.png) -5px top no-repeat; height:394px; width:427px;}
.banner-image .carousel-inner{ width:168px; float:right; margin:53px 10px 0 0;}


.banner-title{ width:100%; float:left; padding:0; margin:0; text-align:center;}


/*---- Whats Hot-------*/
.what-hot-section{ width:100%; float:left; padding:0; margin:-70px 0 0 0;}
.what-hot-listing-main{ width:100%; float:left; padding:0; margin:-12px 0 0 0; background:url(../images/whats-hot-bg.png) repeat-x center top; background-size:auto 100%;}
.what-hot-title{ width:100%; float:left; padding:0; margin:0px 0 0 0; text-align:center; position:relative;}
.what-hot-title img{ width:auto;}
ul.what-hot-listing{ width:100%; float:left; padding:0; margin:20px 0 0 0;}
ul.what-hot-listing li{ width:17%; float:left; padding:0; margin:0 5px 18px 5px; list-style:none;}
ul.what-hot-listing li img{ width:100%;
-webkit-box-shadow:4px 5px 6px rgba(0, 0, 0, 0.3);
     -moz-box-shadow:4px 5px 6px rgba(0, 0, 0, 0.3);
          box-shadow:4px 5px 6px rgba(0, 0, 0, 0.3);
}
.banner-title2{ width:100%; float:left; padding:0; margin:0; text-align:center; background:url(../images/download-apps_h.png) no-repeat center top; font-family: 'Futura'; color:#fff;  height:43px; padding:18px 0 0 0; text-shadow: 0 -1px 0 #000000; font-size:23px; }
.banner-title2 a{ text-decoration:none; color:#fff;}
.banner-title2:hover{background:url(../images/download-apps_hover.png) no-repeat center top; text-shadow: 0 -1px 0 #000000; cursor:pointer; transition: all 400ms ease-in-out 0s;}

/*---- Footer-------*/
footer{ width:100%; float:left; margin:0px; padding:0px;}
.footer-inner{ background:rgba(0, 0, 0, 0.2); padding:8px 0 3px 0;
-webkit-box-shadow:0 6px 5px rgba(0, 0, 0, 0.2) inset;
     -moz-box-shadow:0 6px 5px rgba(0, 0, 0, 0.2) inset;
          box-shadow:0 6px 5px rgba(0, 0, 0, 0.2) inset;

}
.footer-detail{ width:100%; float:left; padding:0; margin:0; text-align:center; background:url(../images/footer-bg.jpg) no-repeat center top; background-size:100% 100%;}
.footer-detail a{ padding:0; margin:0 8px; text-align:center; font-size:22px; color:#757e87; font-family: 'Futura';}
.footer-detail a:hover{ color:#d6df23;}



/*---- Product Page -------*/
.inner-title{ width:100%; min-height:61px; float:left; padding:0; margin:0; background:url(../images/inner-title-bg.jpg) repeat-x left top;}
.inner-title h2{ padding:0; margin:3px 12px 0 0; text-align:right; font-size:45px; line-height:normal; color:#ef4036; text-shadow:2px -1px 0 #fff; font-family: 'Futura';}
.inner-setion{ width:100%; min-height:400px; float:left; padding:15px 0; margin:0; background:#FF9933; 
-webkit-box-shadow:0 6px 5px rgba(0, 0, 0, 0.2) inset;
     -moz-box-shadow:0 6px 5px rgba(0, 0, 0, 0.2) inset;
          box-shadow:0 6px 5px rgba(0, 0, 0, 0.2) inset;
}

.product-detail-main{ width:100%; float:left; padding:0; margin:0;}
.product-detail{ width:100%; float:left; padding:0 0 25px 0; margin:10px 0 6px 0;/* background:url(../images/product-line.jpg) no-repeat center bottom; background-size:100% 17px;*/}
.product-image{ width:100%; float:left; padding:0; margin:0; text-align:center;}
.product-image img{ width:auto;}
.product-title{ width:100%; float:left; padding:0; margin:-7px 0 0 0; text-align:center; font-size:38px; color:#fff; font-family: 'Futura'; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); line-height:normal;-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;}
.product-detail .span4 a{ font-size:38px; color:#fff; font-family: 'Futura'; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);}
.product-detail .span4 a:hover .product-title{ color:#ef4036;}

.product-detail-last{ background:none !important;}

/*---- Contact Us Page -------*/

.contact-sec{ width:100%; float:left; padding:30px 0 10px 0; margin:0;}
.contact-sec h4{ width:100%; float:left; padding:0; margin:0 0 30px 0; font-size:25px; color:#d6de23; font-family: 'Futura'; text-shadow:0px 1px 0 #545c63;}
.contact-image{ width:100%; text-align:center;}
.contact-image img{ width:auto;}
.contact-detail-1{ width:100%; float:left; padding:0; margin:0 0 20px 0;}
.contact-icon{ width:10%; float:left; padding:0; margin:0;}
.contact-icon img{ width:auto;}
.contact-detail-1 p{ width:90%; float:right; padding:0; margin:0; font-size:14px; color:#3f4142; line-height:normal;}
.contact-detail-1 p a{ font-size:14px; color:#3f4142;text-decoration:underline;}
.contact-detail-1 p a:hover{ text-decoration:none;}

/*---- Privacy Page -------*/

.privacy-sec{ width:100%; float:left; padding:10px 0 10px 0; margin:0;}
.privacy-sec h4{ width:100%; float:left; padding:0; margin:10px 0 15px 0; font-size:25px; line-height:normal; color:#ef4036; font-family: 'Futura'; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);}
.privacy-sec p{ width:100%; float:left; padding:0; margin:0 0 15px 0; font-size:18px; color:#333; line-height:normal; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);}
.privacy-sec p a{ color:#3f4142; line-height:normal;}
.privacy-sec p a:hover{ text-decoration:underline;}

ul.inner-listing{ width:100%; float:left; padding:0; margin:0;}
ul.inner-listing li{ width:90%; float:left; padding:0 0 0 20px; margin:0 0 5px 0; list-style:none; font-size:18px; color:#333; line-height:normal; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); background:url(../images/arrow.png) no-repeat left 6px;}
ul.inner-listing li ul li{ width:98%; float:left; padding:0 0 0 20px; margin:0 0 8px 0; list-style:none; font-size:18px; color:#333; line-height:normal; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); background:url(../images/arrow.png) no-repeat left 6px;}
ul.inner-listing li ul li ul li{ width:98%; float:left; padding:0 0 0 20px; margin:0 0 5px 0; list-style:none; font-size:18px; color:#333; line-height:normal; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); background:url(../images/arrow.png) no-repeat left 6px;}