/* Slider */
.slick-slide {margin: 0px 20px;}

.slick-slide img {width: 100%;}
.slick-slider{position: relative; display: block;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: block; overflow: hidden; 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: block;}
.slick-track:before, .slick-track:after{display: table; content: ''; }
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide
{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {cursor: pointer; position: fixed; top: 50%; width: auto; margin-top: -40px; padding: 5px; color: var(--main-theme);
  font-weight: bold; font-size: 35px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;}

.slide-arrow{
  position: absolute; cursor: pointer;top: 50%; font-size: 35px; margin-top: -15px; border-radius: 0 3px 3px 0; background: transparent;
}
.prev-arrow{left: -40px;width: 0; height: 0; border-left: 0 solid transparent; 
  border-right: 15px solid var(--main-theme); border-top: 10px solid transparent; border-bottom: 10px solid transparent;  
}
.next-arrow{
  right: -40px; width: 0; height: 0; border-right: 0 solid transparent;border-left: 15px solid var(--main-theme); border-top: 10px solid transparent; border-bottom: 10px solid transparent;
}

@media only screen and (max-width: 600px) {
    .slide-arrow{top: 40%}
    .next-arrow{right: -12px}
    .prev-arrow{left: -12px}
}

@media only screen and (min-width: 600px) and (max-width: 980px) {
    .slide-arrow{top: 40%}
    .next-arrow{right: -30px}
    .prev-arrow{left: -30px}
}