@keyframes preloader-spin {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes fadeInUp {
	from {
		transform: translate3d(0, 40px, 0)
	}

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

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -40px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity 150ms ease-out;
}

.fade-enter,
.fade-leave-to {
	opacity: 0;
}

.fadeOut {
	animation-name: fadeOut;
}

.fadeInDown {
	animation-name: fadeInDown;
}

.fadeInUp {
	animation-name: fadeInUp;
}