/*/// Fade in ///*/
.inlineY {
	display: inline-block;
	transform: translateX(-45%);
	transform: translateY(75%);
	transform: translateY(15%);
}

.txtFade {
	opacity: 0;
	transform-origin: bottom;
}

.animateFade {
	opacity: 1;
	transform: translateY(0%) !important;
	transition: 0.3s cubic-bezier(.35, .42, .6, 1.15);
	transform: translateX(0px) translateY(0px) translateZ(0px);
	transition: opacity 800ms ease-out 0s, transform 400ms ease-out 0s;
}

span.inlineY.y1 {
	transition-delay: 0.1s;
}

span.inlineY.y2 {
	transition-delay: 0.3s;
	transition-delay: 1.3s;
}

span.inlineY.y3 {
	transition-delay: 0.5s;
	transition-delay: 1.5s;
}

span.inlineY.y4 {
	transition-delay: 0.7s;
	transition-delay: 1.7s;
}

button.inlineY.y5 {
	transition-delay: 0.9s;
	transition-delay: 1.9s;
}




/*/// Scroll in ///*/
.blockScrollUp {
	opacity: .01;
	transform: translateY(15px);
}

.animateScroll {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 800ms ease-out 0s, transform 400ms ease-out 0s;
}

/*/// Wipe in ///*/
.wipeLeft,
.scrollWipeLeft {
	opacity: 0;
	transform-origin: right;
	display: inline-block;
	transform: translateX(15%);
}

.wipeRight,
.scrollWipeRight {
	opacity: 0;
	transform-origin: left;
	display: inline-block;
	transform: translateX(-15%);
}

.animateWipeLeft,
.animateWipeRight {
	opacity: 1;
	transform: translateX(0%) !important;
	transition: opacity 800ms ease-out 0s, transform 400ms ease-out 0s;
}


/* /// SVG animation /// */
svg#Thin_underline {
	width: min(75%, 350px);
}

.underline {
	fill: none;
	stroke-width: 15;
	stroke-dasharray: 5000;
	stroke-dashoffset: 5000;
	animation: dash 1.5s linear forwards;
}

@keyframes dash {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes floaters {

	/* 0% {
		transform: translateY(0px);
	}

	25% {
		transform: translateX(15px);
	}

	50% {
		transform: translateY(-15px);
	}

	75% {
		transform: translateX(-15px);
	}

	100% {
		transform: translateY(0px);
	} */
	0%,
	100% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-20px);
	}
}

/*/// Intersection Observer ///*/