/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

/*
==============================================
slideUp
==============================================
*/


body .slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;

	animation-duration: 900ms;	
	-webkit-animation-duration: 900ms;
	-moz-animation-duration: 900ms;

	animation-timing-function: cubic-bezier(0, 0, 0, 1.01);	
	-webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1.01);
	-moz-transition: cubic-bezier(0, 0, 0, 1.01);
    
    animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-moz-transition: 1;

	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
        transform: translateY(100%);
        opacity: 0;
	}
				
	100% {
        transform: translateY(0%);
        opacity: 1;
	}	
}

@-webkit-keyframes slideUp {
	0% {
        -webkit-transform: translateY(100%);
        opacity: 0;
	}	
	100% {
        -webkit-transform: translateY(0%);
        opacity: 1;
	}	
}