/home/bdqbpbxa/demo-subdomains/paytech.goodface.com.ua/frontend/css/lib/scroll-animations.css
/* Animations - hidden styles */

.-allow-animations [data-animate="word"],
.-allow-animations [data-animate="fade"],
.-allow-animations [data-animate="swim-top"],
.-allow-animations [data-animate="swim-left"],
.-allow-animations [data-animate="swim-right"] {
	opacity: 0;
}

.-allow-animations [data-animate="scale"] {
	transform: scale(0);
}

.-allow-animations [data-animate="swim-top"] {
	transform: translate(0px, 70px);
}

.-allow-animations [data-animate="swim-left"] {
	transform: translate(70px, 0px);
}

.-allow-animations [data-animate="swim-right"] {
	transform: translate(-70px, 0px);
}

.-allow-animations [data-animate="word"] .animate-word {
	clip-path: inset(0 -10px 0 0);
}

.-allow-animations [data-animate="word"] .animate-word__inner {
	display: inline-block;
	transform: translateY(100%);
}

.-allow-animations [data-animate="word"] .img {
	opacity: 0;
	transform: translateY(100%);
	transition-delay: 0.4s;
}

.-allow-animations [data-animate="word"].section-title i {
	background-size: auto 0;
}

/* Animations - show styles */

.-allow-animations [data-animate="word"].-animated {
	opacity: 1;
}

.-allow-animations [data-animate="word"].-animated .animate-word__inner {
	transform: translateY(0%);
	transition: transform 0.7s;
}

.-allow-animations [data-animate="word"].-animated .img {
	transform: translateY(0%);
	opacity: 1;
	transition: transform 0.7s, opacity 0.4s;
	transition-delay: 0.3s;
}

.-allow-animations [data-animate="word"].section-title.-animated i {
	transition: background 0.7s;
	transition-delay: 0.4s;
	background-size: auto min(88px, 6.111vw);
}

.-allow-animations [data-animate="fade"].-animated {
	opacity: 1;
	transition: opacity 0.7s;
}

.-allow-animations [data-animate="scale"].-animated {
	transform: scale(1);
	transition: transform 0.5s;
}

.-allow-animations [data-animate="swim-top"].-animated,
.-allow-animations [data-animate="swim-left"].-animated,
.-allow-animations [data-animate="swim-right"].-animated {
	opacity: 1;
	transform: translate(0px, 0px);
	transition: opacity 0.7s, transform 0.7s;
}

@media screen and (max-width: 1100px) {
	.-allow-animations [data-animate="word"].section-title.-animated i {
		background-size: auto 37px;
	}
}