html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;font-family: 'Poppins', sans-serif;letter-spacing: 0.5px}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {margin:0px;padding:0px;overflow-x:hidden;color:#000;margin:0 auto;line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}
a:hover{cursor: pointer; text-decoration: none !important;}


/************flexslider css**********/
.flexslider{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;overflow: hidden;}
.flexslider li .meta{position:absolute;top:35%;color:#000;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:500px}
.flexslider li h1{margin-bottom:0;font-size:58px;font-weight:300;margin-bottom:20px;line-height:62px;text-transform:uppercase}
.flexslider li h1 span{font-size:75px;font-weight:600}
.flexslider li p{font-size:14px;margin-bottom:20px;font-weight:400;color:#000;line-height:24px;letter-spacing:1px}
.flex-control-nav{display: none;}


/*****products section css****/
.products_sec{padding:60px 0; position:relative; width:100%;background:#e3e8ee;overflow: hidden;}
.products_item{overflow:hidden;position:relative;background: #fff;margin-bottom:30px;}
.img_box{overflow:hidden}
.img_box img{max-width:100%;height:auto;-webkit-transition:.4s ease;transition:.4s ease}
.img_box img:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:saturate(2);filter:saturate(2)}
.fabrics_img .top:hover,.fabrics_img img:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:saturate(2);filter:saturate(2);-webkit-transition:.4s ease;transition:.4s ease}
.img_box a{text-decoration:none;display:block}
.products_content{text-align:center;padding:60px}
.product_cat{display:inline-block;position:relative}
.product_cat a{font-weight:400;text-transform:uppercase;letter-spacing:0;color:#1cb57d;font-size:16px}
.product_title{margin-bottom:0;padding-top:15px;position:relative}
.product_title h2{font-size:20px;text-transform:uppercase;padding-bottom:20px;font-weight:600;color:#000;letter-spacing:1px}
.fabrics_img{position:relative;margin:0 auto;width:100%;display:block;}
.fabrics_img img{-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out; width: 100%; height: auto; position:relative;transition:opacity 1s ease-in-out;}
.fabrics_img .top{position: absolute;;left:0;bottom:0;right:0;top:0;width:100%;height:100%;overflow:hidden; display: block;}
.fabrics_img img:nth-of-type(1) {animation-delay: 3s;}
.fabrics_img img:nth-of-type(2) {animation-delay: 2s;}
.fabrics_img img:nth-of-type(3) {animation-delay: 1s;}
.fabrics_img img:nth-of-type(4) {animation-delay: 0;}
.top{animation-name:fade;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:3s;animation-direction:alternate}
@keyframes fade {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


/******common heading css starts here***/
.heading_title{padding-bottom:40px;text-align:center;}
.title h2{font-size:30px;color:#000;font-weight:600;text-transform:uppercase;margin-bottom:10px}
.title h3{margin-bottom:15px;line-height:22px;font-size:20px;font-weight:500}
.title p{line-height:24px;color:#555;font-size:15px;text-align:center}
.sub_title{font-size:14px;color:#555;position:relative;display:inline-block;text-transform:uppercase;font-weight:500}
.sub_title:before{position:absolute;content:"";width:100px;height:2px;top:50%;left:-110px;background:#1cb57d}
.sub_title:after{position:absolute;content:"";width:100px;height:2px;top:50%;right:-110px;background:#1cb57d}
/******common heading css ends here***/


/***about section css starts here***/
.about_sec{padding:60px 0; background:#fff; position:relative;width:100%;}
.content{line-height:24px;color:#555;font-size:15px;text-align:center}
/***about section css ends here***/


/****counter section starts here css***/
.counter_sec, .connect_sec{position:relative;overflow:hidden;background-color:#fff;padding:60px 0;background:url(../images/bg_banner_green.jpg);background-size:cover;background-attachment:fixed}
.counter_sec i, .connect_sec i{font-size:50px;color:#fff;display:block;border-radius:100%;border:2px solid #fff;width:120px;height:120px;line-height:120px;text-align:center;margin:0 auto;}
.connect_sec h5, .connect_sec i{margin-bottom:20px;color:#1cb57d;border:none;height:unset;width:unset;line-height:unset;font-size:70px;display:block}
.counter_sec h5, .connect_sec h5{font-size:18px;color:#fff;text-transform:uppercase;padding-top:20px;font-weight:500;display:inline-block}
/****counter section ends here css***/


/********contact section starts css********/
.contact-bg{width:100%;position:relative;padding:60px 0;overflow: hidden;}
.contact-content{width:100%;float:left}
.contact-content h4{font-size:30px;font-weight:600;color:#000;margin-bottom:10px;text-transform:uppercase;}
.contact-content p{color:#555;font-size:15px;margin:0;line-height: 24px;}
.contact-btn, .submit_btn{width:auto;border:none;}
.contact-btn a, .submit_btn{font-size:18px;color:#fff;padding:15px 20px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;z-index:0;background:0 0;display:inline-block;text-align:center;text-decoration:none}
.contact-btn a:after,.contact-btn a:before, .submit_btn:before, .submit_btn:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;height:100%;background:#000;z-index:-1;transform:translate3D(0,100%,0);transition:all .5s;cursor:pointer}
.contact-btn a:hover, .submit_btn:hover{color:#fff}
.contact-btn a:before, .submit_btn:before{background:#1cb57d;z-index:-2;transform:translate3D(0,0,0)}
.contact-btn a:hover:after, .submit_btn:hover:after{transform:translate3D(0,0,0);transition:all .5s}
/********contact section ends css********/


/*contact form section*/
.why_subscribe_sec{position:relative;width:100%;padding-bottom:60px;overflow:hidden}
.why_us_block{padding:60px;position:relative;background-color:#e3e8ee;text-align:center}
.why_us_cnt i{font-size:14px;padding-right:10px;margin-bottom:0}
.video_block1{position:relative;width:100%;display:flex;background:url(../images/machine.jpg);background-repeat:no-repeat;background-size:cover;height:100%;align-items:center;justify-content:center}
.why_us_cnt,.why_us_cnt li{font-size:15px;line-height:24px;color:#555}
.why_us_cnt li{list-style-type:decimal-leading-zero}
.why_us_block .heading_title .title h2{font-size:24px}
.why_us_block .sub_title{font-size:13px}
.why_us_block .sub_title:before{position:absolute;content:"";width:50px;height:2px;top:50%;left:-60px;background:#1cb57d}
.why_us_block .sub_title:after{position:absolute;content:"";width:50px;height:2px;top:50%;right:-60px;background:#1cb57d}
input[type=email]{border:1px solid #fff;background:rgba(255,255,255,.3);padding:15px;outline:0!important;-webkit-appearance:none;outline:0;margin:0 auto;text-align:center;width:80%;display:block;color:#000;margin-bottom:20px}
.warning{display: block; text-align: center;margin-top: 20px;position: relative; clear: both;}
.warning p{color: #fff; font-size: 12px; display: inline-block;line-height: 16px;}
#contacts input[type="text"],#contacts input[type="email"],#contacts input[type="tel"],#contacts .select-product,#contacts textarea {color: #000;font-size: 14px;text-align:center;width:100%;border:1px solid rgba(0,0,0,0.05);background:#fff;margin-bottom:15px;padding:12px;outline: none !important;-webkit-appearance: none; outline: none;}
#contacts input[type="text"]:hover,#contacts input[type="email"]:hover,#contacts input[type="tel"]:hover,#contacts input[type="url"]:hover,#contacts textarea:hover,#contacts input[type="text"]:focus,#contacts input[type="email"]:focus,#contacts input[type="tel"]:focus,#contacts input[type="url"]:focus,#contacts textarea:focus,#contacts input[type="text"]:active,#contacts input[type="email"]:active,#contacts input[type="tel"]:active,#contacts input[type="url"]:active,#contacts textarea:active{-webkit-transition:border-color 0.3s ease-in-out;-moz-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out;border:1px solid #1cb57d;outline: none !important;}
::-webkit-input-placeholder {color: #000;font-size: 14px;}
:-moz-placeholder {color: #000;font-size: 14px;}
::-moz-placeholder {color: #000;font-size: 14px;letter-spacing: 1px;}
:-ms-input-placeholder {color: #000;font-size: 14px;}
.error{font-size: 11px; color: #ff5a5f; display: inline-block;padding-bottom: 10px;}


/*******footer section css***/
.footer_social_icon{margin-top:0!important}
.footer_social_icon a{color: #fff;}
.footer_social_icon li a:hover{margin-left:0!important;letter-spacing:0!important}
.footer_social_icon li a:hover>i{color:#000 !important}
.footer_social_icon li{display:inline-block}
.footer_social_icon li a i{font-size:16px;border:#000;padding:0 7px}
.footer_social_icon li a:before{content:' '!important}
.copyright_sec{padding:20px 0;}




/****header section css***/
header{position:absolute;width:100%;z-index:9}
.header-inner{padding:15px 0;width:100%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.mobile-menu-icon{display:flex;flex-direction:column;justify-content:space-between;padding:25px;position:fixed;right:0;background:#fff;top:0;border-bottom-left-radius:100%;box-shadow:3px 3px 7px rgba(40,40,40,.2)}
.mobile-menu-icon:hover{cursor:pointer}
rect{width:30px;height:4px;background-color:#000;top:-6px;position:relative;right:-5px}
rect:nth-child(2){margin:4px 0}
.filter{visibility:hidden;position:fixed;top:0;left:0;min-height:100vh;width:100%;z-index:99;background-color:rgba(0,0,0,.7)}
.mobile-slider{visibility:hidden;position:fixed;z-index:100;top:0;right:0;bottom:0;overflow-y:auto;width:285px;background-color:#1cb57d;box-shadow:-5px 0 8px rgba(0,0,0,.2)}
.mobile-slider-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:25px;border-bottom:2px solid #fff;background-color:#1cb57d}
.mobile-slider-top h2{font-size:1em;color:#fff}
.mobile-slider-top .close-menu{color:#fff;font-size:1.5em;position:relative}
.close-menu:hover{cursor:pointer}
.mobile-navigation{list-style:none;background:#1cb57d;height:100vh}
.mobile-navigation li a,.mobile-navigation li a:visited{padding:25px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);display:block;width:100%;transition:.2s;font-size:16px;text-transform:uppercase}
.mobile-navigation li a:hover{background-color:#e3e8ee;color:#000;transition:all .5s}






.cd-top
{
 display: inline-block;
 height: 50px;
 width: 50px;
 position: fixed;
 bottom: 30px;
 right: 30px;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 overflow: hidden;
 text-indent: 100%;
 white-space: nowrap;
 background: #1cb57d url(../images/top-arrow.png) no-repeat center 40%;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity .3s 0s, visibility 0s .3s;
 -moz-transition: opacity .3s 0s, visibility 0s .3s;
 transition: opacity .3s 0s, visibility 0s .3s;
 z-index: 999;
 border-radius: 100%;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover
{
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible
{
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out
{
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover
{
  background-color: #6CBE4F;
  opacity: 1;
}