/* Контент всегда виден; при скролле — заметная анимация (creatium-legacy-reveal.js) */

@keyframes creatiumScrollUp {
	from {
		opacity: 0.35;
		transform: translate3d(0, 72px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes creatiumScrollDown {
	from {
		opacity: 0.35;
		transform: translate3d(0, -56px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes creatiumScrollLeft {
	from {
		opacity: 0.35;
		transform: translate3d(-80px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes creatiumScrollRight {
	from {
		opacity: 0.35;
		transform: translate3d(80px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes creatiumScrollZoom {
	from {
		opacity: 0.4;
		transform: scale(0.88);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

body.mkl-site, body.creatium-legacy .creatium-wow-play {
	animation-duration: 0.95s !important;
	animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important;
	animation-fill-mode: both !important;
	will-change: transform, opacity;
}

body.mkl-site, body.creatium-legacy .creatium-wow-play.creatium-anim-up {
	animation-name: creatiumScrollUp !important;
}
body.mkl-site, body.creatium-legacy .creatium-wow-play.creatium-anim-down {
	animation-name: creatiumScrollDown !important;
}
body.mkl-site, body.creatium-legacy .creatium-wow-play.creatium-anim-left {
	animation-name: creatiumScrollLeft !important;
}
body.mkl-site, body.creatium-legacy .creatium-wow-play.creatium-anim-right {
	animation-name: creatiumScrollRight !important;
}
body.mkl-site, body.creatium-legacy .creatium-wow-play.creatium-anim-zoom {
	animation-name: creatiumScrollZoom !important;
}

@media (prefers-reduced-motion: reduce) {
	body.mkl-site, body.creatium-legacy .creatium-wow-play {
		animation: none !important;
	}
}