/*fadeIn*/
.fadeInCue {
    opacity: 0;
}

.fadeIn{
    animation-name: fadeInAnime;
    animation-duration:.8s;
    animation-fill-mode:forwards;
}

@keyframes fadeInAnime{
    from{
        opacity: 0;
    }

    to{
        opacity: 1;
    }
}
/*-----------*/

/*fadeInUp*/
.fadeInUpCue {
    opacity: 0;
}

.fadeInUp{
    animation-name: fadeInUpAnime;
    animation-duration:.8s;
    animation-fill-mode:forwards;
}

@keyframes fadeInUpAnime{
    from{
        opacity: 0;
        transform: translateY(+100px);
    }

    to{
        opacity: 1;
        transform: translateY(0);
    }
}
/*-----------*/

/*animation-delay*/
.aniD10 {animation-delay: .1s;}
.aniD15 {animation-delay: .15s;}
.aniD20 {animation-delay: .2s;}
.aniD25 {animation-delay: .25s;}
.aniD30 {animation-delay: .3s;}
.aniD35 {animation-delay: .35s;}
.aniD40 {animation-delay: .4s;}
.aniD45 {animation-delay: .45s;}
.aniD50 {animation-delay: .5s;}
.aniD55 {animation-delay: .55s;}
.aniD60 {animation-delay: .6s;}
.aniD65 {animation-delay: .65s;}
.aniD70 {animation-delay: .7s;}
.aniD75 {animation-delay: .75s;}
.aniD80 {animation-delay: .8s;}
.aniD85 {animation-delay: .85s;}
.aniD90 {animation-delay: .9s;}
.aniD95 {animation-delay: .95s;}
.aniD100 {animation-delay: 1s;}
.aniD110 {animation-delay: 1.1s;}
.aniD120 {animation-delay: 1.2s;}
.aniD130 {animation-delay: 1.3s;}
.aniD140 {animation-delay: 1.4s;}
.aniD150 {animation-delay: 1.5s;}
.aniD160 {animation-delay: 1.6s;}
.aniD170 {animation-delay: 1.7s;}
.aniD180 {animation-delay: 1.8s;}
.aniD190 {animation-delay: 1.9s;}
.aniD200 {animation-delay: 2.0s;}
.aniD210 {animation-delay: 2.1s;}
.aniD220 {animation-delay: 2.2s;}
.aniD230 {animation-delay: 2.3s;}
.aniD240 {animation-delay: 2.4s;}
.aniD250 {animation-delay: 2.5s;}
.aniD260 {animation-delay: 2.6s;}
.aniD270 {animation-delay: 2.7s;}
.aniD280 {animation-delay: 2.8s;}
.aniD290 {animation-delay: 2.9s;}
.aniD300 {animation-delay: 3.0s;}
/*---------------*/