body{ font-family: 'muliregular';  font-size: 16px;}


@font-face {
    font-family: 'muliregular';
    src: url('../fonts/muli.eot');
    src: url('../fonts/muli.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muli.woff2') format('woff2'),
         url('../fonts/muli.woff') format('woff'),
         url('../fonts/muli.ttf') format('truetype'),
         url('../fonts/muli.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'mulibold';
    src: url('../fonts/muli-bold.eot');
    src: url('../fonts/muli-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muli-bold.woff2') format('woff2'),
         url('../fonts/muli-bold.woff') format('woff'),
         url('../fonts/muli-bold.ttf') format('truetype'),
         url('../fonts/muli-bold.svg#mulibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'mulilight';
    src: url('../fonts/muli-light.eot');
    src: url('../fonts/muli-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muli-light.woff2') format('woff2'),
         url('../fonts/muli-light.woff') format('woff'),
         url('../fonts/muli-light.ttf') format('truetype'),
         url('../fonts/muli-light.svg#mulilight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'mulisemibold';
    src: url('../fonts/muli-semibold.eot');
    src: url('../fonts/muli-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muli-semibold.woff2') format('woff2'),
         url('../fonts/muli-semibold.woff') format('woff'),
         url('../fonts/muli-semibold.ttf') format('truetype'),
         url('../fonts/muli-semibold.svg#mulisemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**General**/
.main_section{ padding-top: 150px; background:url(../images/innerpage-bg.jpg) no-repeat; background-size: 100%; padding-bottom: 60px;  }
a:focus{ outline: none; }
.clear{ clear: both; }

h1{ font-family: 'mulibold'; }
h3.fancy_title{ float: left; background: #000; padding: 10px 15px 12px; color: #d5b71b; font-size: 18px; position: relative; margin: 60px 0 40px 0;  }
h3.fancy_title:after{top: 100%;
	right: 0px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000;
	border-width: 10px 0 10px 10px;
	}
h4{ line-height: 30px; }	

.common_text{ padding:0px; line-height: 30px; }
.common_text li{ display: block; text-align: left; background: url(../images/bullet.png) no-repeat left 11px ; padding:0px 25px 10px; }
.mb40{ margin-bottom: 40px; }
.mt40{ margin-top: 40px; }
.mt30{ margin-top: 30px; }
.btn-success{ border-radius: 3px; padding-bottom:10px;}
/**Navigation**/

.navbar-default .navbar-toggle{ border:1px solid rgba(255, 255, 255, 0.5); border-radius: 0px;  }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background:#d5b71b;  }
.navbar-default{ background: #171c1e; }
.navbar-nav{ text-align: center; display: block; margin: 0px; padding: 0px; width: 100%;  }
.navbar-nav > li{ display: inline-block; float: none; vertical-align:top;  }
.mobile_logo{ display: none; }
.navbar{ border: 0px; border-radius: 0px; position: fixed;; width: 100%; z-index: 999; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-top: 0px; margin-left:0px; padding-top: 0px; }
.nav > li > a{ padding: 20px 25px; }
.navbar-default .navbar-nav > li > a{ color: #fff; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover{ background:#171c1e; color: #d5b71b; }

.navbar-collapse{ border-top: 0px; }
.bg_img{ background: url("../images/banner2.jpg") no-repeat top center; background-size: cover; height: 100%; width: 100%; position: fixed; padding-top: 200px; text-align: center;; }

/**Home Banner Content**/

.bg_img span{ background: rgba(255, 255, 255, 0.5); color: #000000; padding:2px 18px 5px;  font-size: 18px; }
.bg_img h1{ font-weight:bold; color: #fff; font-size: 46px; font-family: 'mulisemibold'; margin: 25px 0; }
.bg_img h4 { font-size: 18px; color: #000; margin: 10px 0 30px; }
.bg_img a{ background: #fff; padding: 10px 40px 15px; border-radius: 40px;  font-size:24px; color: #000; display: inline-block;}
.bg_img a:hover{text-decoration: none; background: #000; color: #fff;}

.product_img{ z-index: 55; position: absolute; bottom: 0px; left: 0; right: 0; text-align: center; overflow: hidden; }
.product_img .pro1{ left:80px; bottom: -45px; position: relative;}
.product_img .pro2{ z-index: 100;  bottom: -45px;  position: relative;}
.product_img .pro3{ right:100px; bottom: -45px; position: relative;}


/**About Us**/
.tab_box{ padding-top: 50px; text-align:center;  }
.nav-tabs > li{ display: inline-block; float: none; }
.nav-tabs{ border: 0px; margin-bottom: 60px;  }
.nav-tabs > li > a{ border-radius: 0px; border: 0px; font-weight: bold; font-size: 18px; color: #000; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{background: #000; color: #d5b71b; border-radius: 0px; border: 0px; }
.nav-tabs > li.active > a:after {
	top: 100%;
	right: 0%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000;
	border-width: 10px 0 10px 10px;
	
}


.intro_text{ padding:10px 50px; line-height: 30px; margin-bottom: 50px; }
.intro_text li{ display: block; text-align: left; background: url(../images/bullet.png) no-repeat left 20px ; padding: 10px 25px; }


/**Products**/
.products{ background: #fff9d9; clear: both;}

/**Supply**/
.box{ padding: 60px; border: 1px solid #eee; text-align: center; }

/**errors**/
label.error {	color:red;	margin-top:10px;font-family: 'Roboto', sans-serif;  clear:both; display: block; margin-bottom:20px; text-align:left; font-weight: normal;}
.success, .failed {background:#89b82b;  color: #fff; font-family: 'Roboto', sans-serif;   font-size: 18px; padding: 15px; text-align: center; display:inline-block; width:100%; text-align:center; margin-top:30px;}
.failed{ background:#f44d4d}
.clear { clear:both;}


/**Contact Us**/
.form-control{ border-radius: 0px; height: 50px; margin-bottom: 30px; }
.contact_info span{ display: block; padding: 10px 0; }
.map{ margin: 30px 0; }
.btn-submit{ background:#d5b71b; padding: 10px 25px 15px; font-size: 18px; color: #fff; border-radius: 0px;  }
#res.response_success {
    background: #98c772 none repeat scroll 0 0;
    color: #ffffff;
   
    font-size: 18px;
    padding: 15px;
    text-align: center;
}

#res.response_error {
	background:#9a3830;
	color: #ffffff;
    
    font-size: 18px;
    padding: 15px;
    text-align: center;
}

/**Footer**/
.footer{ border-top: 1px solid #eee; padding:20px 10px;}
.footer .social a{ color: #c5c5c7; padding: 0 7px; }
.footer .social a:hover{ color: #000; text-decoration: none; }


@media screen and (max-width: 1024px){
.nav > li > a{ padding:15px 10px; }
}

@media screen and (max-width: 767px){
.bg_img{ padding-top: 130px; }

.bg_img h1{ font-size: 30px; margin: 15px 0; }
.bg_img h4{ font-size: 16px; padding: 0 10px; margin-bottom: 20px;  }
.product_img{ height: 100%; }
.bg_img a{ padding-top: 8px 25px 12px; font-size: 18px; }
.product_img .pro1{ left:40px; bottom: 0px; width: 40%; position: absolute;}
.product_img .pro2{ z-index: 10;  bottom: 0px;  width: 50%; margin: 0 auto; left: 0; right: 0px;  position: absolute;}
.product_img .pro3{ right:40px; bottom: 0px;  width: 40%; position: absolute;}

.mobile_logo{ display: block; }
.nav .res_logo{ display: none; }
.navbar-nav > li{ display:block; text-align: left;  }
.navbar-nav > li:first-child{ margin-top: 60px; }
.nav > li > a{ padding:15px 15px; }
.intro_text{ padding: 10px 10px }

/**About US**/
.nav-tabs > li{ display: block; float: none; }


}