/*fade*/

.fade {
	position: relative;
	transform: translateY(200px);
	opacity: 0;
	transition: 1s all ease;
}

.fade.active {
	transform: translateY(0);
	opacity: 1;
}

.fade2 {
	position: relative;
	transform: translateY(200px);
	opacity: 0;
	transition: 2s all ease;
}

.fade2.active {
	transform: translateY(0);
	opacity: 1;
}

.fade3 {
	position: relative;
	transform: translateY(200px);
	opacity: 0;
	transition: 3s all ease;
}

.fade3.active {
	transform: translateY(0);
	opacity: 1;
}

.fade4 {
	position: relative;
	transform: translateY(200px);
	opacity: 0;
	transition: 4s all ease;
}

.fade4.active {
	transform: translateY(0);
	opacity: 1;
}

/*fade*/