.slider
    {
    position: relative;
    }


.slider,
.slider .slide_wrap
    {
    width: 100%;
    height: 100%;
    }
    .slider .slide_wrap
        {
        overflow-x: hidden;
        }
        .slider .slide_line
            {
            height: 100%;
            position: relative;
            display: flex;
            }
            .slider .slide_line .slide
                {
                flex: 0 0 100%;
                background-position: center center;
                background-size: cover;
                }


.slider .prev,
.slider .next
    {
    position: absolute;
    top: 0;
    height: 100%;
    width: 40px;
    z-index: +1;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 34.075 34.075" xml:space="preserve"><g><g><path style="fill:%23FFFFFF;" d="M24.57,34.075c-0.505,0-1.011-0.191-1.396-0.577L8.11,18.432c-0.771-0.771-0.771-2.019,0-2.79 L23.174,0.578c0.771-0.771,2.02-0.771,2.791,0s0.771,2.02,0,2.79l-13.67,13.669l13.67,13.669c0.771,0.771,0.771,2.021,0,2.792 C25.58,33.883,25.075,34.075,24.57,34.075z"/></g></g></svg>');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    }
.slider .next
    {
    right: 0;
    transform: rotate(180deg);
    }


/* ============================================================================ */
/* Телефон - меньше 768px   =================================================== */
/* ============================================================================ */
@media (max-width: 768px) {

.slider .prev,
.slider .next
    {
    width: 20px;
    }

}