/*--------------------------------------------------------------------------*\
    Appearance from right long
\*--------------------------------------------------------------------------*/

@keyframes fade-in-right-long {

    0% {
        /*box*/
        opacity: 0;

        /*transform*/
        -webkit-transform: translateX(100vw);
        transform: translateX(100vw);
    }

    100% {
        /*box*/
        opacity: 1;

        /*transform*/
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

}

.anim-name-fade-in-right-long {
    /*animation*/
    animation-name: fade-in-right-long;
    -webkit-animation-name: fade-in-right-long;
}