/* stylelint-disable */

.enb-animate {
	visibility: hidden;
	animation-duration: 1s;
}

.enb-animate.in-view {
	visibility: visible;
}

@keyframes bounce {

	0%,
	20%,
	53%,
	80%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		transform: translate3d(0, -4px, 0);
	}
}

@keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	/* eslint-disable keyframe-block-no-duplicate-selectors */
	0% {
		opacity: 0;
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}

	75% {
		transform: translate3d(0, 10px, 0);
	}

	90% {
		transform: translate3d(0, -5px, 0);
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		transform: translate3d(10px, 0, 0);
	}

	90% {
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		transform: none;
	}
}

@keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}

	75% {
		transform: translate3d(0, -10px, 0);
	}

	90% {
		transform: translate3d(0, 5px, 0);
	}

	100% {
		transform: none;
	}
}

@keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	100% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0);
	}

	75% {
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		transform: translate3d(5px, 0, 0);
	}

	100% {
		transform: none;
	}
}

@keyframes fadeIn {

	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeInUp {

	0% {
		opacity: 0;
		transform: translateY(var(--enb-translate));
	}

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

@keyframes fadeInRight {

	0% {
		opacity: 0;
		transform: translateX(var(--enb-translate));
	}

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

@keyframes fadeInDown {

	0% {
		opacity: 0;
		transform: translateY(calc(var(--enb-translate) * -1));
	}

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

@keyframes fadeInLeft {

	0% {
		transform: translateX(calc(var(--enb-translate) * -1));
		opacity: 0;
	}

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

@keyframes flipInX {

	0% {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transition-timing-function: ease-in;
	}

	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		transform: perspective(400px);
	}
}

@keyframes flipInY {

	0% {
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transition-timing-function: ease-in;
	}

	60% {
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		transform: perspective(400px);
	}
}

@keyframes slideUp {

	0% {
		transform: translateY(1000px);
	}

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

@keyframes slideRight {

	0% {
		transform: translateX(1000px);
	}

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

@keyframes slideDown {

	0% {
		transform: translateY(-1000px);
	}

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

@keyframes slideLeft {

	0% {
		transform: translateX(-1000px);
	}

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

@keyframes zoomIn {

	0% {
		transform: scale(0);
	}

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

@keyframes animatedGradientPosition {

	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@keyframes animatedBgColors {

	0% {
		background-color: var(--bg-color-1, #fe3535);
	}

	20% {
		background-color: var(--bg-color-2, #fb3ad5);
	}

	40% {
		background-color: var(--bg-color-3, #5067ff);
	}

	60% {
		background-color: var(--bg-color-4, #19ce26);
	}

	80% {
		background-color: var(--bg-color-5, #eb8224);
	}

	100% {
		background-color: #fe3535;
		background-color: var(--bg-color-1, #fe3535);
	}
}