.scrollAnimation .animationScrollDelay2s {
	animation-delay: .2s;
}
.scrollAnimation .animationScrollDelay3s {
	animation-delay: .3s;
}
.scrollAnimation .animationScrollDelay4s {
	animation-delay: .4s;
}
.scrollAnimation .animationScrollDelay5s {
	animation-delay: .5s;
}
.scrollAnimation .animationScrollDelay6s {
	animation-delay: .6s;
}
.scrollAnimation .animationScrollDelay7s {
	animation-delay: .7s;
}
.scrollAnimation .animationScrollDelay8s {
	animation-delay: .8s;
}
.scrollAnimation .animationScrollDelay9s {
	animation-delay: .9s;
}
.scrollAnimation .animationScrollDelay10s {
	animation-delay: 1.0s;
}
.scrollAnimation .animationScrollDelay11s {
	animation-delay: 1.1s;
}
.scrollAnimation .animationScrollDelay12s {
	animation-delay: 1.2s;
}
.scrollAnimation .animationScrollDelay13s {
	animation-delay: 1.3s;
}
.scrollAnimation .animationScrollDelay14s {
	animation-delay: 1.4s;
}
.scrollAnimation .animationScrollDelay15s {
	animation-delay: 1.5s;
}
.scrollAnimation .animationScrollDelay16s {
	animation-delay: 1.6s;
}
.scrollAnimation .animationScrollDelay17s {
	animation-delay: 1.7s;
}
.scrollAnimation .animationScrollDelay18s {
	animation-delay: 1.8s;
}
.scrollAnimation .animationScrollDelay19s {
	animation-delay: 1.9s;
}
.scrollAnimation .animationScrollDelay20s {
	animation-delay: 2s;
}
.scrollAnimation .animationScrollDelay21s {
	animation-delay: 2.1s;
}
.scrollAnimation .animationScrollDelay24s {
	animation-delay: 2.4s;
}
.scrollAnimation .animationScrollDelay27s {
	animation-delay: 2.7s;
}
.scrollAnimation .animationScrollDelay30s {
	animation-delay: 3s;
}

.scrollAnimation .animationScrollFromLeftMiddle {
	animation-name: animationScrollFromLeftMiddle;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-play-state: paused;
}
.doAnimation .animationScrollFromLeftMiddle {
	animation-play-state: running;
}
@keyframes animationScrollFromLeftMiddle {
	0% {
		transform: translateX(-50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}
.scrollAnimation .animationScrollFromRightMiddle {
	animation-name: animationScrollFromRightMiddle;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-play-state: paused;
}
.doAnimation .animationScrollFromRightMiddle {
	animation-play-state: running;
}
@keyframes animationScrollFromRightMiddle {
	0% {
		transform: translateX(+50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

.scrollAnimation .animationScrollFromLeft {
	animation-name: animationScrollFromLeft;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-play-state: paused;
}
.doAnimation .animationScrollFromLeft {
	animation-play-state: running;
}
@keyframes animationScrollFromLeft {
	0% {
		transform: translateX(-50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

.scrollAnimation .animationScrollFromRight {
	animation-name: animationScrollFromRight;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-play-state: paused;
}
.doAnimation .animationScrollFromRight {
	animation-play-state: running;
}
@keyframes animationScrollFromRight {
	0% {
		transform: translateX(+50px);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

.scrollAnimation .animationScrollFromBottom {
	animation-name: animationScrollFromBottom;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-play-state: paused;
}
.doAnimation .animationScrollFromBottom {
	animation-play-state: running;
}
@keyframes animationScrollFromBottom {
	0% {
		transform: translateY(+50px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

.scrollAnimation .animationScrollFromTop {
	animation-name: animationScrollFromTop;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-play-state: paused;
}
.doAnimation .animationScrollFromTop {
	animation-play-state: running;
}
@keyframes animationScrollFromTop {
	0% {
		transform: translateY(-50px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

.scrollAnimation .animationScrollOpacity {
	animation-name: animationScrollOpacity;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-play-state: paused;
}
.doAnimation .animationScrollOpacity {
	animation-play-state: running;
}
@keyframes animationScrollOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}