#homepage-slider img {
    width: 100%;
    height: auto;
}

.radio {
    display: none;
}

#homepage-slider .images {
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

#homepage-slider .images-inner {
    width: 500%;
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

#homepage-slider .image-slide {
    width: 20%;
    float: left;
}

.image-slide {
    transition: all 0.5s ease-out;
}

/* Move slides overflowed container */
#slide1:checked ~ .images .images-inner {
    margin-left: 0;
}

#slide2:checked ~ .images .images-inner {
    margin-left: -100%;
}

#slide3:checked ~ .images .images-inner {
    margin-left: -200%;
}

/*#slide4:checked ~ .images .images-inner {
    margin-left: -300%;
}*/

/* Calculate AUTOPLAY for SLIDES */
@keyframes slide {
    /*0%, 20.0% {
        margin-left: 0;
    }

    25.0%, 45.0% {
        margin-left: -100%;
    }

    50.0%, 70.0% {
        margin-left: -200%;
    }

    75.0%, 95.0% {
        margin-left: -300%;
    }*/
    0%, 30.0% {
        margin-left: 0;
    }

    35.0%, 60.0% {
        margin-left: -100%;
    }

    65.0%, 95.0% {
        margin-left: -200%;
    }
    /*0%, 45% {
        margin-left: 0;
    }

    50%, 95% {
        margin-left: -100%;
    }*/
}


.st-slider > #play1:checked ~ .images .images-inner {
    animation: slide 30000ms infinite;
}
/* Calculate AUTOPLAY for SLIDES - END */