@keyframes slide-in-from-left {

    from {
        opacity: 0;
        transform: translateX(-100px);
    }

    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes slide-in-from-down {

    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

.pre-slide-in-from-left {
    opacity: 0;
    transform: translateX(-100px);
}

.slide-in-from-left {
    animation: slide-in-from-left;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier( 0.165,  0.840,  0.440,  1.000 );
}

.pre-slide-in-from-down {
    opacity: 0;
    transform: translateY(100px);
}

.slide-in-from-down {
    animation: slide-in-from-down;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier( 0.165,  0.840,  0.440,  1.000 );
}

.delay-02 { animation-delay: .2s; }
.delay-03 { animation-delay: .3s; }
.delay-04 { animation-delay: .4s; }
.delay-05 { animation-delay: .5s; }
.delay-06 { animation-delay: .6s; }
.delay-07 { animation-delay: .7s; }
.delay-08 { animation-delay: .8s; }
.delay-09 { animation-delay: .9s; }
.delay-10 { animation-delay: 1s; }
.delay-11 { animation-delay: 1.1s; }
.delay-12 { animation-delay: 1.2s; }
.delay-13 { animation-delay: 1.3s; }
.delay-14 { animation-delay: 1.4s; }