@keyframes zerozero {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes upzero {
	0% {
		opacity: 0;
		transform: translate3d(0, -10%, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes zeroup {
	0% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 0;
		transform: translate3d(0, -10%, 0);
	}
}

@keyframes downzero {
	0% {
		opacity: 0;
		transform: translate3d(0, 10%, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes zerodown {
	0% {
		opacity: 1;
		transform: translate3d(0, -10%, 0);
	}

	100% {
		opacity: 0;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes zeroleft {
	0% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 0;
		transform: translate3d(-10%, 0, 0);
	}
}

@keyframes leftzero {
	0% {
		opacity: 0;
		transform: translate3d(-10%, 0, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes rightzero {
	0% {
		opacity: 0;
		transform: translate3d(10%, 0, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes zeroright {
	0% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 0;
		transform: translate3d(10%, 0, 0);
	}
}