.slperekhodnik{
    max-width: 70%;
    margin: 0 auto;
    width: 100%;
}
    
.gablok_sedakoda{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    }
    
.slayder_karusel{
    position: relative;
    width: 500%;
    font-size: 0;
    animation: 25s gablok_sedakoda-ani infinite;
    }
    
.slayder_karusel figure{
    width: 20%;
    height: auto;
    display: inline-block;
    position: inherit;
    }
    
.slayder_karusel img{
    max-width: 100%;
    vertical-align: bottom;
    }
    
.slayder_karusel img:hover{
    filter: grayscale(90%);
    }
    
.slayder_karusel figure figcaption{
    position: absolute;
    font-family: 'Roboto';
    font-size: 1.4rem;
    font-weight: 100;
    text-transform: uppercase;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    color: #fff;
    width: 100%;
    padding: .5em;
    }
    
@keyframes gablok_sedakoda-ani{
    0%{
    left: 0%;
    }
    
    20%{
    left: 0%;
    }
    
    25%{
    left: -100%;
    }
    
    45%{
    left: -100%;
    }
    
    50%{
    left: -200%;
    }
    
    70%{
    left: -200%;
    }
    
    75%{
    left: -300%;
    }
    
    95%{
    left: -300%;
    }
    
    100%{
    left: -400%;
    }
    
}