@-webkit-keyframes sm-y-move {

    0% {

        -webkit-transform: translate(0, -50%);

        transform: translate(0, -50%);

    }



    100% {

        -webkit-transform: translate(0, 50%);

        transform: translate(0, 50%);

    }

}



@-webkit-keyframes md-y-move {

    0% {

        -webkit-transform: translate(0, -100%);

        transform: translate(0, -100%);

    }



    100% {

        -webkit-transform: translate(0, 100%);

        transform: translate(0, 100%);

    }

}



@-webkit-keyframes lg-y-move {

    0% {

        -webkit-transform: translate(0, -150%);

        transform: translate(0, -150%);

    }



    100% {

        -webkit-transform: translate(0, 150%);

        transform: translate(0, 150%);

    }

}



@-webkit-keyframes sm-x-move {

    0% {

        -webkit-transform: translate(-50%, 0);

        transform: translate(-50%, 0);

    }



    100% {

        -webkit-transform: translate(50%, 0);

        transform: translate(50%, 0);

    }

}





@-webkit-keyframes md-x-move {

    0% {

        -webkit-transform: translate(-100%, 0);

        transform: translate(-100%, 0);

    }



    100% {

        -webkit-transform: translate(100%, 0);

        transform: translate(100%, 0);

    }

}



@-webkit-keyframes lg-x-move {

    0% {

        -webkit-transform: translate(-150%, 0);

        transform: translate(-150%, 0);

    }



    100% {

        -webkit-transform: translate(150%, 0);

        transform: translate(150%, 0);

    }

}



@-webkit-keyframes sm-xy-move {

    0% {

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

    }



    100% {

        -webkit-transform: translate(50%, 50%);

        transform: translate(50%, 50%);

    }

}



@keyframes sm-xy-move {

    0% {

        -webkit-transform: translate(-10%, -10%);

        transform: translate(-10%, -10%);

    }



    100% {

        -webkit-transform: translate(10%, 10%);

        transform: translate(10%, 10%);

    }

}



@-webkit-keyframes md-xy-move {

    0% {

        -webkit-transform: translate(-25%, -25%);

        transform: translate(-25%, -25%);

    }



    100% {

        -webkit-transform: translate(25%, 25%);

        transform: translate(25%, 25%);

    }

}



@keyframes md-xy-move {

    0% {

        -webkit-transform: translate(-25%, -25%);

        transform: translate(-25%, -25%);

    }



    100% {

        -webkit-transform: translate(25%, 25%);

        transform: translate(25%, 25%);

    }

}



@-webkit-keyframes lg-xy-move {

    0% {

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

    }



    100% {

        -webkit-transform: translate(50%, 50%);

        transform: translate(50%, 50%);

    }

}



@keyframes lg-xy-move {

    0% {

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

    }



    100% {

        -webkit-transform: translate(50%, 50%);

        transform: translate(50%, 50%);

    }

}



@-webkit-keyframes sm-yx-move {

    0% {

        -webkit-transform: translate(10%, -10%);

        transform: translate(10%, -10%);

    }



    100% {

        -webkit-transform: translate(-10%, 10%);

        transform: translate(-10%, 10%);

    }

}



@keyframes sm-yx-move {

    0% {

        -webkit-transform: translate(10%, -10%);

        transform: translate(10%, -10%);

    }



    100% {

        -webkit-transform: translate(-10%, 10%);

        transform: translate(-10%, 10%);

    }

}



@-webkit-keyframes md-yx-move {

    0% {

        -webkit-transform: translate(25%, -25%);

        transform: translate(25%, -25%);

    }



    100% {

        -webkit-transform: translate(-25%, 25%);

        transform: translate(-25%, 25%);

    }

}



@keyframes md-yx-move {

    0% {

        -webkit-transform: translate(25%, -25%);

        transform: translate(25%, -25%);

    }



    100% {

        -webkit-transform: translate(-25%, 25%);

        transform: translate(-25%, 25%);

    }

}



@-webkit-keyframes lg-yx-move {

    0% {

        -webkit-transform: translate(50%, -50%);

        transform: translate(50%, -50%);

    }



    100% {

        -webkit-transform: translate(-50%, 50%);

        transform: translate(-50%, 50%);

    }

}



@keyframes lg-yx-move {

    0% {

        -webkit-transform: translate(50%, -50%);

        transform: translate(50%, -50%);

    }



    100% {

        -webkit-transform: translate(-50%, 50%);

        transform: translate(-50%, 50%);

    }

}





@-webkit-keyframes fade-in-out {

    0% {

        opacity: 1;

    }



    50% {

        opacity: 0;

    }



    100% {

        opacity: 1

    }

}



@keyframes fade-in-out {

    0% {

        opacity: 1;

    }



    50% {

        opacity: 0;

    }



    100% {

        opacity: 1

    }

}



@-webkit-keyframes rotate-x {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(320deg);

        transform: rotate(320deg);

    }

}



@keyframes rotate-x {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(320deg);

        transform: rotate(320deg);

    }

}



@-webkit-keyframes rotate-y {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(-320deg);

        transform: rotate(-320deg);

    }

}



@keyframes rotate-y {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(-320deg);

        transform: rotate(-320deg);

    }

}