.fade-type-up,
.fade-type-down,
.fade-type-left,
.fade-type-right,
.fade-elem{
	transition: .6s;
	opacity: 0;
}

.fade-elem{
	/*margin-bottom: 10px;*/
}

.fade-elem:last-of-type{
	/*margin-bottom: 10px;*/
}

.fade-type-up,
.fade-elem{
	  transform: translateY(100px);
}

.fade-type-down{
	  transform: translateY(-50px);
}

.fade-type-left{
	  transform: translateX(50px);
}

.fade-type-right{
	  transform: translateX(-50px);
}

.fade-elem:nth-of-type(2){transition-delay: .1s;}
.fade-elem:nth-of-type(3){transition-delay: .2s;}
.fade-elem:nth-of-type(4){transition-delay: .3s;}
.fade-elem:nth-of-type(5){transition-delay: .4s;}
.fade-elem:nth-of-type(6){transition-delay: .5s;}
.fade-elem:nth-of-type(7){transition-delay: .6s;}

.fade-up-down{
	transform: translateY(0);
	opacity: 1;
}

.fade-left-right{
	transform: translateX(0);
	opacity: 1;
}



.scrollDown{
	animation-name: scroll;
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
@keyframes scroll{
0%{
	height: 0;
}
100%{
	height: 300px;
	margin-top: 0px;
}
}