/* SUCCESS BANNER FADE-OUT */

.fadeIn {
/* Styling for Demo
---------------------------------------------------- */
		margin: 0;
/* CSS needed for animation
---------------------------------------------------- */
        display: block;
		max-height:70px;
		overflow:hidden;
        -webkit-animation:fadeIn ease-in 1;
        -moz-animation:fadeIn ease-in 1;
        -o-animation:fadeIn ease-in 1;
        animation:fadeIn ease-in 1;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        -o-animation-fill-mode:forwards;
        animation-fill-mode:forwards;
}
/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-3s {
        -webkit-animation-duration:.8s;
        -moz-animation-duration:.8s;
        -o-animation-duration:.8s;
        animation-duration:.8s;
}

/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-3s {
        -webkit-animation-delay:5s;
        -moz-animation-delay:5s;
        -o-animation-delay:5s;
        animation-delay:5s;
}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { max-height:42px; } to { max-height:0;} }
@-moz-keyframes fadeIn { from { max-height:42px; } to { max-height:0;} }
@-o-keyframes fadeIn { from { max-height:42px; } to { max-height:0;} }
@keyframes fadeIn { from { max-height:42px; } to { max-height:0; } }