@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

}
/* Arrows */
.slick-arrow{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:40px;height:40px;padding:0;-webkit-transform:translate(0,-50%) ;-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent; }
.slick-arrow:hover,
.slick-arrow:focus,{color:transparent;outline:none;background:transparent}
.slick-arrow:hover:before,
.slick-arrow:focus:before,{opacity:1}

.slick-arrow:before{content: ''; position: absolute; z-index: 5;left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center center}
.slick-arrow:after{content: '';position: absolute;left: -2%;right: -2%;top:-2%; bottom: -2%;background: #009946;transform: rotate(45deg) }
.slick-disabled:after{background: #fff}
.slick-arrow:not(.slick-disabled):before{ filter: brightness(0) invert(1);}
.slick-prev{left:0;}
.slick-prev:before{background-image: url("prev.svg")}
.slick-next{right:0;}
.slick-next:before{background-image: url("next.svg")}

.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:.8rem;display:flex;justify-content:center;align-items:center;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;width:20px;height:20px;margin:0 .3rem;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;transform:rotate(45deg);display:block;width:10px;height:10px;cursor:pointer;padding:0;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before,
.slick-dots li button:after{font-size:6px;line-height:20px;position:absolute;top:0;left:0;content:'';text-align:center;opacity:.4;color:black;background:#fff; transition: 0.5s}
.slick-dots li button:before{width:100%;height:100%;}
.slick-dots li button:after{border: solid 2px #fff; background: none; top:-.2rem; left: -.2rem; bottom: -.2rem; right: -.2rem; margin: auto; opacity: 0}
.slick-dots li.slick-active button:before{opacity: 1;}
.slick-dots li.slick-active button:after{opacity: 1;}
@media(max-width:1024px){
.slick-dots {bottom: .4rem}
.slick-dots li button:after{left: -.1rem;right: -.1rem;top:-.1rem; bottom: -.1rem;}
}