body {
	font-size: 12px;
	line-height: 20px; font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
p {
	padding-bottom: 10px;
	margin: 0;
}
.last {
	padding-bottom: 0;
}
.ruler {
	border-bottom: 1px solid #c9c9c9;
}
.img-spacing {
	margin-right: 30px;
	margin-bottom: 30px;
}
/************************************************
	Menu styles starts here
 ************************************************/
.header-wrapper {
	overflow:hidden;
	float:left;
	padding-top:30px;
}
.site-name {
	display: inline-block;
	overflow: hidden;
	float: left;
}
.site-name img {
	max-width:100%;
	max-height:100%;
}
.site-name h1 {
	margin: 0;
	font-size: 44px;
	color: #34b091;
	font-family: 'source_sans_probold';
	text-transform: uppercase;
	letter-spacing: 2px;
}
.site-name h2 {
	font-size: 18px;
	line-height: 24px;
	color: #cac8c8;
	font-family: 'source_sans_prolight';
}
.menu {
}
.navbar {
	display: inline-block;
	margin-bottom: 0;
	float:right;
	padding-top:30px;
}
.navbar-nav > li > a {
	color: #fff;
	font-size: 16px;
	background-image: none;
	border: none;
	font-family: 'source_sans_prolight';
	text-transform:uppercase;
	padding: 0px 0px;
	padding-right: 10px;
}
.navbar-nav > li > a:hover {
	color: #888888;
	background: none;
}
.mini-menu {
	display: none;
}
.mini-menu .selectnav {
	display: none;
	width: 100%;
	background: #3b3e4a;
	font-weight: 600;
	padding: 10px;
	height: 42px;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	outline: 0;
	border:none !important;
}
.selectnav select {
	appearance: none;
	border:none !important;
}
.mini-menu label {
	position:relative;
	width: 100%;
}
.mini-menu label:after {
	content:'<>';
	font:11px "Consolas", monospace;
	color:#fff;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	right:14px;
	top:14px;
	padding:0 0 2px;
	position:absolute;
	pointer-events:none;
}
.mini-menu label:before {
	content:'';
	right:6px;
	top:10px;
	width: 25px;
	height: 25px;
	background:#3b3e4a;
	position:absolute;
	pointer-events:none;
	display:block;
}
.banner {
	background:url(../img/banner-image.png) no-repeat;
}
.banner .carousel-caption {
}
.banner .carousel-caption h1 {
	margin: 0;
	font-size: 28px;
	font-family: 'source_sans_probold';
	color: #fff;
	letter-spacing: 5px;
	padding-bottom: 20px;
	text-align:left;
}
.banner .carousel-caption h2 {
	font-size: 28px;
	line-height: 36px;
	font-family: 'source_sans_prolight';
	color: #fff;
	letter-spacing: 3px;
	padding-bottom: 20px;
}
.banner .carousel-caption .btn {
	display: inline-block;
	float: left;
	color: #333;
	font-size: 16px;
	line-height: 28px;
	font-family: 'source_sans_problack';
	padding: 10px 60px;
	background: #fff;
	border-radius: 40px;
	box-shadow: 0 3px 2px 0px #4a4c54;
}
.banner .carousel-caption .btn:hover {
	color: #34b091;
	background: #fff;
	transition:all 1s;
}
.banner .carousel-control {
	top: 45%;
	width: 40px;
	height: 40px;
	line-height: 42px;
	font-size: 30px;
	background: #34b091;
	border-radius: 50px;
	bottom: 42%;
	opacity: 0.8;
}
.banner .carousel-control:hover {
	background: #3b3e4a;
}
.banner .carousel-control.right {
	right: 10%;
}
.banner .carousel-control.left {
	left: 10%;
}
.banner .carousel-caption h1 {
	opacity: 0;
}
.banner .carousel-caption h2 {
	opacity: 0;
}
.banner .carousel-caption .btn {
	opacity: 0;
}
.banner .carousel-inner:hover img {
	-webkit-filter: blur(5px);
	transition:all 5s;
}
.banner .carousel-inner:hover h1 {
	transition:all 1s;
	opacity: 0.9 !important;
}
.banner .carousel-inner:hover h2 {
	transition:all 1s;
	opacity: 0.9 !important;
}
.banner .carousel-inner:hover .btn {
	transition:all 1s;
	opacity: 0.9 !important;
}

.headtop{overflow:hidden;padding: 9px 0 10px;background:#000;}
.htopleft{float:left;padding: 2px 0 0;}
.htopleft span{ font-size:12px; text-transform:uppercase; color:#dddddd; }
.htopright{ float:right; width:48%; margin:0; overflow:hidden;}

.headtop ul{  
    
    list-style-type: none; display:inline-block;
    margin: 0;}
.headtop ul li{display:inline-block;font-size: 12px;text-transform:uppercase;border-right:1px solid #fff;padding:0 20px 0 20px;line-height: normal;}
.headtop ul li a{ color:#dddddd; }
.headtop input{background:#fff;border:none;padding: 2px 10px;width: 180px;}
.headtop button{background: url(../img/searchicon.png) no-repeat center;width:25px;height:20px;border:none;margin: 0px 0 0 5px;position: relative;top: 1px;padding-left: 14px;float: right;}
.head { 
	 
}
.graybg{ background:#f0f4d6; overflow:hidden; padding:0px 0;}
.logo{ overflow:hidden;}
.logo em{ 
    color: #01669a;
    font-size: 20px;
    padding: 0 10px 0 30px;
}
 
.headernav ul {
	margin:0;
	list-style-type:none;
}
.headernav ul li:frist-child { padding-left:0; padding-right:0;}.headernav ul li{margin:0;padding:0;list-style-type:none;/* display:inline-block; */float: left;margin-right: 3px;}
.headernav ul li a{
	background:#b7b8b0;
	display: block;
	text-transform:uppercase;
	padding: 8px 38px;
	text-align: center;
}
.headernav ul li a:hover { background:#006599; color:#fff;}
.headernav ul li a {
	color:#fff;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	line-height: initial;
}.headernav ul li.select a{position:relative;background:#006599;z-index: 99;/* bottom: -3px; */padding: 10px 42px 9px;margin-bottom: -3px;}

.slider {
	overflow:hidden;
}
.slider img {
	width:100%;
}
.slidernav {
	overflow:hidden;
	position:absolute;
	display:inline-block
}
.slidernav ul {
	margin:0;
	list-style-type:none;
}
.slidernav ul li {
	display: inline-block;
	padding: 0 20px 10px 20px;
	text-align: center;
}
.slidernav ul li a {
	color:#34312a;
	text-align:center;
	text-decoration:none;
}
.midmain {
	padding:30px 0 10px;
	background:#f0f3d6;
 }
.mid {
	width:80%;
	margin:0 auto;
	overflow:hidden;
}
.mainproduct {
	overflow:hidden;
}
.mainproduct h1 {
	font-size:24px;
	padding:0 0 20px;
	border-bottom:2px solid #53616c;
	text-transform:uppercase;
}

.ourpro {
	overflow:hidden;
	margin-bottom:0px;
}
.prod{ border:1px solid #dadeb9; overflow:hidden; padding: 0px;}
.prod h3 {
	font-size:12px; background:#333132; letter-spacing:1px;
	color:#ebebeb; text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding:10px 0;
}
.proc h4 {
	font-size:16px;  
	color:#4b0001; font-weight:bold; 
	text-decoration:none;
	text-transform: capitalize;
	padding:20px 0 10px;
}
.proc p {
	font-size:13px;  
	color:#4b0001;  
}
.proc{ padding:20px; margin:0; overflow:hidden}
.prod em { text-decoration:none; font-style:normal;
}
.prod span { padding-left:5px; color:#978988;}
.prod img { padding:0 0 20px 0;}
.ourpro img {
	width:100%;
}
.business {
	background:#fff;
	overflow:hidden;
	padding:50px 0;
}
.mid-nav ul {
	margin:0;
	list-style-type:none;
}
.mid-nav ul li {
	display: inline-block;
	text-transform:uppercase;
	padding: 0 20px 10px 20px;
	text-align: center;
}
.mid-nav ul li a {
	color:#34312a;
	text-align:center;
}
.midact {
	padding:20px 0;
}
.midact a {
	line-height:50px;
	background: #e13e7d;
	padding: 10px 40px;
	margin-top: 0px;
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
}
.midact img {
	width:100%;
}
.orangebg {
	background:#ec7e33;
	overflow:hidden;
	padding:70px 0;
}
.midact h3 {
	padding-bottom:20px;
}
.tell {
	background:url(../img/partner_bg.png) no-repeat;
	overflow:hidden;
	padding:100px 0;
	text-align:center;
}
.tell h2 {
	padding-bottom:20px;
	font-size:18px;
	color:#fff;
}
.tell h3 {
	padding-bottom:20px;
	font-size:18px;
	color:#fff;
}
.tell a {
	line-height:50px;
	background: #e13e7d;
	padding: 10px 40px;
	margin-top: 0px;
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
}
.blog-prod h3 {
	font-size:16px;
	color:#09496e;
	text-decoration:none;
	text-transform:uppercase;
	margin:20px 0;
}
.blog-prod a {
	line-height:50px;
	background: #e13476;
	padding: 10px 40px;
	margin-top: 0px;
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
}
.blog img {
	width:50%;
}
.blog {
	overflow:hidden;
	padding:30px 0;
}
.adress{ padding:30px 0 10px; background:url(../img/btmbg.png) repeat-x 0 0 #f0f0e6;}
.adr{ text-align:center; overflow:hidden; padding:20px 0;}
.adres h3{ color:#666668; border-bottom:1px dashed #010000; padding-bottom:10px; margin-bottom:15px; font-size:14px; font-weight:bold;}
.adres input[type="text"]{
    width: 48%;
    background: #fff;
    color: #666666;
    margin: 0 0 20px;
    padding:6px 10px; display:block; border:1px solid #848484; border-bottom-color:#e1e1e1; border-left-color:#c1c1c1; border-right-color:#c1c1c1;}
.adres input[type="submit"]{  
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,dedede+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #dedede 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fefefe 0%,#dedede 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fefefe 0%,#dedede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
    color: #111;
    margin: 0 0 20px; font-weight:bold; text-shadow:0 0 1px #fff;
    padding: 6px 20px; display:inline-block; border-width:1px; border-radius:4px; }

.copyrigt ul { margin:0; list-style-type:none;}
.copyrigt ul li { padding:0 10px;  
	display: inline-block; font-size:12px
 	 
	  
}
 .copyrigt ul li a {
	color:#666666;
	text-align:center;
	text-decoration:none;
}

.adres input[type="submit"]:hover{ background:#eee;}
.logo img{ float:left;}
.logo em{ float:left; margin-top:20px; font-family:"Times New Roman", Times, serif; font-size:18px;}
.hedmid{ background:#f0f0e6;}


.headtop ul li a:hover{ color:#fff; text-decoration:none;}
.midmain a:hover{ color:#000; text-decoration:none;}

.copyrigt ul li a:hover{ color:#000;}



.abo ul { margin:0; list-style-type:none;}
.abo ul li { padding:0 10px;  
	display: inline-block; font-size:14px
 	 
	  
}
 .abo ul li a {
	color:#666666;
	text-align:center;
	text-decoration:none;
}
 .about img{ padding:20px 0; text-align:center; }
 .about{ text-align:center;}
.work{ overflow:hidden; padding:20px 0;}
.work-left{ padding:0px 0;  }
.work-left h3{ padding-bottom:10px; color:#4b4d35; font-size:22px;}
.work-right{ padding:20px 0 0;  }
.work-right h3{ padding-bottom:10px; color:#4b4d35; font-size:22px;}
.headtop ul li:last-child{ border:none;}
.logo{ padding:20px 0 25px;}
.slider{ background:url(../img/sliderbg.png) repeat-x 0 0; padding:10px 0 0;}
.headernav ul{ padding:0;}
.prod a{ text-transform:uppercase;}
.nopadding{ padding:0 !important;}
.mar_t5{ margin-top:10px;}
.prod em{ color:#519aa9;}
.mid_pro{ min-height:330px;}
.btm_pro{ min-height:220px;}
.margin_b100{ margin-bottom:80px;}
.adres p{ color:#000; font-weight:bold; font-size:11px;}
.copyrigt{ padding-top:10px;}
.copyrigt ul li{ padding:0 5px; color:#666666;}
.social{position: absolute;
    right: 2px;
    z-index: 999;
    top: 52px;
    width: 36px;}
.slider{ position:relative;}
.social img{ width:auto; margin-bottom:1px;}
 
@media (min-width: 0px) and (max-width: 767px) {
.htopleft {
    float: none;
    padding: 2px 0 0;
    text-align: center;
}.htopright {
    float: none;
    width: auto;}.headtop ul {
    list-style-type: none;
    display: block;
    margin: 0 0 5px;
    padding: 0;
    text-align: center;
}.htopright{ text-align:center;}
.headtop button{ float:none;}
.logo {
    padding: 10px 0 0px;
    text-align: left;
}.logo em {
    float: none;
    margin-top: 5px;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    padding: 0 0 5px;
    display: block;
    clear: both; text-align:center;
}.logo img {
    float: none;
}.navbar-toggle { 
    position: absolute;
    top: 10px;
    right: 10px;
}.navbar-toggle {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute;
    top: 18px;
    right: 13px;
    z-index: 999;
    margin: 0;
}.hedmid { 
    position: relative;
}.slider img {
    width: auto;
    height: 250px;
    object-fit: cover;
}.social img {
    width: auto;
    margin-bottom: 1px;
    height: auto !important;
}.navbar-toggle .icon-bar{ background:#555;}
.mid {
    width: auto;}.prod{ margin-top:20px;}
	.headernav ul li{ float:none;}
}




@media (min-width: 768px) and (max-width:1200px) {

.htopright {
    float: right;
    width: 60%;
    margin: 0;}

.headtop input { 
    width: 150px;
}
.headernav ul li a{ padding:8px 9px;}
.headernav ul li.select a{padding: 10px 20px 9px;}
}