/* -------------------------------------------------------------
	SITE GSAP CSS
------------------------------------------------------------- */


/* -------------------------------------------------------------
	Include CSS
------------------------------------------------------------- */

/* -------------------------------------------------------------
	INITIAL VISIBILITY HIDDEN FOR GSAP ELEMENTS
------------------------------------------------------------- */

html.js_active .box-animation article,
html.js_active .box-animation .flex_column,
html.js_active .box-animation .single_toggle,
html.js_active .box-animation li.ecs-event,
html.js_active .box-animation atomic-event,
html.js_active .sm-fade-in-up,
html.js_active .sm-fade-in-up,
html.js_active .sm-animate-text,
html.js_active .sm-animate-text .avia-caption-title,
html.js_active .sm-animate-text .avia-caption-content,
html.js_active .sm-animate-multi-headline .av-special-heading-tag
{
	visibility: hidden; /* never use important here */
	will-change: transform;
}

/* Special case forv text animation only */
html.js_active .sm-animate-text,
html.js_active .sm-animate-caption .avia-caption-title
{
	/* display: none; /* never use important here */
}/* -------------------------------------------------------------
	BODY OUTRO INTRO ANIMATION
------------------------------------------------------------- */

#intro-overlay
{
	position: fixed !important;
	z-index: 2147483647 !important; /* Higest z-index possible */
	padding: 0 !important;
	margin: 0 !important;
	bottom: 0 !important;
	left: 0;
	width: 100% !important; /* Fallback */
	width: 100vw !important;
	height: 0;
	background-color: var(--pageBgColor) !important;
	overflow: hidden !important;
	pointer-events: none !important;
	will-change: height;
}

/* Hide mobile */
@media only screen and (max-width: 989px) {
	#intro-overlay {
	display: none !important;
	}
}
/* -------------------------------------------------------------
	SPLIT TEXT ANIMATION
------------------------------------------------------------- */

/* Safari Hack for SplitTextz animation */
html.js_active .sm-animate-text,
html.js_active .sm-animate-text .avia-caption-title
{
	visibility: hidden; /* never use important here */
	font-kerning: none !important;
	-webkit-text-rendering: optimizeSpeed !important;
	text-rendering: optimizeSpeed !important;
	-webkit-transform: translateZ(0) !important;
	transform: translateZ(0) !important;
	-webkit-animation: none !important;
	animation: none !important;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;   
}/* -------------------------------------------------------------
	SCROLL REVEAL EFFECT
------------------------------------------------------------- */

.sm-scroll-reveal,
.sm-scroll-reveal-video
{
	position: relative;
	overflow: hidden;
	will-change: transform;
}

.reveal-overlay
{
	position: absolute;
	z-index: 1000000 !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 0;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.sm-scroll-reveal.sm-scroll-reveal-right .reveal-overlay,
.sm-scroll-reveal-video.sm-scroll-reveal-right .reveal-overlay,
.sm-scroll-reveal-static.sm-scroll-reveal-right .reveal-overlay
{
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}



/* -------------------------------------------------------------
	COLORS
------------------------------------------------------------- */

/* Red */
.sm-scroll-reveal.sm-scroll-reveal-red .reveal-overlay,
.sm-scroll-reveal-video.sm-scroll-reveal-red .reveal-overlay,
.sm-scroll-reveal-static.sm-scroll-reveal-red .reveal-overlay
{
	background-color: #ff6d7c !important;
}

/* Light Gray */
.sm-scroll-reveal.sm-scroll-reveal-lightgray .reveal-overlay,
.sm-scroll-reveal-video.sm-scroll-reveal-lightgray .reveal-overlay,
.sm-scroll-reveal-static.sm-scroll-reveal-lightgray .reveal-overlay
{
	background-color: #e7ecef !important;
}

/* Gray */
.sm-scroll-reveal.sm-scroll-reveal-gray .reveal-overlay,
.sm-scroll-reveal-video.sm-scroll-reveal-gray .reveal-overlay,
.sm-scroll-reveal-static.sm-scroll-reveal-gray .reveal-overlay
{
	background-color: #403f4c !important;
}