/*
 * Animations
 */

@-moz-keyframes logoRotate {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(130deg);
    }
}

@-webkit-keyframes logoRotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(130deg);
    }
}

@keyframes logoRotate {
    0% {
        transform: rotate(0deg);
    }

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

@-webkit-keyframes slideInFromLeft {
    0% {
        -webkit-transform: translateX(-80%);
        opacity: 0;
    }

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

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-80%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@-moz-keyframes slideInFromLeft {
    0% {
        -moz-transform: translateX(-80%);
        opacity: 0;
    }

    100% {
        -moz-transform: translateX(0);
        opacity: 1;
    }
}

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

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

@keyframes slideRight {
    0% {
        transform: translateX(-100%);
    }

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

@-moz-keyframes slideRight {
    0% {
        -moz-transform: translateX(-100%);
    }

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

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

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

@keyframes slideLeft {
    0% {
        transform: translateX(100%);
    }

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

@-moz-keyframes slideLeft {
    0% {
        -moz-transform: translateX(100%);
    }

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

.slideAnimate {
    -webkit-animation: 1s ease-out 0s 1 slideInFromLeft;
    -moz-animation: 1s ease-out 0s 1 slideInFromLeft;
    animation: 1s ease-out 0s 1 slideInFromLeft;
}

.animateLeft {
    -webkit-animation: 1s ease-out 0s 1 slideLeft;
    -moz-animation: 1s ease-out 0s 1 slideLeft;
    animation: 1s ease-out 0s 1 slideLeft;
}

.animateRight {
    -webkit-animation: 1s ease-out 0s 1 slideRight;
    -moz-animation: 1s ease-out 0s 1 slideRight;
    animation: 1s ease-out 0s 1 slideRight;
}

.logoAnimation {
    -webkit-animation: logoRotate 1s linear 0s 1 normal;
    -moz-animation: logoRotate 1s linear 0s 1 normal;
    animation: logoRotate 1s linear 0s 1 normal;
}