.fadeInOutDown {
    -webkit-animation-name: fadeInOutDown;
    animation-name: fadeInOutDown;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInOutDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    20% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    80% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}


.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}


.delay-1 {
    animation-delay: 5s;
}
.delay-2 {
    animation-delay: 10s;
}
.delay-3 {
    animation-delay: 15s;
}
.delay-4 {
    animation-delay: 20s;
}
.delay-5 {
    animation-delay: 25s;
}
.delay-6 {
    animation-delay: 30s;
}
.delay-7 {
    animation-delay: 35s;
}
.delay-8 {
    animation-delay: 40s;
}
.delay-9 {
    animation-delay: 45s;
}