.fade-in-from-down {
	opacity: 0;
	transform: translateY(50px); 
	-webkit-transform: translateY(50px);
	transition: opacity .5s, transform .5s;
	-webkit-transition: opacity .5s, transform .5s;
}

.fade-in-from-down.on {
	opacity: 1;
	transform: translateY(0px); 
	-webkit-transform: translateY(0px); 
	transition: opacity .5s, transform .5s;
	-webkit-transition: opacity .5s, transform .5s;
}

.fade-in-from-left {
	opacity: 0;
	transform: translateX(-50px); 
	-webkit-transform: translateX(-50px); 
	transition: opacity .5s, transform .5s;
	-webkit-transition: opacity .5s, transform .5s;
}

.fade-in-from-left.on {
	opacity: 1;
	transform: translateX(0px); 
	-webkit-transform: translateX(0px); 
	transition: opacity .5s, transform .5s;
	-webkit-transition: opacity .5s, transform .5s;
}

.fade-in-from-right {
	opacity: 0;
	transform: translateX(50px); 
	-webkit-transform: translateX(50px);
	transition: opacity .5s, transform .5s;
	-webkit-transition: opacity .5s, transform .5s;
}

.fade-in-from-right.on {
	opacity: 1;
	transform: translateX(0px); 
	-webkit-transform: translateX(0px); 
	transition: opacity .5s, transform .5s;
	-webkit-transition: opacity .5s, transform .5s;
}

.fade-in-from-up {
	opacity: 0;
	transform: translateY(-50px); 
	-webkit-transform: translateY(-50px); 
	transition: opacity .5s, transform .5s;
	-webkit-transition: opacity .5s, transform .5s;
}

.fade-in-from-up.on {
	opacity: 1;
	transform: translateY(0px); 
	-webkit-transform: translateY(0px); 
	transition: opacity .5s, transform .5s;
	-webkit-transition: opacity .5s, transform .5s;
}

.fade-in {
	opacity: 0;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
}

.fade-in.on {
	opacity: 1;
	transition: opacity .5s;
	-webkit-transition: opacity .5s;
}