/*/// 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 /// */
.navbtnsvg:hover #swec_circle_stoke {
	fill: none;
	stroke-width: 50;
	stroke-dasharray: 5000;
	stroke-dashoffset: 5000;
	animation: circle 1s linear forwards;
}

@keyframes circle {
	to {
		stroke-dashoffset: 0;
	}
}