@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: 30px;
    height: 30px;
    padding: 0;
    margin-top: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: 0;
    /*text-indent: -9999px;*/
    z-index: 1;
    background: none;
    background-repeat: no-repeat;
    background-position: center center;
}

.slider-1 .slick-prev,
.slider-1 .slick-next {  width: auto; height: auto; }
.slider-1 .slick-prev { left: -65px; }
.slider-1 .slick-next { right: -65px; }
.slider-1 .slick-prev span:before,
.slider-1 .slick-next span:before { font-size: 45px; color: #7d7d7d; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.slider-1 .slick-prev:hover span:before,
.slider-1 .slick-next:hover span:before { color: #000; }

.slider-3 .slick-prev,
.slider-3 .slick-next {  width: auto; height: auto; }
.slider-3 .slick-prev { left: 50%; margin-left: -720px; }
.slider-3 .slick-next { right: 50%; margin-right: -720px; }
.slider-3 .slick-prev span:before,
.slider-3 .slick-next span:before { font-size: 45px; color: #7d7d7d; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.slider-3 .slick-prev:hover span:before,
.slider-3 .slick-next:hover span:before { color: #000; }

@media only screen and (max-width: 1500px) {
.slider-1 .slick-prev { left: 0; }
.slider-1 .slick-next { right: 0; }

.slider-3 .slick-prev { left: 0; margin-left: 0; }
.slider-3 .slick-next { right: 0; margin-right: 0; }
}

@media only screen and (max-width: 1200px) {
.slider-1 .slick-prev span:before,
.slider-1 .slick-next span:before { font-size: 30px; }
.slider-3 .slick-prev span:before,
.slider-3 .slick-next span:before { font-size: 30px; }
}