.sliderFade__wrap {
    z-index:10;
    opacity:0.2;
    transition:z-index 0.3s step-end, opacity 0.3s linear;
}
.sliderFade__wrap.active {
    z-index:11;
    opacity:1;
    transition:z-index 0.5s step-start, opacity 0.5s linear;
}
.sliderFade__slide {
    transition:z-index 0.5s step-end, opacity 0.5s linear;
}
.sliderFade__slide:not(.sliderFade__show):not(.sliderFade__next) {
    z-index:10;
    opacity:0;
}
.sliderFade__show {
    z-index:11;
    -webkit-animation-name:showSlide;
    -webkit-animation-duration:1.5s;
    animation-name:showSlide;
    animation-duration:1.5s;
}

@-webkit-keyframes showSlide {
    from {
        opacity:0.5}
    to {
        opacity:1}
}
@keyframes showSlide {
    from {
        opacity:0.5}
    to {
        opacity:1}
}

.sliderFade__next {
    right:32px;
    transform: rotate(180deg);
}
.sliderFade__prev {
    right:104px;
}
.sliderFade__prev,
.sliderFade__next {
    z-index:12;
    width:56px;
    height:56px;
    bottom:32px;
    border:2px solid #fff;
    cursor:pointer;
    transition:background 0.3s ease-in;
    background:url(../img/icons/arrow-white.svg) center center no-repeat;
    background-size:10px 14px;
}
.sliderFade__prev:hover,
.sliderFade__next:hover {
    background:#fff url(../img/icons/arrow-blue-sl.svg) center center no-repeat;
    background-size:10px 14px;
}
@media only screen and (max-width: 1023px) and (min-width: 320px) {
    .sliderFade__prev,
    .sliderFade__next {
        bottom:24px;
        border-width:2px;
    }
    .sliderFade__next {
        right:24px;
    }
    .sliderFade__prev {
        right:84px;
    }
}