@charset "utf-8";
/* CSS Document */
/* @import url("test.css"); import ur css here */
@import url(http://fonts.googleapis.com/css?family=Open+Sans); 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');

}

body{ margin:0px; padding:0px;  font:13px/18px "Calibri"; color:#989595; letter-spacing:0.5px; text-align:justify; background-color:#232323;}

.bg{width:100%; height:auto; float:left; background-image:url(../images/bg_2.png); background-position:top left; background-repeat:no-repeat;}
.bg_inn{width:100%; height:auto; float:left; background-image:url(../images/bg_inn.png); background-position:top left; background-repeat:repeat-y;}

ul, li, h2, h3, h4, h5, h6, p, b, a{ margin:0px; padding:0px; list-style:none; text-decoration:none; font-weight:inherit; font:inherit;}
a { font:inherit; color:inherit;}
a img { border:0 none;}
.clear{ clear:both;}

.w250 { width:250px; text-align:left;}
.w480 { width:480px; text-align:center;}
.w990 { width:990px;   margin:0 auto;}

.main-wrapper {width:100%; float:left;  height:auto; padding:0px; margin:0px;}
.main{width:1000px; height:auto; margin:0px auto; }
.matter{width:100%; height:auto; float:left; padding:47px 0 20px 0;}

.header{width:100%; height:auto; float:left; padding:0 0px 0 0;}
.logo{width:auto; height:auto; float:left;}

.nav{width:29%; height:auto; float:right;}
.nav ul{ width:100%; height:auto; float:right;}
.nav li{width:95px; height:50px; float:left;}
.nav li a{ width:100%; height:auto; float:left; font:13px/50px Verdana, Geneva, sans-serif; color:#fff; text-align:center; padding:0px;}

.lh_ped{ line-height:14px !important; padding-top:10px !important;}
.marg_right{ margin-right:285px !important;}

.org{ background:#ff594c;}
.blue{ background:#00c4cd;}
.yellow{ background:#eb9113;}
.green{ background:#7dc764;}
.gray{ background:#3d464f;}
.dblue{ background:#4e99d2;}

.banner{width:96%; height:386px; float:left; margin:37px 0 0 50px; background:url(../images/banner.png) top left no-repeat;}

/*--------------- middle part -----*/
.mid{width:100%; height:auto; float:left; font:13px/16px Open Sans; color:#828282;}
.mid h3{width:100%; height:auto; float:left; font:18px Calibri; color:#fff; text-transform:uppercase; padding:10px 0 8px 0;;}
.mid .row{width:1000px; height:auto; margin:0 auto;}

.mid .left{ width:60%; height:auto; float:left; text-align:right;}
.mid .right{ width:36%; height:auto; float:right; margin:0 5px;}
.mid span{ width:72%; height:auto; float:right; text-align:right;}
.mid .box{ width:50%; height:auto; float:left; text-align:right; padding:5px 0;}

.img{ padding:0 0 0 5px;}
.line{ border-left:1px solid #333;}
.align{width:100%; height:auto; float:left;}
.pb{ background:#000;}
.pan1{width:100%; height:auto; float:left;}
.pan1 h3{ float:right !important; text-align:right !important;}


.pan2{width:94.3%; height:auto; float:right; margin:10px 0 0 0;}
.pan2 .left{ float:right; text-align:left;}
.pan2 .right{float:left; text-align:left;}
.pan2 span{float:left; text-align:left;}

.pan3{width:60%; height:auto; float:left; margin:10px 0 0 0;}
.pan3 .box{ width:100%;}
.pan3 .left{ text-align:left; padding-left:60px; width:50%;}
.pan3 span{ width:72%; height:auto; float:left; text-align:left;}

.pan4{width:48.2%; height:auto; float:left; margin:10px 0 0 243px;}
.pan4 .box{ width:100%;}
.pan4 .left{ float:right; text-align:left; width:57%;}
.pan4 .right{float:left; text-align:left;}
.pan4 span{float:left; text-align:left;}

.yellow_ban{width:52.4%; height:40px; float:right; margin:28px 71px 10px 0; background:#eb9113; font-family:Vrinda; line-height:40px;}
.yellow_ban p{width:auto; height:auto; float:left; padding:0 10px 0 30px; font-size:25px; color:#462704;}
.yellow_ban b{width:auto; height:auto; float:left; padding:0 10px; font-size:20px; color:#fff;}

/*--------- footer ------------*/
.footer{ width:100%; height:auto; float:left; background:#000; color:#989595;}
.fbg{width:100%; height:auto; float:left; background-image:url(../images/bg_1.png); background-position:top center; background-repeat:no-repeat;}

.foot_con{width:100%; height:300px; float:left;}
.foot_con h3{ width:100%; height:auto; float:left; font:18px Calibri; color:#fff; text-transform:uppercase;}
.foot_con b{ color:#fff;}
.foot_con span{ width:100%; height:auto; float:left; font:14px/22px Calibri;  padding:10px 0 0 0;}


.footer .box1{ width:32%; height:auto; float:left; padding:38px 0 0 40px;}
.footer .fnav{ width:100%; height:auto; float:left; padding:10px 0 0 0;}
.footer .fnav ul{ width:55%; height:auto; float:left; }
.footer .fnav li{ width:98%; height:auto; float:left; background:url(../images/org_bull.gif) 0px 15px no-repeat; text-align:left; padding:0 0 0 20px; }
.footer .fnav a{ font:18px/30px Calibri; color:#989595; text-transform:-0.5px;}
.footer .fnav a:hover{color:#fff; }
#active{ font:16px/30px Calibri; color:#fff;}
.fwid{width:36% !important;}
.bwid{width:28% !important;}

.copy{width:100%; height:auto; float:right; text-align:left; margin-top:55px;}
.copy span{width:auto; height:auto; float:right; font:11px Arial, Helvetica, sans-serif; color:#6e6d6d; margin-right:84px;}
/*----device style --*/


/*---------- inner page  css ------------------------*/

.mid_inn{width:94%; height:auto; float:left; font:13px/22px Open Sans; color:#707070; background:#000; margin:50px 0;  padding:30px;  }
.mid_inn h3{width:98%; height:30px; float:left; font:18px/30px Calibri; color:#fff; text-transform:uppercase; padding-left:20px; margin-bottom:10px;}
.mid_inn span{ width:99%; height:auto; float:left; padding:10px 0;}
.mid_inn a{ color:#fff;}
.mid_inn a:hover{ color:#666;}

.mid_inn .left{ width:57%; height:auto; float:left; border-right:1px solid #141414; padding:0 30px 0 0;}
.mid_inn b{ color:#fff;}

.mid_inn .right{ width:36%; height:auto; float:right; padding:0 0 30px 30px;}

.mid_inn .right ul{width:100%; height:auto; float:left;}
.mid_inn .right li{ width:100%; height:auto; float:left; margin:30px 0 0 0;}
.mid_inn .right li span{ width:41% !important; height:auto; float:left; margin:0 30px 0 0 !important; padding:0 !important; }
.mid_inn .right li img{width:100%; height:auto; float:left;}

.mid_inn .bot{width:100%; height:auto; float:left; padding:20px 0;}
.mid_inn .bot h3{ background:#121212;}
.mid_inn .bot span{ padding:10px 20px !important; width:90% !important; }
.mid_inn .bot img{ width:auto; height:auto; float:left; margin:0 20px 10px 0;}


.mid_inn .bot .blog{width:46%; height:auto; float:left; margin:0 30px 0 0;}

.mid_inn .ab{width:100%; height:auto; float:left; padding:20px 0 0 0;}
.mid_inn .ab h3{}
.mid_inn .ab span{ padding:10px 20px !important; width:95% !important;  }
.mid_inn .ab p{ height:auto; float:left; padding:5px 20px; font-weight:bold; color:#ababab; }
.mid_inn .ab h4{width:96%; height:auto; float:left; padding:0 0 0 20px; font:16px/30px Calibri; color:#fff; text-transform:none;}

.mid_inn .ab li{width:90%; height:auto; float:left; padding:5px 0 5px 40px; background:url(../images/bull1.jpg) 21px 17px no-repeat; }

.mid_inn .ab .pic{width:96%; height:auto; float:left; padding:20px 0 0 20px;}
.mid_inn .ab .pic ul{width:100%; height:auto; float:left; }
.mid_inn .ab .pic li{width:33%!important; height:auto; float:left; padding:0 0 20px 0 !important; background:0 none; }
.mid_inn .ab .pic li span{width:100% !important; height:auto; float:left; padding:5px 0 10px 0!important; color:#fff !important;}
.health_pic{width:auto !important; height:auto; float:left; padding:5px 50px 10px 0!important; color:#fff !important;}
.mid_inn .anchor{width:100%; height:auto; float:left; padding:0 0 0 0;}


.ln_cg{border-left:6px solid #00c4cb;}
.ln_green{border-left:6px solid #7dc764;}
.ln_yellow{border-left:6px solid #ffa400;}
.ln_org{border-left:6px solid #e97f09;}
.ln_peach{border-left:6px solid #ff594c;}
.ln_blue{border-left:6px solid #4e99d2;}

.ver_ln{ width:100%; height:20px; float:left; margin:10px 0 0 0; border-top:1px solid #3d3d3d;}
.inn_pronav{width:100%; height:auto; float:left;}
.inn_pronav ul{}
.inn_pronav li{width:auto; height:auto; float:left; margin:0 55px 0 0; border-right:1px solid #fff;}
.inn_pronav a{width:auto; height:auto; float:left; font:16px Calibri; color:#fff; margin:0 55px 0 0; text-transform:uppercase; }
.inn_pronav span{}

.b_org{border-bottom:2px solid #e97f09;}
.b_cg{border-bottom:2px solid #00c4cb;}
.b_peach{border-bottom:2px solid #ff594c;}
.b_green{border-bottom:2px solid #7dc764;}
.b_yellow{ border-bottom:2px solid #ffa400;}
.b_dblue{ border-bottom:2px solid #4e99d2;}
/*product --*/
.pronav{width:94%; height:auto; float:left; padding:0 0 20px 5px;}
.pronav ul{}
.pronav li{width:auto; height:auto; float:left; margin:0 20px 0 0; border-right:1px solid #fff;}
.pronav a{width:auto; height:auto; float:left; font:16px Calibri; color:#fff; margin:0 20px 0 0;  }
.pronav a:hover{ color:#ccc; border:0 none !important; float:left;}

.infra_tab{width:50%; height:auto; float:left; margin:10px 0 10px 20px; border:1px solid #fff; padding:10px 10px 0 10px;}
.infra_tab .raw{width:100%; height:auto; float:left; margin-bottom:5px; list-style:none; }
.infra_tab .raw p{width:15%; height:auto; float:left; padding:5px 5px 0 5px; margin:0 5px; font-weight:normal; }
.infra_tab .raw b{ font-weight:bold; width:20%; height:auto; float:left; padding:5px 5px 0 5px; margin:0 5px; color:#fff;}

.in_tabr{width:42% !important; height:auto; float:left !important; margin-left:10px !important; padding:0px !important;}
.img_ifra{width:auto; height:auto; float:left; margin:20px 0 0 20px;}
.img1{width:auto; height:auto; float:left; margin:0px 10px 10px 0;}

.iw{width:55% !important;}
.iw1{width:10% !important;}
.iw2{width:5% !important;}
.iw3{width:60% !important;}


/*@media screen and (max-width: 1024px) */

@media screen and (max-width: 1054px) { 

/*.w980, .w990, .main-wrapper, .images{width:1000px; margin:0 auto;}*/

.w980, .w990, .main, .matter{width:100%; margin:0 auto;}


	
	

}
/* @media screen and (max-width: 980px) */ 


@media screen and (max-width: 1000px) { 

/*.w980, .w990, .main-wrapper, .images{width:960px; margin:0 auto;}*/

.w980, .w990, .main, .matter{width:100%; margin:0 auto;}

	
	
	

}

/*@media screen and (max-width: 800px) */

@media screen and (max-width: 840px) 
{ 

/*.w980, .w990, .main, .images{width:780px; margin:0 auto;}*/

.w980, .w990, .main, .matter{width:99%; margin:0 auto;}

	


}

/* @media screen and (max-width: 768px) */

@media screen and (max-width: 790px) 
{ 
/*.w980, .w990, .main, .images{width:750px; margin:0 auto; padding:0;}*/

.w980, .w990, .main, .matter{width:99%; margin:0 auto;}

	
}
 /* @media screen and (max-width: 600px) */
@media screen and (max-width: 640px) 
{ 

/*.w980, .w990, .main, .images{width:580px; margin:0 auto;}*/

.w980, .w990, .main, .matter{width:99%; margin:0 auto; }
	
	
	
}
 /* @media screen and (max-width: 480px) */

 @media screen and (max-width: 500px) 
{ 
.w980, .w990, .main, .matter{width:99%; margin:0 auto;}
	
	
}

/*@media screen and (max-width: 320px) */
@media screen and (max-width: 340px) 
{
	.w980, .w990, .main, .matter{width:98.5%; margin:0 auto;}
	
	
}

@media screen and (max-width: 260px) 
{
	.w980, .w990, .main, .matter{width:98%;}

	

}