/* Slider */
.slick-slider {display: block; position: relative; 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 {display: block; margin: 0; padding: 0; overflow: hidden; position: relative}
    .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 {display: block; margin-left: auto; margin-right: auto; position: relative; top: 0; left: 0}
        .slick-list::before, .slick-list::after {content: ''; display: block}
        .slick-list::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 {display: none}

/* Arrows */
.slick-prev, .slick-next {background-color: rgba(243,243,243,0.9); display: block; width: 40px; height: 120px; border: none; font-size: 0; line-height: 0; cursor: pointer; outline: none; position: absolute; top: calc(50% - 60px); z-index: 1; border-radius: var(--global-radius); -webkit-transition: var(--default-transition-1); -moz-transition: var(--default-transition-1); -o-transition: var(--default-transition-1); transition: var(--default-transition-1)}
.slick-prev.slick-disabled, .slick-next.slick-disabled {display: none}
	.slick-prev::before, .slick-next::before {background-position: center center; background-repeat: no-repeat; background-size: 31px; display: block; width: 16px; height: 26px; margin-left: 12px; opacity: 0.4; -webkit-transition: var(--default-transition-1); -moz-transition: var(--default-transition-1); -o-transition: var(--default-transition-1); transition: var(--default-transition-1)}

.slick-prev {left: -10px}
[dir="rtl"] .slick-prev {left: auto; right: -10px}
.slick-prev::before {content: ''; background-image: url('../art/svg/icon-chevron-left.svg')}
[dir="rtl"] .slick-prev::before {content: ''; background-image: url('../art/svg/icon-chevron-right.svg')}

.slick-next {right: -10px}
[dir="rtl"] .slick-next { left: -10px; right: auto}
.slick-next::before {content: ''; background-image: url('../art/svg/icon-chevron-right.svg')}
[dir="rtl"] .slick-next::before {content: ''; background-image: url('../art/svg/icon-chevron-left.svg')}

.slick-prev.slick-disabled, .slick-next.slick-disabled {opacity: 0!important}

/* Dots */
.slick-dots {list-style: none; display: block; width: 100%; padding: 0; text-align: center; position: absolute; bottom: -45px}
	.slick-dots li {display: inline-block; width: 16px; height: 16px; margin: 0 2px 4px; padding: 0; position: relative; cursor: pointer}
		.slick-dots li button {background-color: var(--default-color-8); width: 16px; height: 16px; padding: 0; border: none; font-size: 0; border-radius: 50%}
		.slick-dots li button::before {display: none}
		.slick-dots li.slick-active button {background-color: var(--default-color-6)}

@media (-moz-touch-enabled: 0), (hover: hover){
    .slick-prev:hover, .slick-next:hover {background-color: var(--default-color-8); color: transparent; outline: none}
    	.slick-prev:hover::before, .slick-next:hover::before {opacity: 1}
}
@media (max-width: 1440px) {
	.slick-prev {left: 20px}
	[dir="rtl"] .slick-prev {left: auto; right: 20px}
	.slick-next {right: 20px}
	[dir="rtl"] .slick-next { left: 20px; right: auto}
}