@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; font-family:Roboto Slab;}
.top-bg{ width:100%; height:69px; float:left; margin:auto; background: url(../images/top-bg.png); position:relative; z-index:1001;}
.top{ width:1200px; height:69px; margin:auto;}
.logo{ float:left; margin:10px 0 0 0px; }

.menu{ float:left; width:570px; font-size:16px; color:#000; margin:0px 0 0 60px; text-transform: uppercase;}
.menu ul{ margin:0px 0 0 0px; padding:0px 0 0 0px;}
.menu li{ margin:0px; padding:0 0px 0 0px; display:inline;}
.menu li a{ text-decoration:none; color:#000; padding:0px 9px;}
.menu li a:hover, .menu li.selected a{ border-top:#5cad45 solid 5px; background:#74c75c; padding-top:0px; padding:20px 9px 20px 9px; color:#fff;  }
.social-out{ float:left; margin:24px 0 0 45px;}
.social-out1{ float:left; margin:24px 0 0 0px;}

.social-icon{ float:left; margin:0 1px 0 0px;}
.header-contact{ width:218px; margin:20px 0 0 0px; float:right;}
.header-img{ float:left; margin:4px 3px 0 0px;}
.header-email{margin:0px 0 0 0px; float:left;  font-size:22px; color:#000;}

.wrapper{ width:1200px; margin:auto; height:auto;}
.container{ width:100%; height:auto; margin:430px 0 0 0px; float:left}
.container-in{ width:100%; height:auto; margin:20px 0 0 0px; float:left}

.home-txt1-bg{background: url(../images/h1.jpg) 10px no-repeat; width:100%; margin: auto;}
.home-txt1{text-align:center; font-size:24px; color:#000; font-weight:normal;}
.home-txt2{ width:100%; text-align:center; font-size:41px; color:#000; border-bottom: 1px solid #ececec; padding-bottom:10px; font-weight:normal; float:left; margin:3px 0 0 0px;}
.free-shipping{ width:100%; float:left; text-align:center; margin:15px 0 15px 0px;}
.container1{ width:100%; height:auto; margin:0px 0 0 0px; float:left; font-size:12px; color:#424242; font-family:open sans;}
.left-main{ width:726px; height:auto; float:left; margin:0 20px 0 0px; font-family:; font-size:12px; color:#424242; line-height:22px; text-align:justify; font-family:Roboto Slab;}
.product-box{ width:210px; height:395px; float: left; padding:10px; background:#f5f5f5; margin: 0 18px 35px 0px; font-size:11px; color:#424242; font-family:open sans; line-height:17px;}
.product-img:hover{-webkit-box-shadow: 0px 0px 4px 0px #898989; box-shadow: 0px 0px 4px 0px #c0c0c0;}
.product-img{ width:192px; background:#fff; text-align:center; float:left; margin:0px; padding:8px; border:1px solid #dddddd;}
.product-name{ width:100%; float: left; margin:10px 0px 0 3px; font-size:14px; color:#b23638;/*marooooooooon code*/ text-transform: uppercase; font-weight:normal; text-decoration:none; font-family:Roboto Slab; font-weight:600;}

.product-name a{color:#b23638;/*marooooooooon code*/ text-decoration:none;}
.product-price{ width:100%; float: left; margin:5px 0px 0 0px; font-size:18px; color:#378b20;/*greeeeen code*/ text-transform: uppercase;}
.product-border{ width:100%; background:url(../images/border.jpg) left repeat-x; height:5px; float:left; margin:2px 0 8px 0px;}
.enquire-btn{ float:right; margin:12px 0 0 0px; font-size:12px; color:#378b20; text-transform: uppercase;  background:#fff;  }
.enquire-btn a{color:#378b20; padding:4px 6px; background:#fff; text-decoration:none; border:1px solid #378b20;}
.enquire-btn a:hover{color:#fff; padding:4px 6px; background:#74c75c; text-decoration:none; border:none; }
.maroon{ color:#b23638;}

.right-main{ width:454px; height:auto; float:right; margin:0 0px 0 0px;}
.services-img{background:#fff; text-align:center; float:right; margin:0 0 10px 0px; padding:10px 12px; border:1px solid #dddddd; width:424px;}
.service1{ background:url(../images/service1.jpg); width:424px; height:167px; float:left; margin:0px;}
.service2{ background:url(../images/service2.jpg); width:424px; height:167px; float:left; margin:0 0 0 0px;}
.service3{ background:url(../images/service3.jpg); width:424px; height:167px; float:left; margin:0px;}
.service-img-text{ font-size:27px; color:#fff; text-transform: uppercase; float:left; margin:47px 0 0 40px; text-align:center; font-weight:lighter; font-family:Roboto Slab;}
.know-more{font-size:14px; color:#fff; text-align:left; text-transform: capitalize; float:left; margin:19px 0 0 0px; width:90%; padding-left:30px; font-family:Roboto Slab;}
.know-more a{ text-decoration:none; color:#fff;}
.know-more a:hover{ text-decoration:none; color:#fff; font-weight:800;}

.container2{ width:98%; height:auto; margin:5px 0 0 10px; float:left; font-size:12px; color:#424242; font-family:open sans;}
.form-head{ float:left; margin:0 0 0px 0px; font-size:24px; color:#b23638; text-transform: uppercase; font-family:Roboto Slab; width:100%; font-weight:normal;}
.form-row{ width:100%; float:left; margin:0 0 0px 0px;}
.form-container{ width:100%; float:left; margin:2px 0 0 0px;}
.field{ width:45%; float:left; margin:6px 10px 0 0px; height:39px; background:#fff; border:#eae7e7 solid 1px;color:#8c8c8c;  padding-left:10px; font-size:15px; font-family:open sans; letter-spacing:1px;}
.field1{ width:48%; float:left; margin:6px 0 0 0px; height:39px; background:#fff; border:#eae7e7 solid 1px; border-radius:0px; color:#8c8c8c;  padding-left:8px; font-size:15px; letter-spacing:1px; font-family:open sans;}
.field2{ width:95%; float:left; margin:6px 0 0 0px; height:60px; background:#fff; border:#eae7e7 solid 1px; border-radius:0px; color:#8c8c8c;  padding-left:10px; font-size:15px; letter-spacing:1px; font-family:open sans; padding-top:10px;}
.submit a{ text-decoration:none; font-size:18px; color: #fff; text-transform:uppercase; background: url(../images/submit.jpg);  padding:6px 14px; float:right; margin:10px 10px 0 0px; font-family:open sans;}
.home-num-bg{background: url(../images/h1.jpg) 10px no-repeat; width:100%; margin:1050px 0 20px 0px;}

.foot-main{width:100%; float:left; margin:auto; height:268px; background:#f9f9f9; margin-top:30px;}
.foot{ width:1200px; height:268px; margin:auto;}
.foot1{ float:left; margin:30px 0 0 0px; width:40%; font-size:12px; color:#424242; line-height:20px; font-family:open sans; text-align:justify;}
.foot-head{font-size:16px; color:#b23638; font-weight:normal; text-transform:uppercase; float:left; margin:0 0 10px 0px; width:100%; font-family:Roboto Slab;}
.foot2{ float:left; margin:30px 0 0 40px; width:16%; font-size:12px; color:#424242; line-height:20px; font-family:open sans; text-align:justify;}
.foot2 ul{ margin:0px; padding:0px; }
.foot2 li{ margin:0px; padding:0 0 5px 0px; list-style:none; }
.foot2 li a{ text-decoration:none; color:#424242;}
.foot2 li a:hover{ text-decoration:none; color:#378b20;}
.foot2{ float:left; margin:30px 0 0 40px; width:16%; font-size:12px; color:#424242; line-height:20px; font-family:open sans; text-align:justify;}
.foot4{ float:left; margin:30px 0 0 40px; width:16%; font-size:12px; color:#424242; line-height:20px; font-family:open sans; text-align:justify;}
.foot4 ul{ margin:0px; padding:0px; }
.foot4 li{ margin:0px; padding:0 0 5px 0px; list-style:none; }
.foot4 li a{ text-decoration:none; color:#424242;}
.foot4 li a:hover{ text-decoration:none; color:#378b20;}
.foot3{ float:left; margin:30px 0 0 20px; width:19%; font-size:12px; color:#424242; line-height:15px; font-family:open sans; text-align:left;}
.foot-name{ font-size:13px; color:#000; line-height:20px; margin:0 0 10px 0px;}
.foot-number{ font-size:19px; color:#000; margin:15px 0 5px 0px;}

.bootom-foot-main{width:100%; float:left; margin:auto; height:45px; background:#303130; margin-top:0px;}
.bootom-foot{ width:1200px; height:45px; margin:auto;}
.f-left{ float:left; margin:15px 0 0 0px; font-size:12px; color:#9e9e9e;}
.f-left ul{ margin:0px; padding:0px;}
.f-left li{ margin:0px; padding:0 1px 0 1px; display:inline;}
.f-left li a{ text-decoration:none; color:#9e9e9e; padding:3px 7px;}
.f-left li a:hover, .f-left li.selected a{ text-decoration:none; color:#fff;}
.f-right{ float:right; margin:15px 0 0 0px; font-size:12px; color:#9e9e9e;}
.f-right a{ text-decoration:none; color:#fff;}
.f-right a:hover{ text-decoration:underline; color:#fff;}

.slider{ float:left; margin:0px;}
a.slider-img img:hover{-webkit-box-shadow: 0px 0px 8px 0px #666; box-shadow: 0px 0px 8px 0px #666; }
.about-banner{ width:100%; height:285px; margin:auto; background:url(../images/about.jpg);}
.form-head1{ float:left; margin:15px 0 15px 0px; font-size:24px; color:#b23638; text-transform: uppercase; font-family:Roboto Slab; width:100%; font-weight:normal;}
p{ margin-bottom:10px;}
.home-num-bg1 {background: url(../images/h1.jpg) 10px no-repeat; width: 100%; margin: 740px 0 20px 0px;}

.baner-maroon{ width:370px; height:94px; background:url(../images/ban.png) 50px repeat-x; position:absolute; margin:130px 0 0 0px; border-left:4px solid #e1e1e1; }
.about-panel-head{ float:left; margin:15px 0 0 20px; font-size:36px; color:#FFF; font-weight: lighter; text-transform:uppercase; width:90%;}
.banner-l{ float:left; margin:2px 0 0 20px; font-size:12px; color:#fff;}
.banner-l ul{ margin:0px; padding:0px;}
.banner-l li{ margin:0px; padding:0 2px 0 2px; display: inline;}
.banner-l a{ text-decoration:none; color:#fff;}
.banner-l a:hover, .banner-l li.selected a{color:#c6c6c6;  }
.contact-banner{ width:100%; height:285px; margin:auto; background:url(../images/cont.png);}
.products-banner{ width:100%; height:285px; margin:auto; background:url(../images/pro.png);}
.services-banner{ width:100%; height:285px; margin:auto; background:url(../images/ser.png);}
.gallery-banner{ width:100%; height:285px; margin:auto; background:url(../images/gallery.jpg);}

.prodct-outer{ width:97%; height:auto; padding:10px; background:#f5f5f5; float:left; margin:7px 0px; font-size:12px; line-height:20px;}
.prodct-im{width:88%; background:#fff; text-align:center; float:left; margin:0 10px 0 0px; padding:8px 7px; border:1px solid #dddddd;}
.product-ryt{ width:68%; float:left; margin:0px;}
.enquire-btn1{ float:left; margin:12px 0 0 4px; font-size:12px; color:#378b20; text-transform: uppercase;  background:#fff; font-family:open sans;  }
.enquire-btn1 a{color:#378b20; padding:4px 6px; background:#fff; text-decoration:none; border:1px solid #378b20;}
.enquire-btn1 a:hover{color:#fff; padding:4px 6px; background:#74c75c; text-decoration:none; border:none; margin-right:2px; }
.enquire-btn2{ float:left; margin:12px 0 0 5px; font-size:12px; color:#b23638; text-transform: uppercase;  background:#fff; font-family:open sans;  }
.enquire-btn2 a{color:#b23638; padding:4px 6px; background:#fff; text-decoration:none; border:1px solid #b23638;}
.enquire-btn2 a:hover{color:#fff; padding:4px 6px; background:#b23638; text-decoration:none; border:none; }
.services-img1{background:#fff; text-align:center; float:left; margin:5px 0 10px 0px; padding:10px 15px; border:1px solid #dddddd; width:95%;}
.service4{ background:url(../images/s4.jpg); width:100%; height:167px; float:left; margin:0px;}
.service5{ background:url(../images/s5.jpg); width:100%; height:167px; float:left; margin:0 0 0 0px;}
.service6{ background:url(../images/s6.jpg); width:100%; height:167px; float:left; margin:0px;}
.service-img-text1{ font-size:27px; color:#fff; text-transform: uppercase; float:left; margin:52px 0 0 50px; text-align:center; font-weight:lighter; font-family:Roboto Slab; line-height:32px;}
.prodct-outer1{ width:28%; height:auto; padding:10px; background:#f5f5f5; float:left; margin:7px 15px 7px 0px; font-size:12px; line-height:20px;}
.prodct-im1{width:92%; background:#fff; text-align:center; float:left; margin:0 10px 0 0px; padding:8px 7px; border:1px solid #dddddd;}

.gal-out{ width:100%; float:left; margin:0 0 10px 0px;}
.more{ float:left; margin:0px; font-family:open sans; font-size:11px; color:#424242;}
.more a{ text-decoration:none; color:#424242;}
.more a:hover{ text-decoration:none; color:#b23638;}

.specification-head{ width:100%; float: left; margin:-2px 0px 10px 0px; font-size:13px; color:#378b20;/*greeeeen code*/ text-transform: capitalize; font-weight:lighter;}
.tab{ border:dotted 1px #b3b1b1; font-size:11px;}
.out{ float:left; margin:0px; width:31%; }
.search{ float:right; margin:151px 0 0 0px;  background:url(../images/search.png); width:40px; height:34px;}
.g1{ float:left; background: url(../images/g1.jpg); width:185px; height:185px;}
.g2{ float:left; background: url(../images/g2.jpg); width:185px; height:185px;}
.g3{ float:left; background: url(../images/g3.jpg); width:185px; height:185px;}
.g4{ float:left; background: url(../images/g4.jpg); width:185px; height:185px;}
.g5{ float:left; background: url(../images/g5.jpg); width:185px; height:185px;}
.g6{ float:left; background: url(../images/g6.jpg); width:185px; height:185px;}
.g7{ float:left; background: url(../images/g7.jpg); width:185px; height:185px;}
.g8{ float:left; background: url(../images/g8.jpg); width:185px; height:185px;}
.g9{ float:left; background: url(../images/g9.jpg); width:185px; height:185px;}

.search2{ float:right; margin:173px 0 0 0px;  background:url(../images/search.png); width:40px; height:34px;}
.pd1{ float:left; background: url(../images/i1.jpg); width:192px; height:207px;}
.pd2{ float:left; background: url(../images/i2.jpg); width:192px; height:207px;}
.pd3{ float:left; background: url(../images/i3.jpg); width:192px; height:207px;}
.pd4{ float:left; background: url(../images/i4.jpg); width:192px; height:207px;}
.pd5{ float:left; background: url(../images/i5.jpg); width:192px; height:207px;}
.pd6{ float:left; background: url(../images/i6.jpg); width:192px; height:207px;}
