@-webkit-keyframes rotate-180-reverse {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
}

@keyframes rotate-180-reverse {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
}

.rotate-180-reverse {
    -webkit-animation: rotate-180-reverse 10s linear;
            animation: rotate-180-reverse 10s linear;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

@-webkit-keyframes rotate-360 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes rotate-360 {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.rotate-360 {
    -webkit-animation: rotate-360 15s linear;
            animation: rotate-360 15s linear;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

@-webkit-keyframes scale-in-vertical {
    0% {
        -webkit-transform: scaleY(0);
                transform: scaleY(0);
    }
    50% {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
    75% {
        -webkit-transform: scaleY(1.125);
                transform: scaleY(1.125);
    }
    100% {
        -webkit-transform: scaleY(1);
                transform: scaleY(1);
    }
}

@-webkit-keyframes scale-in-fade {
    0% {
        -webkit-transform: scaleX(0) scaleY(0);
                transform: scaleX(0) scaleY(0);
                opacity: 0;
    }
    100% {
        -webkit-transform: scaleX(1) scaleY(1);
                transform: scaleX(1) scaleY(1);
                opacity: 1;
    }
}

@keyframes scale-in-fade {
    0% {
        -webkit-transform: scaleX(0) scaleY(0);
                transform: scaleX(0) scaleY(0);
                opacity: 0;
    }
    100% {
        -webkit-transform: scaleX(1) scaleY(1);
                transform: scaleX(1) scaleY(1);
                opacity: 1;
    }
}

.scale-in-fade {
    -webkit-animation: scale-in-fade 1s;
            animation: scale-in-fade 1s;
    -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.prep-scale-in-fade {
    -webkit-transform: scaleX(0) scaleY(0);
            transform: scaleX(0) scaleY(0);
            opacity: 0;
}

@-webkit-keyframes slide-in-top-fade {
    0% {
        -webkit-transform: translate(0px,-20px);
                transform: translate(0px,-20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0px,0px);
                transform: translate(0px,0px);
        opacity: 1;
    }
}

@keyframes slide-in-top-fade {
    0% {
        -webkit-transform: translate(0px,-80px);
                transform: translate(0px,-80px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0px,0px);
                transform: translate(0px,0px);
        opacity: 1;
    }
}

.slide-in-top-fade {
    -webkit-animation: slide-in-top-fade 1s;
            animation: slide-in-top-fade 1s;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.prep-slide-in-top-fade {
     -webkit-transform: translate(0px,-80px);
                transform: translate(0px,-80px);
        opacity: 0;
}