@charset 'UTF-8';
/* Slider */



/* Slider */

.slick-slider {display:flex;flex-wrap: nowrap; padding:0 0px;margin:0 0px 0 0;box-sizing: border-box;    -webkit-user-select: none;       -moz-user-select: none;        -ms-user-select: none;            user-select: none;    -webkit-touch-callout: none;    -khtml-user-select: none;    -ms-touch-action: pan-y;        touch-action: pan-y;    -webkit-tap-highlight-color: transparent;}
.slick-list{    position: relative;    display: flex;width:100%;    overflow: hidden;z-index:2;    margin: 0;    padding: 0;}
.slick-list:focus{    outline: none;}
.slick-list.dragging {    cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {    -webkit-transform: translate3d(0, 0, 0);       -moz-transform: translate3d(0, 0, 0);        -ms-transform: translate3d(0, 0, 0);         -o-transform: translate3d(0, 0, 0);            transform: translate3d(0, 0, 0);}
.slick-track{    position: relative;    top: 0;    left: 0;    display: flex;}
.slick-slide{    display: none;    float: none;   min-height: 1px;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide {    display: block;    height: auto;}
.slick-arrow.slick-hidden {    display: none;}


.slick-arrow { padding:0px; background: none; border:0.125rem solid var(--Eco-Green_100); position:absolute; width:3rem; height:3rem; display:flex!important; transition:0.5s; font-size:0px; z-index:5; top:50%; margin:-1.5rem 0 0 0; text-align:center; z-index:6; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; align-items: center !important; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; align-items: center; justify-content: center; border-radius: 0.75rem; -webkit-border-radius: 0.75rem; -moz-border-radius: 0.75rem; -ms-border-radius: 0.75rem; -o-border-radius: 0.75rem; }
.slick-prev { left:0;}
.slick-prev:after { content: "\e904"; z-index:3;  color:var(--Moon-Black_Titles);opacity:1;font-size:1.75rem; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; transition-delay: 0.1s; }
.slick-next { right:0; }
.slick-next:after { content: "\e905"; z-index:3;  color:var(--Moon-Black_Titles);opacity:1;font-size:1.75rem; transition:0.5s ; -webkit-transition:0.5s ; -moz-transition:0.5s ; -ms-transition:0.5s ; -o-transition:0.5s ; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;transition-delay: 0.1s; }
.slick-arrow:hover {background: var(--Eco-Green_100);}
.slick-arrow:hover:after {color:var(--Total-White)!important;}


.main-hero .slick-arrow { width:2rem; height:2rem; margin:0rem 0 0 0; border: 0.0625rem solid rgba(255, 255, 255, 0.40); border-radius:0.5rem ; -webkit-border-radius:0.5rem ; -moz-border-radius:0.5rem ; -ms-border-radius:0.5rem ; -o-border-radius:0.5rem ; }
.main-hero .slick-prev:after { content: "\e904"; z-index:3;  color:var(--Total-White);font-size:1.25rem; }
.main-hero .slick-next:after { content: "\e905"; z-index:3;  color:var(--Total-White);font-size:1.25rem;}
.main-hero .slick-arrow:hover {background:var(--Total-White);}
.main-hero .slick-arrow:hover:after {color:var(--Moon-Black_Titles)!important;}
.main-hero .slick-next {right:1rem;bottom:1.5rem;top:auto;}
.main-hero .slick-prev {right:4rem;bottom:1.5rem;left:auto;top:auto;}


/* Dots */

.slick-dots
{
  position:absolute;bottom:2.5rem;
  padding:0 0px;
margin:0px!important;
z-index:5;
  left:0;

  right:0;
    display: block;
height:0.125rem;
display: -ms-flexbox !important;
    display: flex !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    justify-content: center;  
    font-size:0px;
    list-style: none;

}


.slick-dots li:before {display:none!important;}
.slick-dots li
{
width:auto!important;


  border-radius:50%;
  position: relative;
  padding:0px 0!important;
  -ms-flex-preferred-size: 0;

  vertical-align:middle;
  height:0.125rem;
  margin: 0 0.375rem!important;
  transition:0.4s;
  cursor: pointer;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  -webkit-transition:0.4s;
  -moz-transition:0.4s;
  -ms-transition:0.4s;
  -o-transition:0.4s;
}
.slick-dots li button
{
 font-size: 0;
 line-height: 0;
 display: block;
 width: 2rem;
 height:0.125rem;
 border-radius:50%;
 font-size:0px;
 cursor: pointer;
 padding:0px;
 color: transparent;
 border:0;
 border:0;
 outline: none;
 background: #D9D9D9;
 opacity:0.2;
 transition:0.4s;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 -o-border-radius:50%;

}



.slick-dots li a
{
    font-size: 0;
    line-height: 0;

    display: block;

 width: 0.5rem;
    height: 0.5rem;
border-radius:50%;
font-size:0px;
    cursor: pointer;
padding:0px;
    color: transparent;
    border: 0px solid #345a81;

}
.slick-dots li button:hover,
.slick-dots li button:focus
{
  background:#fff;
  opacity:1;


}
.slick-dots li:hover button
{
  background:#fff;
  opacity:1;


}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
  background:#2A2927;

}
.slick-dots li button:before
{display:none;
}
.slick-dots li.slick-active button
{
  border-radius: 0.3125rem;
  background:#fff;
  opacity:1;
  width:2rem;
  max-width:2rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  -o-border-radius: 0.3125rem;
}
.slick-dots li.slick-active 
{

  
}
.slick-dots li:hover 
{
  opacity:1;
  
}