@charset "utf-8";
/* CSS Document */
/* ================= General 1024px - 768px ================= */
body{background:#fff ; margin:0px; padding:0px; font:normal 12px/18px 'Open Sans', Arial, Helvetica, sans-serif; color:#333;}
/* TITLE */
h1{font:normal 39px/42px 'Palatino', Arial, Helvetica, sans-serif; display:block; color:#444;}
h1 b{font-weight:normal; font-size:27px; line-height:20px}
h2{font:normal 28px/32px 'Palatino', Arial, Helvetica, sans-serif; display:block; color:#444;}
h2 b{font-weight:400; color:#00a8ea}
h3{font:normal 22px/28px 'Palatino', Arial, Helvetica, sans-serif; display:block; color:#444;}
.mw95{max-width:95%;}
/* &&&&&&&&&&&&&&&&&&&&& HOME PAGE CLASSES &&&&&&&&&&&&&&&&&&&&&&& */
.wrapper{width:980px; margin:auto}
/* INDEX PAGE */
.t_header{height:130px; width:100%; top:20px; position:absolute; z-index:9;}
.logo_area{width:328px; height:130px; overflow:hidden; float:left; margin:0}

header nav{width:640px; height:47px; background:rgba(255,255,255,.1); border-radius:12px 0 0 12px; float:right; margin:26px 0 0 0; padding:7px 15px 0}
header nav ul, header nav li{margin:0; padding:0; list-style:none; font:600 15px/30px 'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase}
header nav li{float:left; margin:0 4px; position:relative}
header nav li a{display:block; padding:0 10px; border-radius:3px; color:#fff;transition:all linear .2s; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s;}
header nav li:hover a, header nav li a:hover, header nav li a.act{background:#a8cc34; color:#000;}

#products header nav li:nth-child(4) a{background:#a8cc34; color:#000;}
#home header nav li:first-child a{background:#a8cc34; color:#000;}
#aboutus header nav li:nth-child(2) a{background:#a8cc34; color:#000;}
#quality header nav li:nth-child(3) a{background:#a8cc34; color:#000;}
#contactus header nav li:last-child a{background:#a8cc34; color:#000;}

header nav li ul{position:absolute; z-index:9; left:0; top:100%; width:160px; display:none}
header nav li:hover ul{display:block}
header nav li ul li{float:none; margin:0;}
header nav li ul a{font-size:12px; display:block; border-radius:3px; background:#333 !important; color:#fff !important; margin-top:1px}
header nav li ul a:hover{background:#a8cc34 !important; color:#000 !important;}

/* HEADER ENDS */
.banner_area{height:517px; overflow:hidden; width:100%; background:#01793d url(../images/top.jpg) no-repeat center top; position:relative}
/* BANNER ENDS */
/* MIDDLE LINKS */
.c_links{width:100%; position:absolute; z-index:9; top:-1px; height:75px}
.c_links>div{width:251px; height:75px; margin:auto;}
.arl{width:24px; height:24px; overflow:hidden; display:block; float:left; margin:8px 0 0 0}
.arr{width:24px; height:24px; overflow:hidden; display:block; float:right; margin:8px 0 0 0}
.mid_links{background:url(../images/link_md.png) no-repeat; width:191px; height:75px; float:left; display:block; text-align:center; padding:11px 0 0 0}
.mid_links:hover b{text-decoration:underline;}
.mid_boxes{margin:52px 0 0 0; width:100%; overflow:hidden; position:relative}
.mid_boxes_inr{margin:0 -5px;}
.mid_boxes ul, .mid_boxes ul li{margin:0; padding:0; list-style:none;}
.mid_boxes ul li{ float:left}
.mid_boxes ul li>div{padding:21px 10px 0; line-height:none; width:320px; height:300px; background:#f5f5f5; margin:0 0 0 10px; box-shadow:1px 1px 0px rgba(0,0,0,.2); text-align:center; margin:0 5px}
.mid_pc{width:210px; height:160px; overflow:hidden; margin:0 auto 15px;}
.mid_pc img{transition:all linear .2s; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s;}
.mid_boxes li:hover .mid_pc img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.mid_boxes li:hover .black a{color:#047b42; text-decoration:underline}
/* MIDDLE LINKS */
.wel_box{background:#317e36 url(../images/bottom.jpg) no-repeat center top; height:368px; width:100%; margin:-20px 0 0 0; padding:42px 0 0 0}
.wel_box_inr{background:#50984c url(../images/inr_f_bg.png) repeat-x center top; height:47px; width:100%; margin:-20px 0 0 0;}

.wel_text{margin:20px 0 0 0; width:72%; color:#fff; line-height:20px; font-size:14px; font-weight:300}
.foot1{background:#f5f5f5; height:193px}
.footlink a{color:#000; display:block;}
.footlink a:hover{color:#047b42; text-decoration:underline;}
.foot_d{height:125px; width:1px; background:#dadada; float:left; margin:22px 60px 0}
.soc_links a{display:inline-block; width:44px; height:45px; background-image:url(../images/soc_links.png); overflow:hidden;transition:all linear .2s; -webkit-transition:all linear .2s; -moz-transition:all linear .2s; -ms-transition:all linear .2s; margin:0 0 0 4px}
.soc_links a:hover{background-position:left bottom;}
.soc_links a.twit{background-position:-50px top;}.soc_links a.twit:hover{background-position:-50px bottom;}
.soc_links a.in{background-position:-102px top;}.soc_links a.in:hover{background-position:-102px bottom;}
.soc_links a.gplus{background-position:-152px top;}.soc_links a.gplus:hover{background-position:-152px bottom;}
.soc_links a.youtube{background-position:right top;}.soc_links a.youtube:hover{background-position:right bottom;}
/* FOOTER ENDS */
.inr_header{background:#037a41 url(../images/inr_top.jpg) no-repeat center top; height:170px; padding-top:20px;}
.list1{margin:0; padding:0; list-style:none;}
.list1 li{margin:5px 0 0 0; padding:2px 0 2px 20px; list-style:none; background:url(../images/blt_2.png) no-repeat 0px 3px;}
.list2{margin:30px 0 0 0; padding:0; list-style:none;}
.list2 li{margin:5px 0 0 0; padding:2px 0 2px 20px; list-style:none; background:url(../images/blt1.png) no-repeat 0px 6px; 
text-transform:uppercase;}
/* sitemap classes */
.sitemap a{display:block; text-align:left; font:700 14px/24px 'Open Sans', Arial, Helvetica, sans-serif; color:#31823b; background:#fff url(../images/blt_2.png) no-repeat 95% center; padding:5px 50px 5px 20px; box-shadow:0px 2px 2px rgba(0,0,0,.2);border-radius:10px 0; margin:0 0 8px 0;transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; border:1px solid #ddd}
.sitemap a:hover{background:#fff url(../images/blt_2.png) no-repeat 12px center; color:#31823b; padding:5px 30px 5px 40px;border:1px solid #31823b}
.list4 li{list-style-type:none; }
.list4 li a{ font-size:12px; border-bottom:solid 1px #eee; display:block; text-transform:uppercase; color:#333; text-decoration:none; padding:7px 0 7px 15px; display:block}
.list4 li a:hover{ color:#66c2ff; background:#f4f4f4;}
/* tree classes */
.breadcrumb{color:#666; text-align:left; font:bold 12px/20px 'Open Sans', Arial, Helvetica, sans-serif;  padding:5px 10px;margin:0; border-bottom:1px solid #eee;}
.breadcrumb a, .breadcrumb a:visited{color:#000; padding:0px; margin:0px 7px; background:url(../images/logo2.jpg) no-repeat right center; text-decoration:underline}
.breadcrumb a:hover{text-decoration:underline; color:#047b42}
.breadcrumb b{color:#999;}
.breadcrumb strong{color:#047b42; margin-left:4px;}
.breadcrumb div{display:inline;}
.breadcrumb div.wrapper{display:block; margin:auto}
/* tree classes */
.cnt-sct{ width:50%; float:left}