@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800);
*{padding:0px; margin:0px; list-style:none; outline:none; box-sizing: border-box;}
a{transition:all 0.3s ease-out 0s;text-decoration:none;}
input, select, button{outline:none;}
a:hover img{opacity:.8;transition:all 0.3s ease-out 0s;}
ol, ul{margin-bottom:0px;}
.clr{clear:both;}
.nopad{padding:0 0;}
body{background:#fff; font:14px 'Raleway', sans-serif;}
.h1, .h2, .h3, h1, h2, h3, h4, h5, h6{padding:0px; margin:0px;}
.center{text-align:center;}
.wrapper{width:1000px; margin:0 auto; overflow:hidden;}
.header{background:#f5f5f5; padding:30px 0; overflow:hidden;font-size:14px; font-weight:600;}
.logo{float:left;}
.phone{background:url(../images/phone.png) no-repeat 0 0; padding:4px 0 8px 30px; margin-right:20px; float:right; margin-top:4px;}
.mail{background:url(../images/mail.png) no-repeat 0 3px; padding:4px 0 5px 30px;float:right; margin-top:4px;}
.nav{float:left; padding:10px 0 10px 50px;}
.nav ul li{float:left; padding:0 20px;}
.nav ul li a{color:#212121; padding:8px 20px; border:2px solid #f5f5f5;}
.nav ul li a:hover{border:2px solid #ffa200; color:#ffa200;}
.header a{color:#212121;}.header a:hover{color:#ffa200;}
.container{overflow:hidden; padding:60px 0;}
.leftclm{float:left; width:60%;}
.rightclm{float:right; text-transform:uppercase; font-size:14px; font-weight:600; color:#454545;}
h1{font-size:32px; font-weight:700; color:#393939; text-transform:uppercase; padding-bottom:20px;}
.container p{font-size:14px; line-height:22px; color:#454545; padding:10px 0 15px;}
.button{background:#ffa200; color:#fff; border-radius:4px; box-shadow:#c98001 0 3px 0px 0; letter-spacing:1px; padding:13px 0; min-width:200px; display:inline-block; text-align:center; font-size:14px; font-weight:700; text-transform:uppercase; cursor:pointer; border:0px; outline:none;}
.button:hover{background:#ffcc00;} .button:active{box-shadow:#c98001 0 0px 0px 0; margin-top:-1px;}
.trusted{background:url(../images/distributor.png) no-repeat 0 0; padding:25px 0 22px 70px; margin-bottom:20px;}
.quality{background:url(../images/quality.png) no-repeat 0 0; padding:25px 0 22px 70px; margin-bottom:20px;}
.help{background:url(../images/help.png) no-repeat 0 0; padding:25px 0 22px 70px; margin-bottom:20px;}
.patternBox{background:url(../images/pattern.png) repeat; padding:50px 0 40px; overflow:hidden;}
.patternBox h1{margin-bottom:20px;}
.newsbox{background:#fff; border:1px solid #ccc; border-radius:5px; padding:20px 15px; width:31%; margin:0 1.0%; float:left; min-height:220px;}
.newsbox .time{background:url(../images/time.png) no-repeat 0 0; color:#9b9b9b; text-transform:uppercase; padding:0 0 3px 25px; font-weight:600;}
.newsbox h3{font-size:14px; color:#5c9127; text-transform:uppercase; padding:10px 0;}
.newsbox p{font-size:13px; line-height:20px;}
.footer{background:url(../images/footer-bg.pn) no-repeat center 0 #2a2a2a; background-size:100% auto; padding:40px 0; text-align:center; color:#fff;}
.loc{background:url(../images/location.png) no-repeat 0 0; padding:15px 0 15px 50px; display:inline-block; margin-right:40px;}
.mob{background:url(../images/mobile.png) no-repeat 0 0; padding:15px 0 15px 50px; display:inline-block; margin-right:40px;}
.email{background:url(../images/email.png) no-repeat 0 0; padding:15px 0 15px 50px; display:inline-block;}
.copyright{clear:both; margin:10px; padding:25px 0 0; border-top:1px solid #f26321;}
.footer a{color:#fff;} .footer a:hover{color:#ffa200;}
.banner{background:url(../images/banner-bg.jpg) no-repeat center top; height:496px; background-size: cover;}

/* ----------------- owl-carousel ---------------------------------*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y; margin-top:20px;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);position:absolute; right:20px; top:50px;}
.grabbing { cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {opacity: 1; background: #fff;}
.owl-theme .owl-controls .owl-page span {background:#d8ac01;border-radius: 20px;display: block;height:10px;margin: 5px 3px;opacity:1;width:10px;}
.owl-theme .owl-controls .owl-page {display: inline-block;}
.owl-controls .owl-page, .owl-controls .owl-buttons div {cursor: pointer;}
#carousel {position: relative;}
.owl-carousel{padding:0px 0px 40px;}
.owl-carousel .item{margin:0px 10px;}
.owl-carousel .owl-item {float: left;}
#owl-demo .owl-controls{top:-45px; left:2%; text-align:center;}
#owl-demo .owl-controls .owl-page span{background:#338dc2; width:12px; height:12px;}
#owl-demo .owl-controls .active span{background:#f68b36;}
.banner .bannerTxt{width:50%; padding-top:80px; float:right;}
.bannerImg{float:left; padding-top:75px; width:45%; text-align:center;}
#owl-demo-banner .item .bannerImg img{border:0px; }
.banner .wrapper{overflow:inherit;}
.banner h1{padding:5px 0px; font-size:50px; font-weight:700; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#395105; text-transform:uppercase; text-shadow:#c9ff64 1px 0px 1px;}
.banner h2{font-size:30px; font-weight:600; color:#000; padding:10px 0 10px; line-height:35px;}
.banner p{font-size:15px; font-weight:500; color:#000; padding:0px 0 20px; line-height:22px;}
.banner .btn{border:1px solid #fff; font-size:20px; font-weight:600; color:#fff; padding:10px 30px; display:inline-block;}
.banner .btn:hover{background:#0078c1;}
#owl-demo-banner{padding:0px; margin-top:0px;}
.customNavigation .prev {opacity:.7;left:34px; top:200px; position: absolute;width:60px; height:60px; background:url(../images/nav-arrow.png) no-repeat 0 0; display:block; cursor:pointer;}
.customNavigation .next {opacity:.7; right:34px; top:200px; position: absolute;width:60px; height:60px; background:url(../images/nav-arrow.png) no-repeat 0 -60px; display:block;cursor:pointer;}
.customNavigation .prev:hover, .customNavigation .next:hover{opacity:1;}
#owl-demo-banner .owl-controls{display:none!important;}
#owl-demo-banner .item{margin:0 0;}
#carousel .customNavigation{display:none;}
#carousel:hover .customNavigation{display:block;}
.menu-bar {display: none;float: right;margin:15px 15px 0;z-index: 9999;}
.fa-bars {background:url("../images/navbar.png") no-repeat scroll center;cursor: pointer;display: none;height:35px;padding: 10px 12px;width:38px;}
.overlay{width:100%; position:fixed; z-index:99; background:rgba(0,0,0,.5); height:100%; right:0px; top:0px; display:none;}
.innerbanner{background:url(../images/innerbanner.jpg) no-repeat center top; height:296px;background-size: cover;}
.innerBox{text-align:center; padding-top:80px;}
.innerBox h1{padding-bottom:10px;}
.innerBox h2{font-size:30px; font-weight:600; color:#000; padding:0px 0 10px; line-height:35px;}
.ser-tab{background:#2a2a2a; overflow:hidden; border-top:5px solid #f26321;}
ul.resp-tabs-list {background:#2a2a2a;bottom: 0;left: 0;text-align: center;width:1000px; margin:0 auto;}
.resp-tabs-list li{width:25%; float:left; list-style:none; margin:0px; padding:0px; border-right:1px solid #333;}
.resp-tabs-list li:first-child{border-left:1px solid #333;}
.resp-tabs-list li a{display:block; min-height:150px; padding:5px 0 0px; text-align:center; color:#fff; font:700 18px/22px "Raleway", sans-serif; text-transform:uppercase;}
.resp-tabs-list li a:hover{background:#f38142; color:#fff;}
.resp-tabs-list li span{width:70px; height:64px; margin:15px auto 10px; display:block;}
.resp-tabs-list li span.i1{background:url(../images/benefit-icon.png) no-repeat 0 0;}
.resp-tabs-list li span.i2{background:url(../images/products-icon.png) no-repeat 0 0;}
.resp-tabs-list li span.i3{background:url(../images/contacts-icon.png) no-repeat 0 0;}
.resp-tabs-list li span.i4{background:url(../images/shop-icon.png) no-repeat 0 0;}
.resp-tabs-list li b{background: #f38142;border-radius:50px; font-style:normal; color: #fff; cursor:pointer; display: inline-block;font-size: 10px;line-height: 12px; padding:7px 8px; float:right;display:none;}
.container h4{font-size:17px; line-height:26px; color:#777; font-weight:600;}
.stepBox{overflow:hidden; padding:60px 0 0; width:800px; margin:0 auto;}
.step01{float:left;}
.arrow{float:left; margin:70px 60px 0;}
.step02{float:left;}
.aboutBox{overflow:hidden; padding:100px 0 30px;}
.abtclm{float:left; width:31%; margin:0 1%; text-align:center; background:#f1f4f4; border-radius:5px; padding:0 20px 15px; min-height:320px; box-shadow:#ccc 0px 5px 0, #ddd 0px 5px 5px inset;}
.abtclm h3{font-size:18px; color:#74a50a; text-transform:uppercase; font-weight:700; padding:15px 0 0;}
.abtclm span{display:block; width:140px; height:140px; margin:-70px auto 0;}
.des{background:url(../images/description-icon.png) no-repeat 0 0;}
.vission{background:url(../images/vission-icon.png) no-repeat 0 0;}
.mission{background:url(../images/mission-icon.png) no-repeat 0 0;}
.grayBox{background:#f8f8f8; padding:50px 0;}
.grayBox p{padding:5px 0 10px; line-height:20px;}

.contactfrm{background:#706f6a; border-radius:5px; padding:20px 20px; width:75%; margin:30px auto; color:#fff; overflow:hidden;}
.contactfrm p{padding:0 0 20px 0; text-align:center; font-size:17px; color:#fff; }
.frmclm{float:left; width:50%; padding:0 1%;}
.frmrow{padding:0 0 10px 0;}
.frmrow input, .frmrow textarea{background:#fff; padding:13px 10px; border:0px; width:100%; border-radius:4px; font:14px 'Raleway', sans-serif;}
.frmrow textarea{height:99px;}
.frmrow button{background:#ff8243; padding:9px 35px; text-align:center; font-size:14px; letter-spacing:1px; font-weight:700; border-radius:4px; color:#00444d; text-decoration:none; text-transform:uppercase; display:inline-block; border:0px; width:100%; cursor:pointer;}
.frmrow button:hover{background:#CC6836; color:#fff;}
.address{float:left; width:40%; padding:40px 4% 40px 0;}
.map{float:right; width:60%;}
.loc1, .cmail, .cmobile, .cphone{line-height: 20px;padding-bottom: 15px; padding-top:15px; border-top:1px solid #ddd;}
.loc1{border-top:0;}
.loc1 span {background:url("../images/sprite.png") no-repeat -30px -266px;display: inline-block;height: 19px;vertical-align: middle;width: 18px;}
.cmail span {background: url("../images/sprite.png") no-repeat -30px -289px;display: inline-block;height: 12px;vertical-align: middle;width: 20px;}
.cmobile span {background:url("../images/sprite.png") no-repeat -30px -303px;display: inline-block;height: 19px;vertical-align: middle;width: 20px;}
.cphone span {background:url("../images/sprite.png") no-repeat -52px -303px;display: inline-block;height: 19px;vertical-align: middle;width: 30px;}
.conBox .wrapper{width:78%;}
.heading{background:#ff8243; color:#fff; font-size:20px; font-weight:700; text-align:center; padding:20px;}

.tab{padding:10px 10px 0; margin:30px auto 0px; width:90%; text-align:center;}
.tab ul li{list-style:none; display:inline-block; font:600 13px/15px 'Raleway', Arial; position:relative; text-transform:uppercase; padding:0 3px 0 2px; }
.tab ul li a{color:#fff; text-decoration:none; padding:5px 0; display:block; padding:12px 30px; background:#b4b4b4; font-size:18px;border-radius:5px 5px 0 0;}
.tab ul li.on a, .tab ul li a:hover, #tabs ul li.active{background:#090;border-radius:5px 5px 0 0; }
.tab ul li.on, .tab ul li:last-child{border-right:0px;}
.tab ul li.on i, .tab ul li:hover i, #tabs ul li.active i{border-right:15px solid transparent;border-left: 15px solid transparent;border-top:10px solid #090;display: block;position: absolute;bottom: -7px;z-index: 5;left:43%;transition:all 0.1s ease-out 0s;}
#tabs ul li.active a{background:none;}
.tabBox{background:#f9f9f9; padding:30px; border-radius:5px; overflow:hidden; border:0px solid #eee; box-shadow:#ddd 0px 0px 20px inset;}
.tabBox h3{font-size:20px; padding:20px 0 10px; margin-bottom:20px; text-transform:uppercase; color:#090; border-bottom:1px dashed #999;}
.tabBox h1{color:#fff; background:#39c772; padding:10px 20px 10px 90px; border-radius:5px 5px 0 0; box-shadow:#188443 0 2px 0; margin-bottom:10px; position:relative;}
.tabBox h1 i{position:absolute; left:-10px; top:-15px;}
.tabBox p strong{color:#fff; text-transform:uppercase; background:#3bc492; padding:2px 5px; border-radius:2px; display:inline-block;}
.topper{background:#434343; padding:10px 0; text-align:right;color:#fff; text-transform:uppercase; font-size:13px;}
.topper a{color:#fff; padding:0 10px;}.topper a:hover{color:#ffa200;}
.list{padding-left:30px;}
.list li{padding:0 0 10px 0px; list-style-type:disc; color:#555;}
.terms h1{padding-bottom:40px;}
.terms h4{background: #ddeee8;border-radius: 2px; color: #0f4532;padding: 2px 10px; text-transform:uppercase;}
.note{background:#CE5C09; color:#fff; padding:15px; text-align:center; font-size:16px; font-weight:700;}
.thank{text-align:center; padding-bottom:20px;}
.thank h2{color:#0C0; font-size:28px; width:80%; margin:0 auto;}
.thank h3{color:#F00; padding:20px 0 0px; font-size:24px; }
.thank p{font-size:17px; font-weight:700; color:#09F;text-transform:uppercase; margin-bottom:20px;}
.proBox{ padding:20px 10px 0 10px;}
.rowpan {border-radius:5px;background: #fff;box-shadow: 0 1px 7px #ccc;overflow: hidden;/*padding: 20px 3%;*/border:0px solid #cee4a2;margin-bottom:30px;}
.rowpan h2 {font:italic normal 40px/36px "Times New Roman",Arial,Helvetica;padding-top: 0;text-transform: none; padding:5px 20px; background:#248224;}
.rowpan h2 strong{font-weight:700; font-style:normal; font-size:30px;font-family:"raleway", Times, serif;}
.rowpan h2 a {color: #fff;text-decoration: none;}
.rowpan h2 a:hover {color: #fff;}
.pricetag {color: #fff;font: 600 18px/20px "Raleway",Arial,Helvetica,sans-serif;}
.pricetag span {background: #0078c1;display: inline-block;padding: 9px;}
.proitem{float:right; text-align:center; padding:20px 20px 0;}
.prodet{float:left; width:80%; background:url(../images/pad.png) no-repeat 103% 30px;}
.rowpan h4{font-size:16px; color:#fff; font-weight:300; background:#6e863f; border-radius:5px; margin-top:-11px;padding: 12px 0}
.rowpan h4 strong{display:block; font-size:20px; font-weight:600; line-height:18px;}
.rowpan h3{font-size:17px; font-weight:600; color:#060; padding:0 0 10px;}
.rowpan h5{font-size:30px; line-height:32px; font-weight:300; color:#060; padding:0 0 0px; text-transform:uppercase;}
.rowpan p{font-size:15px; line-height:20px; color:#111;}
.padder{padding:10px 20px 20px;}

.green.rowpan{border:1px solid #cee4a2;}
.green .prodet{background-color:#edffc9;border-right:1px solid #cee4a2;}
.green h2{background:#248224;}
.green h3, .green h5{color:#060;}

.pink.rowpan{border:1px solid #ffcece;}
.pink .prodet{background-color:#ffdbdb;border-right:1px solid #ffcece;}
.pink h2{background:#d37575;}
.pink h3, .pink h5{color:#ff2a2c;}
.pink h4{background:#a35f5f;}

.purple.rowpan{border:1px solid #d4c4f1;}
.purple .prodet{background-color:#e7daff; border-right:1px solid #d4c4f1;}
.purple h2{background:#977bcb;}
.purple h3, .purple h5{color:#7e5db7;}
.purple h4{background:#7a689a;}

.blue.rowpan{border:1px solid #cdcde2;}
.blue .prodet{background-color:#dadbff;border-right:1px solid #cdcde2;}
.blue h2{background:#7577ac;}
.blue h3, .blue h5{color:#0000a2;}
.blue h4{background:#737499;}
.menu-bar {display: none;float: right;margin:0px 15px 0;z-index: 9999;}
.fa-bars {background:url("../images/navbar.png") no-repeat scroll center;cursor: pointer;display: none;height:35px;padding: 10px 12px;width:38px;}
.overlay{width:100%; position:fixed; z-index:99; background:rgba(0,0,0,.5); height:100%; right:0px; top:0px; display:none;}
.arrow1{display:none;}