@font-face{font-family: Roboto-Bold; src: url(../fonts/Roboto-Bold.ttf);}



@font-face{font-family: Roboto-Italic; src: url(../fonts/Roboto-Italic.ttf);}



@font-face{font-family: Roboto-Light; src: url(../fonts/Roboto-Light.ttf);}



@font-face{font-family: Roboto-Medium; src: url(../fonts/Roboto-Medium.ttf);}



@font-face{font-family: Roboto-Regular; src: url(../fonts/Roboto-Regular.ttf);}



@font-face{font-family: Roboto-Thin; src: url(../fonts/Roboto-Thin.ttf);}



.clear{clear: both;}



body{font-family: Roboto-Regular; font-size: 14px; color: #515150;}



/***Banner***/



.landing-bnr{background: url(https://cdn-1.us.xmsymphony.com/ec5e77a980b7c990c0c88c0f98cf641c/contents/ckfinder/images/landing-bnr_wipes_1.jpg) no-repeat top center; background-size: cover; padding-bottom: 50px; height: 100vh; position: relative;}



.banner-txt{text-align: center;  vertical-align: middle; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 70%; height: 245px;}



.banner-txt h2{color: #f1c43b; font-size: 42px; line-height: 60px; text-transform: uppercase;}



.banner-txt h3{color: #fff; font-size: 30px; text-transform: uppercase;font-family: Roboto-Thin;}



.banner-txt p{color: #fff; font-size: 26px; text-transform: uppercase;font-family: Roboto-Light;}



.banner-txt p span{color: #fff; font-family: Roboto-Light; font-style: italic;}



/***Banner***/







.landing-content{width: 100%;background: #f2f2f2;}



.landing-content-inner{width: 80%;margin: 0 auto;padding-bottom: 60px;}



.landing-content-inner-text{margin-top: 50px;}



.center-btn{text-align: center; padding-bottom: 50px;}



.more-btn{text-align: center; color: #515150; font-size: 14px; background: #ffcb08; border-radius: 40px; border: 0; padding: 15px 40px;font-family: Roboto-Medium; text-transform: uppercase;border: 2px solid #ffcb08; transition: 0.4s; display: inline-block;}



.more-btn:hover{background-color: rgb(241, 196, 59); color: #fff;}



.landing-heading{text-align: center; margin: 0px 0; padding: 50px 0 30px; font-size: 30px; text-transform: uppercase; color: #ffcb08;}



.landing-left{width:48%; display: inline-block; padding: 15px; box-sizing: border-box; margin-right: 1%; vertical-align: top; background: #fff; margin-bottom: 15px;min-height: 255px;  text-align: justify;}



.landing-left p{margin-bottom: 10px; line-height: 24px;}



.landing-left strong{margin-bottom: 15px; display: block; font-size: 16px; text-transform: uppercase;}



.landing-right{width:48%; display: inline-block; padding: 15px; box-sizing: border-box; margin-left: 1%; vertical-align: top;background: #fff; margin-bottom: 15px;min-height: 255px; text-align: justify;}



.landing-right p{margin-bottom: 10px; line-height: 24px;}



.landing-right strong{margin-bottom: 15px; display: block; font-size: 16px; text-transform: uppercase;}



.landing-right ul{padding:0; margin:0 0 0 20px;}



.landing-right ul li{line-height: 20px; margin-bottom: 5px;}



hr{color: #fff; margin: 0; padding: 0; background: #fff;}



.landing-product-list{width: 100%;background:#edf3f4; padding-bottom: 50px;}



.landing-product-list-inner{width: 80%;margin: 0 auto;}



.landing-product-list-inner .product-list{background: #fff; padding: 15px; box-shadow:0px 0px 5px 0px #cacaca; margin-bottom: 20px; border-radius: 2px; box-sizing: border-box;}







.product-list-img{display: inline-block;width: 30%;}



.product-list-img img{width: 100%;}



.product-list-content {width: 68%;display: inline-block; vertical-align: top; margin-top: 30px;}



.product-list-content a{color: #515150; border: 0; outline: 0;}



.product-list-content h4 {text-transform: uppercase;}



.product-list-content ul{list-style-type: none;margin: 10px 0px;}



.product-list-content ul li{line-height: 22px;}



.product-list-content-one{width: 40%;display: inline-block; vertical-align: top; line-height: 24px;}



.product-list-content-tow{width: 25%;display: inline-block; vertical-align: top; line-height: 24px;}



.product-list-content-tow img{vertical-align: middle;}



.product-list-content-tow span{display: inline-block;margin-left: 8px;}



.product-list-content-three{width: 33%;display: inline-block; vertical-align: top; line-height: 24px;}



.price-btn{margin-top: 20px;}



.price-btn .price{display: inline-block;width: 15%;}



.list-btn{display: inline-block;}



.add-to-cart{text-align: center;color: #515150 ;font-size: 14px; background: #fff !important; border-radius: 40px; padding: 10px 40px;font-family: Roboto-Medium;text-transform: uppercase;border: 2px solid #ffcb08 !important;transition: 0.4s; display: inline-block;}



.add-to-cart:hover{background: #ffcb08 !important; color: #fff;}



.price-btn .price span{color:#84a9ad; font-size: 18px; font-weight: 600;}



.landding-servicearea{width: 100%; background:url(https://cdn-1.us.xmsymphony.com/ec5e77a980b7c990c0c88c0f98cf641c/contents/ckfinder/images/bottom-bg.png) no-repeat center bottom / 100%;}



.landding-servicearea-inner{width: 80%;margin: 0 auto; padding-top: 50px;}



.landding-servicearea-inner .left{width: 30%; display: inline-block; padding-left: 8%;}



.landding-servicearea-inner .left img{width: 100%; vertical-align: bottom;}



.landding-servicearea-inner .right{width: 60%; display: inline-block; vertical-align: top; margin-left:8%; margin-top: 50px;}



.landding-servicearea-inner .right p{margin-bottom: 20px;}



.landding-servicearea-inner .right .ico-box{width: 30%;display: inline-block;margin-right: 2%;background: #c1dbd8;min-height: 230px; padding:20px 15px 10px 15px; box-sizing: border-box; text-align: center;border-bottom: 8px solid #515150;}



.landding-servicearea-inner .right .ico-box p{margin: 20px 0; font-weight: 600; font-size: 12px; text-transform: uppercase;}



.landding-servicearea-inner .right .ico-box .icon {width: 130px; height: 130px; margin: 0 auto; background: #fff; border-radius: 90px; padding: 10px; line-height: 175px;text-align: center;}











/************/



.subscribe{width: 100%; background: #ffcb08; padding: 20px 0 50px;}



.subscribe-inner{width: 80%;margin: 0 auto; text-align: center;}



.subscribe-inner h3{color: #515150; font-size: 30px;font-family: Roboto-Light; margin: 0;}



.subscribe-input-group{width: 60%; margin: 0 auto; margin-top: 20px;}



.subscribe-email-input{width: 75%; float: left; height: 55px; outline: 0; padding: 0 15px 0 30px; color: #515150; border: 0;font-family: Roboto-Regular;font-size: 16px; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}



.subscribe-btn{width: 25%; float: right; height: 55px; outline: 0; border: 2px solid #feea9d; font-size: 16px;color: #515150; background: #feea9d; border-top-right-radius: 30px; border-bottom-right-radius: 30px;font-family: Roboto-Regular; cursor: pointer; transition: 0.4s;}



.subscribe-btn:hover{border: 2px solid #feea9d;background-color: transparent;}



/*******/



footer{width: 100%;}



.footer-inner{width: 80%;margin: 0 auto; position: relative;padding: 50px 0;}



.footer-inner-boxes{width: 18%; display: inline-block; vertical-align: top;}



.footer-inner-boxes ul.footer-social{margin: 0; padding: 0;}



.footer-inner-boxes ul.footer-social li{list-style: none; display: inline-block; margin-right: 5px;}



.footer-inner-boxes ul.footer-social li a{font-size: 20px; color: #515151;}



.footer-logo{position: absolute; top: -30px; box-shadow: 0 0 10px #ccc;}







.footer-inner-boxes h3{font-size: 30px; color: #515150; margin:0 0 5px 0;font-family: Roboto-Light;}



.footer-inner-boxes ul{margin: 0; padding: 0;}



.footer-inner-boxes ul li{list-style: none; line-height: 24px;}



.footer-inner-boxes ul li a{color: #515151; position: relative;}



.footer-inner-boxes ul li a:after{content: ''; position: absolute; bottom: -5px;left: 0; width: 0%;border-bottom: 2px solid #FFCA08; transition: 0.4s;}



.footer-inner-boxes ul li a:hover:after{width: 100%;}



.footer-btm{background: #515150;}



.footer-btm-inner{width: 80%;margin: 0 auto; color: #ffcb08; }



.footer-btm-inner p{padding: 15px 0px;}