.animonItem {
	opacity: 0;
	transform: translateX(-4rem);
	/*transform-origin: 0 0;*/
	transition: opacity .64s cubic-bezier(.5, 1, .89, 1), transform .64s cubic-bezier(.5, 1, .89, 1);
	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(-4rem)
}

.animonItem[data-effect=fadeInDown].is-visible {
	transform: translateY(0)
}

.animonItem[data-effect=fadeInUp] {
	transform: translateY(4rem)
}

.animonItem[data-effect=fadeInUp].is-visible {
	transform: translateY(0)
}

.animonItem[data-effect=scaleUp] {
	transform: scale(.8) translateX(0)
}

.animonItem[data-effect=scaleUp].is-visible {
	transform: scale(1)
}

.animonItem[data-effect=scaleDown] {
	transform: scale(1.2) translateX(0)
}

.animonItem[data-effect=scaleDown].is-visible {
	transform: scale(1)
}