/*bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55)*/

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes rotate_y_show {
	from {
		transform: rotateY(90deg);
	}

	to {
		transform: rotateY(0deg);
	}
}

@-webkit-keyframes rotate_y_show {
	from {
		-webkit-transform: rotateY(90deg);
	}

	to {
		-webkit-transform: rotateY(0deg);
	}
}

@keyframes shine {
	from {
		opacity: 1;
	}

	to {
		opacity: 0.4;
	}
}

@-webkit-keyframes shine {
	from {
		opacity: 1;
	}

	to {
		opacity: 0.4;
	}
}

@keyframes bottomin {
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@-webkit-keyframes bottomin {
	from {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}

@keyframes leftin {
	from {
		transform: translateX(-200px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes leftin {
	from {
		-webkit-transform: translateX(-200px);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes topin {
	from {
		transform: translateY(-100px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@-webkit-keyframes topin {
	from {
		-webkit-transform: translateY(-100px);
		opacity: 0;
	}

	to {
		-webkit-transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes rightin {
	from {
		transform: translateX(200px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes rightin {
	from {
		-webkit-transform: translateX(200px);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes sbin {
	from {
		transform: scale(0.1);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes sbin {
	from {
		-webkit-transform: scale(0.1);
		opacity: 0;
	}

	to {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@keyframes ssin {
	from {
		transform: scale(3);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes ssin {
	from {
		-webkit-transform: scale(3);
		opacity: 0;
	}

	to {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@keyframes shunshiin {
	from {
		transform: rotate(-90deg);
		opacity: 0;
	}

	to {
		transform: rotate(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes shunshiin {
	from {
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}

	to {
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes nishiin {
	from {
		transform: rotate(90deg);
		opacity: 0;
	}

	to {
		transform: rotate(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes nishiin {
	from {
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}

	to {
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes boom_shakalaka {
	10% {
		transform: translateX(3px) rotate(2deg);
	}

	20% {
		transform: translateX(-3px) rotate(-2deg);
	}

	30% {
		transform: translateX(3px) rotate(2deg);
	}

	40% {
		transform: translateX(-3px) rotate(-2deg);
	}

	50% {
		transform: translateX(2px) rotate(1deg);
	}

	60% {
		transform: translateX(-2px) rotate(-1deg);
	}

	70% {
		transform: translateX(2px) rotate(1deg);
	}

	80% {
		transform: translateX(-2px) rotate(-1deg);
	}

	90% {
		transform: translateX(1px) rotate(0);
	}

	100% {
		transform: translateX(-1px) rotate(0);
	}
}

@keyframes shunshi {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes nishi {
	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}
}

@keyframes ufo {
	from {
		transform: translateY(0%);
	}

	to {
		transform: translateY(-30%);
	}
}

@-webkit-keyframes ufo {
	from {
		-webkit-transform: translateY(0%);
	}

	to {
		-webkit-transform: translateY(-30%);
	}
}

@keyframes swing {
	from {
		transform: rotate(-5deg);
	}

	to {
		transform: rotate(5deg);
	}
}


@keyframes duang_top {
	from {
		transform: scale(2, 2);
		opacity: 0;
	}

	to {
		transform: scale(1, 1);
		opacity: 1;
	}
}


@keyframes duang_down {
	from {
		transform: scale(1, 1);
		opacity: 1;
	}

	to {
		transform: scale(1.2, 1.2);
		opacity: 0;
	}
}

@keyframes sbin_x {
	from {
		transform: scaleX(0);
		opacity: 0;
	}

	to {
		transform: scaleX(1);
		opacity: 1;
	}
}

@keyframes y_40 {
	from {
		transform: translateY(-20px);
	}

	to {
		transform: translateY(20px);
	}
}


@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 1;
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg);
		opacity: 1;
	}

	to {
		transform: perspective(400px);
		opacity: 1;
	}
}

@keyframes flipInX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		transform: perspective(400px) rotateX(-20deg);
		animation-timing-function: ease-in;
	}

	60% {
		transform: perspective(400px) rotateX(10deg);
		opacity: 1;
	}

	80% {
		transform: perspective(400px) rotateX(-5deg);
	}

	to {
		transform: perspective(400px);
	}
}

@keyframes lightSpeedInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes lightSpeedInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		transform: translate3d(-100%, 0, 0) skewX(30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg);
		opacity: 1
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.animate__rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
	-webkit-transform-origin: center;
	transform-origin: center
}