
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 41%;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    opacity: .6;
    outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before,
{
    opacity: 1;
}
.slick-prev
{
    left: -25px;
    z-index: 1;
    background:url(../img/slider_arrow_left.png);
}
.slick-next
{
    right: -25px;
    z-index: 1;
    background:url(../img/slider_arrow_right.png);
}
#mainSlide {
    /*width: 1222px;*/
    margin: auto;
}
#mainSlide2 {
    /*width: 1222px;*/
    margin: auto;
}
#mainSlide3 {
    /*width: 1222px;*/
    margin: auto;
}
@media screen and (max-width:375px) {
    .modal_style .slick-prev .slick_single_large_prev {
        left: inherit;
    }
    .modal_style .slick-next .slick_single_large_next {
        right: 0;
    }
}

.slick_single_large_prev,
.slick_single_large_next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick_single_large_prev {
    left: 0px;
    z-index: 1;
    background:url(../img/slider_arrow_left.png);
}
.slick_single_large_next {
    right: 0px;
    z-index: 1;
    background:url(../img/slider_arrow_right.png);
}
.slick_single_large_prev:hover,
.slick_single_large_next:hover {
    opacity: .6;
    outline: none;
}
.slick_single_large li {
    height: 350px;
    background: center / cover;
}
@media screen and (max-width:991px) {
   .slick_single_large li {
       height: 270px;
       background: center / cover;
       margin-top: 7px;
   }
}
@media screen and (max-width:768px) {
   .slick_single_large li {
       margin-top: 3px;
   }
}
@media screen and (max-width:375px) {
    .slick_single_large li {
        height: 200px;
        background: center / cover;
        margin-top: 0px;
    }
}
