[data-ani="fade-up"] {
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 1s, transform 1s;
}

[data-ani="fade-up"].animate {
	opacity: 1;
	transform: translateY(0);
}

[data-ani="zoom-in"] {
	opacity: 0.5;
	transform: scale(0.8);
	transition: opacity 1s, transform 1s;
}

[data-ani="zoom-in"].animate {
	opacity: 1;
	transform: scale(1);
}

[data-ani="zoom-out"] {
	opacity: 0.5;
	transform: scale(1.2);
	transition: opacity 1s, transform 1s;
}

[data-ani="zoom-out"].animate {
	opacity: 1;
	transform: scale(1);
}

[data-ani="slide-right"] {
	opacity: 0;
	transform: translateX(-50px);
	transition: opacity 1s, transform 1s;
}

[data-ani="slide-right"].animate {
	opacity: 1;
	transform: translateX(0);
}

[data-ani="slide-left"] {
	opacity: 0;
	transform: translateX(50px);
	transition: opacity 1s, transform 1s;
}

[data-ani="slide-left"].animate {
	opacity: 1;
	transform: translateX(0);
}

[data-ani="flip-up"] {
	opacity: 0.4;
	transform: rotateX(90deg) rotateZ(0);
	transform-style: preserve-3d;
	transition: transform 1s ease-out, opacity 1s ease-out;
	backface-visibility: hidden;
}

[data-ani="flip-up"].animate {
	opacity: 1;
	transform: rotateX(0) rotateZ(0);
}

[data-ani="fade-in"] {
	opacity: 0.3;
	transition: opacity 1s;
}

[data-ani="fade-in"].animate {
	opacity: 1;
}

[data-ani] {
	position: relative;
}

/* 
[data-index="0"].animate+.animate {
	transition-delay: .5s;
}

[data-index="0"].animate+.animate+.animate {
	transition-delay: 1s;
} */

@media (max-width: 767px) {
	.js-animate-on-scroll {
		transition-delay: 0s !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.js-animate-on-scroll {
		transition: none;
		animation: none;
		opacity: 1 !important;
	}
}

.disable-animation.js-animate-on-scroll,
.disable-animation .js-animate-on-scroll {
	transition: none;
	animation: none;
	opacity: 1 !important;
}