/home/bdqbpbxa/demo-subdomains/magnetiq.goodface.com.ua/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"],
.-allow-animations [data-animate="swim-bottom"],
.-allow-animations [data-animate="swim-top-right"],
.-allow-animations [data-animate="swim-top-left"],
.-allow-animations [data-animate="swim-bottom-right"],
.-allow-animations [data-animate="swim-bottom-left"],
.-allow-animations [data-animate*=scale-opacity] {
	opacity: 0;
}

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

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

.-allow-animations [data-animate="scale-opacity-left"] {
	transform-origin: right;
	transform: scale(0.85) translate(15px, 0px);
}

.-allow-animations [data-animate="scale-opacity-right"] {
	transform-origin: left;

	transform: scale(0.85) translate(-15px, 0px);
}

.-allow-animations [data-animate="scale-opacity-top"] {
	transform-origin: bottom;

	transform: scale(0.85) translate(0px, 15px);
}

.-allow-animations [data-animate="scale-opacity-bottom"] {
	transform-origin: top;
	transform: scale(0.85) translate(0px, -15px);
}


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

.-allow-animations [data-animate="swim-bottom"] {
	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="swim-top-right"] {
	transform: translate(-70px, 70px);
}

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

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

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

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

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

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


.-allow-animations [data-animate="word"]:before {
	opacity: 0;
	transform: translateY(100%);
}

/* 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"].-animated:before {
	opacity: 1;
	transform: translateY(0);
	transition: transform 0.7s, opacity 0.4s;
}



.-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,
.-allow-animations [data-animate="swim-bottom"].-animated,
.-allow-animations [data-animate="swim-top-right"].-animated,
.-allow-animations [data-animate="swim-top-left"].-animated,
.-allow-animations [data-animate="swim-bottom-right"].-animated,
.-allow-animations [data-animate="swim-bottom-left"].-animated {
	opacity: 1;
	transform: translate(0px, 0px);
	transition: opacity 0.7s, transform 0.7s;
}

.-allow-animations [data-animate*=scale-opacity].-animated {
	opacity: 1;
	transform: scale(1) translate(0px, 0px);
	transition: opacity 0.7s, transform 0.7s;
}