.animonItem{
	opacity: 0;
	transform: translateX(-4rem);
	transform-origin: 0 0;
	transition: opacity 0.64s cubic-bezier(0.5, 1, 0.89, 1) 0.4s, transform 0.64s cubic-bezier(0.5, 1, .89, 1) 0.4s;
	will-change: opacity, transform;
}
.animonItem.is-visible {
	opacity: 1;
	transform: translateX(0);
}
.animonItem[data-effect=fadeIn], .animonItem[data-effect=fadeIn].is-visible {
	transform: none;
}
.animonItem[data-effect=fadeInRight] {
	transform: translateX(4rem);
}
.animonItem[data-effect=fadeInRight].is-visible {
	transform: translateX(0);
}
.animonItem[data-effect=fadeInDown] {
	transform: translateY(-8rem);
}
.animonItem[data-effect=fadeInDown].is-visible {
	transform: translateY(0);
}
.animonItem[data-effect=fadeInUp] {
	transform: translateY(8rem);
}
.animonItem[data-effect=fadeInUp].is-visible {
	transform: translateY(0);
}
.animonItem[data-effect=scaleUp] {
	transform: scale(0.8);
}
.animonItem[data-effect=scaleUp].is-visible {
	transform: scale(1);
}
.animonItem[data-effect=scaleDown] {
	transform: scale(1.2);
}