/**
 * Animations
 */

.fromTopIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, 0);
    opacity: 1.0;
    -moz-animation: cssAnimation 0s ease-in 5s forwards
}

.fromTopOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, -10px);
    opacity: 0.0;
}

.fromBottomIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, 0);
    opacity: 1.0;
}

.fromBottomOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, 10px);
    opacity: 0.0;
}

.fromLeftIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, 0);
    opacity: 1.0;
}

.fromLeftOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(-10px, 0);
    opacity: 0.0;
}

.fromRightIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(0, 0);
    opacity: 1.0;
}

.fromRightOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: translate(10px, 0);
    opacity: 0.0;
}

.scaleUpIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: scale(1.0, 1.0);
    opacity: 1.0;
}

.scaleUpOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: scale(1.3, 1.3);
    opacity: 0.0;
}

.scaleDownIn {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: scale(1.0, 1.0);
    opacity: 1.0;
}

.scaleDownOut {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transform: scale(0.7, 0.7);
    opacity: 0.0;
}