.moveToTopFade1 {
	-webkit-animation: moveFromTopFade .4s ease both;
	-moz-animation: moveFromTopFade .4s ease both;
	-o-animation: moveFromTopFade .4s ease both;
	animation: moveFromTopFade .4s ease both;
}
.moveToTopFade2 {
	-webkit-animation: moveFromTopFade .4s .4s ease both;
	-moz-animation: moveFromTopFade .4s .4s ease both;
	-o-animation: moveFromTopFade .4s .4s ease both;
	animation: moveFromTopFade .4s .4s ease both;
}
.moveToTopFade3 {
	-webkit-animation: moveFromTopFade .4s .8s ease both;
	-moz-animation: moveFromTopFade .4s .8s ease both;
	-o-animation: moveFromTopFade .4s .8s ease both;
	animation: moveFromTopFade .4s .8s ease both;
}
.moveToBottomFade {
	-webkit-animation: moveToBottomFade .6s ease both;
	-moz-animation: moveToBottomFade .6s ease both;
	-o-animation: moveToBottomFade .6s ease both;
	animation: moveToBottomFade .6s ease both;
}
@-webkit-keyframes moveFromTopFade {
	0% { opacity: 0; -webkit-transform: translateY(16%); }
	50% { opacity: 0.4; }
	100% { opacity: 1; }
}
@-moz-keyframes moveFromTopFade{
	0% { opacity: 0; -moz-transform: translateY(16%); }
	50% { opacity: 0.4; }
	100% { opacity: 1; }
}
@-o-keyframes moveFromTopFade{
	0% { opacity: 0; -moz-transform: translateY(16%); }
	50% { opacity: 0.4; }
	100% { opacity: 1; }
}
@keyframes moveFromTopFade{
    0% { opacity: 0; transform: translateY(16%); }
	50% { opacity: 0.4; }
	100% { opacity: 1; }
}
@-webkit-keyframes moveToBottomFade {
	0% { }
	50% { opacity: 0.3; }
	100% { opacity: 0; -webkit-transform: translateY(-100%);}
}
@-moz-keyframes moveToBottomFade{
	0% { }
	50% { opacity: 0.3; }
	100% { opacity: 0; -moz-transform: translateY(-100%);}
}
@-o-keyframes moveToBottomFade{
	0% { }
	50% { opacity: 0.3; }
	100% { opacity: 0; -o-transform: translateY(-100%);}
}
@keyframes moveToBottomFade{
	0% { }
	50% { opacity: 0.3; }
	100% { opacity: 0;transform: translateY(-100%); }
}