.animate-fadeIn{
	animation:fadeIn .6s;
}
@keyframes fadeIn{
	0%{
		opacity:0;
	}
	50%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

.animate-fadeIn-fast{
	animation:fadeIn .3s;
}
@keyframes fadeIn{
	0%{
		opacity:0;
	}
	50%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

.animate-fadeIn-slow{
	animation:fadeIn .9s;
}
@keyframes fadeIn{
	0%{
		opacity:0;
	}
	50%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

.animate-zoomIn{
	animation:zoomIn .3s;
}
@keyframes zoomIn{
    0%{
		opacity:0;
		scale:.90;
	}
	100%{
		opacity:1;
		scale:1;
	}
}

.animate-bottom{
	animation:bottom .3s;
}
@keyframes bottom{
    0%{
	    bottom:-150px;
	}
    75%{
	    bottom:-150px;
	}
	100%{
	    bottom:0;
	}
}

.animate-top{
	animation:top .3s;
}
@keyframes top{
    0%{
	    top:-100px;
		opacity:0;
	}
    50%{
	    top:-100px;
		opacity:0;
	}
	100%{
	    top:0;
		opacity:1;
	}
}



/* BOX */
@keyframes box{
	0%{
		opacity:0;
		top:50px;
	}
	100%{
		opacity:1;
		top:0;
	}
}