.fade-type-up500{
	transition: 1.2s;
	opacity: 0;
}

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

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

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

.fade-type-up500{
	  transform: translateY(500px);
}

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

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

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

.fade-type-right{
	  transform: translateX(-50px);
	  transform: translateX(-100px);
}
.delay02{transition-delay: .2s}
.delay04{transition-delay: .4s}
.delay05{transition-delay: .5s}
.delay06{transition-delay: .6s}
.delay08{transition-delay: .8s}
.delay10{transition-delay: 1.0s}
.delay12{transition-delay: 1.2s}
.delay14{transition-delay: 1.4s}
.delay15{transition-delay: 1.5s}
.delay16{transition-delay: 1.6s}
.delay18{transition-delay: 1.8s}
.delay20{transition-delay: 2.0s}
.delay22{transition-delay: 2.2s}
.delay24{transition-delay: 2.4s}
.delay25{transition-delay: 2.5s}
.delay26{transition-delay: 2.6s}
.delay28{transition-delay: 2.8s}
.delay30{transition-delay: 3.0s}
.delay35{transition-delay: 3.5s}
.delay40{transition-delay: 4.0s}
.delay45{transition-delay: 4.5s}
.delay50{transition-delay: 5.0s}


.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;
	height: 100px;
	margin-top: 0px;
}
}