.fadeInUp {
	animation-name: fadeInUp;
	animation-duration: 0.3s;
	animation-fill-mode: backwards;
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: translate(0, 20%) scale(0.5);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.bounceIn {
	animation-name: bounceIn;
	animation-duration: 0.75s;
	animation-duration: 1s;
	animation-fill-mode: both;
}
@keyframes bounceIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		transform: scale3d(0.9, 0.9, 0.9);
	}
	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		transform: scale3d(0.97, 0.97, 0.97);
	}
	100% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}
.bounceInCenter {
	animation-name: bounceInCenter;
	animation-duration: 0.75s;
	animation-duration: 1s;
	animation-fill-mode: both;
}
@keyframes bounceInCenter {
	0%,
	20%,
	40%,
	60%,
	80%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform-origin: 0% 0%;
	}
	0% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3) translate(-50%,-50%);
		transform-origin: 0% 0%;
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1) translate(-50%,-50%);
		transform-origin: 0% 0%;
	}
	40% {
		transform: scale3d(0.9, 0.9, 0.9) translate(-50%,-50%);
		transform-origin: 0% 0%;
	}
	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03) translate(-50%,-50%);
		transform-origin: 0% 0%;
	}
	80% {
		transform: scale3d(0.97, 0.97, 0.97) translate(-50%,-50%);
		transform-origin: 0% 0%;
	}
	100% {
		opacity: 1;
		transform: scale3d(1, 1, 1) translate(-50%,-50%);
		transform-origin: 0% 0%;
	}
}
.fadeInDown {
	animation-name: fadeInDown;
	animation-duration: 1s;
	animation-fill-mode: both;
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
.fadeIn {
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: both;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.slideInUp {
	animation-name: slideInUp;
	animation-duration: 1s;
	animation-fill-mode: both;
}
@keyframes slideInUp {
	0% {
		transform: translateY(100%);
		visibility: visible;
	}
	100% {
		transform: translateY(0);
	}
}

.fadeInLeft {
	animation-name: fadeInLeft;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-delay: 1.7s;
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate(-300%, 0);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeft2 {
	animation-name: fadeInLeft2;
	animation-duration: 0.5s;
	animation-fill-mode: both;
}
@keyframes fadeInLeft2 {
	0% {
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		transform: none;
	}
}