/* 
* Animations
* -----------------------------------------------------
*/
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
}

@keyframes slide-in {
    0% {
                transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }

    100% {
                transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }
}