/**
 * Animations
 */


.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;
}

.fromBottomIn2 {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition-delay: 0.3s;
    transform: translate(0, 0);
    opacity: 1.0;
}

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

.fromBottomIn3 {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition-delay: 0.6s;
    transform: translate(0, 0);
    opacity: 1.0;
}

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

.fromBottomIn4 {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition-delay: 0.9s;
    transform: translate(0, 0);
    opacity: 1.0;
}

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

.fromBottomIn5 {
    transition: transform 1.0s ease, opacity 1.0s ease;
    transition-delay: 1.2s;
    transform: translate(0, 0);
    opacity: 1.0;
}

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