html.js [data-animate="fadeIn"],
html.js [data-animate="fadeInUp"] {
	opacity: 0;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

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

[data-animate].animated {
	animation-duration: 1s;
	animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	animation-fill-mode: both;
}

[data-animate].animated.fadeIn {
	animation-name: fadeIn;
}

[data-animate].animated.fadeInUp {
	animation-name: fadeInUp;
}

.delay1 {
	animation-delay: 0.15s;
}

.delay2 {
	animation-delay: 0.3s;
}

.delay3 {
	animation-delay: 0.45s;
}

.delay4 {
	animation-delay: 0.6s;
}

.delay5 {
	animation-delay: 0.75s;
}

.delay6 {
	animation-delay: 0.9s;
}
