.ls-n01{
	letter-spacing:-0.3px;
}

.blockImage.absolute-bgs.z1 {
    left: -12%;
}



.enviSec11Z3 svg path{
stroke-dasharray: 3;
stroke-dashoffset:3;
}


.enviSec2row1Svg svg {
    max-width: 96%;
}
.spaceLeftSmall {
    padding-left: 4rem;
}

.enviSec11Z3.loaded svg path{
-moz-animation:DASH3 2s ease-in-out ;
-webkit-animation:DASH3 2s ease-in-out ;
animation:DASH3 2s ease-in-out ;
stroke-dasharray: 1366;
stroke-dashoffset:1366;
animation-fill-mode: both;
}

.enviSec16BG svg{
stroke-dasharray: 1366;
stroke-dashoffset:1366;
}

.enviSec16BG.loaded svg{
	-moz-animation:DASH3 2s ease-in-out ;
-webkit-animation:DASH3 2s ease-in-out ;
animation:DASH3 2s ease-in-out ;
animation-fill-mode: both;
}

.z1.loaded svg{
-moz-animation:DASH3 5s ease-in-out ;
-webkit-animation:DASH3 5s ease-in-out ;
animation:DASH3 5s ease-in-out ;
stroke-dasharray: 1000;
stroke-dashoffset:1000;
animation-fill-mode: both;
}
.z1 svg{
stroke:#53BF9B;
fill:#53BF9B;
fill-opacity:0;
stroke-dasharray: 1000;
stroke-dashoffset:1000;
height: 100%;
}


@-webkit-keyframes DASH3{
	0%  {stroke-dashoffset:1366; stroke-width:1px;}
	100%{stroke-dashoffset:0;fill-opacity:1; stroke-width:1px;}
}
@-moz-keyframes DASH3{
	0%  {stroke-dashoffset:1366; stroke-width:1px;}
	100%{stroke-dashoffset:0;fill-opacity:1; stroke-width:1px;}
} 	 
 
 
 


.bgF4{
	background-color:#F2F2F2;
}


.Sec4row2Box {
    width: 140px;
    height: 140px;
    margin: auto;
}
.border-radius4{
	border-radius:4px;
}
.box-shadow{
	box-shadow:1px 1px 12px 1px rgba(0, 0, 0, 0.2);
}
.Sec4row1spaceLeft{
	    padding-left: 5.5%;
}
.enviSec4row2.Sec4row2Space {
    padding: 50px 0;
}

.enviSec12rowSpace{
	padding-top:80px;
}
	.enviSlider1BG{
    background-size: 80px;
    background-position: center center;
    background-repeat: repeat;
	background-attachment: fixed;
	}

