/*    18. KEYFRAME ANIMATIONS
   ------------------------------------------- */
/* Fade In Up (for scroll animations) */
.fade-in-up {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-up.visible {
	opacity: 1;
	transform: translateY(0);
}

.fade-in {
	opacity: 0;
	transition: opacity 0.6s ease;
}

.fade-in.visible {
	opacity: 1;
}