.h40m{
    max-height: 40%;
    overflow-y: auto;
}

.slider, .slider_mc, .slider_ar, .slider_bg{
    width: 320px;
    overflow: hidden;
    position: relative;
}

.slides{
    display: flex;
    width: 400%;
}

.slides_mc{
    display: flex;
    width: 500%;
}

.slides_ar{
    display: flex;
    width: 200%;
}

.slides_bg{
    display: flex;
    width: 1000%;
}

.img{
    width: 100%;
    height: 320px;
}

.mc, .hb{
    width: 400px;
}

.mr, .ar{
    width: 500px;
}

.rs, .bg{
    width: 600px;
}

@keyframes slide {
    0%, 25% { transform: translateX(0%); }
    25.1%, 50% { transform: translateX(-25%); }
    50.1%, 75% { transform: translateX(-50%); }
    75.1%, 100% { transform: translateX(-75%); }
}

@keyframes slide_5 {
    0%, 20% { transform: translateX(0%); }
    20.1%, 40% { transform: translateX(-20%); }
    40.1%, 60% { transform: translateX(-40%); }
    60.1%, 80% { transform: translateX(-60%); }
    80.1%, 100% { transform: translateX(-80%); }
}

@keyframes slide_2 {
    0%, 50% { transform: translateX(0%); }
    50.1%, 100% { transform: translateX(-50%); }
}

@keyframes slide_10 {
    0%, 10% { transform: translateX(0%); }
    10.1%, 20% { transform: translateX(-10%); }
    20.1%, 30% { transform: translateX(-20%); }
    30.1%, 40% { transform: translateX(-30%); }
    40.1%, 50% { transform: translateX(-40%); }
    50.1%, 60% { transform: translateX(-50%); }
    60.1%, 70% { transform: translateX(-60%); }
    70.1%, 80% { transform: translateX(-70%); }
    80.1%, 90% { transform: translateX(-80%); }
    90.1%, 100% { transform: translateX(-90%); }
}

.slider .slides{
    animation: slide 10s infinite linear;
}

.slider_mc .slides_mc{
    animation: slide_5 12s infinite linear;
}

.slider_ar .slides_ar{
    animation: slide_2 5s infinite linear;
}

.slider_bg .slides_bg{
    animation: slide_10 25s infinite linear;
}

.slider:hover .slides{
    animation: none;
}

.slider_mc:hover .slides_mc{
    animation: none;
}

.slider_ar:hover .slides_ar{
    animation: none;
}

.slider_bg:hover .slides_bg{
    animation: none;
}