@charset 'UTF-8';
/* Slider */

.slick-slider :focus {
    outline: 0;
}

.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

.slick-slider
{
    width: 100%; margin: 0; padding: 0; box-sizing: border-box;
}

/* Arrows */
.slick-prev,
.slick-next
{
    position: absolute;
    top: 50%;
    display: block;
    width: 21px;
    height: 40px;
    padding: 0;
    margin-top: 0;
    cursor: pointer;
    border: 0;
    text-indent: -9999px;
    z-index: 1;
    background: none;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
}

.slick-prev { background-image: none; }
.slick-next { background-image: none; }

.slider-1 { }
.slider-1 .slick-prev,
.slider-1 .slick-next { background-image: url(../../img/arrows/arrow-21x40-grey.png); }
.slider-1 .slick-prev:hover,
.slider-1 .slick-next:hover { background-image: url(../../img/arrows/arrow-21x40-white.png); }
.slider-1 .slick-prev { left: -58px; }
.slider-1 .slick-next { right: -58px; transform: rotate(180deg); margin-top: -20px; }

.gal-thumbs { }
.gal-thumbs .slick-prev,
.gal-thumbs .slick-next { width: 100%; height: 15px; background: url(../../img/arrows/arrow-12x8-white.png) no-repeat center center rgba(154,154,154,1); }
.gal-thumbs .slick-prev { top: 0; }
.gal-thumbs .slick-next { top: auto; bottom: 0; transform: rotate(180deg); }

@media only screen and (max-width: 1380px) {
.slider-1 .slick-prev { left: -31px; }
.slider-1 .slick-next { right: -31px; }
}

@media only screen and (max-width: 992px) {
.gal-thumbs { padding: 0 15px; }
.gal-thumbs .slick-prev,
.gal-thumbs .slick-next { width: 15px; height: 100%; background-image: url(../../img/arrows/arrow-12x8-white-hor.png); }
.gal-thumbs .slick-prev { left: 0; }
.gal-thumbs .slick-next { right: 0; top: 0; bottom: auto; }
}

@media only screen and (max-width: 767px) {
.slider-1 .slick-prev { left: -26px; }
.slider-1 .slick-next { right: -26px; }
}

@media only screen and (max-width: 480px) {
.slider-1 .slick-prev { left: -31px; }
.slider-1 .slick-next { right: -31px; }
}