.fade {
	visibility: hidden;
	animation-duration: 0.4s;
	animation-fill-mode: none;
	animation-delay: 0s;
	animation-play-state: paused;
}
#dd .fade.anim {
	visibility: visible;
	animation-play-state: running;
}
.nofade {
	visibility: visible !important;
	animation-play-state: running;
}
.fl-builder-edit .fade {
	visibility: visible !important;
	animation-play-state: running;
}
#body .short {
	animation-duration: 0.21s;
	animation-delay: 0s;
}
#body .tada {
	animation-duration: 1s;
	visibility: visible !important;
}
:root {
	--anim-trs: 144px;
	--anim-trsn: -144px;
	--anim-scale: 0.6;
}
@media screen and (min-width: 1320.25px) {
	.long {
		--anim-trs: 264px;
		--anim-trsn: -264px;
		animation-duration: 0.61s;
	}
}
@media screen and (min-width: 1120.25px) and (max-width: 1320.24px) {
	.fade {
		animation-duration: 0.42s;
	}
	:root {
		--anim-trs: 42px;
		--anim-trsn: -42px;
		--anim-scale: 0.7;
	}
}
@media screen and (max-width: 1120.24px) {
	.fade {
		animation-duration: 0.41s;
	}
	:root {
		--anim-trs: 78px;
		--anim-trsn: -78px;
		--anim-scale: 0.83;
	}
}
@media screen and (max-width: 767px) {
	/* * { */
		/* animation-timing-function: steps(16, start); */
	/* } */
	.fade {
		/* animation-timing-function: steps(16, start); */
		/* animation-duration: 0.21s; */
		animation-duration: 0s;
		animation-delay: 0s;
	}
	
	.fl-row:first-child .fl-module:first-child .fade {
		animation-duration: 0.24s;
	} 
	.fl-row .fl-module:not(:first-child) .fade {
		animation-duration: 0s !important;
		animation-delay: 0s !important;
		animation-name: none !important;
		visibility: visible !important;
    animation-play-state: running !important;
	} 
	:root {
		--anim-trs: 25px;
		--anim-trsn: -25px;
		--anim-scale: 0.93;
	}
}
/* .fl-row:first-child .fl-module:first-child * {
	animation-duration: 0s;
	animation-delay: 0s;
	animation-name: none;
} */
/* fadeIn */
@keyframes fi {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.i {
	animation-name: fi;
}

/* fadeIn 3D */
@keyframes fi3d {
	0% {
		opacity: 0.88;
		transform: scale(0.95) translateY(2%);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}
.in3d {
	animation-name: fi3d;
	visibility: visible !important;
}

/* fade left */
@keyframes fl {
	0% {
		opacity: 0;
		transform: translateX(var(--anim-trsn));
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.l {
	animation-name: fl;
}

/* fade right */
@keyframes fr {
	0% {
		opacity: 0;
		transform: translateX(var(--anim-trs));
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.r {
	animation-name: fr;
}

/* fade left scale */
@keyframes fls {
	0% {
		opacity: 0;
		transform: translateX(var(--anim-trsn)) scale(var(--anim-scale));
	}
	100% {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
}
.ls {
	animation-name: fls;
	will-change: transform;
}

/* fade right scale */
@keyframes frs {
	0% {
		opacity: 0;
		transform: translateX(var(--anim-trs)) scale(var(--anim-scale));
	}
	100% {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
}
.rs {
	animation-name: frs;
	will-change: transform;
}

/* fade up */
@keyframes fu {
	0% {
		opacity: 0;
		transform: translateY(var(--anim-trs));
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.u {
	animation-name: fu;
}

/* fade up short */
@keyframes fush {
	0% {
		opacity: 0;
		transform: translateY(10.5rem);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.fush {
	animation-name: fush;
}

/* fade down */
@keyframes fd {
	0% {
		opacity: 0;
		transform: translateY(-10rem);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.d {
	animation-name: fd;
}

/* fadeOut */
@keyframes fo {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.o {
	animation-name: fo;
}

/* beaver animations */
@-webkit-keyframes fl-grab-attention {
}
@keyframes fl-grab-attention {
}
@-webkit-keyframes fl-lightbox-zoom {
	0% {
		opacity: 0.8;
		transform: scale(0.9);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes fl-lightbox-zoom {
	0% {
		opacity: 0.8;
		transform: scale(0.9);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}