/* scrol */
._anim_items {
	transform: translate(0px, 120%);
	opacity: 0;
	transition: all 0.2s linear;
	/* overflow: hidden; */
}
._anim_items._active {
	transform: translate(0px, 0px);
	opacity: 1;
	transition: all 0.2s linear;
}
/* ._anim-no-hide дежурный класс чтобы анимация неповторялось */
.translate__left {
	transform: translate(-120%, 0);
}
.translate__left._active {
	transform: translate(0px, 0px);
	opacity: 1;
}
.translate__right {
	transform: translate(120%, 0);
}
.translate__right._active {
	transform: translate(0px, 0px);
	opacity: 1;
}
.scale._anim_items {
	transform: scale(0.2);
	transition: all 0.6s linear;
}
.scale._anim_items._active {
	transform: scale(1);
}
.rotateX {
	transform: rotateX(90deg);
	transition: all 0.6s linear;
}
.rotateX._active {
	transform: rotateX(0deg);
}
/* .perspective {
	perspective-origin: center;
	perspective: 1000px;
	transform: rotateX(100deg);
	transition: all 1.5s ease;
}
.perspective._anim_items._active > div {
	transform: rotateX(0deg);
} */
.anim__2d {
	transform: translate(50px, 50px) scale(0.5) rotate(45deg);
}
.anim__2d._active {
	transform: translate(0px, 0px) scale(1) rotate(0deg);
}
/* .height {
	transform: translate(0px, 0px);
	max-height: 0;
}
.height._active {
	max-height: 100vh;
} */
.skew {
	transform: skew(50deg, 0deg);
}
.skew._active {
	transform: skew(0deg, 0deg);
}
/* .transform-origin._anim_items {
	transform-origin: bottom left;
	transform: rotate(-30deg);
	transition: all 1s ease 0s;
}
.transform-origin._anim_items._active {
	transform: rotate(0);
} */
.delay__1._active {
	transition-delay: 0.2s;
}
.delay__2._active {
	transition-delay: 0.4s;
}
.delay__3._active {
	transition-delay: 0.6s;
}
.delay__4._active {
	transition-delay: 0.8s;
}
.delay__5._active {
	transition-delay: 1s;
}
.delay__6._active {
	transition-delay: 1.2s;
}
.delay__7._active {
	transition-delay: 1.4s;
}
.delay__8_active {
	transition-delay: 1.6s;
}
.delay__9._active {
	transition-delay: 1.6s;
}