.dotrow::after {
    content: '';
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-repeating-radial-gradient(center center, #D1D3D4, #D1D3D4 2px, transparent 2px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, #D1D3D4, #D1D3D4 2px, transparent 2px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, #D1D3D4, #D1D3D4 2px, transparent 2px, transparent 100%);
    background-image: repeating-radial-gradient(center center, #D1D3D4, #D1D3D4 2px, transparent 2px, transparent 100%);
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    z-index: -1;
}
.dotrow2::after {
    content: '';
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-repeating-radial-gradient(center center, #57BC82, #57BC82 2px, transparent 2px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, #57BC82, #57BC82 2px, transparent 2px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, #57BC82, #57BC82 2px, transparent 2px, transparent 100%);
    background-image: repeating-radial-gradient(center center, #57BC82, #57BC82 2px, transparent 2px, transparent 100%);
    -webkit-background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    background-size: 32px 32px;
    z-index: -1;
}




/* slides*/

   /* the slides */
  .enviSlider1  .slick-slide {
    margin: 0 -5px;
	max-width: 50%;
  }
  

  
    .enviSlider1  .slick-slide img{
	max-width: 90%;
  }
  /* the parent */
  .enviSlider1  .slick-list {
    margin: 0 -5px;
  }


[class*="sprite-envi"] {
    width: 130px;
    height: 130px;
    background-image: url('../images/Envi/Envi-sprite-icons.svg');
    background-size: 130px 780px;
    background-position: 0 0;
    margin: 30px auto;
}

.sprite-envi-icon1 {background-position: 0 0px;}
.sprite-envi-icon2 {background-position: 0 -130px;}
.sprite-envi-icon3 {background-position: 0 -260px;}
.sprite-envi-icon4 {background-position: 0 -390px;}
.sprite-envi-icon5 {background-position: 0 -520px;}
.sprite-envi-icon6 {background-position: 0 -650px;}

.absolute-bgs{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
}
.absolute-bgs.z2{
	position: absolute;
    left: 0;
    top: 10%;
    bottom:10%;
	right:0;
    margin: auto;
    z-index: 0;
}

.organicanauiuxSec8row1Space {
    padding-top: 80px;
}

.absolute-bgs.z3 div{
	height:25%;
	background-repeat: repeat;
}

section#organicanauiuxSec11 {
    background-repeat: repeat;
}

.rowgapMr{
		margin:80px 0;
}

.slideBG{
padding-top:595px;
background-size: contain;
    -moz-background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 555555
}

.absolute-bgs.slideBG {
    top: 73px;
    bottom: auto;
    left: -3px;
}

.enviSec13rowSpace
{
	padding:80px 0;
}
.enviSec17Space{
	padding-top:80px;
}
.relative-bg{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
		transform-box: fill-box;
		z-index:0;
}
.relative-bg1{
position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    transform-box: fill-box;
    z-index: 5;
}


.display-xs{
	display:none;
}

.envi-player {
    margin: 0 auto;
    position: absolute;
    padding-top: 0;
    max-width: 50%;
    margin: auto;
    left: 0;
    right: 0;
    top: 30px;
}
.envivideoBG{
		padding-top: 45.5%;
	    background-size: contain;
    -moz-background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 555555;
	margin-top:80px;
}
.absolute-bgs.enviSec17BG {
    bottom: 31%;
}

.enviSec17:after {
    content: '';
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 31%;
    left: 0;
  background : -moz-linear-gradient(0% 50% 0deg,rgba(88, 189, 132, 1) 0%,rgba(87, 189, 135, 1) 30.78%,rgba(84, 190, 146, 1) 57.92%,rgba(80, 191, 164, 1) 83.61%,rgba(76, 192, 180, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(88, 189, 132, 1) 0%, rgba(87, 189, 135, 1) 30.78%, rgba(84, 190, 146, 1) 57.92%, rgba(80, 191, 164, 1) 83.61%, rgba(76, 192, 180, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(88, 189, 132, 1) ),color-stop(0.3078,rgba(87, 189, 135, 1) ),color-stop(0.5792,rgba(84, 190, 146, 1) ),color-stop(0.8361,rgba(80, 191, 164, 1) ),color-stop(1,rgba(76, 192, 180, 1) ));
  background : -o-linear-gradient(0deg, rgba(88, 189, 132, 1) 0%, rgba(87, 189, 135, 1) 30.78%, rgba(84, 190, 146, 1) 57.92%, rgba(80, 191, 164, 1) 83.61%, rgba(76, 192, 180, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(88, 189, 132, 1) 0%, rgba(87, 189, 135, 1) 30.78%, rgba(84, 190, 146, 1) 57.92%, rgba(80, 191, 164, 1) 83.61%, rgba(76, 192, 180, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#58BD84', endColorstr='#4CC0B4' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(88, 189, 132, 1) 0%, rgba(87, 189, 135, 1) 30.78%, rgba(84, 190, 146, 1) 57.92%, rgba(80, 191, 164, 1) 83.61%, rgba(76, 192, 180, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58BD84',endColorstr='#4CC0B4' , GradientType=1);
    z-index: -1;
}

.Sec4row1Space{
	padding-left:5.414%;
}

.enviSec4BG{
	background-color:#FAFAFA;
}

.enviSec5Z {
    left: -35%;
    z-index: 1;
    top: -35px;
}


.enviSec17BG {
    background-size: 7%;
    background-repeat: repeat;
}

 .enviSec7row8Anime.loaded {
	 opacity:1;
    -webkit-animation-name: sectorImageAnimation;
    animation-name: sectorImageAnimation;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: top left;
    transform-origin: top left;
	will-change: transform, opacity;
	transition-delay:0.2s;
}

.enviSec7row8Anime{
	will-change: transform, opacity;
	opacity:0;
}


@-webkit-keyframes sectorImageAnimation {
  from {
    opacity: 0;
    -webkit-transform:  scale3d(0.9,0.9,0.9) translate(30px,30px) ;
    transform:  scale3d(0.9,0.9,0.9) translate(30px,30px) ;
  }

  100% {
    opacity: 1;
    -webkit-transform:  scale3d(1,1,1) translate(0,0) ;
    transform:  scale3d(1,1,1) translate(0 , 0) ;
  }
}


@keyframes sectorImageAnimation {
  from {
    opacity: 0;
    -webkit-transform:  scale3d(0.9,0.9,0.9) translate(30px,30px) ;
    transform:  scale3d(0.9,0.9,0.9) translate(30px,30px) ;
  }

  100% {
    opacity: 1;
    -webkit-transform:  scale3d(1,1,1) translate(0,0) ;
    transform:  scale3d(1,1,1) translate(0 , 0) ;
  }
}



@media only screen and (min-width:768px) {
	.enviSlider2 .slick-slide.slick-current.slick-active{
	    -webkit-transform:  scale(1);
    transform:  scale(1); 
	will-change:transform;
	  transition: transform 0.6s;
}


.enviSlider2 .slick-slide.slick-active
{  
	-webkit-transform: translateZ(0) scale(0.8); 
	-ms-transform: translateZ(0) scale(0.8);
	-moz-transform: translateZ(0) scale(0.8);
	transform: translateZ(0) scale(0.8);
	will-change:transform;
  -webkit-backface-visibility: hidden; 
  transition: transform 0.6s ease;
}

   /* the slides */
 .enviSlider2 .slick-slide {
    margin: 0 -15px;
  }
  /* the parent */
  .enviSlider2 .slick-list {
    margin: 0 -15px;
  }




.enviSlider2 .slick-slide img
{  
    -webkit-backface-visibility: hidden; 
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);	
}
}


@media only screen and (min-width:992px) and (max-width:1200px) {
.slideBG {
    padding-top: 660px;
}
}
	

@media only screen and (min-width:768px) and (max-width:991.98px) {
.z1 svg {
    height: 60%;
}
.envi-player {
    top: 20px;
}

.absolute-bgs.slideBG {
    top: 23px;
    bottom: auto;
}
.spaceLeftSmall {
    padding-left: 0;
}

.blockImage.absolute-bgs.z1 {
    left: -5%;
}
.enviSec2row1Svg svg {
    max-width: 100%;
}

}

@media only screen and (min-width:768px) and (max-width:1023.98px) {
	.envi-player {

    top: 29px;
}
}

@media only screen and (min-width:768px) and (max-width:991.98px) {
.Sec4row2Box {
    width: 70px;
    height: 70px;
    margin: auto;
}
.absolute-bgs.slideBG {
    top: 28px;
}



   /* the slides */
 .enviSlider2 .slick-slide {
    margin: 0 15px;
  }
  /* the parent */
  .enviSlider2 .slick-list {
    margin: 0 15px;
  }

.slideBG {
    padding-top: 61.84%;
}

.organicanauiuxSec4row2.Sec4row2Space {
    padding: 30px 0;
}
.organicanauiuxSec8row1Space {
    padding-top: 50px;

}
.absolute-bgs.z2 {
    top: 5%;
    bottom: 5%;
}
[class*="sprite-envi"] {
    width: 70px;
    height: 70px;
    background-size: 70px 420px;
}
.sprite-envi-icon1 {background-position: 0 0px;}
.sprite-envi-icon2 {background-position: 0 -70px;}
.sprite-envi-icon3 {background-position: 0 -140px;}
.sprite-envi-icon4 {background-position: 0 -210px;}
.sprite-envi-icon5 {background-position: 0 -280px;}
.sprite-envi-icon6 {background-position: 0 -350px;}


}



@media only screen and (min-width:320px) and (max-width:767.98px) {
.Sec4row1Space {
    padding-left: 0;
}

.envivideoBG {
    padding-top: 65.8682634730539%;
}
.envi-player {
    max-width: 72.4%;
    top: 22px;
}
.spaceLeftSmall {
    padding-left: 0;
}
.Sec4row1spaceLeft {
    padding-left: 0;
}
.organicanauiuxSec4row2.Sec4row2Space {
    padding: 15px 0;
}
.Sec4row2Box {
    margin: 15px auto;
}
.organicanauiuxSec8row1Space {
    padding-top: 0;
}

.enviSec5Z {
    left: -45px;
}
.absolute-bgs.slideBG {
    top: 18px;
    bottom: auto;
    left: -3px;
}
.envivideoBG {
    margin-top: 0;
}
.envi-player {
    top: 10px;
}
.enviSec17BG {
    background-size: 10%;
    background-repeat: repeat;
}
.enviSec4row2.Sec4row2Space {
    padding: 20px 0;
}

[class*="sprite-envi"] {
    width: 70px;
    height: 70px;
    background-size: 70px 420px;
}
.sprite-envi-icon1 {background-position: 0 0px;}
.sprite-envi-icon2 {background-position: 0 -70px;}
.sprite-envi-icon3 {background-position: 0 -140px;}
.sprite-envi-icon4 {background-position: 0 -210px;}
.sprite-envi-icon5 {background-position: 0 -280px;}
.sprite-envi-icon6 {background-position: 0 -350px;}

.enviSec17Space {
    padding-top: 30px;
}
.plyr__control--overlaid {
    padding: 22px;
}
}

@keyframes dash1 {
  to {
    stroke-dashoffset: 100;
  }
}