@keyframes zw-ani {
	0% {
		transform: translateY(-100%) rotateX(0);
	}
	49.9% {
		transform: translateY(3.61rem) rotateX(0);
	}
	50% {
		transform: translateY(3.61rem) rotateX(180deg);
	}
	100% {
		transform: translateY(-100%) rotateX(180deg);
	}
}

@-webkit-keyframes zw-ani {
	0% {
		-webkit-transform: translateY(-100%) rotateX(0);
	}
	49.9% {
		-webkit-transform: translateY(3.61rem) rotateX(0);
	}
	50% {
		-webkit-transform: translateY(3.61rem) rotateX(180deg);
	}
	100% {
		-webkit-transform: translateY(-100%) rotateX(180deg);
	}
}

.zw-ani {
	-webkit-animation-name: zw-ani;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 3s;
	animation-name: zw-ani;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 3s;
}

@keyframes text-fadeIn {
	0% {
		opacity: 0;
		transform: translate(0, -30%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}

@-webkit-keyframes text-fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -30%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
}

.text-fadeIn {
	-webkit-animation-name: text-fadeIn;
	-webkit-animation-timing-function: ease;
	animation-name: text-fadeIn;
	animation-timing-function: ease;
}

@-webkit-keyframes bg-h-ani {
	0% {
		-webkit-transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(calc(-100% + 100vw));
	}
}

@keyframes bg-h-ani {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-100% + 100vw));
	}
}

.bg-h-ani {
	-webkit-animation-name: bg-h-ani;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	animation-name: bg-h-ani;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-iteration-count: infinite;
}

@keyframes bg-v-ani {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(calc(-100% + 100vh));
	}
}

@-webkit-keyframes bg-v-ani {
	0% {
		-webkit-transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(calc(-100% + 100vh));
	}
}

.bg-v-ani {
	-webkit-animation-name: bg-v-ani;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	animation-name: bg-v-ani;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-iteration-count: infinite;
}

@keyframes bg-s-ani {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}

@-webkit-keyframes bg-s-ani {
	0% {
		-webkit-transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.2);
	}
}

.bg-s-ani {
	-webkit-animation-name: bg-s-ani;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	animation-name: bg-s-ani;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-iteration-count: infinite;
}

@-webkit-keyframes arrow-ani {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(100%);
	}
}

@keyframes arrow-ani {
	0% {
		-webkit-transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(100%);
	}
}
.arrow-ani{
	-webkit-animation-name: arrow-ani;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	animation-name: arrow-ani;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-iteration-count: infinite;
}