@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Whyte-Regular';
  src: url('fonts/Whyte-Regular.eot');
  src: url('fonts/Whyte-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/Whyte-Regular.woff2') format('woff2'),
      url('fonts/Whyte-Regular.woff') format('woff'),
      url('fonts/Whyte-Regular.ttf') format('truetype'),
      url('fonts/Whyte-Regular.svg#Whyte-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Whyte-Medium';
  src: url('fonts/Whyte-Medium.eot');
  src: url('fonts/Whyte-Medium.eot?#iefix') format('embedded-opentype'),
      url('fonts/Whyte-Medium.woff2') format('woff2'),
      url('fonts/Whyte-Medium.woff') format('woff'),
      url('fonts/Whyte-Medium.ttf') format('truetype'),
      url('fonts/Whyte-Medium.svg#Whyte-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Whyte-MediumItalic';
  src: url('fonts/Whyte-MediumItalic.eot');
  src: url('fonts/Whyte-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/Whyte-MediumItalic.woff2') format('woff2'),
      url('fonts/Whyte-MediumItalic.woff') format('woff'),
      url('fonts/Whyte-MediumItalic.ttf') format('truetype'),
      url('fonts/Whyte-MediumItalic.svg#Whyte-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Whyte-Bold';
  src: url('fonts/Whyte-Bold.eot');
  src: url('fonts/Whyte-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/Whyte-Bold.woff2') format('woff2'),
      url('fonts/Whyte-Bold.woff') format('woff'),
      url('fonts/Whyte-Bold.ttf') format('truetype'),
      url('fonts/Whyte-Bold.svg#Whyte-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'WhyteInktrap-Regular';
  src: url('fonts/WhyteInktrap-Regular.eot');
  src: url('fonts/WhyteInktrap-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/WhyteInktrap-Regular.woff2') format('woff2'),
      url('fonts/WhyteInktrap-Regular.woff') format('woff'),
      url('fonts/WhyteInktrap-Regular.ttf') format('truetype'),
      url('fonts/WhyteInktrap-Regular.svg#WhyteInktrap-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'WhyteInktrap-Bold';
  src: url('fonts/WhyteInktrap-Bold.eot');
  src: url('fonts/WhyteInktrap-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/WhyteInktrap-Bold.woff2') format('woff2'),
      url('fonts/WhyteInktrap-Bold.woff') format('woff'),
      url('fonts/WhyteInktrap-Bold.ttf') format('truetype'),
      url('fonts/WhyteInktrap-Bold.svg#WhyteInktrap-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roslindale-DisplayCondensedRegular';
  src: url('fonts/Roslindale-DisplayCondensedRegular.eot');
  src: url('fonts/Roslindale-DisplayCondensedRegular.eot?#iefix') format('embedded-opentype'),
      url('fonts/Roslindale-DisplayCondensedRegular.woff2') format('woff2'),
      url('fonts/Roslindale-DisplayCondensedRegular.woff') format('woff'),
      url('fonts/Roslindale-DisplayCondensedRegular.ttf') format('truetype'),
      url('fonts/Roslindale-DisplayCondensedRegular.svg#Roslindale-DisplayCondensedRegular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'RoslindaleDisplayCondensed-Bold';
  src: url('fonts/RoslindaleDisplayCondensed-Bold.eot');
  src: url('fonts/RoslindaleDisplayCondensed-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/RoslindaleDisplayCondensed-Bold.woff2') format('woff2'),
      url('fonts/RoslindaleDisplayCondensed-Bold.woff') format('woff'),
      url('fonts/RoslindaleDisplayCondensed-Bold.ttf') format('truetype'),
      url('fonts/RoslindaleDisplayCondensed-Bold.svg#RoslindaleDisplayCondensed-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#3E6438; line-height:20px; font-family: 'Whyte-Regular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #192432; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row{ width:1170px; margin:auto; padding:0px;}

header { float: left; width: 100%; position: relative; z-index: 99; padding: 0px 0px;}
.head-top { float: left; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 9999; padding: 0px 0px;}
.hdr-top { float: left; width: 100%; display: flex; align-items: center; background: #fff; padding: 20px 25px; border-radius: 0px 0px 10px 10px;}
.logo { float: none; width: 202px;position: absolute; left: 0px; right: 0px; margin: 0px auto; }
.top-lft { float: left; width: calc(100% - 60px); display: flex; align-items: center;}
.top-lft .ddsmoothmenu ul li:nth-child(3) { margin-right: 535px;}
.top-rht { float: right; width: 60px; display: flex; align-items: center;justify-content: right;}
.language { float: left; }
.language .nice-select {width: 45px; font-family: 'Whyte-Medium'; color: #6D972D; font-size: 14px; background: none;}
.language .nice-select::after {border-bottom: 2px solid #6D972D;border-right: 2px solid #6D972D;margin-top: -6px;}
.language .nice-select:hover {color: #6D972D;}
.language .nice-select:hover::after {border-bottom: 2px solid #6D972D;border-right: 2px solid #6D972D;}
.language .nice-select .option { width: 55px; color: #6D972D; font-size: 13px; padding: 3px 10px; }
.language .nice-select .option:hover { background: #6D972D; }
.is-sticky .head-top { background: #fff; box-shadow: 0px 4px 8px rgba(0,0,0,0.1);}

.banner-home { float: left; width: 100%; position: relative;}

.what-sec { float: left; width: 100%;padding: 85px 0px 115px; border-radius: 20px 20px 0px 0px; margin-top: -40px; position: relative;
background: rgba(252,232,189,1);
background: -moz-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(254,245,224,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,232,189,1)), color-stop(100%, rgba(254,245,224,1)));
background: -webkit-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(254,245,224,1) 100%);
background: -o-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(254,245,224,1) 100%);
background: -ms-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(254,245,224,1) 100%);
background: linear-gradient(to bottom, rgba(252,232,189,1) 0%, rgba(254,245,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce8bd', endColorstr='#fef5e0', GradientType=0 );
}
.what-sec h2.mb-tit { display: none; text-align: center; font-size: 30px; line-height: 30px; color: #3E6438; font-family: 'WhyteInktrap-Bold'; letter-spacing: -0.5px; margin-bottom: 18px;}
.what-shape { position: absolute; left: 0px; top:175px;}
.what-lft { float: left; width: 50%; padding-right: 50px;position: relative;}
.what-lft h5{ font-size: 14px; line-height: 14px; color:#6D962D; text-transform: uppercase; letter-spacing: 0.2px; margin-bottom: 35px;}
.what-lft h2 { font-size: 48px; line-height: 56px; color: #3E6438; font-family: 'WhyteInktrap-Bold'; letter-spacing: -2px; }
.what-para { float: left; width: 100%; padding-left: 115px; margin-bottom: 55px;}
.what-para p { font-size: 16px; line-height: 24px; color: #3E6438; margin-bottom: 10px; }
.what-para p:last-child { margin-bottom: 0px;}
.what-para p span.bld-txt { font-family: 'Whyte-Bold'; }
.what-rgt { float: left; width: 50%; position: relative; padding-left: 40px;}

.why-sec{ width:100%; float:left; background:#fff;}
.why-slide-out { float: left; width: 100%;}
.why-out { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.why-lft{width:50%; float:left;font-family: 'RobotoLight'; font-size:16px; color:#161615;}
.why-lft img{ width:100%; float:left; height: 730px; object-fit: cover;}
.why-rgt{width:50%; float:left; padding:125px 60px 100px 135px; position: relative; }
.why-rgt h3{font-size: 48px; line-height: 56px; color: #3E6438; font-family: 'WhyteInktrap-Bold'; letter-spacing: -0.2px; margin-bottom: 30px;}
.why-cont { float: left; width: 100%; padding-left: 115px; position: relative; margin-bottom:20px;}
.why-rgt p{font-size: 16px; line-height: 24px; color: #3E6438; }
.why-rgt p span.bld-txt { font-family: 'Whyte-Bold'; }
.why-rgt .lft-shape { top:120px;}
#why-slide.flexslider .flex-control-nav { width: auto; bottom: 100px; display: flex; flex-wrap: wrap; column-gap: 10px; padding-left: 135px;}
#why-slide.flexslider .flex-control-nav li a { width: 22px; height: 22px; background: #A8C300;}
#why-slide.flexslider .flex-control-nav li a.flex-active, #why-slide.flexslider .flex-control-nav li a:hover {background: #3E6438;}

.why-sec h3.mbl { display: none; text-align: center; font-size: 40px; line-height: 48px; color: #3E6438; font-family: 'WhyteInktrap-Bold'; letter-spacing: -0.2px; margin-bottom: 25px;}

.vision-sec { float: left; width: 100%; background: #A8C300; padding: 100px 0px 75px; border-radius: 20px 20px 0px 0px; margin-top: -40px; position: relative;}
.vision-out { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.vision-lft { float: left; width: 50%; padding-right: 20px;}
.vision-lft h2 { font-size: 48px; line-height: 56px; color: #3E6438; font-family: 'WhyteInktrap-Bold'; letter-spacing: -2px; margin-bottom: 25px;}
.vision-para { float: left; width: 100%; padding-left: 105px;}
.vision-para p { font-size: 16px; line-height: 24px; color: #3E6438; margin-bottom: 10px; }
.vision-para p:last-child { margin-bottom: 0px;}
.vision-shape { float: left; width: 100%;padding-left: 105px; margin-bottom: 10px;}
.vision-rgt { float: left; width: 50%; position: relative;}
.vision-rgt ul.image-lst li { position: relative;}
.vision-rgt ul.image-lst li img { float: left; width: 100%;}
.vision-rgt ul.image-lst li.img1 { top:-18px; left: 5%; width: 50%; }
.vision-rgt ul.image-lst li.img2 { top:76px; right: -10px; width: 46.5%; float: right; }
.vision-rgt ul.image-lst li.img3 { top:0; left: 11%; width: 50%; }

.values-sec { float: left; width: 100%; padding: 105px 0px; background: #fff; } 
.values-sec h2 { font-size: 48px; line-height: 56px; color: #3E6438; font-family: 'WhyteInktrap-Bold'; letter-spacing: -0.2px; margin-bottom: 60px;
text-align: center;}
ul.value-lst { float: left; width: 100%; display: flex; column-gap: 2%; }
ul.value-lst li { flex: 0 1 23.5%;}
ul.value-lst li .icon-div { float: left; width: 100%; height: 240px; display: flex; justify-content: center; margin-bottom: 30px;}
ul.value-lst li .icon-div img { float: left; }
ul.value-lst li .value-txt { float: left; width: 100%; text-align: center;}
ul.value-lst li .value-txt h4 { font-size: 22px; line-height: 22px; font-family: 'Whyte-Bold'; color: #3E6438; letter-spacing: -0.2px;transition:all .5s ease;}
ul.value-lst li:hover .value-txt h4 { color: #A8C300; }

.products-sec { float: left; width: 100%; padding: 65px 0px 75px; border-radius: 20px 20px 0px 0px;
background: rgba(252,232,189,1);
background: -moz-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(255,255,255,1) 40%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,232,189,1)), color-stop(40%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(255,255,255,1) 40%);
background: -o-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(255,255,255,1) 40%);
background: -ms-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(255,255,255,1) 40%);
background: linear-gradient(to bottom, rgba(252,232,189,1) 0%, rgba(255,255,255,1) 40%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce8bd', endColorstr='#ffffff', GradientType=0 );
}
.prod-tit-sec { float: left; width: 100%; text-align: center;}
.prod-tit-sec h2 { font-size: 48px; line-height: 56px; color: #3E6438; font-family: 'WhyteInktrap-Bold'; letter-spacing: -0.2px; margin-bottom: 20px;}
.prod-tit-sec p { font-size: 20px; line-height: 29px; color: #3E6438; margin-bottom: 8px;}
.prod-tit-sec p span.bld-txt { font-family: 'Whyte-Bold';}
.prod-tit-sec p:last-child { margin-bottom: 0px;} 
.prod-div { float: left; width: 100%;margin-top: 65px;}
ul.prod-list { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px; margin-bottom: 70px;}
ul.prod-list li { flex: 0 1 100%; display: flex; flex-wrap: wrap;}
ul.prod-list li .prod-lft { float: left; width: 58%; padding-right: 35px;}
ul.prod-list li .prod-lft h3 { font-size: 36px; line-height: 56px; color: #3E6438; font-family: 'WhyteInktrap-Bold'; margin-bottom: 15px; }
.prod-cont { float: left; width: 100%; padding-left: 45px;}
.prod-cont p { font-size: 16px; line-height: 24px; color: #3E6438; letter-spacing: -0.2px; }
.prod-cont h5 { font-size: 21px; line-height: 36px; color: #3E6438; font-family: 'WhyteInktrap-Bold'; margin-bottom: 10px;  margin-top: 25px;}
.prod-cont ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 6px; }
.prod-cont ul li { font-size: 16px; line-height: 24px; color: #3E6438;letter-spacing: -0.2px; padding-left: 20px;background:url(../images/list-icon.svg) no-repeat left 0px top 9px;}
ul.prod-list li .prod-rgt { float: left; width: 42%;}
ul.prod-list li .prod-rgt img { float: left; width: 100%; position: relative; right: -25px; top: -20px;}
ul.prod-list li:nth-child(2n) .prod-lft { order: 2; padding-right: 0px; padding-left: 35px;}
ul.prod-list li:nth-child(2n) .prod-rgt img { right: auto; left: -25px; }
.btn-center { float: left; width: 100%; display: flex; justify-content: center;}
a.storage-btn { display: flex; align-items: center; justify-content: center; column-gap: 15px; height: 60px; border-radius: 30px; background: #3E6438; color: #fff; 
font-family: 'Whyte-Bold'; font-size: 16px; line-height: 16px; padding: 0px 30px;transition:all .5s ease; }
a.storage-btn:hover { background: #A8C300;}

.sustainable-sec { float: left; width: 100%; padding: 285px 0px 225px; border-radius: 10px 10px 0px 0px; background:url(../images/banner.jpg) no-repeat center center; 
background-size: cover; text-align: center; position: relative; overflow: hidden;}
.sustainable-sec::before{ content: ""; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; background: rgba(0,0,0,0.53);}
.sustainable-sec h2 { display: inline-block; position: relative; font-size: 70px; line-height: 70px; color: #fff;font-family: 'WhyteInktrap-Regular'; z-index: 5; letter-spacing: -0.2px; }
.sustainable-sec h2 span.bld-txt { font-family: 'WhyteInktrap-Bold';}
.sustainable-sec h2::before { content: ""; position: absolute; left: -50px; top:-55px; background:url(../images/quote.svg) no-repeat center center;
width: 148px; height: 117px; z-index: -1;}
.sustainable-sec h2::after { content: ""; position: absolute; left: 40px; bottom:0px; background:url(../images/underline-shape.svg) no-repeat center center;
width: 383px; height: 26px; z-index: -1;}

.where-sec { float: left; width: 100%;}
.where-out { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.where-lft { flex: 0 1 50%;  background: #A8C300; padding: 120px 70px 50px 70px; position: relative;}
.where-lft h2 { font-size: 48px; line-height: 56px; color: #3E6438; font-family: 'WhyteInktrap-Bold'; letter-spacing: -0.5px; margin-bottom: 25px;}
.where-para { float: left; width: 100%; padding-left: 115px; position: relative;}
.where-para p { font-size: 16px; line-height: 24px; color: #3E6438; margin-bottom: 10px; }
.where-para p:last-child { margin-bottom: 0px;}
.where-para p span.bld-txt { font-family: 'Whyte-Bold'; }
.where-para p span.italic-txt { font-family: 'Whyte-MediumItalic'; }
.lft-shape { position: absolute; left: 0px; top:160px;}
.where-rgt { flex: 0 1 50%;}
.where-rgt img { float: left; width: 100%; height: 100%; object-fit: cover;}

/*contacta*/
.contacta{width:100%; float:left; padding:70px 0px 40px;
background: rgba(252,232,189,1);
background: -moz-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(254,245,224,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,232,189,1)), color-stop(100%, rgba(254,245,224,1)));
background: -webkit-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(254,245,224,1) 100%);
background: -o-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(254,245,224,1) 100%);
background: -ms-linear-gradient(top, rgba(252,232,189,1) 0%, rgba(254,245,224,1) 100%);
background: linear-gradient(to bottom, rgba(252,232,189,1) 0%, rgba(254,245,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce8bd', endColorstr='#fef5e0', GradientType=0 );}
.contacta h2{font-size: 48px; line-height: 56px; color: #3E6438; font-family: 'WhyteInktrap-Bold'; letter-spacing: -0.5px; margin-bottom: 20px; text-align: center;}
.contacta p { font-size: 16px; line-height: 24px; color: #3E6438; margin-bottom: 35px; text-align: center; }
.contacta p span.bld-txt { font-family: 'Whyte-Bold'; }
.contacta-sec { float: left; width: 100%;background:url(../images/shape.svg) no-repeat top center; padding-bottom: 25px;}
.contact-wdth { float: none; width: 770px; margin: 0 auto;}
.contacta-sec .form-box .frm-input { float: left; width: 100%; margin-bottom: 10px; position: relative;}
.contacta-sec .form-box .frm-input .floating-label-group { float: left; width: 100%; position: relative;}
.contacta-sec .form-box input[type="text"], .contacta-sec .form-box textarea { float: left; width:100%; color:#3E6438; font-family: 'Whyte-Medium'; padding: 0px 25px; height: 63px; line-height: 120px; border: none; border-bottom: 1px solid #707070; font-size:14px; letter-spacing: 0.7px; transition: all .5s ease; background:#fff; 
 border-radius: 10px 10px 0px 0px;}
.contacta-sec .form-box input[type="text"]:focus, .contacta-sec .form-box textarea:focus { border-bottom: 1px solid #6D9C3F;}
.contacta-sec .form-box textarea { resize:none; height:265px; line-height:22px; padding: 25px 25px 10px; color:#3E6438;}
.contacta-sec .form-box .frm-input.frm-input.check-box { float: left; width: 100%; margin: 10px 0 30px;}
.contacta-sec .form-box .frm-input.checkbox { float: left; width: 100%; margin-bottom: 5px;}
.contacta-sec .form-box .frm-input.checkbox:last-child { margin-bottom: 0;}
.contacta-sec .form-box .frm-input.checkbox input { height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.contacta-sec .form-box .frm-input .floating-label { color: #3E6438; cursor: pointer; font-size: 14px; line-height:14px; font-family: 'Whyte-Medium'; width: auto; letter-spacing: 0.7px; display: inline-block;
text-transform: uppercase;}
.contacta-sec .form-box .frm-input .floating-label span { color: #3E6438;}
.contacta-sec .form-box .frm-input.checkbox label { color: #3E6438; cursor: pointer; font-size: 12px; padding-left: 30px; position: relative; float: left; width: auto; line-height:20px; margin-bottom:0px; text-align:left;}
.contacta-sec .form-box .frm-input.checkbox label::before { background: none; content: ""; height: 15px; left: 0; position: absolute; top: 1px; transition: all 0.3s ease-in-out 0s; width: 15px; border-radius: 3px; z-index: 1;}
.contacta-sec .form-box .frm-input.checkbox label::after { background: transparent none repeat scroll 0 0; border: 1px solid #3E6438; background: #fff; content: "";height: 15px;left: 0; position: absolute; top: 1px; width: 15px; border-radius: 3px;}
.contacta-sec .form-box .frm-input.checkbox input:checked + label::before {background: #3E6438 none repeat scroll 0 0; }
.contacta-sec .form-box .frm-input.checkbox:last-child label { padding-bottom: 0;}
.contacta-sec .form-box .frm-input.checkbox span { font-size:14px; color: #3E6438; float: none; width:100%; line-height:16px;}
.contacta-sec .form-box .frm-input.checkbox span a {color: #3E6438; text-decoration:underline; transition:all .5s ease;}
.contacta-sec .form-box .frm-input.checkbox span a:hover { color:#444444;}
.contacta-sec .form-box .frm-input:last-child { margin-bottom: 0;}
.contacta-sec .form-box .frm-input.checkbox label a { color: #3E6438; text-decoration:underline;transition:all .5s ease;}
.contacta-sec .form-box .frm-input.checkbox label a:hover { color: #A8C300;}

.contacta-sec .form-box .frm-input .nice-select{ width:100%; padding:0px 25px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #707070; color: #3E6438; height:63px; line-height:63px; font-size:14px; font-family: 'Whyte-Medium'; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;background:#FFFFFF;
text-transform: uppercase; letter-spacing: 0.7px;}
.contacta-sec .form-box .frm-input .nice-select::after { right: 25px; border: none; background:url(../images/select-arrow.svg) no-repeat center center;
width: 18px; height: 26px; margin-top: -13px; transform: none;}
.contacta-sec .form-box .frm-input .nice-select .list { width: 100%; border-radius: 0px;}
.contacta-sec .form-box .frm-input .nice-select .list li { width: 100%; margin: 0px 0px; font-size:13px; padding:7px 25px !important; color: #3E6438;}
.contacta-sec .form-box .frm-input .nice-select .option:hover { color: #fff; background: #3E6438;}
.contacta-sec .form-box .frm-input .nice-select span.current { position: relative; top: 8px; transition:all .5s ease;}
.contacta-sec .form-box .frm-input .nice-select.open span.current { top: -14px; }
.contacta-sec .form-box .frm-input .nice-select.open { font-size: 10px; color: #AEAEAE; }

.contacta-sec .btn-ctr { float: right; width: auto;}
.contacta-sec .form-box button.env-btn { float: left; cursor: pointer;  background: #A8C300; border: none; font-family: 'Whyte-Bold'; color: #fff; font-size: 21px; line-height: 14px; padding: 0px 0px; border-radius: 100px; transition:all .5s ease;
height: 66px; width: 170px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 10px 40px rgba(220,187,118,1); }
.contacta-sec .form-box button.env-btn:hover { background:#3E6438; }

.contacta-sec .floating-label { position: relative;}
.contacta-sec .floating-label { position: absolute; pointer-events: none; top: 32px; left: 25px; transition: all 0.5s ease;}
.contacta-sec input:focus ~ .floating-label, .contacta-sec input:not(:focus):valid ~ .floating-label, 
.contacta-sec textarea:focus ~ .floating-label, .contacta-sec textarea:not(:focus):valid ~ .floating-label { top:8px; left: 25px; font-size: 10px !important; opacity: 1; color: #AEAEAE !important; font-family: 'Whyte-Medium' !important;}
.contacta-sec input:focus ~ .floating-label span, .contacta-sec input:not(:focus):valid ~ .floating-label span, 
.contacta-sec textarea:focus ~ .floating-label span, .contacta-sec textarea:not(:focus):valid ~ .floating-label span { display: none;}

footer{float:left; width:100%; background:#fff; padding:55px 0 75px 0; position: relative;}
.foot-out { float: left; width: 100%; display: flex; align-items: center;}
.foot-lft{ float: left; width: 30%;}
.foot-lft img{transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.foot-lft a:hover img{ opacity: 0.7;}
.foot-rgt{ float: right; width: 70%; padding-right: 150px;}
.foot-rgt ul { float: left; width: 100%; display: flex; align-items: center; justify-content: right; column-gap: 32px;}
.foot-rgt ul li{ flex: 0 1 auto;}
.foot-rgt ul li a{ font-size: 16px; color:#3E6438; font-family: 'Whyte-Bold'; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.foot-rgt ul li a:hover{color: #A8C300;}

/* scroll top css */
#sc-button { display: none; position: fixed; right: 0px; bottom: 65px; z-index: 999; width: 80px; height: 80px; background: #fff; border: 1px solid #A8C300; border-radius: 100px;transition:all .5s ease;}
#sc-button:hover{background:#A8C300;}
#sc-button span{ position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%); }
#sc-button span::after {border-bottom: 2px solid #A8C300; border-right: 2px solid #A8C300; content: ''; display: block; height: 16px; margin-top: -8px;pointer-events: none;
position: absolute;right: -5px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);transform: rotate(225deg);-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;width: 16px;}
#sc-button.show { display: block;}
#sc-button:hover span::after { border-bottom: 2px solid #fff; border-right: 2px solid #fff;}

.m-menu { position: relative; right:0px; display: none; z-index:999999;} 
.m-menu img { width: 20px;}
.mobile-menu .logo { padding:12px 15px;}
.mobile-menu{ position:fixed; top:66px; bottom: 0; width:100%; z-index: 999; overflow-y:auto;   overflow-x:hidden;  padding:0px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: #fff; border-top: 1px solid #eaeaec; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  background: #fff; float: left;  padding: 20px 0 75px 0; height:100%;}
.m-menu { width: 25px; height: 22px;  margin: 0px 0 0 0;  -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right;  }
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #3E6438; border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu:hover span { background: #6D972D; }
/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -4px; left: 4px;  background: #6D972D;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; left: 4px; background: #6D972D; }
.hght{overflow:hidden;}
.nav ul { float: left; width: 100%; margin:0px; text-align: center;}
.nav ul li a { color: #3E6438; font-size: 16px;  padding-left: 0px; line-height:22px; font-family: 'Whyte-Bold'; letter-spacing:0.5px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.nav ul li a.active, .nav ul li a:hover{ color: #6D972D;}
.nav ul li { padding:15px 0; border-bottom: 1px solid #EBEAEA;}

/* popup css */
.popup { float: left; width:100%; max-width: 1120px;}
.popup-div { float: left; width: 100%; padding: 30px 100px 80px;}
.popup-div .title-bg { float: left; width: 100%; text-align: center; margin-bottom: 45px;}
.popup-div .title-bg h1 { float: left; width: 100%; font-family: 'RoslindaleDisplayCondensed-Bold'; color: #3E6438; font-size: 47px; line-height: 56px; }
.popup-div .title-bg h4 { float: left; width: 100%; font-family: 'Roslindale-DisplayCondensedRegular'; color: #3E6438; font-size: 25px; line-height: 36px;}
.popup-content { float: left; width: 100%;}
.popup-list { float: left; width: 100%; margin-bottom: 30px;}
.popup-list ul { float: left; width: 47%; margin-right: 6%;}
.popup-list ul:last-child { margin-right: 0;}
.popup-list ul li { float: left; width: 100%; border-top: 1px solid #D8D8D8; display: flex; align-items: center; justify-content: space-between; padding-right: 45px; padding-top: 3px; padding-bottom: 3px;}
.popup-list ul li:first-child { border-top: none; padding-bottom: 10px;}
.popup-list ul li h3 {font-size: 12px; line-height: 24px; color: #3E6438; font-family: 'Whyte-Medium'; }
.popup-list ul li h3:first-child { width: 95%;}
.popup-list ul li h3:last-child { width: 5%; padding: 0 0 0 5px;}
.popup-list ul li h2:first-child { width: 60%;}
.popup-list ul li h2:nth-child(2) { width: 35%;}
.popup-list ul li h2:last-child { width: 5%;}
.popup-list ul li h2 { font-size: 16px; line-height: 24px; color: #3E6438; font-family: 'Whyte-Regular';}
.popup-list ul li h2 span { font-family: 'Whyte-Bold';}
.storage-list { float: left; width: 100%;}
.storage-list h2 { float: left; width: 100%; text-transform: uppercase; color: #3E6438; font-size: 15px; line-height: 23px; letter-spacing: 1.18px; font-family: 'Whyte-Bold'; padding-bottom: 10px;}
.storage-para { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 6%;}
.storage-para p { flex: 0 1 47%; color: #3E6438; font-size: 15px; line-height: 23px; letter-spacing: -0.09px;}

/* Works on Firefox */
.fancybox-inner { scrollbar-width: thin; scrollbar-color: #3E6438 transparent;}
/* Works on Chrome, Edge, and Safari */
.fancybox-inner::-webkit-scrollbar { width: 10px;}
.fancybox-inner::-webkit-scrollbar-track { background: transparent;}
.fancybox-inner::-webkit-scrollbar-thumb { background-color: #3E6438; border-radius: 0px; border: 2px solid transparent;}

.swal2-html-container {
  padding: 20px !important;
}
@charset "utf-8";
/* CSS Document */

.ddsmoothmenu { float: left; padding:0px; text-transform:none; letter-spacing:0.2px; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;font-size:16px; margin:0px 0px 0 0;}
.ddsmoothmenu ul { z-index:100; margin:0; padding:0px 0px; list-style-type: none; }
/*Top level list items*/
.ddsmoothmenu ul li { position: relative; padding:0px 30px 0 0px; margin:0px; line-height: 14px; float:left;}


.ddsmoothmenu ul li:last-child{padding-right:0px;}
/*Top level menu link items style*/
.ddsmoothmenu ul li a { display: block; color:#3E6438; text-decoration:none; padding:0px 0px 0px 0; position:relative; font-size: 16px; font-family: 'Whyte-Bold';  float:left; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
/* .ddsmoothmenu ul li a:after{ position:absolute; content:""; left:0; right: 0px; margin: auto; width: 0px; bottom:-15px; background:#000; height:1px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;} */
.ddsmoothmenu ul li a:hover { color:#6D972D;}
/*.ddsmoothmenu ul li a:hover::before, .ddsmoothmenu ul li a.active::before, .ddsmoothmenu ul li a.selected::before, .ddsmoothmenu ul li.dropdown:hover a::before { width:100%; left:0px; }*/
.ddsmoothmenu ul li a:hover::after, .ddsmoothmenu ul li a.active::after{ width:100%; }

.ddsmoothmenu ul li.dropdown:hover a{ color:#6D972D} 


* html .ddsmoothmenu ul li a { display: inline-block; }

/*1st sub level menu*/
.ddsmoothmenu ul li ul { position: absolute; left:0; display: none; visibility: hidden; padding:18px 22px; width:180px!important; left:-8px!important; margin-top:28px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); float:left; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;  background:#fff;}
.ddsmoothmenu ul li ul::after { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; content: "";
 height: 10px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -10px; width: 10px;}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li { float: none; width:100%; padding:0; margin:0; border-right:0px; text-align:left; border-bottom:none; }
/* .ddsmoothmenu ul li ul li:hover { background:#B05AA5; } */

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { top: 0;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a { display:block; padding:12px 0; color:#0e0e0e!important; line-height:14px; font-size:14px; font-family: 'robotoregular'; text-transform:none;}

.ddsmoothmenu ul li ul li:last-child { border-bottom:none;}

.ddsmoothmenu ul li ul li a:hover { color:#fd5151 !important;  text-decoration:none; margin: 0px 0px 0px 0px;}
.ddsmoothmenu ul li ul li a:after, .ddsmoothmenu ul li ul li a:before { display:none }

/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1%; } /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position: absolute; top: 12px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow { /*shadow for NON CSS3 capable browsers*/ position: absolute; left: 0; top: 0; width: 0; height: 0; }
.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ opacity: 0.8; }


.ddsmoothmenu ul li ul li a::after, .ddsmoothmenu ul li ul li a:hover:after { display:none }
.sticky-wrapper.is-sticky .ddsmoothmenu ul li ul li:first-child a:before { display:none; }




/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

#container {width: 80%; max-width: 800px; margin: 0 auto;}
/* Browser Resets */
.flex-container a:active, .flexslider a:active {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; width:100%; height:100%; display:block; }
.flex-pauseplay span {text-transform: capitalize;}
/*.flexslider .slides > li::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.25); left: 0; top:0;}
*/
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; z-index:0; overflow:hidden;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}
.banner-home .flexslider .slides > li::after { content: ""; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; background: rgba(89,89,89, 0.2);}

/* Caption style */
/* IE rgba() hack */
.flex-caption {position:absolute; top:26%;  text-align:center; width:100%; z-index: 1;}

/* Direction Nav */
.banner-home  .flex-direction-nav { display:block; }
/*.banner-home  .flex-direction-nav li a {width:34px; height:58px; margin: 0px 0 0; display: block;  position: absolute; top: 40%; cursor: pointer; text-indent: -9999px; z-index:9999;background: url(../images/slide_arrow.png) no-repeat 0 0; }
.banner-home .flex-direction-nav li .flex-next { right:2%; background-position: -34px 0; }
.banner-home .flex-direction-nav li .flex-next:hover { background-position: -34px -62px;}
.banner-home .flex-direction-nav li .flex-prev {left:2%; background-position: 0px 0; }
.banner-home .flex-direction-nav li .flex-prev:hover { background-position: 0px -62px;}
.banner-home .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}*/
/* Control Nav */
.banner-home .flex-control-nav { width:100%; position:absolute; bottom:25px; z-index:9999; text-align:center;}
.banner-home .flex-control-nav li { margin:0px 14px 0 0; display: inline-block; zoom: 1; }
.banner-home .flex-control-nav li a {  cursor:pointer; text-indent:9999999px;}
.caption-txt { width:100%;}
.caption-right { float:right; text-align:right;}
.banner-home .flex-caption h1 { color:#fff; font-size:100px; line-height:86px;font-family: 'WhyteInktrap-Bold'; margin-bottom:0px; text-align:left; }
.banner-home .flex-caption h6 { font-size: 14px; line-height:14px; letter-spacing:2px;color: #fff; display: block; text-align:left; text-transform: uppercase; margin-bottom: 25px;}
#slider.flexslider .flex-direction-nav { display: none;}
.flex-control-thumbs {margin: 5px 0 0;position: static;	overflow: hidden;  }
.flex-control-thumbs li { width: 25%;	float: left;margin: 0; }
.flex-control-thumbs img {width: 100%;	height: auto;	display: block;	opacity: .7;
cursor: pointer;	-moz-user-select: none;	-webkit-transition: all 1s ease;	-moz-transition: all 1s ease;	-ms-transition: all 1s ease;	-o-transition: all 1s ease;
transition: all 1s ease;  }
.flex-control-thumbs img:hover {opacity: 1;  }
.flex-control-thumbs .flex-active {	opacity: 1;	cursor: default;  }

.flex-control-nav {width: 100%; float:left; position: absolute; bottom:10px; z-index:9; text-align:center; }
.flex-control-nav li a {width: 11px;height: 11px;display: block;cursor: pointer;text-indent: -99999px; background:#fff; border-radius:50%; ; position:relative;}
.flex-control-nav li a.flex-active, .flex-control-nav li a:hover{ background:#54a5dc;}


@keyframes lfttxt {
	0% { transform: translate3d(0px, 100px, 0px); transform-origin: 50% 50% 0px; }	
	100% {  opacity:1;  transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50% 0px; }
}

@-webkit-keyframes lfttxt {
	0% { transform: translate3d(0px, 100px, 0px); transform-origin: 50% 50% 0px; }	
	100% {  opacity:1;  transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50% 0px; }
}
@-moz-keyframes lfttxt {
	0% { transform: translate3d(0px, 100px, 0px); transform-origin: 50% 50% 0px; }	
	100% {  opacity:1;  transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50% 0px; }
}
.flex-active-slide .caption-txt a.btn-rightbg { opacity:0;
-webkit-animation:opa ease-out 1;
-moz-animation:opa ease-out 1;
animation:opa ease-out 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:0.8s;
-moz-animation-duration:0.8s;
animation-duration:0.8s;
animation-delay:1.3s;
}
@-webkit-keyframes opa {
	0% { opacity:0; }
	100% {  opacity:1; }
}
@-moz-keyframes opa { 
	0% { opacity:0; }
	100% {  opacity:1; }
}
@keyframes opa {
	0% { opacity:0; }
	100% {  opacity:1; }
}



.img-zoom { float: left; width: 100%; overflow: hidden; }
.img-side-box .img-zoom img  { float: left; width: 100%; -webkit-animation:zoomout-in linear 1;
	-moz-animation:zoomout-in linear 1;
	-o-animation:zoomout-in linear 1;
	animation:zoomout-in linear 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:8s;
	-moz-animation-duration:8s;
	-o-animation-duration:8s;
	animation-duration:8s;  }

	@-webkit-keyframes zoomout-in {
		0% { transform: scale(1);  }
		50% { transform: scale(1.1);  }
		52% { transform: scale(1.1);  }
		100% { transform: scale(1);  }
	}
	
	@keyframes zoomout-in {
		0% { transform: scale(1);  }
		50% { transform: scale(1.1);  }
		52% { transform: scale(1.1);  }
		100% { transform: scale(1);  }
	} 
@-webkit-keyframes sdb11 {
  0% {
    transform: translate(0, 0px);
    opacity: 0;
  }
  40% {  
    opacity: 1;
  }
  100% {
	transform: translate(0, 50px);  
    opacity: 1;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes sdb12 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

#nuestros-slide.flexslider .flex-direction-nav li a {width:40px; height:40px; margin: 0px 0 0; display: block;  position: absolute; cursor: pointer; text-indent: -9999px; z-index:9999;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
#nuestros-slide.flexslider .flex-direction-nav li .flex-next { right:0px;background: #fff url(../images/rgt-aero.svg) no-repeat 0 0; border-radius:50%;}
#nuestros-slide.flexslider .flex-direction-nav li .flex-prev {left:0px;background: #fff url(../images/lft-aero.svg) no-repeat 0 0; border-radius:50%;}
/*.flex-direction-nav li a:hover{ opacity:0.7}*/
#nuestros-slide.flexslider .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
#nuestros-slide.flexslider .inner-banner-pad .flex-direction-nav li a {width:27px; height:45px; margin: 0px 0 0; display: block;  position: absolute; top: 50%; cursor: pointer; }
#nuestros-slide.flexslider .flex-direction-nav { float: none;	width: 96px;	position: absolute;	bottom: 80px;right: 54%;}


.owl-carousel .animated { -webkit-animation-duration:1000ms; animation-duration:1000ms; -webkit-animation-fill-mode:both; animation-fill-mode:both }
.owl-carousel .owl-animated-in { z-index:0 }
.owl-carousel .owl-animated-out { z-index:1 }
.owl-carousel .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut }
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { -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 { display:none; width:100%; -webkit-tap-highlight-color:transparent; position:relative; z-index:1 }
.owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y }
.owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
.owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0px, 0, 0) }
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel.owl-loaded { display:block }
.owl-carousel.owl-loading { opacity:0; display:block }
.owl-carousel.owl-hidden { opacity:0 }
.owl-carousel .owl-refresh .owl-item { display:none }
.owl-carousel .owl-item { position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel .owl-item img { display:inline-block; width:100%; float: left; -webkit-transform-style:preserve-3d }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto }
.owl-carousel .owl-grab { cursor:move; cursor:-webkit-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab }
.owl-carousel.owl-rtl { direction:rtl }
.owl-carousel.owl-rtl .owl-item { float:right }
.no-js .owl-carousel { display:block }
.owl-carousel .owl-item .owl-lazy { opacity:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease }
.owl-carousel .owl-item img { transform-style:preserve-3d }
.owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000 }
.owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; -webkit-transition:scale 100ms ease; -moz-transition:scale 100ms ease; -ms-transition:scale 100ms ease; -o-transition:scale 100ms ease; transition:scale 100ms ease }
.owl-carousel .owl-video-play-icon:hover { -webkit-transition:scale(1.3, 1.3); -moz-transition:scale(1.3, 1.3); -ms-transition:scale(1.3, 1.3); -o-transition:scale(1.3, 1.3); transition:scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none }
.owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease }
.owl-carousel .owl-video-frame { position:relative; z-index:1 }
.owl-nav { width: 100%; color:#a9a9a9; font-size:16px;font-family:'Helvetica Neue';  position: absolute; }
.owl-prev { left: 0px; position: absolute; background:url(../images/arr-lft.png) no-repeat left 0px; height: 21px; width:13px; }
.owl-next { right: 0px; position: absolute; background:url(../images/arr-rgt.png) no-repeat right 0px; height: 21px; width:13px; }
.owl-prev:hover { opacity: 1 }
.owl-next:hover { opacity: 1 }
.owl-controls { float: left; width: 100%; margin-top: 0px; }


.owl-dots { float:left; width:100%; text-align:center; position: absolute; }
.owl-dot { background: #fff; width: 12px; height: 12px; display: inline-block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin: 0 15px 0; position:relative;}
.owl-dot.active, .owl-dot:hover { background:#fff; }
.owl-dot.active::after { content:""; border:1px solid #fff; position:absolute; left:-12px; right:0; top:-11px; width:35px; height:35px; border-radius:25px;}

.fa-chevron-left, .fa-chevron-right { opacity:1; cursor:pointer; }
.fa-chevron-left.disable, .fa-chevron-right.disable { opacity:0.3; cursor:inherit; }
.sector-mob-lst .owl-nav { top:50%; transform: translateY(-30px);-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px);}
.sector-mob-lst .owl-carousel .fa-chevron-right {background: #fff url(../images/rgt-aero.svg) no-repeat scroll 0 0;width: 40px; height: 40px;right: 0px; position:absolute; border-radius:50%;}
.sector-mob-lst .owl-carousel .fa-chevron-left { background: #fff url(../images/lft-aero.svg) no-repeat scroll 0 0;width: 40px; height: 40px;left: 0px; position:absolute; border-radius:50%;}

.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
   display: none;
}

#cslide .owl-nav { top:50%; transform: translateY(-30px);-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px);}
#cslide.owl-carousel .fa-chevron-right {background: #fff url(../images/rgt-aero.svg) no-repeat scroll 0 0;width: 40px; height: 40px;right: -10px; position:absolute; border-radius:50%;}
#cslide.owl-carousel .fa-chevron-left { background: #fff url(../images/lft-aero.svg) no-repeat scroll 0 0;width: 40px; height: 40px;left: -10px; position:absolute; border-radius:50%;}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;

}

.fancybox-skin {
	position: relative;
	background: #ffffff;
	color: #444;
	text-shadow: none;
	/*padding:62px 20px !important;*/
	border-radius: 16px;
}

.fancybox-opened {
	z-index: 9999999;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px #a5b09f;
	   -moz-box-shadow: 0 10px 25px #a5b09f;
	        box-shadow: 0 10px 25px #a5b09f;
/* padding:62px 20px !important;*/
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: visible;
	/*width:100%!important;
	height:auto!important;*/
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
		
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

/*#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}*/

#fancybox-loading  { background-image: url('../images/fancybox_sprite.png');}
.fancybox-close { background-image: url('../images/close-btn.svg');background-repeat: no-repeat;}
.fancybox-prev span { background-image: url('../images/arrow-left-popup.png'); background-repeat: no-repeat;}
.fancybox-next span { background-image: url('../images/arrow-right-popup.png'); background-repeat: no-repeat;}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	bottom: -43px;
	width: 15px;
	height: 15px;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	bottom: 0px;
	width: 17px;
	height: 24px;
	margin-top: 0;
	cursor: pointer;
	z-index: 8040;
	visibility: visible;
}

.fancybox-prev span {
	left: 0;
	background-position: 0 0;
	padding:0px 30px;
}

.fancybox-next span {
	right: 0;
	background-position: 74px 0px;
	padding:0px 90px 0 0;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/popup-bg.png') no-repeat scroll top left;
	background-size: cover;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 99999;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	/*z-index: 8050;*/
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	left: 0;
	color: #000;
	padding: 21px 0;
	margin: 0 auto;
	text-align: center;
	width: auto;
	font-size: 12px;
	right: 0;
	/*background: #000;
	background: rgba(0, 0, 0, .8);*/
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	/* #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox_sprite@2x.png');
		background-size: 44px 152px;  */
		/*The size of the normal image, half the size of the hi-res image*/
	/* } */

	/* #fancybox-loading div {
		background-image: url('../images/fancybox_loading@2x.gif');
		background-size: 24px 24px;  */
		/*The size of the normal image, half the size of the hi-res image*/
	/* } */
}
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 0px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 12px;
  font-weight: normal;
  height: auto;
  line-height: 26px;
  outline: none;
  padding-left: 0;
  padding-right: 20px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; font-family: 'ArialMT'; color: #333; }
  .nice-select:hover {
    color: #000;}
    .nice-select:hover:after {  border-bottom: 2px solid #000;   border-right: 2px solid #000;}
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #333333;
    border-right: 2px solid #333333;
    content: '';
    display: block;
    height: 7px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 7px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 2px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 999; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer; font-size: 13px;    
    line-height: 26px;
    list-style: none;
    min-height: auto;
    outline: none;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    text-align: left;
    -webkit-transition: all 0.2s; border-bottom: 1px solid  rgba(68, 68, 68, 0.11);
    transition: all 0.2s; width: 85px;}
    /* .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #005e85;  } */

     .nice-select .option:hover {
        background-color: #000; color: #fff; }
    .nice-select .option.selected {
      font-weight: normal; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }
/* RemixDesign | woaichidapi@163.com | Redesigned by JimmyCheung */

.audioplayer {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    margin: 1em 0;
    padding: 0 15px;
    width: 235px;
    height: 30px;
    align-items: center;
    border: none;
    border-radius: 30px;
    background: #fff;
    position: absolute;
    right: 20px;
    bottom: 65px;
    box-shadow: 0px 2px 4px rgb(0,0,0,0.5);
}

.audioplayer-playpause {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
    /* background: rgba(91, 130, 255, 0);
    border: 1px solid #5B82FF; */
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover {
    /* background: rgba(91, 130, 255, 0.1); */
}

.audioplayer-playing .audioplayer-playpause {
    /* background: rgba(253, 79, 26, 0);
    border: 1px solid #FD4F1A; */
}

.audioplayer-playing .audioplayer-playpause:hover {
    /* background: rgba(235, 79, 26, 0.1); */
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    content: '';
    justify-content: center;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 8px solid transparent;
    border-right: none;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #282828;
}

.audioplayer-playing .audioplayer-playpause a {
    content: '';
    display: flex;
    justify-content: space-between;
    width: 12px;
    height: 14px;
}

.audioplayer-playing .audioplayer-playpause a::before, .audioplayer-playing .audioplayer-playpause a::after {
    content: '';
    width: 4px;
    height: 14px;
    background-color: #A8C300;
}

.audioplayer-time {
    display: flex;
    width: 40px;
    justify-content:center;
    font-size: 11px;
    color: #000000
}

.audioplayer-time-current {
    margin-left: 8px;
}

.audioplayer-time-duration {
    margin-right: 24px;
    display: none;
}

.audioplayer-bar {
    position: relative;
    display: flex;
    margin: 0 18px 0px 12px;
    height: 12px;
    flex-basis: 0;
    flex-grow: 1;
    cursor: pointer;
}

.audioplayer-bar::before {
    content: '';
    position: absolute;
    top: 5px;
    width: 100%;
    height: 2px;
    background-color: #DDE2E6;
}

.audioplayer-bar > div {
    position: absolute;
    left: 0;
    top: 5px;
}
.audioplayer-bar-loaded {
    z-index: 1;
    height: 2px;
    background: #DADADA;
}

.audioplayer-bar-played {
    flex-direction: row-reverse;
    z-index: 2;
    height: 2px;
    background: -webkit-linear-gradient(left,#5A5A5A,#5A5A5A);
}

.audioplayer-bar-played::after {
    display: flex;
    position: absolute;
    content: '';
    box-sizing: border-box;
    top: -4px;
    right: -1px;
    margin-right: -5px;
    width: 10px;
    height: 10px;
    background-color: #A8C300;
    border-radius: 6px;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after {
    border: 2px solid #A8C300;
}

.audioplayer-playing .audioplayer-bar-played::after {
    border: 2px solid #A8C300;

}

.audioplayer-volume {
    display: flex;
    align-items: center;
}

.audioplayer-volume-button {
    display: flex;
    align-items: center;
    width: 20px;
    height: 24px;
    cursor: pointer;
}

.audioplayer-volume-button a {
    display: flex;
    width: 6px;
    height: 8px;
    background-color: #282828;
    position: relative;
}

.audioplayer-volume-button a:before, .audioplayer-volume-button a:after {
    content: '';
    position: absolute;
}

.audioplayer-volume-button a:before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 9px solid #282828;
    border-bottom: 8px solid transparent;
    border-left: none;
    top: -4px;
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
    left: 8px;
    top: -2px;
    width: 12px;
    height: 12px;
    border: 6px double #282828;
    border-width: 6px 6px 0 0;
    border-radius: 0 12px 0 0;
    transform: rotate(45deg);
}

.audioplayer-mute .audioplayer-volume-button a {
    background-color: #282828;
}

.audioplayer-mute .audioplayer-volume-button a:before {
    border-right: 9px solid #282828;
}

.audioplayer-volume-adjust {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

.audioplayer-volume-adjust > div {
    position: relative;
    display: flex;
    width: 25px;
    height: 2px;
    cursor: pointer;
    background-color: #DADADA;
}

.audioplayer-volume-adjust div div {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #A8C300;
}

.audioplayer-volume-adjust div div::after {
    display: flex;
    position: absolute;
    content: '';
    box-sizing: border-box;
    top: -4px;
    right: -1px;
    margin-right: -5px;
    width: 10px;
    height: 10px;
    background-color: #A8C300;
    border-radius: 6px;
}

/* responsive | you can change the max-width value to match your theme */

@media screen and (max-width: 679px) {
    /* .audioplayer-volume-adjust {
        display: none;
    } */
}
@charset "utf-8";
/* CSS Document */


/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){

}
@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}

}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row { width:1000px;}

.ddsmoothmenu ul li {padding: 0px 25px 0 0px;}
.top-lft .ddsmoothmenu ul li:nth-child(3) { margin-right: 395px;}
.banner-home .flex-caption h1 { font-size: 85px;line-height: 80px;}

.what-sec { padding: 65px 0px 85px;}
.what-para {padding-left: 65px;}
.what-shape { width: 350px; top: 150px;}

.why-lft img { height: 550px; object-fit: cover;}
.why-rgt{padding: 40px 35px 50px 35px;}
.why-cont { padding-left: 35px;}
.why-rgt h3 {font-size: 44px;line-height: 50px; margin-bottom: 15px;}
.why-rgt .lft-shape {top: 70px;}
#why-slide.flexslider .flex-control-nav { bottom: 65px; padding-left: 70px;}

.vision-sec {padding: 85px 0px 75px;}
.vision-shape { padding-left: 65px;}
.vision-para { padding-left: 65px;}
.vision-rgt ul.image-lst li.img1 { left: 4%;}
.vision-rgt ul.image-lst li.img2 { right: 0px;}
.vision-rgt ul.image-lst li.img3 { left: 8%;}

.values-sec {padding: 80px 0px;}
ul.value-lst li .icon-div {height: 225px;}
ul.value-lst li .value-txt h4 {font-size: 20px;}

.sustainable-sec h2 {font-size: 56px;line-height: 60px;}

.where-lft {padding: 60px 50px 50px 70px;}
.where-para { padding-left: 65px;}
.lft-shape { top:70px;}
ul.prod-list li .prod-rgt img { right: auto;}
ul.prod-list li:nth-child(2n) .prod-rgt img { left: auto; }

/* popup css */
.popup-div {padding: 20px 30px 70px;}
.popup-div .title-bg {margin-bottom: 35px;}

}


/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row{ width:750px;}

.head-top { position: relative; background: #fff;}
.hdr-top{ padding: 20px 15px; }
.logo { width: 152px;}
.top-lft { display: none;}
.top-rht { width: 100%;justify-content: space-between;}
.m-menu { display: block;}

.banner-home .flexslider .slides > li { height: 550px; background-size: cover; background-position: center center; }
.banner-home .flexslider .slides img { opacity: 0;}
.banner-home .flex-caption h1 { font-size: 65px;line-height: 70px;}

.what-sec { padding: 50px 0px 60px;}
.what-lft { padding-right: 20px;}
.what-lft h5 { margin-bottom: 25px;}
.what-para {padding-left: 30px;margin-bottom: 35px;}
.what-lft h2 {font-size: 40px;line-height: 48px;letter-spacing: -0.7px;}
.what-rgt { padding-left: 20px;}
.what-shape { width: 290px;}

.why-sec { padding: 45px 0px 0px;}
.why-sec h3.mbl {display: block;}
.why-lft img { height: 480px; object-fit: cover;}
.why-rgt{ padding: 20px 35px 50px 35px; }
.why-cont { padding-left: 0px;}
.why-rgt h3 { display: none; font-size: 44px;line-height: 50px; margin-bottom: 15px;}
.why-rgt .lft-shape {top: 50%; transform: translateY(-50%);}
#why-slide.flexslider .flex-control-nav { bottom: 70px; padding-left: 35px;}

.vision-sec {padding: 60px 0px 70px;}
.vision-shape { padding-left: 30px;margin-bottom: 0px;}
.vision-lft h2{font-size: 40px;line-height: 48px;margin-bottom: 15px;}
.vision-para { padding-left: 30px;}
.vision-rgt ul.image-lst li.img1 { left: 4%; top: 0px;}
.vision-rgt ul.image-lst li.img2 { right: 0px; top: 70px;}
.vision-rgt ul.image-lst li.img3 { left: 8%; top: 15px;}

.values-sec {padding: 55px 0px;}
.values-sec h2{font-size: 40px;line-height: 48px;margin-bottom: 50px;}
ul.value-lst li .icon-div { height: 145px; }
ul.value-lst li .icon-div img { width: 160px;}
ul.value-lst li .value-txt h4 {font-size: 18px;}

.products-sec {padding: 50px 0px 65px;}
.prod-tit-sec h2 {font-size: 40px;line-height: 48px;margin-bottom: 15px;}
.prod-tit-sec p {font-size: 17px;line-height: 26px;}
.prod-tit-sec p br { display: none;}
.prod-cont {padding-left: 35px;}
ul.prod-list li .prod-lft h3 { font-size: 30px;line-height: 40px;}
.prod-cont h5 {font-size: 20px;line-height: 30px;}
ul.prod-list li .prod-rgt img { right: auto;}
ul.prod-list li:nth-child(2n) .prod-rgt img { left: auto; }

.sustainable-sec {padding: 235px 0px 175px;}
.sustainable-sec h2 {font-size: 46px;line-height: 50px;}
.sustainable-sec h2 br { display: none;}
.sustainable-sec h2::before { width: 120px; height: 95px; background-size: cover;left: 5px;top: -113px; }
.sustainable-sec h2::after {left: 30px;width: 355px;height: 23px;background-size: cover;}

.where-lft {padding: 45px 35px 50px 70px;}
.where-para { padding-left: 30px;}
.lft-shape { width: 160px; top:70px;}
.where-lft h2 {font-size: 40px;line-height: 48px;margin-bottom: 15px;}

.contacta {padding: 55px 0px 40px;}
.contacta h2 {font-size: 40px;line-height: 48px;}
.contact-wdth { float: left; width: 100%;}

footer {padding: 45px 0px;}
.foot-rgt { padding-right: 0px;}
.foot-rgt ul {column-gap: 25px;}

#sc-button { right: 15px;}

/* popup css */
.popup-div {padding: 20px 20px 60px;}
.popup-list ul {width: 48.5%; margin-right: 3%;}
.popup-list ul li h2 { font-size: 15px;}
.popup-div .title-bg {margin-bottom: 25px;}

}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row{ width:100%; padding:0px 15px; }

.head-top { position: relative; background: #fff;}
.hdr-top{ padding: 20px 0px; }
.logo { width: 152px;}
.top-lft { display: none;}
.top-rht { width: 100%;justify-content: space-between;}
.m-menu { display: block;}

.banner-home .flexslider .slides > li { height: 630px; background-size: cover; background-position: center center; }
.banner-home .flexslider .slides img { opacity: 0;}
.flex-caption { top:70px;}
.banner-home .flex-caption h1 { font-size: 46px;line-height: 50px; text-align: center;}
.banner-home .flex-caption h6 { font-size: 12px; letter-spacing: 1.5px; text-align: center;}
.audioplayer { right: 0px; left: 0px; margin: 0px auto; bottom: 80px;}

.what-sec { padding: 25px 0px 35px;}
.what-sec h2.mb-tit { display: block;}
.what-lft { width: 100%; margin-bottom: 25px; text-align: center; padding-right: 0px;}
.what-lft h5 { margin-bottom: 18px;}
.what-para {padding-left: 0px;margin-bottom: 0px;}
.what-lft h2 { display: none; font-size: 40px;line-height: 48px;letter-spacing: -0.7px;}
.what-para p { font-size: 15px; line-height: 23px;}
.what-rgt { width: 100%; text-align: center; padding-left: 0px;}
.what-rgt img { float: none; width: 350px;}
.what-shape { display: none;}

.why-sec { padding: 35px 0px 80px;}
.why-sec h3.mbl {display: block; font-size: 30px;line-height: 30px;}
.why-lft { width: 100%; padding: 0px 15px;}
.why-lft img { height: 250px; object-fit: cover; border-radius: 5px;}
.why-rgt{ width: 100%; padding: 20px 15px 30px 15px; }
.why-cont { padding-left: 0px; text-align: center;}
.why-rgt h3 { display: none; font-size: 44px;line-height: 50px; margin-bottom: 15px;}
.why-rgt p { font-size: 15px; line-height: 23px;}
.why-rgt .lft-shape {top: 50%; transform: translateY(-50%);}
#why-slide.flexslider .flex-control-nav { position: relative; bottom: auto; padding-left: 0px; width: 100%; justify-content: center;}

.vision-sec {padding: 35px 0px 50px;}
.vision-shape { display: none; padding-left: 0px;margin-bottom: 0px;}
.vision-lft { width: 100%; text-align: center; margin-bottom: 30px; padding-right: 0px;}
.vision-lft h2{font-size: 30px;line-height: 30px;margin-bottom: 15px;letter-spacing: -0.2px;}
.vision-para { padding-left: 0px;}
.vision-para p { font-size: 15px; line-height: 23px;}
.vision-rgt { width: 100%; display: flex; justify-content: center;}
.vision-rgt ul.image-lst { max-width: 625px;}
.vision-rgt ul.image-lst li.img1 { left: 0px; top: 0px;}
.vision-rgt ul.image-lst li.img2 { width: 50%; right: 0px; top: 100px;}
.vision-rgt ul.image-lst li.img3 { left: 0px; top: 15px;}

.values-sec {padding: 35px 0px 60px;}
.values-sec h2{font-size: 30px;line-height: 30px;margin-bottom: 35px;}
ul.value-lst li .icon-div { height: 135px; margin-bottom: 10px; }
ul.value-lst li .value-txt h4 {font-size: 15px; line-height: 20px;}

.products-sec {padding: 35px 0px 50px;}
.prod-tit-sec h2 {font-size: 30px;line-height: 30px;margin-bottom: 15px;}
.prod-tit-sec p {font-size: 15px;line-height: 23px;}
.prod-tit-sec p br { display: none;}
.prod-div {margin-top: 40px;}
.prod-cont {padding-left: 25px;}
.prod-cont p {font-size: 14px;line-height: 21px;}
.prod-cont ul li {font-size: 14px;line-height: 22px;}
ul.prod-list { margin-bottom: 35px; row-gap: 40px;}
ul.prod-list li .prod-lft h3 { font-size: 24px;line-height: 30px;}
.prod-cont h5 {font-size: 18px;line-height: 26px;}
ul.prod-list li .prod-rgt img { right: auto; top: auto; }
ul.prod-list li:nth-child(2n) .prod-rgt img { left: auto; }
a.storage-btn { height: 48px; font-size: 14px; padding: 0px 25px; }

.sustainable-sec {padding: 185px 0px 125px;}
.sustainable-sec h2 {font-size: 36px;line-height: 42px;}
.sustainable-sec h2 br { display: none;}
.sustainable-sec h2::before { width: 89px; height: 70px; background-size: cover;left: 5px;top: -90px; }
.sustainable-sec h2::after {left: 0px; bottom: 35px; width: 285px;height: 22px;background-size: contain;}

.where-lft { flex: 0 1 100%; padding: 35px 15px 65px; text-align: center;}
.where-para { padding-left: 0px;}
.where-para p {font-size: 15px;line-height: 23px;}
.lft-shape { width: 125px; top: 50%; transform: translateY(-50%);}
.where-lft h2 {font-size: 30px;line-height: 30px;margin-bottom: 15px;}
.where-lft h2 br { display: none;}
.where-rgt {flex: 0 1 100%;}
.where-rgt img { height: 465px; object-fit: cover;}

.contacta {padding: 35px 0px 50px;}
.contacta h2 {font-size: 30px;line-height: 30px; margin-bottom: 15px; }
.contacta p { font-size: 15px; line-height: 23px;margin-bottom: 20px;}
.contact-wdth { float: left; width: 100%;}
.contacta-sec { background: none; padding-bottom: 0px;}
.contacta-sec .form-box .frm-input.frm-input.check-box { margin: 10px 0 20px;}
.contacta-sec .btn-ctr { width: 100%;}
.contacta-sec .form-box button.env-btn { width: 100%; height: 46px; font-size: 18px; box-shadow: 0px 7px 28px rgb(220, 187, 118); }
.contacta-sec .form-box input[type="text"] { font-size: 14px; height: 45px;  border-radius: 7px 7px 0px 0px; padding: 0px 15px;}
.contacta-sec .form-box textarea {height: 185px;padding: 25px 15px 10px;}
.contacta-sec .form-box .frm-input .nice-select .list li { padding: 10px 15px 3px !important; }
.contacta-sec .form-box .frm-input .nice-select {padding: 0px 15px;border-radius: 7px 7px 0px 0px;height: 45px; line-height: 45px;font-size: 12px;}
.contacta-sec .form-box .frm-input .floating-label { font-size: 12px; }
.contacta-sec .floating-label { top: 20px;left: 15px; }
.contacta-sec input:focus ~ .floating-label, .contacta-sec input:not(:focus):valid ~ .floating-label, 
.contacta-sec textarea:focus ~ .floating-label, .contacta-sec textarea:not(:focus):valid ~ .floating-label { left: 15px;top: -6px;}
.contacta-sec .form-box .frm-input .nice-select::after { right: 15px;width: 12px;height: 17px;margin-top: -8px;background-size: cover;}
.contacta-sec .form-box .frm-input .nice-select span.current {top: 5px;}
.contacta-sec .form-box .frm-input .nice-select.open span.current { top: -21px;}

footer {padding: 30px 0px;}
.foot-lft { width: 180px;}
.foot-rgt { display: none; padding-right: 0px;}
.foot-rgt ul {column-gap: 25px;}

#sc-button { bottom: 22px; right: 15px; width: 70px;height: 70px;}

/* popup css */
.popup-div {padding: 15px 0;}
.popup-div .title-bg h1 {font-size: 38px; line-height: 48px;}
.popup-div .title-bg h4 {font-size: 20px; line-height: 28px;}
.popup-div .title-bg {margin-bottom: 25px;}
.storage-para { row-gap: 15px;}
.storage-para p {flex: 0 1 100%; font-size: 14px; line-height: 20px;}
.popup-list ul li h2 { font-size: 14px; line-height: 22px;}
.popup-list ul {width: 48.5%; margin-right: 3%;}
.popup-list {margin-bottom: 25px;}
.fancybox-close { width: 45px; height: 45px; background-size: contain;}

}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {

.vision-rgt ul.image-lst { max-width: 445px;}
.vision-rgt ul.image-lst li.img2 {top: 80px;}

ul.value-lst { flex-wrap: wrap; column-gap: 4%; row-gap: 50px;}
ul.value-lst li {flex: 0 1 48%;}
ul.value-lst li .icon-div img { width: 150px;}

.prod-div { margin-top: 30px;}
ul.prod-list li .prod-lft {width: 100%; padding-right: 0px; text-align: center; order: 2;}
.prod-cont {padding-left: 0px;}
.prod-cont ul li { padding-left: 0px; background: none; justify-content: center;}
ul.prod-list li .prod-rgt { width: 100%; text-align: center;}
ul.prod-list li .prod-rgt img { float: none; width: 250px;}
ul.prod-list li:nth-child(2n) .prod-lft { padding-left: 0px;}

/* popup css */
.popup-list ul {width: 100%; margin-right: 0; margin-bottom: 0;}
.popup-list ul:last-child { margin-bottom: 0;}
.popup-list ul:last-child li:first-child { display: none; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

.why-lft img { height: 175px;}
.vision-rgt ul.image-lst { max-width: 300px;}
.vision-rgt ul.image-lst li.img2 {top: 55px;}

.what-rgt img {width: 240px; }

/* popup css */
.popup-div .title-bg h1 { font-size: 28px; line-height: 38px; }
.popup-div .title-bg h4 { font-size: 18px; line-height: 26px;}

}
@media screen and (max-width:359px) {

.sustainable-sec h2 {font-size: 32px;line-height: 38px;}
a.storage-btn {font-size: 13px;padding: 0px 20px;}

/* popup css */
.popup-div .title-bg { margin-bottom: 15px;}
.popup-list ul li { flex-wrap: wrap;}
.popup-list ul li h2:first-child { width: 100%;}
.popup-list ul li h2:nth-child(2) { width: 95%;}
.popup-list ul li h2:last-child { width: 5%;}

}