#front-hero {
	width:100%;
	max-width:1440px;
}

#front-hero-container {

	height:380px;
	
}

.gStarted-flex {
	display:flex;
	flex-direction:column;
}

.gStarted-form {

}

.gStarted-title {

}

.stageText h3 {
	font-family: "FuturaEagle", sans-serif;
	text-transform:uppercase;
	font-size:2em;
}

.stageText h4 {
	font-family: "FuturaEagle", sans-serif;
	text-transform:uppercase;
	font-size:1.5em;
}

.gStarted-stage {
	display:flex;
	flex-direction:column;
}

.stageText {
	display:none;
	width:100%;
}

.stageText.active {
	display:inline-block;
	
}

.gStarted-selector {
	position:relative;
	overflow:hidden;
	transition:max-width 500ms ease;
	width:100%;
	height:130px;
}

.gStarted-selector:hover {
	
}

.gStarted-stage.stage1 > .gStarted-selector {

}

.gStarted-stage.stage1 > .gStarted-selector:hover {
	cursor: pointer;
}

.gStarted-selector:hover h5 {
	background: var(--color-blue);
}

.gStarted-selector img {
	object-fit: cover;
	object-position:bottom;
	width:100%;height:100%;
	height:285px;
	filter: grayscale(0%);
	transition: all 0.25s ease;
}

.gStarted-stage.stage1 > .gStarted-selector img {
	filter: grayscale(100%);
}

.gStarted-stage.stage1 > .gStarted-selector:hover img {
	filter: grayscale(0%);
}

.gStarted-selector h5 {
	position: absolute;
	margin: 0px;
	z-index: 5;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 15px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-transform: uppercase;
	font-family: "FuturaEagle", sans-serif;
	font-size: 1em;
	opacity:1.0;
	visibility: visible;
	transition: background-color 0.25s ease;
	text-wrap:nowrap;
}

.gStarted-selector.active {
	width:100%;
	min-width:285px;
}

.gStarted-selector.active h5 {
	
}

.gStarted-selector.active img {
	
}

.gStarted-selector.minimize {
	max-width:0px;
}

.gStarted-stage2 {
	margin-bottom:20px;
}

ul.gStarted-appList {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display:flex;
	gap:5px;
}

ul.gStarted-appList li {
	padding: 6px 8px;
	border: 1px solid #ccc;
	background: #ddd;
}

.powerK-flex {
	display:flex;
	min-height:350px;
	align-items:center;
	background-color:#000;
}

.powerK-title {
	width:100%;
	min-width:500px;
	padding-left:40px;
	color:#fff;
}

.powerK-title > h2 {
	font-family: "FuturaEagle", sans-serif;
	text-transform: uppercase;
	font-size:3em;
	font-weight:200;
}

.powerK-title > h3 {
	font-size:1.5em;
	font-family:'Roboto', sans-serif;
	font-weight:300;
}

.powerK-title > p {
	font-size:1em;
}

.powerK-show {
	flex:1;
}

span.powerK-textGrad {
	--bg-size: 400%;
	font-weight:700;
	font-size:1.5em;
	letter-spacing: .5em;
	background-image: linear-gradient(
		 60deg,
		 var(--color-grade-ocean),
		 var(--color-grade-sky),
		 var(--color-grade-lime),
		 var(--color-grade-orange),
		 var(--color-grade-pink),
		 var(--color-grade-ocean)
	);
	background-size: 600% 100%;
	color: transparent;
	background-clip: text;
}


#chat_cover {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:var(--color-bg-blue-dark-ultra);
	opacity:0;
	z-index:-1;
	transition:opacity 0.5s ease-in-out;
}

#chat_cover.active {
	opacity:0.5;
	z-index:80;
}

#eagle-chat-form {
	margin-bottom: 15px;
	width: 100%;
}

#eagle-chat-form > form {
	display:flex;
}

#eagle-chat-input {
	flex:1;
	font-size: 1.2em;
	padding: 15px;
	width: 100%;
	border: none;
	background: var(--color-bg-blue-light);
}

#eagle-chat-form > form > button {
	background:var(--color-blue);
	color:var(--color-text-white);
	width:65px;
	font-family:"FuturaEagle";
	border:none;
}


.chat-hero-expand {
	height:0px;
	width:100%;
	background:var(--color-bg-blue-dark-ultra);
	overflow: hidden;
	transition: height 0.5s ease-in-out;
	z-index:99;
}

.chat-hero-expand.active {
	height:420px;
	
}

@media (prefers-reduced-motion: no-preference) {
	span.powerK-textGrad {
		animation: move-bg 30s linear infinite;
	}
	@keyframes move-bg {
		0% {
			background-position: 0;
		}
		to {
			background-position: 100%;
		}
	}
}

@media only screen and (min-width: 576px) {

	.gStarted-stage {
		flex-direction:row;
	}

	.gStarted-flex {
		display:flex;
		flex-direction:row-reverse;
	}

	.gStarted-form {
		
	}
	
	.gStarted-title {
		padding:15px 30px;
		width:42%;
		min-width:270px;
		transition:width 0.5s ease;
	}

	.gStarted-title.stage2 {
		width:100%;
	}

	.gStarted-selector {
		max-width:285px;
		height:285px;
	}

	.gStarted-selector h5 {
		background: rgba(0,0,0,0.35);
		font-size:0.85em;
	}

	
	
	.gStarted-stage.stage1 > .gStarted-selector:hover img {
		transform:scale(1.1);
	}

	.gStarted-selector.active > img {
		transform:scale(1.1);
	}

	.gStarted-selector.active > h5 {
		background: var(--color-blue);
	}

}

@media only screen and (min-width: 1050px) {
	
	.gStarted-title {
		padding:35px;
		min-width:438px;
		background:#fff;
	}

	.gStarted-selector h5 {
		font-size:1em;
	}
	

	
}