/* SLICK 1.6.0 */
.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{display:none}


/* Slick Slider FontAwesome */
.slick-loading .slick-list{background:$white center center no-repeat}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:40%;display:block;border:none; background:none; color:$white; padding:0; width: 50px; height: 50px; opacity:1;cursor:pointer;outline:none;@include transition(); font-weight:300; z-index:1;
    &:hover{
        &:after{background-color: $lightblue;}
    }
}
.slick-prev:before,.slick-next:before{font-family:'Font Awesome 5 Pro';font-size:26px;line-height:1; color:$white; position: relative; z-index: 2;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}
.slick-prev.slick-disabled,.slick-next.slick-disabled{opacity:.4;pointer-events:none;}
.slick-prev{left:-15px}
[dir='rtl'] .slick-prev{right:0;left:auto}
.slick-prev:before{content:'\f104'}
.slick-next{right:-15px}
.slick-next:before{content:'\f105'}
[dir='rtl'] .slick-next:before{content:'\f190'}
.slick-prev:after,.slick-next:after{content:""; background: $blue; position:absolute; left:0; top:0; width: 100%; height: 100%; transform: skewX(-15deg); @include transition();}
.slick-dotted.slick-slider{margin-bottom:30px;}
.slick-dots{position:absolute;bottom:-30px;left:0;width:100%;display:block;padding:0 15px;margin:0;list-style:none;text-align:center;z-index: 1;}
.slick-dots li{position:relative;display:inline-block;width:12px;height:12px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0; width:100%; line-height:0;display:block;cursor:pointer;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{}
.slick-dots li button:before{content:""; position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background:$border; @include transition(); border-radius: 10px;}
.slick-dots li.slick-active button:before{background: $blue;}


.slider{opacity:0; transition:all 0.6s ease;}
.slider.slick-initialized{opacity:1;}
.slick-list{width:100%;}
.slick-track{min-width:100%;}

.slick-custom-arrows{
    .slick-arrow{position:static; display: inline-block !important; margin-right: 20px;
        &:last-child{margin-right: 0;}
    }
}
