:root {
	--welcome-start-letter-spacing: -27px;
	--welcome-end-letter-spacing: -5.1px;
	--char-after-padding-left: 14px;
	--char-animation-delay: .8s;
}

@media only screen and (max-width:1440px) {
	:root {
		--welcome-start-letter-spacing: -25px;
		--welcome-end-letter-spacing: -3px;
		--char-after-padding-left: 8px;
		--char-animation-delay: .6s;
	}
}

@media screen and (min-width: 1069px) and (max-height: 1000px) and (min-height: 0px) {
	:root {
		--welcome-start-letter-spacing: -25px;
		--welcome-end-letter-spacing: -3px;
		--char-after-padding-left: 8px;
		--char-animation-delay: .6s;
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 70%, 0);
		transform: translate3d(0, 70%, 0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes slideInUp-2 {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes textExpland {
	0% {
		letter-spacing: var(--welcome-start-letter-spacing);
	}

	1% {
		visibility: visible;
	}

	100% {
		letter-spacing: var( --welcome-end-letter-spacing);
		visibility: visible;
	}
}

@keyframes textSkew {
	0% {
		transform: skew(0deg);
	}
	10% {
		transform: skew(6deg);
	}

	35% {
		transform: skew(-6deg);
	}

	100% {
		transform: skew(0deg);
	}
}

@keyframes textColor-1 {
	0% {
		color: black;
	}

	to {
		color: var(--finish-green);
	}
}

@keyframes textColor-2 {
	0% {
		color: black;
	}

	to {
		color: var(--finish-yellow);
	}
}

@keyframes charAfter {
	0% {
		padding-left: 0;
	}

	60% {
		padding-left: var(--char-after-padding-left);
	}

	100% {
		padding-left: 0;
	}
}

.overlay-headline, .overlay-eyebrow {
	opacity: 0;
}

.no-enhanced .section-welcome .media-container .overlay-content {
	opacity: 0 !important;
}

@media only screen and (max-width: 734px) and (max-height: 775px)  {
	.section-welcome .media-container .overlay-content {
		padding-top: calc(var(--media-container-padding-top) * .8);
	}
}

.overlay-content.animate__alt {
	margin-top: -15px;
	padding-bottom: 60px;
}

@media only screen and (max-width:1440px) {
	.overlay-content.animate__alt {
		margin-top: -7px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1069px) and (max-height: 1000px) and (min-height: 0px) {
	.overlay-content.animate__alt {
		margin-top: -7px;
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 734px) {
	.overlay-content.animate__alt {
		margin-top: -8px;
		padding-bottom: 30px;
	}
}

.animate__alt .overlay-headline {
	font-size: calc((var(--overlay-content-headline-height)* var(--overlay-content-modifier)) * 1.34);
	min-width: calc((var(--overlay-content-headline-width)* var(--overlay-content-modifier)) * 1.34) !important;
	text-align: center;
	font-weight: 600;
	letter-spacing: -3.5px;
	margin-left: -7px !important;
	line-height: 100%;
	padding-top: 7px;
}

@media(max-width:1440px) {
	.animate__alt .overlay-headline {
		font-size: calc((var(--overlay-content-headline-height)* var(--overlay-content-modifier)) * 1.3);
		min-width: calc((var(--overlay-content-headline-width)* var(--overlay-content-modifier)) * 1.3) !important;
		padding-top: 0;
	}
}

@media only screen and (max-width: 734px) {
	.animate__alt .overlay-headline {
		font-size: calc((var(--overlay-content-headline-height)* var(--overlay-content-modifier)) * 1.11);
		min-width: calc((var(--overlay-content-headline-width)* var(--overlay-content-modifier)) * 1.34) !important;
	}
}

.animate__alt .overlay-eyebrow {
	font-size: calc((var(--overlay-content-headline-height)* var(--overlay-content-modifier)) * .75);
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-weight: 600;
	text-align: center;
}

@media only screen and (max-width: 734px) and (max-height: 775px) {
	.animate__alt .overlay-eyebrow {
		font-size: calc((var(--overlay-content-headline-height)* var(--overlay-content-modifier)) * .63);
	}
}

.animate__alt .overlay-headline {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

.animate__alt .overlay-eyebrow {
	-webkit-animation-duration: 1.8s;
	animation-duration: 1.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: slideInUp-2;
	animation-name: slideInUp-2;
}

.char {
	font-size: calc((var(--overlay-content-headline-height)* var(--overlay-content-modifier)) * 1.22);
	display: inline-block;
	position: relative;
	letter-spacing: var( --welcome-end-letter-spacing);
	z-index: 1;
}

.char-1 {
	color: black;
}

.char-2 {
	color: var(--finish-yellow);
	visibility: hidden;
}

.char-3 {
	color: var(--finish-orange);
	visibility: hidden;
}

.char-4 {
	color: var(--finish-pink);
	visibility: hidden;
}

.char-5 {
	color: var(--finish-purple);
	visibility: hidden;
}

.char-6 {
	color: var(--finish-blue);
	visibility: hidden;
}

.animate__alt .char-after {
	position: relative;
	z-index: 9999;
}

.animate__alt .char-1 {
	-webkit-animation-duration: .5s, 1.5s;
	animation-duration: .5s, 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: var(--char-animation-delay);
	animation-delay: var(--char-animation-delay);
	-webkit-animation-name: textColor-1, textSkew;
	animation-name: textColor-1, textSkew;
}

.animate__alt .char-2 {
	-webkit-animation-duration: 1s, 1.5s;
	animation-duration: 1s, 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: var(--char-animation-delay);
	animation-delay: var(--char-animation-delay);
	-webkit-animation-name: textExpland, textSkew;
	animation-name: textExpland, textSkew;
}

.animate__alt .char-3 {
	-webkit-animation-duration: 1s, 1.5s;
	animation-duration: 1s, 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: var(--char-animation-delay);
	animation-delay: var(--char-animation-delay);
	-webkit-animation-name: textExpland, textSkew;
	animation-name: textExpland, textSkew;
}

.animate__alt .char-4 {
	-webkit-animation-duration: 1s, 1.5s;
	animation-duration: 1s, 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: var(--char-animation-delay);
	animation-delay: var(--char-animation-delay);
	-webkit-animation-name: textExpland, textSkew;
	animation-name: textExpland, textSkew;
}

.animate__alt .char-5 {
	-webkit-animation-duration: 1s, 1.5s;
	animation-duration: 1s, 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: var(--char-animation-delay);
	animation-delay: var(--char-animation-delay);
	-webkit-animation-name: textExpland, textSkew;
	animation-name: textExpland, textSkew;
}

.animate__alt .char-6 {
	-webkit-animation-duration: 1s, 1.5s;
	animation-duration: 1s, 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: var(--char-animation-delay);
	animation-delay: var(--char-animation-delay);
	-webkit-animation-name: textExpland, textSkew;
	animation-name: textExpland, textSkew;
}

.animate__alt .char-after {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
	-webkit-animation-name: charAfter;
	animation-name: charAfter;
}