/* Arrows */
.bw-image-slider .sow-carousel-previous,
.bw-image-slider .sow-carousel-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
    z-index: 99;

    display: block;

    width: 35px;
    height: 58px;
    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;
}

.bw-image-slider .sow-carousel-previous:hover,
.bw-image-slider .sow-carousel-previous:focus,
.bw-image-slider .sow-carousel-next:hover,
.bw-image-slider .sow-carousel-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.bw-image-slider .sow-carousel-previous:hover:before,
.bw-image-slider .sow-carousel-previous:focus:before,
.bw-image-slider .sow-carousel-next:hover:before,
.bw-image-slider .sow-carousel-next:focus:before {
    opacity: 1;
}

.bw-image-slider .sow-carousel-previous.slick-disabled:before,
.bw-image-slider .sow-carousel-next.slick-disabled:before {
    opacity: .25;
}

.bw-image-slider .sow-carousel-previous {
    left: 10px;
}

@media (min-width: 1060px) {
    .bw-image-slider .sow-carousel-previous {
        left: -45px;
    }
}

@media (min-width: 1150px) {
    .bw-image-slider .sow-carousel-previous {
        left: -85px;
    }
}

.bw-image-slider .sow-carousel-previous:before,
.bw-image-slider .sow-carousel-next:before {
    display: block;
    width: 35px;
    height: 58px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.bw-image-slider .sow-carousel-previous:before {
    content: '';
    background-image: url(../assets/prev.svg);
}

.bw-image-slider .sow-carousel-next {
    right: 10px;
}

@media (min-width: 1060px) {
    .bw-image-slider .sow-carousel-next {
        right: -45px;
    }
}

@media (min-width: 1150px) {
    .bw-image-slider .sow-carousel-next {
        right: -85px;
    }
}

.bw-image-slider .sow-carousel-next:before {
    content: '';
    background-image: url(../assets/prev.svg);
    transform: rotate(180deg);
}


.bw-image-slider {
    position: relative;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
}