/* ----------------------------------------------------- Waypoints-Animations ---------------------------------------------------------- */


/* https://animista.net/play/basic/slide */

/*
animation-name: none
animation-duration: 0s
animation-timing-function: ease
animation-delay: 0s
animation-iteration-count: 1
animation-direction: normal
animation-fill-mode: none
animation-play-state: running
animation-timeline: auto

ease-out
linear
*/


/* start
-----------------------------------------------------------------*/
.class {
	opacity: 0;
}

/* .block {
	overflow: hidden;
}

.block {
	position: relative;
} */

.about__title-text {
	display: inline-flex;
}

.bg {
	position: absolute;
	background-color: #03010A;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.block-df-jcc-w100 {
	display: flex;
	justify-content: center;
	width: 100%;
}

.wm-2,
.wm-3 {
	height: 100%;
}

.card-1,
.card-2,
.card-3,
.card-4,
.card-5,
.card-6 {
	transform: translateY(-110%);
}



/* search-class
-----------------------------------------------------------------*/

.menu-header-animation {
	animation: scale-max-norm-opacity 1.0s ease-out 0.0s both;
}

.about__title-text-animation,
.workshop__title-animation,
.workshop__max-animation,
.wm-1-animation,
.wm-2-animation,
.wm-3-animation,
.why__bg-animation,
.questions__title-animation,
.form-page-inner-animation {
	animation: scale-max-norm 1.0s ease-out 0.0s both;
}

.header-bg-animation {
	animation: rotate-3d 1.0s ease-out 0.0s both;
}

.block-heder-animation,
.about__title-bg-animation,
.workshop-title-bg-animation,
.workshop-block-1-bg-animation,
.workshop-block-2-bg-animation,
.workshop-block-3-bg-animation,
.workshop-block-4-bg-animation,
.why__background-animation,
.question-title-bg-animation,
.form-page-inner-bg-animation {
	animation: top-bottom 1.0s ease-out 0.0s both;
}

.block-head-top-animation {
	animation: bottom-top-100-0 1.0s ease-out 0.6s both;
}


.block__st-animation {
	animation: bottom-top-100-0 1.0s ease-out 0.0s both;
}

.block-head-bottom-animation,
.questions-inner-animation {
	animation: top-top 1.0s ease-out 0.6s both;
}

.workshop-btn-animation,
.block__slider-animation {
	animation: top-top 1.0s ease-out 0.0s both;
}

.block-head-img-animation {
	animation: opacity-scale 1.0s linear 0.7s both;
}

.cards__header-animation,
.cards-mob-header-animation {
	animation: top-top 1.0s ease-out 0.0s both;
}

.cards__wrapper-animation,
.card-1-animation,
.card-2-animation,
.card-3-animation,
.card-4-animation,
.card-5-animation,
.card-6-animation {
	animation: top-top 1.0s ease-out 0.2s both;
}

.ai-1-animation {
	animation: right-left-130 0.6s ease-out 0.3s both;
}

.ai-2-animation {
	animation: right-left-130 0.6s ease-out 0.4s both;
}

.ai-3-animation {
	animation: right-left-130 0.6s ease-out 0.5s both;
}

.ai-4-animation {
	animation: right-left-130 0.6s ease-out 0.6s both;
}

.about__data-animation {
	animation: top-top 1.0s ease-out 0.0s both;
}




/*  animations 
-----------------------------------------------------------------*/

@keyframes opacity-scale {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes rotate-3d {
	0% {

		transform: rotateX(0) translateY(10px);

	}

	100% {
		transform: rotateX(-90deg) translateY(10px);
	}
}


@keyframes top-top {
	0% {
		transform: translateY(-110%);
	}

	100% {
		transform: translateY(0%);
	}
}

@keyframes bottom-top-100-0 {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

@keyframes rotate-zoom {
	0% {
		transform: scale(1);
		opacity: 0;
	}

	50% {
		transform: scale(1.2);
		opacity: 0.5;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}


@keyframes overshootScale {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}

	70% {
		transform: scale(1.1);
		opacity: 0.5;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes top-bottom {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(100%);
	}
}

@keyframes bottom-top {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(-100%);
	}
}

@keyframes top-bottom-min {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0%);
	}
}

@keyframes scale-max-norm-opacity {
	0% {
		transform: scale(1.2);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: 1;

	}
}

@keyframes scale-max-norm {
	0% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);

	}
}


@keyframes scale-in-tr {
	0% {
		transform: scale(0);
		transform-origin: 100% 0%;
		opacity: 1;
	}

	100% {
		transform: scale(1);
		transform-origin: 100% 0%;
		opacity: 1;
	}
}


@keyframes right-left-130 {
	0% {
		transform: translateX(130px);
		opacity: 0;
	}

	100% {
		transform: translateX(0px);
		opacity: 1
	}
}

@keyframes right-left {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}

	100% {
		transform: translateX(0%);
		opacity: 1
	}
}

@keyframes left-right {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0%);
	}
}


@keyframes bottom-top-100 {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes opacitys {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}










@media (max-width: 767px) {}