@charset "utf-8";
/* CSS Document */
@import url("https://use.typekit.net/ycp5oxj.css");

html{
	scroll-behavior: smooth;
}

body{
	margin: 0 auto;
	background: url("/images/bg.png") no-repeat center top #030508;
}

p, li, a, button, label, select, textarea, td, th{
	font-family: "Lexend Deca", sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
}

h1, h2, h3, h4, h5{
	font-family: "arboria";
	font-weight:700;
	color: #fff;
}

h1{
	font-size:36px;
}

h2{
	font-size:28px;
}

h3{
	font-size:22px;
}

a{
	color: #ffffff;
}

a.purple{
	color: #be8df1;
}


a.red{
	color:#D12029 !important;
	font-size: 18px;
}

a.blue{
	color: #1d6bbd !important;
	font-size: 16px;
}

a.green{
	color: #59bd1d !important;
	font-size: 16px;
}

a.yellow{
	color: #e9b71d !important;
	font-size: 16px;
}

.center{
	text-align: center;
}

p.quote{
	font-style: italic;
	font-size: 20px;
	margin: 0px 40px;
	color: #be8df1;
}

hr.purpleLine{
	border: 1px solid #be8Df1;
	margin: 40px 0;
}

.site{
	margin: 0 auto;
	padding: 0;
}

.sectionNav, .pubsNav{
	height: 50px;
  	margin: 0 auto;
  	left: 0;
  	top: 73px;
  	z-index: 1010;
  	position: fixed;
  	color: #fff;
  	display: none;
  	width: 100%;
  	transition: all 1s linear;
  	background-color: rgba(0,0,0,0.95);
  	border-bottom: 1px solid rgba(100,100,100,0.7);
}

.show{
	animation: fadeIn 2s;
	display: block;
}

.hide{
	animation: fadeOut 2s;
	display: block;
	
}

.sectionNavContainer, .pubsNavContainer{
	display: flex;
	padding: 0 20px;
	height: 100%;
	position: relative;
	z-index: 1010;
	flex-direction: row;
	align-items: center;
	margin: 0 auto;
	justify-content: center;
}

.sectionNavContainer a, .pubsNavContainer a{
	padding: 0 20px;
  	text-align: center;
  	text-decoration: none;
  	color: #be8df1;
	background-color: transparent;
  	transition: background-color 1s ease-out 100ms;
	font-weight: 400;
}

.sectionNavContainer a:hover, .pubsNavContainer a:hover{
	background-color: rgba(191,141,242,.4);
  	padding: 6px 20px;
}

.secNavActive{
	background-color: rgba(191,141,242,.4) !important;
  	padding: 6px 20px !important;
}

.siteContainer{
	margin: 0 auto 100px;
  	min-height: 1080px;
  	position: relative;
  	width: 100%;
	display: flex;
	flex-direction: column;
}

#one, #two, #three, #four, #five, #six, #seven, #eight, #nine{
	scroll-margin-top: 165px;
}

.header{
	height: 72px;
  	margin: 0 auto;
  	left: 0;
  	top: 0;
  	z-index: 10000;
  	position: fixed;
  	color: #fff;
  	display: block;
	width:100%;
	transition: all .25s linear;
}

.active, .activePurple{
	background-color: rgba(18,2,23,0.95);
	border-bottom: 1px solid #be8df1;
}

.activeBlue{
	background-color: rgba(2,18,23,0.95);
	border-bottom: 1px solid #1d6bbd;
	transition: all .4s ease;
}

.activeGreen{
	background-color:rgba(18,23,2,0.95);
	border-bottom: 1px solid #59bd1d;
	transition: all .4s ease;
}

.activeYellow{
	background-color:rgba(23,18,2,0.95);
	border-bottom: 1px solid #e9b71d;
	transition: all .4s ease;
}

.activeRed{
	background-color:rgba(23,2,2,0.95);
	border-bottom: 1px solid #d12029;
	transition: all .4s ease;
}

.activeLtBlue{
	background-color:rgba(2,23,23,0.95);
	border-bottom: 1px solid #a6dcdd;
	transition: all .4s ease;
}

.activeDkPurple{
	background-color:rgba(13,2,23,0.95);
	border-bottom: 1px solid #8a00ff;
	transition: all .4s ease;
}

.headerContainer{
	display: flex;
  	padding: 0 20px;
  	height: 100%;
  	position: relative;
  	z-index: 1001;
  	flex-direction: row;
  	align-items: center;
}

.aisLogo{
	margin: 0 20px 0 0;
}

.headerMenu{
	display: flex;
  	contain: layout;
  	z-index: 100;
  	pointer-events: none;
  	width: auto;
  	position: relative;
  	flex: auto;
  	flex-direction: column;
  	box-sizing: border-box;
}

.headerMenuWrapper{
	width: 100%;
  	overflow: visible;
  	background-color: transparent;
  	box-shadow: none;
  	height: 100%;
  	pointer-events: auto;
  	display: flex;
  	padding: 0;
  	margin-top: 0;
  	flex-direction: row;
  	align-self: flex-end;
  	flex: auto;
  	justify-content: space-between;
  	border-radius: 0;
  	box-sizing: border-box;
}

.nav, .user{
	padding-right: 0;
  	padding-left: 0;
  	margin-bottom: 0;
  	margin-top: 0;
  	display: flex;
  	box-sizing: border-box;
  	pointer-events: auto;
}

.navList, .userList{
	display: flex;
  	list-style: none;
  	padding-left: 0;
  	margin-top: 0;
  	margin-bottom: 0;
  	box-sizing: border-box;
  	pointer-events: auto;
}

.navList li, .userList li{
	display: flex;
  	position: relative;
  	align-items: center;
  	flex-wrap: nowrap;
  	justify-content: space-between;
  	box-sizing: border-box;
}

.products, .solutions, .careers, .account{
	-webkit-appearance: button;
  	color: #fff;
  	background: transparent;
  	display: flex;
  	white-space: nowrap;
  	padding-top: 2px;
  	padding-bottom: 10px;
  	width: auto;
  	justify-content: space-between;
  	align-items: center;
  	border: 0;
  	cursor: pointer;
  	border-radius: 0;
  	font-size: inherit;
  	font-family: inherit;
  	overflow: visible;
	margin-right: 20px;
}

.products i, .solutions i, .careers i, .account i{
	color: #bf8df2;
	margin-left: 5px;
  	margin-top: 3px;
}

.blue{
	color: #1d6bbd !important;
	transition: all .4s ease;
}

.green{
	color: #59bd1d !important;
	transition: all .4s ease;
}

.yellow{
	color: #e9b71d !important;
	transition: all .4s ease;
}

.red{
	color: #d12029 !important;
	transition: all .4s ease;
}

.ltBlue{
	color: #a6dcdd !important;
	transition: all .4s ease;
}

.dkPurple{
	color: #8a00ff !important;
	transition: all .4s ease;
}

.purple{
	color: #be8df1 !important;
	transition: all .4s ease;
}

.account img{
	margin-left: 10px;
}

.productsList:hover .productsDrop{
	display: flex;
}

.solutionsList:hover .solutionsDrop{
	display: flex;
}

.careersList:hover .careersDrop{
	display: flex;
}

.ffuserList:hover .accountDrop{
	display: flex;
}

.productsDrop{
	margin: 0;
  	position: absolute;
  	border-radius: 10px;
  	width: 650px;
  	left: -16px;
  	background-color: #011c40;
  	top: 100%;
  	z-index: 10000;
  	display: none;
  	padding: 20px 0;
  	border: 1px solid #4a5b8c;
}

.solutionsDrop{
	margin: 0;
  	position: absolute;
  	border-radius: 10px;
  	width: 650px;
  	left: -16px;
  	background-color: #011c40;
  	top: 100%;
  	z-index: 10000;
  	display: none;
  	padding: 20px 0;
  	border: 1px solid #4a5b8c;
}

.careersDrop{
	margin: 0;
  	position: absolute;
  	border-radius: 10px;
  	width: 650px;
  	left: -16px;
  	background-color: #011c40;
  	top: 100%;
  	z-index: 10000;
  	display: none;
  	padding: 20px 0;
  	border: 1px solid #4a5b8c;
}

.accountDrop{
	margin: 0;
  	position: absolute;
  	width: 332px;
  	left: -156px;
  	background-color: #030508;
  	top: 100%;
  	z-index: 10000;
  	display: none;
  	padding: 20px 0;
  	border: 1px solid #be8df1;
	border-radius: 10px 0 0 10px;
}

.menuDropLeft{
	padding-right: 50px;
  	padding-left: 20px;
  	margin-bottom: 0;
  	border-right: 1px solid #bf8df2;
}

.accountDrop .menuDropLeft{
	padding-right: 20px;
  	padding-left: 20px;
  	margin-bottom: 0;
	border: none;
}

.menuDropRight{
	padding-right: 20px;
  	padding-left: 20px;
}

.menuDropLeftList{
	list-style: none;
  	font-size: 14px;
  	padding-left: 0;
  	margin-top: 0;
  	margin-bottom: 0;
}

.menuDropRightList{
	list-style: none;
  	font-size: 14px;
  	padding-left: 0px;
  	margin-top: 0;
  	margin-bottom: 0;
}

.dropLink{
	color: #fff;
  	display: flex;
  	text-decoration: none;
  	line-height: 1.25;
  	padding-bottom: 20px;
  	padding-top: 10px;
  	padding-left: 10px;
  	padding-right: 10px;
  	position: relative;
  	align-items: center;
  	border-radius:5px;
  	width:100%;
  	background-color: transparent;
  	transition: background-color 2s ease-out 100ms;
  	font-size: 14px;
}

.accountDrop .menuDropLeft .menuDropLeftList li a.dropLink{
	padding-bottom: 15px;
	padding-top: 5px;
}

.dropLink:hover{
	background-color: rgba(191,141,242,.2);
  	padding-left: 10px;
  	padding-right: 10px;
  	border-radius: 5px;
  	width: 100%;
}

.dropLink img{
	margin-right: 20px;
  	display: inline-block;
  	padding: 8px 0 0 0;
}

.dropLinkText{
	font-size: 18px;
	font-weight: 700;
}

.navHeading{
	display: block;
  	font-weight: 700;
  	font-size: 18px;
  	margin-top: 10px;
  	margin-bottom: 10px;
}

.dropLinkRight{
	color: #fff;
  	display: block;
  	text-decoration: none;
  	line-height: 1.25;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	position: relative;
  	background-color: transparent;
}

.dropLinkRight:hover{
	color:lightskyblue;
}

.dropLinkRight i{
	color:#bf8df2;
	margin-left: 5px;
}

.headerRight{
	display: flex;
  	text-align: left;
  	margin-bottom: 0;
  	margin-left: 20px;
  	align-items: center;
}

.search{
	width: 350px;
  	display: block;
  	text-align: left;
}


.searchField, .searchfieldPurple{
  	background-color: #120425;
  	width: 310px;
  	border: 1px solid #be8df1;
  	color: #fff;
  	font-style: italic;
  	padding: 5px 10px;
  	border-radius: 5px;
}

.searchFieldBlue{
  	background-color: #021329 !important;
  	border: 1px solid #1d6bbd !important;
}

.searchFieldGreen{
  	background-color: #112501 !important;
  	border: 1px solid #59bd1d !important;
}

.searchFieldYellow{
  	background-color: #251c01 !important;
  	border: 1px solid #e9b71d !important;
}

.searchFieldRed{
  	background-color: #170202 !important;
  	border: 1px solid #d12029 !important;
}

.searchFieldLtBlue{
  	background-color: #021716 !important;
  	border: 1px solid #a6dcdd !important;
}

.searchFieldDkPurple{
  	background-color: #0c0217 !important;
  	border: 1px solid #8a00ff !important;
}

.signIn{
	display: inline-block;
  	margin-right: 20px;
  	position: relative;
  	text-align: left;
}

.signInText{
	text-decoration: none;
	margin: 0px 10px 0px 20px;
}

.signIn img{
	vertical-align: middle;
	margin-left: 10px;
}

.userAvitar, .userAvitarPurple{
	border: 2px solid #be8df1;
	border-radius: 50%;
}

.userAvitarBlue{
	border: 2px solid #1d6bbd !important;
	border-radius: 50% !important;
	transition: all .4s ease;
}

.userAvitarGreen{
	border: 2px solid #59bd1d !important;
	border-radius: 50% !important;
	transition: all .4s ease;
}

.userAvitarYellow{
	border: 2px solid #e9b71d !important;
	border-radius: 50% !important;
	transition: all .4s ease;
}

.userAvitarRed{
	border: 2px solid #d12029 !important;
	border-radius: 50% !important;
	transition: all .4s ease;
}

.userAvitarLtBlue{
	border: 2px solid #a6dcdd !important;
	border-radius: 50% !important;
	transition: all .4s ease;
}

.userAvitarDkPurple{
	border: 2px solid #8a00ff !important;
	border-radius: 50% !important;
	transition: all .4s ease;
}

.headerMenuLink{
	color: #bf8df2;
  	background-color: transparent;
  	display: inline-block;
  	text-decoration: none;
  	padding-right: 10px;
  	padding-left: 10px;
  	padding-top: 5px;
  	padding-bottom: 5px;
  	flex-shrink: 0;
  	border: 1px solid #bf8df2;
  	border-radius: 5px;
}

.hero{
	margin: 0 auto;
	max-height: 950px;
}

.heroBackground{
	position: absolute;
	top: 0;
	width: 100%;
	transform: translate(-50%);
	left: 50%;
	display: flex;
	justify-content: center;
}

.heroBackgroundFeatures{
	position: absolute;
	top: 0;
	width: 100%;
	transform: translate(-50%);
	left: 50%;
	display: flex;
	justify-content: center;
}


.heroBackgroundFeatures .content{
	background: var(--background-image) no-repeat;
  	/*background-size: cover;*/
  	margin: 0 auto;
  	width: 1920px;
  	min-height: 750px;
  	position: absolute;
  	/*top: -70px;*/
}

.heroBackgroundFeatures .content{
	background-image: var(--background-image);
  	/*background-size: cover;*/
  	margin: 0 auto;
  	width: 1920px;
  	min-height: 950px;
  	position: absolute;
  	/*top: -70px;*/
}

.content{
	background-image: var(--background-image);
  	/*background-size: cover;*/
  	margin: 0 auto;
  	width: 1920px;
  	min-height: 950px;
  	position: absolute;
  	/*top: -70px;*/
}

.content-fill, .content-fillMeridian, .content-fillAtlas, .content-fillObssim, .content-fillDste, .content-fillMqa, .content-fillAis, .content-fillIntern{
  	-webkit-mask-image: var(--mask-image);
  	mask-image: var(--mask-image);
  	-webkit-mask-size: cover;
  	/*mask-size: cover;*/
  	width: 100%;
  	height: 100%;
  	display: flex;
  	justify-content: space-between;
  	overflow: hidden;
}

.content-fill div {
  	transform: translateY(950px);
  	animation: hero-background-dot 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 950px;
    background-image: linear-gradient(0deg,rgba(234, 0, 255, 0) 0%, rgb(234, 0, 255) 50%, rgb(234, 0, 255) 50%, rgba(234, 0, 255, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.content-fillMeridian div {
  	transform: translateY(950px);
  	animation: meridian-background 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 950px;
    background-image: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.content-fillAtlas div {
  	transform: translateY(950px);
  	animation: atlas-background 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 950px;
    background-image: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.content-fillObssim div {
  	transform: translateY(950px);
  	animation: obssim-background 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 950px;
    background-image: linear-gradient(0deg,rgba(0, 255, 0, 0) 0%, rgb(0, 255, 0, 50%) 50%, rgb(0, 255, 0, 50%) 50%, rgba(0, 255, 0, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.content-fillDste div {
  	transform: translateY(950px);
  	animation: dste-background 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 950px;
    background-image: linear-gradient(0deg,rgba(234, 0, 255, 0) 0%, rgb(234, 0, 255) 50%, rgb(234, 0, 255) 50%, rgba(234, 0, 255, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.content-fillMqa div {
  	transform: translateY(950px);
  	animation: hero-background-mqa 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 950px;
    background-image: radial-gradient(rgba(135, 206, 250, 1) 0%, rgba(135, 206, 250, 0) 70%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.content-fillAis div {
  	transform: translateY(950px);
  	animation: hero-background-ais 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 950px;
    background-image: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.content-fillIntern div {
  	transform: translateY(950px);
  	animation: intern-background 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 950px;
    background-image: linear-gradient(0deg,rgba(190, 141, 242, 0) 0%, rgba(190, 141, 242, .4) 50%, rgba(190, 141, 242, .4) 50%, rgba(190, 141, 242, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.contents.features{
	text-align: left;
  	position: relative;
  	z-index: 3;
  	display: flex;
  	flex-direction: column;
	overflow: hidden;
	min-height: 550px;
	padding-top: 200px;
	width: 1280px;
}

.contents{
	text-align: center;
  	align-content: center;
  	position: relative;
  	z-index: 3;
  	display: flex;
  	flex-direction: column;
	overflow: hidden;
	min-height: 950px;
	padding-top: 100px;
}


.logo{
	margin: 40px auto 20px;
  	width: max-content;
  	position: relative;
}

.buttons{
	margin: 100px auto 80px;
  	width: max-content;
  	position: relative;
}

.logoMeridian{
	margin: 100px auto 20px;
  	width: max-content;
  	position: relative;
}

.logoAtlas{
	margin: 180px auto 20px;
  	width: max-content;
  	position: relative;
}

.logoaiLabs{
	margin: 150px auto 260px;
  	width: max-content;
  	position: relative;
}

.logoObssim{
	margin: 180px auto 20px;
  	width: max-content;
  	position: relative;
}

.logoDste{
	margin: 180px auto 20px;
  	width: max-content;
  	position: relative;
}

.buttonsMeridian{
	margin: 0px auto 80px;
  	width: max-content;
  	position: relative;
}

.buttonsAtlas{
	margin: 50px auto 80px;
  	width: max-content;
  	position: relative;
}

.section{
	margin: 50px auto;
	position:relative;
	min-height: 950px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .overview, .heritage, .workflow, .meridianDeploy, .meridianAtlas, .insights, .real, .shoutOut, .feature{
	text-align: center;
	max-width: 1280px;
}

/*.ctaDemo{
  	font-size: 22px;
  	text-decoration: none;
  	border: 1px solid #be8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(42, 62, 84, 0.6);
  	margin-right:20px;
  	transition: box-shadow .2s ease-in;
}

.ctaDemo:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #be8df1;
  	border:2px solid #be8df1;
  	transition: box-shadow .2s ease-out;
}*/

.ctaDemo, .ctaTrial{
  	font-size: 22px;
  	text-decoration: none;
  	border: 1px solid #be8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(190, 141, 241, 0.45);
  	margin:0 20px;
  	transition: box-shadow .2s ease-in;
}

.ctaDemo:hover, .ctaTrial:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #be8df1;
  	border:2px solid #be8df1;
  	transition: box-shadow .2s ease-out;
}

.ctaQuote{
  	font-size: 22px;
  	text-decoration: none;
  	border: 1px solid #be8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(190, 141, 241, 0.45);
  	margin-left:20px;
  	transition: box-shadow .2s ease-in;
}

.ctaQuote:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #be8df1;
  	border:2px solid #be8df1;
  	transition: box-shadow .2s ease-out;
}

.ctaDemoMeridian, .ctaDemoAtlas{
  	font-size: 22px;
  	text-decoration: none;
  	border: 1px solid #bf8df2;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(0, 43, 133, 0.65);
  	margin: 0 20px;
  	transition: box-shadow .2s ease-in;
}

.ctaDemoMeridian:hover, .ctaDemoAtlas:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #bf8df2;
  	border:2px solid #bf8df2;
  	transition: box-shadow .2s ease-out;
}

.ctaQuoteMeridian, .ctaQuoteAtlas{
  	font-size: 22px;
  	text-decoration: none;
  	border: 1px solid #bf8df2;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(0, 43, 133, 0.65);
  	margin-left:20px;
  	transition: box-shadow .2s ease-in;
}

.ctaQuoteMeridian:hover, .ctaQuoteAtlas:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #bf8df2;
  	border:2px solid #bf8df2;
  	transition: box-shadow .2s ease-out;
}

.oneText{
	margin: 0 auto 0;
	max-width: 1240px;
}

.oneText p{
	font-size:16px;
	line-height: 30px;
	color: #be8df2;
}

.introText{
	font-size:20px !important;
	line-height: 30px;
	color: #be8df2;
	margin:0 0 50px;
}


.history, .cases{
    /*background-image: linear-gradient(#000912 0%, #030608 100%);
  	border: 1px solid #4f2353;
  	border-radius: 25px;
  	padding: 20px;*/
  	width: 1238px;
  	margin: 50px auto 40px;
  	display: inline-flex;
  	flex-flow: row;
}

.card{
  	width: 398px;
  	height: 460px;
  	border: 1px solid #4f2353;
  	border-radius: 20px;
    background-image: linear-gradient(#030608 0%, #0f0012 100%);
  	transform-style: preserve-3d;
  	transform: perspective(3000px);
  	overflow: hidden;
}

.card.aisHistory{
  	width: 510px;
  	height: 460px;
  	border: 1px solid #4f2353;
  	border-radius: 20px;
    background-image: linear-gradient(#030608 0%, #0f0012 100%);
  	transform-style: preserve-3d;
  	transform: perspective(3000px);
  	overflow: hidden;
}

.card.caseCard{
  	width: 398px;
  	height: 460px;
  	border: 1px solid #235352 !important;
  	border-radius: 20px;
    background-image: linear-gradient(#030808 0%, #0f0012 100%) !important;
  	transform-style: preserve-3d;
  	transform: perspective(3000px);
  	overflow: hidden;
}

.card::before{
	--size: 0;
	content:'';
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #4f2353, transparent);
	transform: translate(-50%, -50%);
	transition: width 0s ease, height 0s ease;
}

.card.caseCard::before{
	--size: 0;
	content:'';
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #235352, transparent) !important;
	transform: translate(-50%, -50%);
	transition: width 0s ease, height 0s ease;
}


.card:hover::before{
	--size: 460px;
}

.histCol, .caseCol{
	margin-right:20px;
	transform: translateZ(50px);
}

.histText, .caseText{
  	text-align: left;
  	margin: 30px;
	transform: translateZ(50px);
}

.histText h3, .caseText h3{
	color: #be8df1;
	font-size: 26px;
	font-weight: normal;
}

.histImg, .caseImg{
  	margin:20px;
	transform: translateZ(50px);
}


.histImg img{
  	border: 1px solid #4f2353;
  	border-radius: 10px;
	transform: translateZ(50px);
}

.caseImg img{
  	border: 1px solid #4f2353;
  	border-radius: 10px;
	transform: translateZ(50px);
}

.histIcon, .caseIcon{
	transform: translateZ(50px);
	display: inline-block !important;
  	vertical-align: middle !important;
  	margin-right: 5px;
}

.compLogos{
	margin: 0 auto 40px;
	width: 1240px;
	display: inline-flex;
	flex-flow: row;
}


.historyLink, .casesLink, .eduLink, .supportLink, .locCTA{
	margin: 30px auto 50px;
	z-index: 1000;
}

.ctaHistory, .ctaSupport, .ctaCases, .ctaEdu{
  	font-size: 22px;
  	text-decoration: none;
  	border: 1px solid #be8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(190, 141, 241, 0.3);
  	position: relative;
  	transition: box-shadow .2s ease-in;
}

.ctaHistory:hover, .ctaCases:hover, .ctaSupport:hover, .ctaEdu:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #be8df1;
  	border:2px solid #be8df1;
  	transition: box-shadow .2s ease-out;
}

.timeline{
	margin-top: 60px;
}

.two h1{
	font-size: 50px;
  	margin: 40px 0;
  	z-index: 10;
  	position: relative;
}

.twoText{
	margin: 0 auto 0;
	max-width: 1240px;
	display: flex;
	flex-direction: column;
	z-index: 1000;
}

.twoText p{
	font-size:18px;
	line-height: 30px;
	color: #be8df1;
	margin-bottom: 0;
}

.secTwoBg, .secNineBg{
	position: absolute;
	top: 0;
	width: 100%;
	transform: translate(-50%);
	left: 50%;
	display: flex;
	justify-content: center;
}

.capBg{
	background-image: var(--background-image);
  	margin: 0 auto;
  	width: 1920px;
  	max-height: 950px;
  	position: absolute;
  	top: 0;
}

.capBg-fill{
  	-webkit-mask-image: var(--mask-image);
  	mask-image: var(--mask-image);
  	width: 100%;
  	max-height: 950px;
  	display: flex;
  	justify-content: space-between;
  	overflow: hidden;
}

.capBg-fill div {
  	transform: translateY(950px);
  	animation: cap-background 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 950px;
    background-image: linear-gradient(0deg,rgba(190, 141, 242, 0) 0%, rgba(190, 141, 242, .4) 50%, rgba(190, 141, 242, .4) 50%, rgba(190, 141, 242, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.capContainer{
	background-image: linear-gradient(rgba(6,3,8,.8) 0%, rgba(6,3,8,.8) 100%);
  	/*border: 1px solid #032a53;*/
	border: 1px solid #4f2353;
  	border-radius: 25px;
  	padding: 20px;
  	width: 1238px;
	min-height: 600px;
  	margin: 50px auto 40px;
  	display: inline-flex;
  	flex-flow: row;
	z-index: 5;
	position: relative;
}

.capLeft{
	display: flex;
  	justify-content: space-between;
  	flex-direction: column;
  	position: relative;
  	margin-right: 20px;
  	/*border-right: 1px solid #032a53;*/
	border-right: 1px solid #4f2353;
  	padding-right: 20px;
	min-width: 264px;
}

.capLeft button{
	height: 100px;
  	background: transparent;
  	border: none;
	border-radius: 8px;
  	width: 100%;
  	color: #fff;
  	font-size: 20px;
  	font-weight: inherit;
	text-align: left;
	padding: 0 20px;
	margin: 8px 0;
	background-color: transparent;
  	transition: background-color 2s ease-out 100ms;
	postion:relative;
}

.capLeft button:hover, .clicked{
	background-color: rgba(190,141,242,.2) !important;
  	border-radius: 8px !important;
  	width: 100% !important;
	position: relative !important;
}

.capLeft button img{
	vertical-align: middle;
	margin-right: 10px;
}

.capLeft button::before{
  	border-radius: inherit;
  	content: "";
  	inset: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor;
   	mask-composite: exclude;
   	padding: 1px;
   	pointer-events: none;
   	position: absolute;
}

.capLeft button:hover{
.buttonFrames{
	pointer-events: none;
  	position: absolute;
  	z-index: -1;
  	width: 100%;
  	height: 116px;
  	top: 0;
  	left: 0;
  	transition: transform .2s cubic-bezier(.6,.6,0,1);
}

.buttonFrame{
	position: absolute;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    isolation: isolate;
    overflow: hidden;
}

.buttonFrame::before{
	border-radius: inherit;
  	content: "";
  	inset: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    background-color: #4f2353;
}

.buttonFrame:nth-child(1) {
  	width: 269px;
  	height: 106px;
  	top: -4px;
  	left: -4px;
  	border-radius: 12px;
  	z-index: 2;
}

.buttonFrame:nth-child(2) {
  width: 277px;
  height: 114px;
  top: -8px;
  left: -8px;
  border-radius: 16px;
  z-index: 1;
  animation-delay: 2s;
}

.buttonFrame:nth-child(1)::before {
  	opacity: .3;
}

.buttonFrame:nth-child(2)::before {
  	opacity: .2;
}

.buttonFrame div{
	width: 30px;
  	height: 30px;
  	position: absolute;
  	bottom: -30px;
  	left: 0;
    background: linear-gradient(to top,transparent,#fff);
  	opacity: .3;
}

.buttonFrame:nth-child(1) div{
	animation: buttonFrame1 10s linear infinite;
}

.buttonFrame:nth-child(2) div{
	animation: buttonFrame2 12s linear infinite;
}
}

.capRight{
	position: relative;
	display: flex;
	flex-direction: column;
}

.capAttitude .image, .capContact .image, .capManeuver .image, .capOptimization .image, .capOd .image, .capOp .image, .capImage{
  	border-radius: 10px 10px;
}

.image{
	position: relative;
	z-index: 1;
}

.capInfo{
	width:890px;
	height: 135px;
	/*border: 1px solid #032a53;*/
	border: 1px solid #4f2353;
	border-radius: 10px;
	margin: -175px auto 0;
	position: relative;
	z-index: 100;
	padding: 20px;
}

.capInfo h3{
	font-weight: normal;
	margin: 0 auto 20px;
	/*color: #1d6bbd;*/
	color: #be8df1;
	font-size: 26px;
}

.capInfo .infoContainer{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.capInfo .infoContainer div{
	width: 280px;
	display: flex;
	align-items: center;
}

.capInfo .infoContainer p{
	margin: 0px
}

.capAttitude, .capContact, .capManeuver, .capOptimization, .capOd, .capOp{
	display: flex;
	flex-direction: column;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: opacity 2s ease;
	left:-3000;
	z-index: 1;
  	border-radius: 10px 10px 0 0;
  	isolation: isolate;
  	overflow: hidden;
}

.capShow{
	visibility: visible;
	opacity: 1;
	transition: opacity 2s ease;
	position: absolute;
	left: 0;
}

.capAttitude .image::before, .capContact .image::before, .capManeuver .image::before, .capOptimization .image::before, .capOd .image::before, .capOp .image::before{
  	/*border: 1px solid rgba(0,124,255,0.3);*/
	border: 1px solid #4f2353;
  	content: "";
  	left: 0;
  	top: 0;
  	position: absolute;
  	width: calc(100% - 2px);
  	height: calc(450px - 2px);
  	border-radius: inherit;
  	pointer-events: none;
}

.capAttitude-animation, .capContact-animation, .capManeuver-animation, .capOptimization-animation, .capOd-animation, .capOp-animation{
	padding: 1px 1px 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor; 
    mask-composite: exclude;
    position: absolute;
	height: 448px;
    inset: 0;
    z-index: 4;
    border-radius: inherit;
}

.capAttitude .image::after, .capContact .image::after, .capManeuver .image::after, .capOptimization .image::after, .capOd .image::after, .capOp .image::after{
    background-image: linear-gradient(rgba(4,6,8,0) 85%, rgba(4, 6, 8, 1));
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 450px;
  	content: "";
  	z-index: 5;
}

.capAttitude-animation-line, .capContact-animation-line, .capManeuver-animation-line, .capOptimization-animation-line, .capOd-animation-line, .capOp-animation-line{
  	width: 100px;
  	height: 100px;
  	position: absolute;
  	animation: capabilities-animation-line 15s linear infinite;
  	bottom: -300px;
  	left: 0;
    /*background-image: linear-gradient(to top,rgba(131,209,255,0),rgba(158,122,255,.3490196078),rgba(254,139,187,.6980392157),#ffbd7a 99%,rgba(255,189,122,0) 100%);*/
    background-image: linear-gradient(to top,color(display-p3 .4274509804 .1803921569 1/0),color(display-p3 .6196078431 .4784313725 1/.3490196078),rgba(190, 143, 242, 0.7),rgb(223, 212, 235) 99%,color(display-p3 1 .7411764706 .4784313725/0) 100%);
}

.capAttitude-animation-line:nth-child(2), .capContact-animation-line:nth-child(2), .capManeuver-animation-line:nth-child(2), .capOptimization-animation-line:nth-child(2), .capOd-animation-line:nth-child(2), .capOp-animation-line:nth-child(2){
  	animation-delay: 10s;
}

.three h1{
	font-size: 50px;
  	margin: 40px 0;
  	z-index: 10;
  	position: relative;
}

.threeText{
	margin: 0 auto 0;
	max-width: 1240px;
	z-index: 1000;
}

.threeText p{
	font-size:18px;
	line-height: 30px;
	color: #be8df1;
	margin-bottom: 0;
}

.script1Container{
	background-image: linear-gradient(rgba(9,18,0,.2) 0%, rgba(6,3,8,.2) 100%);
  	border: 1px solid #4f2353;
  	border-radius: 25px;
  	padding: 20px;
  	width: 1238px;
	min-height: 450px;
  	margin: 50px auto 40px;
  	display: inline-flex;
  	flex-flow: row;
	z-index: 1;
	position: relative;
}

.script4Container{
	background-image: linear-gradient(rgba(9,18,0,.2) 0%, rgba(6,3,8,.2) 100%);
  	border: 1px solid #4f2353;
  	border-radius: 25px;
  	padding: 20px;
  	width: 1238px;
	min-height: 330px;
  	margin: 0px auto 40px;
  	display: inline-flex;
  	flex-flow: row;
	z-index: 1;
	position: relative;
}

.script1Image, .script4Image{
	position: absolute;
	bottom:0;
	right: 0;
}

.script2Image, .script3Image{
	margin:0 40px;
	position: absolute;
	bottom:0;
}

.script1Image img, .script4Image img{
	display: block;
	border-radius: 0px 0px 25px 0px;
}

.script2Image img, .script3Image img{
	display: block;
}

.script1Info{
	width: 464px;
  	display: flex;
  	flex-direction: column;
  	text-align: left;
   	margin: 40px 0 40px 40px;
	z-index: 100;
}

.script2ContainerLeft .script1Info, .script2ContainerRight .script1Info{
	width: 536px !important;
   	margin: 40px !important;
}

.script1Info h3{
	font-weight: normal;
	margin: 0;
	color: #be8df1;
	font-size: 26px;
}

.script1Info p{
	font-size: 18px;
	margin: 0;
}

.ctaScript{
  	font-size: 22px;
  	text-decoration: none;
  	border: 1px solid #be8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(190, 141, 241, 0.3);
  	position: relative;
  	transition: box-shadow .2s ease-in;
}

.ctaScript:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #be8df1;
  	border:2px solid #be8df1;
  	transition: box-shadow .2s ease-out;
}

#script1Container.card{
  	width: 1238px;
  	height: 450px;
  	border: 1px solid #4f2353;
  	border-radius: 20px;
    background-image: linear-gradient(#050803 0%, #0f0012 100%);
  	transform-style: preserve-3d;
  	transform: perspective(5000px);
  	overflow: hidden;
}

#script1Container.card::before{
	--size: 0;
	content:'';
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #4f2353, transparent);
	transform: translate(-50%, -50%);
	transition: width 0s ease, height 0s ease;
}

#script1Container.card:hover::before, #script2ContainerLeft.card:hover::before, #script2ContainerRight.card:hover::before, #script4Container.card:hover::before{
	--size: 1000px;
}

.script2Container{
	display: inline-flex;
	flex-direction: row;
  	width: 1278px;
  	margin: 0px auto 40px;
	z-index: 1;
	position: relative;
	justify-content: space-between;
}

.script2ContainerLeft, .script2ContainerRight{
	z-index: 1;
	display: inline-flex;
	flex-direction: column;
}

#script2ContainerLeft.card, #script2ContainerRight.card{
  	width: 616px;
  	height: 628px;
  	border: 1px solid #4f2353;
  	border-radius: 20px;
    background-image: linear-gradient(#050803 0%, #0f0012 100%);
  	transform-style: preserve-3d;
  	transform: perspective(5000px);
  	overflow: hidden;
}

#script2ContainerLeft.card::before, #script2ContainerRight.card::before{
	--size: 0;
	content:'';
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #4f2353, transparent);
	transform: translate(-50%, -50%);
	transition: width 0s ease, height 0s ease;
}

#script4Container.card{
  	width: 1238px;
  	height: 330px;
  	border: 1px solid #4f2353;
  	border-radius: 20px;
    background-image: linear-gradient(#050803 0%, #0f0012 100%);
  	transform-style: preserve-3d;
  	transform: perspective(5000px);
  	overflow: hidden;
}

#script4Container.card::before{
	--size: 0;
	content:'';
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #4f2353, transparent);
	transform: translate(-50%, -50%);
}

.four h1{
	font-size: 50px;
  	margin: 40px 0;
  	z-index: 10;
  	position: relative;
}

.fourText{
	margin: 0 auto 0;
	max-width: 1280px;
	display: flex;
	flex-direction: column;
	z-index: 1000;
}


.fourText p{
	font-size:18px;
	line-height: 30px;
	color: #be8df1;
	margin-bottom: 0;
}

.secFourBg{
	position: absolute;
	top: 0;
	width: 100%;
	transform: translate(-50%);
	left: 50%;
	display: flex;
	justify-content: center;
}

.visBg{
	background-image: var(--background-image);
  	margin: 0 auto;
  	width: 1920px;
  	min-height: 950px;
  	position: absolute;
  	top: 0;
}

.visBg-fill{
  	-webkit-mask-image: var(--mask-image);
  	mask-image: var(--mask-image);
  	width: 100%;
  	height: 100%;
  	display: flex;
  	justify-content: space-between;
  	overflow: hidden;
}

.visBg-fill div {
  	transform: translateY(950px);
  	animation: cap-background 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 1080px;
    background-image: linear-gradient(0deg,rgba(190, 141, 242, 0) 0%, rgb(190, 141, 242) 50%, rgb(190, 141, 242) 50%, rgba(190, 141, 242, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.visTabs{
	display: flex;
	flex-direction: row;
	z-index: 1000;
	max-width: 1240px;
	margin: 40px auto 0;
}

.visTabs button{
	background-image: linear-gradient(0deg, rgba(190,141,241,0.4), rgba(190,141,241,0.1));
	background-color: transparent;
	border:1px solid #4f2353;
	border-radius: 5px 5px 0 0;
	padding: 10px 30px;
	margin: 0;
	color: #fff;
	transition: background-image 2s ease-out;
}

.visTabs button:hover{
	background-image: linear-gradient(0deg, rgba(190,141,241,0.8), rgba(190,141,241,0.1));
	transition: background-image 2s ease-in;
}

.visTabs button:active, .visTabs button:focus{
	background-image: linear-gradient(0deg, rgba(190,141,241,0.8), rgba(190,141,241,0.1));
}

.visTabsContent{
	display: block;
	z-index: 1000;
	max-width: 1278px;
	border: 1px solid #4f2353;
	margin: 0 auto;
	border-radius: 25px;
}

.visImage{
	animation: all 1s ease-in;
	opacity: 0;
}

.visImage img{
	display: flex;
	border-radius: 25px;
}

.five h1{
	font-size: 50px;
  	margin: 40px 0;
  	z-index: 10;
  	position: relative;
}

.fiveText{
	margin: 0 auto 0;
	max-width: 1240px;
	display: flex;
	flex-direction: column;
	z-index: 1000;
}


.fiveText p{
	font-size:18px;
	line-height: 30px;
	color: #be8df1;
	margin-bottom: 0;
}

.apiContainer{
	max-width: 1278px;
	border: 1px solid #4f2353;
	border-radius: 25px;
	background-image: linear-gradient(#050803 0%, #0f0012 100%);
  	width: 1278px;
	min-height: 500px;
  	margin: 50px auto 40px;
  	display: inline-flex;
  	flex-flow: row;
	z-index: 1;
	position: relative;
	overflow: hidden;
	justify-content: space-between;
}

.orbiter{
	width: 500px;
	height: 500px;
}

.apiOrbits{
	background-image: var(--background-image);
	width: 584px;
	height: 584px;
	position: absolute;
  	overflow: hidden;
  	top: -42px;
  	left: -100px;
}

.apiOrbits div {
  position: absolute;
  border-radius: 50%;
}

.apiOrbits div:nth-child(1) {
  width: 104px;
  height: 104px;
  top: calc(50% - 52px);
  left: calc(50% - 52px);
  transform: rotate(0);
}

.apiOrbits div:nth-child(2){
	width: 136px;
  	height: 136px;
  	top: calc(50% - 68px);
  	left: calc(50% - 68px);
  	transform: rotate(-18deg);
}

.apiOrbits div:nth-child(3){
	width: 168px;
  	height: 168px;
  	top: calc(50% - 84px);
  	left: calc(50% - 84px);
  	transform: rotate(-36deg);
}

.apiOrbits div:nth-child(4){
	width: 200px;
  	height: 200px;
  	top: calc(50% - 100px);
  	left: calc(50% - 100px);
  	transform: rotate(-54deg);
}

.apiOrbits div:nth-child(5){
	width: 232px;
  	height: 232px;
  	top: calc(50% - 116px);
  	left: calc(50% - 116px);
  	transform: rotate(-72deg);
}

.apiOrbits div:nth-child(6){
	width: 264px;
  	height: 264px;
  	top: calc(50% - 132px);
  	left: calc(50% - 132px);
  	transform: rotate(-90deg);
}

.apiOrbits div:nth-child(7){
	width: 296px;
  	height: 296px;
  	top: calc(50% - 148px);
  	left: calc(50% - 148px);
  	transform: rotate(-108deg);
}

.apiOrbits div:nth-child(8){
	width: 328px;
  	height: 328px;
  	top: calc(50% - 164px);
  	left: calc(50% - 164px);
  	transform: rotate(-126deg);
}

.apiOrbits div:nth-child(9){
	width: 360px;
  	height: 360px;
  	top: calc(50% - 180px);
  	left: calc(50% - 180px);
  	transform: rotate(-144deg);
}

.apiOrbits div:nth-child(10){
	width: 392px;
  	height: 392px;
  	top: calc(50% - 196px);
  	left: calc(50% - 196px);
  	transform: rotate(-162deg);
}

.apiOrbits div:nth-child(11){
	width: 424px;
  	height: 424px;
  	top: calc(50% - 212px);
  	left: calc(50% - 212px);
  	transform: rotate(-180deg);
}

.apiOrbits div:nth-child(12){
	width: 456px;
  	height: 456px;
  	top: calc(50% - 228px);
  	left: calc(50% - 228px);
  	transform: rotate(-198deg);
}

.apiOrbits div:nth-child(13){
	width: 488px;
  	height: 488px;
  	top: calc(50% - 244px);
  	left: calc(50% - 244px);
  	transform: rotate(-216deg);
}

.apiOrbits div:nth-child(14){
	width: 520px;
  	height: 520px;
  	top: calc(50% - 260px);
  	left: calc(50% - 260px);
  	transform: rotate(-234deg);
}

.apiOrbits div:nth-child(15){
	width: 552px;
  	height: 552px;
  	top: calc(50% - 276px);
  	left: calc(50% - 276px);
  	transform: rotate(-252deg);
}

.apiOrbits div:nth-child(16){
	width: 584px;
  	height: 584px;
  	top: calc(50% - 292px);
  	left: calc(50% - 292px);
  	transform: rotate(-270deg);
}


.apiOrbits div::before {
  background: rgba(249,226,255,.1);
  border-radius: inherit;
  content: "";
  inset: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite: add, add;
  mask-composite: xor;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 1px;
  pointer-events: none;
  position: absolute;
}

.apiOrbits-gradient div::before {
  background: conic-gradient(rgba(198,46,255,0) 6.7%,rgba(68, 16, 81, 0.35) 20.8%,rgba(127, 47, 142, 0.7) 34.9%,#be8df1 49.99%,rgba(235,122,255,0) 50%);
}

.apiOrbits-gradient {
    animation: apiOrbits 10s linear infinite;
  }

.apiOrbitsLogo{
  position: absolute;
  top: 178px;
  left: 145px;
}

.apiBrands{
	animation: apiBrands 80s linear infinite;
	top: 90px;
	left: 33px;
	width: 320px;
	height: 320px;
}

.bubbles{
	position: absolute;
}

.bubbles div{
	position: absolute;
	border-radius: 50%;
	z-index: 1;
}

.bubbles div::before{
	background-color: #4f2353;
  	content: "";
  	position: absolute;
  	top: -6px;
  	left: -6px;
  	width: calc(100% + 12px);
  	height: calc(100% + 12px);
  	border-radius: 50%;
  	z-index: -1;
}

.apiBrandItem{
	animation: brandItem 80s linear infinite reverse;
	width: 52px;
	height: 52px;
}

.apiBrandItem img{
	width: 52px;
  	height: 52px;
  	border-radius: 50%;
  	background: #0E0410;
}

.brandImage{
	display: block;
  	transition: 1s cubic-bezier(.6,.6,0,1) opacity;
}

.apiBrandItem:nth-child(1){
	left: 134px;
	top: 12px;
}

.apiBrandItem:nth-child(2){
	right: 18px;
	top: 96px;
}

.apiBrandItem:nth-child(3){
	right: 62px;
	top: 232px;
}

.apiBrandItem:nth-child(4){
	left: 62px;
	top: 232px;
}

.apiBrandItem:nth-child(5){
	left: 18px;
	top: 96px;
}

.apiSmallBubbles{
	animation: apiBrands 120s linear infinite reverse;
	width: 360px;
  	height: 360px;
  	top: 70px;
  	left: 12px;
}

.smallBubbles{
	position: absolute;
}

.apiSmallBubbles div{
	width: 16px;
	height: 16px;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}

.apiSmallBubbles div::before{
	background-color: #4f2353;
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 50%;
  z-index: -1;
}

.apiSmallBubbles div::after{
  box-shadow: 0 0 0 1px #750e8f;
  background-color: #0E0410;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.apiSmallBubbles div:nth-child(1){
	left: 107px;
	top: 17px;
}

.apiSmallBubbles div:nth-child(2){
	right: 107px;
	top: 17px;
}

.apiSmallBubbles div:nth-child(3){
	right: 17px;
	top: 107px;
}

.apiSmallBubbles div:nth-child(4){
	right: 17px;
	bottom: 107px;
}

.apiSmallBubbles div:nth-child(5){
	right: 107px;
	bottom: 17px;
}

.apiSmallBubbles div:nth-child(6){
	left: 107px;
	bottom: 17px;
}

.apiSmallBubbles div:nth-child(7){
	left: 17px;
	bottom: 107px;
}

.apiSmallBubbles div:nth-child(8){
	left: 17px;
	top: 107px;
}

.apiBigBubbles{
	animation: apiBrands 160s linear infinite;
	width: 500px;
  	height: 500px;
  	top: 0px;
  	left: -52px;
}

.bigBubbles{
	position: absolute;
}

.apiBigBubbles div{
	width: 53px;
	height: 53px;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}

.apiBigBubbles div::before{
	background-color: #4f2353;
  	content: "";
  	position: absolute;
  	top: -3px;
  	left: -3px;
  	width: calc(100% + 6px);
  	height: calc(100% + 6px);
  	border-radius: 50%;
  	z-index: -1;
}

.apiBigBubbles div::after{
	box-shadow: 0 0 0 1px #750e8f;
  	background-color: #0E0410;
  	content: "";
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	border-radius: 50%;
}

.apiBigBubbles div:nth-child(1){
	left: 136px;
	top: 10px;
}

.apiBigBubbles div:nth-child(2){
	right: 136px;
	top: 10px;
}

.apiBigBubbles div:nth-child(3){
	right: 10px;
	top: 136px;
}

.apiBigBubbles div:nth-child(4){
	right: 10px;
	bottom: 136px;
}

.apiBigBubbles div:nth-child(5){
	right: 136px;
	bottom: 10px;
}

.apiBigBubbles div:nth-child(6){
	left: 136px;
	bottom: 10px;
}

.apiBigBubbles div:nth-child(7){
	left: 10px;
	bottom: 136px;
}

.apiBigBubbles div:nth-child(8){
	left: 10px;
	top: 136px;
}

.apiInfo{
	width: 665px;
  	display: flex;
  	flex-direction: column;
  	text-align: left;
   	margin: 40px;
	z-index: 100;
}

.apiInfo h3{
	font-weight: normal;
	margin: 0;
	color: #be8df1;
	font-size: 26px;
}

.apiInfo p{
	font-size: 18px;
	margin: 0;
}

.apiInfo ul{
	margin: 20px 0;
  	padding: 0 0 0 14px;
}

.ctaApi{
  	font-size: 22px;
  	text-decoration: none;
  	border: 1px solid #be8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(190, 141, 242, 0.3);
  	position: relative;
  	transition: box-shadow .2s ease-in;
}

.ctaApi:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #be8df1;
  	border:2px solid #be8df1;
  	transition: box-shadow .2s ease-out;
}

.api2Container{
	display: inline-flex;
	flex-direction: row;
  	width: 1278px;
  	margin: 0px auto 40px;
	z-index: 1;
	position: relative;
	justify-content: space-between;
}

.api2ContainerLeft, .api2ContainerCenter, .api2ContainerRight{
	z-index: 1;
	display: inline-flex;
	flex-direction: column;
  	width: 398px;
  	height: 630px;
  	border: 1px solid #4f2353;
	border-radius: 25px;
	background-image: linear-gradient(#050803 0%, #0f0012 100%);
  	overflow: hidden;
}

.api2ContainerLeft .apiInfo, .api2ContainerCenter .apiInfo, .api2ContainerRight .apiInfo{
	width: 318px !important;
   	margin: 40px !important;
}

.six h1, .seven h1, .eight h1, .nine h1, .ten h1{
	font-size: 50px;
  	margin: 40px 0;
  	z-index: 10;
  	position: relative;
}

.sevenText, .eightText, .nineText, .tenText{
	margin: 0 auto 0;
	max-width: 1240px;
	z-index: 1000;
}

.sevenText p{
	font-size:18px;
	line-height: 30px;
	color: #be8df1;
	margin-bottom: 0;
}

.secSevenBg{
	position: absolute;
	top: 0;
	width: 100%;
	transform: translate(-50%);
	left: 50%;
	display: flex;
	justify-content: center;
	height: 950px;
}
.eduGroups{
	margin: 50px auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 1280px;
  	z-index: 1000;
}
.student.card, .professor.card{
  	width: 620px;
  	height: 440px;
	border: none;
	border-radius: 0;
  	transform-style: preserve-3d;
  	transform: perspective(5000px);
  	overflow: hidden;
	background-image: none;
}

.student.card::before, .professor.card::before{
	--size: 0;
	content:'';
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	transform: translate(-50%, -50%);
	transition: width 0s ease, height 0s ease;
	background: none;
}

.student.card:hover::before, .professor.card:hover::before{
	--size: 1000px;
}

.student{
	display: flex;
	margin: 40px auto;
}

.professor{
	max-width: 620px;
}

.student img, .professor img{
	border: 1px solid #8a00ff;
	border-radius: 20px;
}

.eduBg{
	background-image: var(--background-image);
  	margin: 0 auto;
  	width: 1920px;
  	height: 950px;
  	position: absolute;
  	top: 0;
}

.eduBg-fill{
  	-webkit-mask-image: var(--mask-image);
  	mask-image: var(--mask-image);
  	width: 100%;
  	height: 100%;
  	display: flex;
  	justify-content: space-between;
  	overflow: hidden;
}

.eduBg-fill div {
  	transform: translateY(950px);
  	animation: edu-background 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 950px;
    background-image: linear-gradient(to right, rgba(190, 141, 242, 0) 0%, rgba(190, 141, 241, .2) 50%, rgba(190, 141, 242, .2) 50%, rgba(190, 141, 242, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.supportContainer{
	display: inline-flex;
	flex-direction: row;
  	max-width: 1278px;
  	margin: 50px auto 50px;
	z-index: 1;
	position: relative;
	justify-content: space-between;
	border: 1px solid #4f2353;
	border-radius: 20px;
	padding: 0px 20px;
}

.support{
	width: 182px;
	margin: 20px 20px 20px 0;
	border: 1px solid #4f2353;
	border-radius: 10px;
	background-image: linear-gradient(#030608 0%, #0f0012 100%);
	padding: 20px;
	height: 210px;
	z-index: 1000;
	transition: box-shadow .2s ease-in;
}

.support:hover{
	box-shadow: 0 0 15px #000000;
	transistion: box-shadow .2s ease-out;
}

.support.last{
	margin: 20px 0;
}

.support h2{
	font-size: 19px;
  	font-weight: 400;
  	margin: 0 0 40px;
	z-index: 1000;
}

.supportContainer.card{
  	width: 1278px;
  	height: 100%;
  	border: 1px solid #4f2353;
  	border-radius: 20px;
    background-image: linear-gradient(#050803 0%, #0f0012 100%);
  	transform-style: preserve-3d;
  	transform: perspective(5000px);
  	overflow: hidden;
}

.supportContainer.card::before{
	--size: 0;
	content:'';
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #4f2353, transparent);
	transform: translate(-50%, -50%);
	transition: width 0s ease, height 0s ease;
}

.supportContainer.card:hover::before{
	--size: 700px;
}

/*.supportContainer .support1::before, .supportContainer .support2::before, .supportContainer .support3::before, .supportContainer .support4::before, .supportContainer .support5::before{
  	border: 1px solid rgba(191,141,242,0.3);
  	content: "";
  	left: 0;
  	top: 40px;
  	position: absolute;
  	width: calc(224px - 2px);
  	height: calc(252px - 2px);
  	border-radius: inherit;
  	pointer-events: none;
}

.support1-animation, .support2-animation, .support3-animation, .support4-animation, .support5-animation{
	padding: 1px 1px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
  	margin-top: 40px;
  	height: 250px;
  	inset: 0;
  	z-index: 4;
  	border-radius: inherit;
  	width: 222px;
}

.supportContainer .support1::after, .supportContainer .support2::after, .supportContainer .support3::after, .supportContainer .support4::after, .supportContainer .support5::after{
    background-image: linear-gradient(rgba(4,6,8,0) 85%, rgba(4, 6, 8, 1));
  	position: absolute;
  	top: 40px;
  	left: 0;
  	width: 224px;
  	height: 252px;
  	content: "";
  	z-index: 5;
}

.support1-animation-line, .support2-animation-line, .support3-animation-line, .support4-animation-line, .support5-animation-line{
  	width: 100px;
  	height: 100px;
  	position: absolute;
  	animation: support1-animation-line 15s linear infinite;
  	bottom: -50px;
  	left: 0;
    background-image: linear-gradient(to top,rgba(131,209,255,0),rgba(158,122,255,.3490196078),rgba(254,139,187,.6980392157),#ffbd7a 99%,rgba(255,189,122,0) 100%);
    background-image: linear-gradient(to top,color(display-p3 .4274509804 .1803921569 1/0),color(display-p3 .6196078431 .4784313725 1/.3490196078),rgba(210, 131, 255, 0.2),rgb(218, 160, 255) 99%,color(display-p3 1 .7411764706 .4784313725/0) 100%);
}

.support1-animation-line:nth-child(2){
  	animation-delay: 8s;
}

.supportContainer .support2::before, .supportContainer .support2::after, .support2-animation{
	left: 264px;
}

.supportContainer .support3::before, .supportContainer .support3::after, .support3-animation{
	left: 528px;
}

.supportContainer .support4::before, .supportContainer .support4::after, .support4-animation{
	left: 792px;
}

.supportContainer .support5::before, .supportContainer .support5::after, .support5-animation{
	left: 1056px;
}*/

.powerBg{
	background-image: var(--background-image);
	background-repeat: no-repeat;
  	margin: 0 auto;
  	width: 1920px;
  	min-height: 950px;
  	position: absolute;
  	top: 0;
}

.powerBg-fill{
  	-webkit-mask-image: var(--mask-image);
  	mask-image: var(--mask-image);
  	width: 100%;
  	height: 100%;
  	display: flex;
  	justify-content: space-between;
  	overflow: hidden;
}

.powerBg-fill div {
  	transform: translateY(950px);
  	animation: hero-background-dot 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 1080px;
    background-image: linear-gradient(0deg,rgba(190, 141, 241, 0) 0%, rgb(190, 141, 241) 50%, rgb(190, 141, 241) 50%, rgba(190, 141, 241, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.ffPower{
	margin:40px auto;
	display: flex;
	flex-direction: column;
	z-index: 1000;
}

.ffPowerCol{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.ffPowerCol.last{
	margin-right: 0px;
	
}

.meridianHome{
	background-image: url(/images/meridian-home.png);
	width: 398px;
	height: 219px;
	margin-bottom: 40px;
	border: 1px solid rgba(191,141,242,1);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0px 40px 40px 0;
}

.cerebellumHome{
	background-image: url(/images/cerebellum-home.png);
	width: 398px;
	height: 219px;
	margin-bottom: 40px;
	border: 1px solid rgba(191,141,242,1);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0px 40px 40px 0;
}

.obssimHome{
	background-image: url(/images/obssim-home.png);
	width: 398px;
	height: 219px;
	margin-bottom: 40px;
	border: 1px solid rgba(191,141,242,1);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0px 0px 40px 0;
}

.atlasHome{
	background-image: url(/images/atlas-home.png);
	width: 398px;
	height: 219px;
	margin-bottom: 40px;
	border: 1px solid rgba(191,141,242,1);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0px 40px 40px 0;
}

.mqaHome{
	background-image: url(/images/mqa.png);
	width: 398px;
	height: 248px;
	margin-bottom: 40px;
	border: 1px solid rgba(191,141,242,1);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0px 40px 40px 0;
}

.moonHome{
	background-image: url(/images/moonshot.png);
	width: 398px;
	height: 248px;
	margin-bottom: 40px;
	border: 1px solid rgba(191,141,242,1);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0px 40px 40px 0;
}


.constellationHome{
	background-image: url(/images/starlink.png);
	width: 398px;
	height: 248px;
	margin-bottom: 40px;
	border: 1px solid rgba(191,141,242,1);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0px 40px 40px 0;
}

.launchHome{
	background-image: url(/images/lsp.png);
	width: 398px;
	height: 248px;
	margin-bottom: 40px;
	border: 1px solid rgba(191,141,242,1);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0px 40px 40px 0;
}

.groundHome{
	background-image: url(/images/sgs.png);
	width: 398px;
	height: 248px;
	margin-bottom: 40px;
	border: 1px solid rgba(191,141,242,1);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0px 40px 40px 0;
}

.sdaHome{
	background-image: url(/images/sda.png);
	width: 398px;
	height: 248px;
	margin-bottom: 40px;
	border: 1px solid rgba(191,141,242,1);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0px 40px 40px 0;
}

.poweredText{
	width: 400px;
	height: 221px;
	margin-bottom: 40px;
}

.dsteHome{
	background-image: url(/images/dste-home.png);
	width: 398px;
	height: 219px;
	margin-bottom: 40px;
	border: 1px solid rgba(191,141,242,1);
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0px 0px 40px 0;
}

.nineText p{
	font-size:18px;
	line-height: 30px;
	color: #be8df1;
}

.poweredBTN{
	margin: 0px 0px 10px 10px;
	width: fit-content;
  	font-size: 22px;
  	text-decoration: none;
  	border: 1px solid #be8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(190, 141, 241, 0.6);
  	transition: box-shadow .2s ease-in;
}

.poweredBTN:hover{
  	box-shadow: 0 0 15px #be8df1;
  	transition: box-shadow .2s ease-out;
}

/*-FreeFlyer Features---------------*/

.featuresContainer{
	max-width: 1280px;
	min-height: 100% !important;
}

.featuresLeft{
	display: flex;
	flex-direction: row;
}

.featuresLeftContent{
	display: flex;
	flex-direction: column;
	width: 50%;
	margin-right: 40px;
}

.featuresHeader{
	
}

.featuresHeader h2{
	text-align: left;
	color: #be8df1
}

.featuresHeader p{
	line-height: 30px;
}

.featuresLeftRow{
	display: flex;
	flex-direction: row;
}

.featuresLeftLeftCol{
	display: flex;
	flex-direction: column;
	width: 50%;
	margin-right: 40px;
}

.featuresLeftRightCol{
	width: 50%;
	display: flex;
	flex-direction: column;
}

.featuresText{
	
}

.featuresText h3{
	text-align: left;
	color: #bba1d6;
}

.featuresText p{
	text-align: left;
}

.featuresText p a{
  	font-size: 16px;
  	text-decoration: none;
  	border: 1px solid #bf8df2;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(0, 43, 133, 0.65);
  	margin: 0 0px;
  	transition: box-shadow .2s ease-in;
}

.featuresText p a:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #be8df1;
  	border:2px solid #be8df1;
  	transition: box-shadow .2s ease-out;
}

.featuresLeftImgs{
	display: flex;
	flex-direction: column;
	width: 50%;
	padding-top:20px;
}

.featureImg{
	margin-bottom: 40px;
}

.featureImg img{
	border: 1px solid #be8df1;
	border-radius: 20px;
	max-width: 100%;
}

.featuresRight{
	display: flex;
	flex-direction: row;
}

.featuresRightImgs{
	display: flex;
	flex-direction: column;
	width: 50%;
	margin-right: 40px;
	padding-top: 20px;
}

.featuresRightContent{
	display: flex;
	flex-direction: column;
	width: 50%;
}

.featuresRightRow{
	display: flex;
	flex-direction: row;
}

.featuresRightLeftCol{
	display: flex;
	flex-direction: column;
	width: 50%;
	margin-right: 40px;
}

.featuresRightRightCol{
	width: 50%;
	display: flex;
	flex-direction: column;
}

/*-FreeFlyer Features---------------*/

.histContainer{
	max-width: 1280px;
	min-height: 100% !important;
}

.histLeft{
	display: flex;
	flex-direction: row;
	min-width: 1280px;
	margin-bottom: -100px;
}

.histLeftBlock{
	display: flex;
	flex-direction: column;
	width: 50%;
	margin-right: 40px;
	border: 1px solid #be8df1;
	border-radius: 20px;
	z-index: 1000;
	background-color: #002043;
}

.histRightBlock{
	display: flex;
	flex-direction: column;
	width: 50%;
	border: 1px solid #be8df1;
	border-radius: 20px;
	z-index: 1000;
	background-color: #002043;
}

.histLeftBlockNoB{
	display: flex;
	flex-direction: column;
	width: 50%;
	margin-right: 40px;
	z-index: 1000;
}

.histRightBlockNoB{
	display: flex;
	flex-direction: column;
	width: 50%;
	z-index: 1000;
}

.histHeader{
	padding: 20px;
}

.histHeader h2{
	text-align: left;
	color: #be8df1;
	margin: 0px;
}

.histHeader p{
	font-weight: 700;
	color:lightskyblue;
	font-size: 22px;
}

.histHeader ul li{
	line-height: 30px;
}

.histBlockImg{
	display: flex;
}

.histBlockImg img{
	border-radius: 0 0 20px 20px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #be8df1;
}

.histRight{
	display: flex;
	flex-direction: row;
	min-width: 1280px;
	margin-bottom: -100px;
}

.workflowAppsHistBG{
	position: absolute;
  	top: 0px;
  	width: 100%;
  	display: flex;
  	justify-content: center;
}

.workflowAppsHistBG svg{
	overflow: visible;
}

/*-Meridian/Atlas-------------------*/


.youtube{
	max-width: 1278px;
	margin: 50px auto;
}

.youtube iframe{
	border: 1px solid #4f2353;
	border-radius: 20px;
}

.heritageContainer, .insightsContainer{
	margin: 50px auto;
  	display: flex;
  	flex-direction: row;
  	max-width: 1280px;
}

.hfContainer{
	margin: 50px auto;
  	display: flex;
  	flex-direction: row;
  	max-width: 1280px;
}

.heritageLeft, .insightsLeft{
	display: flex;
	flex-direction: column;
	width: 75%;
	margin-right: 20px;
}

.hfLeft{
	display: flex;
	flex-direction: column;
	width: 75%;
	margin-right: 20px;
}

.insightsText{
	margin: 0 auto 0;
	max-width: 1240px;
}

.meridianMissions{
	display: flex;
  	flex-direction: row;
	justify-content: space-between;
}

.dsteBodies{
	display: flex;
  	flex-direction: row;
	justify-content: space-between;
}


.meridianMission{
 	border: 1px solid #4f2353;
  	border-radius: 20px;
  	width: 33%;
  	padding: 20px;
	margin-right: 20px;
	height: 368px;
}

.meridianMission h3{
	font-size: 20px;
	margin-top: 0px;
	position: relative;
	z-index: 1000;
}

.meridianMission img{
	position: relative;
	z-index: 1000;
	border-radius: 10px;
	border: 1px solid #4f2353;
}

.meridianMission.last{
	margin-right: 0px !important;
}

.dsteBody{
 	border: 1px solid #4f2353;
  	border-radius: 20px;
  	width: 45%;
  	padding: 20px;
	margin-right: 20px;
	height: 368px;
}

.dsteBody h3{
	font-size: 20px;
	margin-top: 0px;
	position: relative;
	z-index: 1000;
}

.dsteBody img{
	position: relative;
	z-index: 1000;
	border-radius: 10px;
	border: 1px solid #4f2353;
}

.dsteBody.last{
	margin-right: 0px !important;
}

.meridianTestimonials{
	display: flex;
	flex-direction: row;
	margin:20px 0 0;
}

.meridianTestHead{
	width: 33%;
	text-align: left;
	padding: 20px;
}

.meridianTestimonial{
	border: 1px solid #4f2353;
  	border-radius: 20px;
	padding: 20px;
	width: 67%;
	height: 140px;
}

.testimonial{
	font-size: 20px;
  	font-style: italic;
  	text-align: justify;
	position: relative;
	z-index: 1000;
}

.heritageRight, .insightsRight{
	display: flex;
	flex-direction: column;
	width: 25%;
}

.hfRight{
	display: flex;
	flex-direction: column;
	width: 25%;
}

.poweredBy{
	border: 1px solid #4f2353;
  	border-radius: 20px;
  	padding: 20px 20px 30px;
	height: 100%;
	width: 100%;
	text-align: left;
}

.poweredBy p{
	text-align: left;
	line-height: 35px;
	font-size: 20px;
	margin-bottom: 40px;
	position: relative;
	z-index: 1000;
}

.poweredBy img{
	width:100%;
	position: relative;
	z-index: 1000;
}

.poweredBy h3{
	position: relative;
	z-index: 1000;
}

.poweredBy a, .udl a{
  	font-size: 22px;
  	text-decoration: none;
  	border: 1px solid #be8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(190, 141, 241, 0.3);
  	position: relative;
  	transition: box-shadow .2s ease-in;
	z-index: 1000;
}

.poweredBy a:hover, .udl a:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #be8df1;
  	border:2px solid #be8df1;
  	transition: box-shadow .2s ease-out;
}

.workflowApps, .dsteVis, .ailabsApps{
	display: flex;
	flex-direction: column;
	width: 1280px;
	margin: 50px auto;
}

.workflowAppBig{
	max-width: 700px;
	margin-top: 40px;
	z-index: 1000;
}

.workflowAppBig.right{
	margin-left: auto;
}

.workflowAppSmall{
	max-width: 462px;
	margin-top: 40px;
	z-index: 1000;
}

.workflowAppSmall.right{
	margin-left:auto;
}

.workflowAppBig h2, .workflowAppSmall h2, .workflowAppBig p, .workflowAppSmall p{
	text-align: left;
}

.workflowAppBig img, .workflowAppSmall img{
	border: 1px solid #4f2353;
	border-radius: 20px;
}

.workflowAppsBG{
	position: absolute;
  	top: 200px;
  	width: 100%;
  	display: flex;
  	justify-content: center;
}

.workflowAppsBG svg{
	overflow: visible;
}

/*#wf5{
	background: url(/images/meridian-wf-user-moon.png) no-repeat center center;
	max-width: 1280px !important;
  	text-align: left;
}*/

.dsteVisRight{
	max-width: 1280px;
	margin-top: 40px;
	z-index: 1000;
}

.dsteVisLeft{
	max-width: 1280px;
	margin-top: 40px;
	z-index: 1000;
}

.dsteVisLeft h2, .dsteVisLeft p{
	text-align: left;
}

.dsteVisRight h2, .dsteVisRight p{
	text-align: right;
}

.dsteVisRight img, .dsteVisLeft img{
	border: 1px solid #4f2353;
	border-radius: 20px;
}

.visual, .tailor {
	max-width: 1214px;
	padding-left: 30px;
	margin-top: 50px;
}

.insight{
	max-width: 910px;
	padding-left:30px;
}

.obssimOps{
	max-width: 1280px;
	margin-top: 50px;
}

.visualCol, .tailorCol, .insightsCol{

}

.insightsCol{
	border: 1px solid #4f2353;
  	border-radius: 20px;
	text-align: center;
}

.visualText p, .tailorText p, .insightsText p{
  	text-align: center;
  	margin: 16px;
	color: #be8df1;
	margin-bottom: 0;
}

.visualCol img, .tailorCol img{
	border:1px solid #4f2353;
	border-radius: 20px;
}

.insightsCol img{
	max-width: 878px;
	border-radius: 20px;
}

.obssimOpsCol img{
	max-width: 1200px;
	border-radius: 20px;
	border:1px solid #4f2353;
}

.visual .slick-prev, .tailor .slick-prev, .insight .slick-prev, .realNASA .slick-prev, .realSNC .slick-prev{
	left: 0px !important;
}

.visual .slick-prev::before, .visual .slick-next::before, .tailor .slick-prev::before, .tailor .slick-next::before, .insight .slick-prev::before, .insight .slick-next::before, .realNASA .slick-prev::before, .realNASA .slick-next::before, .realSNC .slick-prev::before, .realSNC .slick-next::before{
	color:#be8df1 !important;
}

.realText{
	max-width: 1240px;
	margin: 0 auto;
}

.realText p{
	font-size:18px;
	line-height: 30px;
	color: #be8df1;
	margin-bottom: 0;
}

.realApps{
	display: flex;
	flex-direction: column;
	width: 1280px;
	margin: 50px auto;
}

.realAppsNASA{
	max-width: 75%;
	margin-bottom: 100px;
}

.realAppsSNC{
	max-width: 75%;
	margin-left: auto;
	order: 2;
}

.realNASAText{
	text-align: left;
	margin-bottom: 40px;
	line-height: 30px;
}

.realSNCText{
	text-align: right;
	margin-bottom: 40px;
	line-height: 30px;
}

.realNASAText h2, .realSNCText h2{
	font-weight: 700;
	margin: 0;
	color: #be8df1;
	font-size: 28px;
}

.realNASAText p, .realSNCText p{
	font-size: 18px !important;
}

.realNASA{
	max-width: 910px;
	padding-left:30px;
}

.realSNC{
	max-width: 910px;
	padding-left:30px;
}

.nasaCol img, .sncCol img{
	max-width: 878px;
	border:1px solid #4f2353;
	border-radius: 20px;
}

.secRealBg{
	position: absolute;
	width: 100%;
	transform: translate(-50%);
	left: 50%;
	display: flex;
	justify-content: center;
}

.realBg{
	background-image: var(--background-image);
  	margin: 0 auto;
  	width: 1920px;
  	max-height: 1483px;
  	position: absolute;
  	top: 0;
}

.realBg-fill{
  	-webkit-mask-image: var(--mask-image);
  	mask-image: var(--mask-image);
  	width: 100%;
  	max-height: 1483px;
  	display: flex;
  	justify-content: space-between;
  	overflow: hidden;
}

.realBg-fill div {
  	transform: translateY(1483px);
  	animation: real-background 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 1483px;
    background-image: linear-gradient(0deg,rgba(190, 141, 242, 0) 0%, rgba(190, 141, 242, 1) 50%, rgba(190, 141, 242, 1) 50%, rgba(190, 141, 242, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.shoutOutText{
	max-width: 1280px;
	margin: 0 auto;
}

.shoutOutContainer{
	max-width: 1280px;
	margin: 50px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.shoutOutLeft{
	max-width: 620px;
	margin-right: 40px;
}

.shoutOutLeft img{
	border: 1px solid #4f2353;
	border-radius: 20px;
}

.shoutOutRight{
	max-width: 620px;
}

.shoutOutRight img{
	border: 1px solid #4f2353;
	border-radius: 20px;
}

.ctaTagText{
	margin: 20px auto;
	max-width: 1280px;
    text-align: center;
}

.ctaTagText div{
	margin: 0px auto 40px !important;
}

.ailabsIntro{
	display: flex;
	flex-direction: row;
	max-width: 1280px;
	margin-top:50px;
}

.ailabsIntroText{
	line-height: 30px;
	text-align: left;
	margin-right:40px;
	align-content: center;
}

.ailabsIntroText p{
	font-size: 18px !important;
}

.ailabsIntroImg{
	
}

.ailabsIntroImg img{
	border: 1px solid #be8df1;
	border-radius: 20px;
	max-width: 618px;
}

.ailabsAppLeft{
	max-width: 620px;
	margin-top: 40px;
	z-index: 1000;
}

.ailabsAppRight{
	max-width: 620px;
	margin-top: 40px;
	z-index: 1000;
}

.ailabsAppRight.right{
	margin-left: auto;
}

.ailabsAppRight h2, .ailabsAppLeft h2, .ailabsAppRight p, .ailabsAppLeft p{
	text-align: left;
}

.ailabsAppRight p, .ailabsAppLeft p{
	line-height: 30px;
}

.ailabsAppRight img, .ailabsAppLeft img{
	border: 1px solid #4f2353;
	border-radius: 20px;
}


.featuresText{
	text-align: center;
  	max-width: 1280px;
}

.featureContainer{
	background-image: linear-gradient(#030608 0%, #0f0012 100%);
	margin: 50px auto 200px;
  	max-width: 1278px;
  	border: 1px solid #4f2353;
  	border-radius: 20px;
  	display: flex;
  	flex-direction: row;
  	padding: 20px;
	position: relative;
}

.featureLeft{
	text-align: left;
  	display: flex;
  	flex-direction: column;
  	width: 318px;
  	border: 1px solid #4f2353;
  	border-radius: 10px;
  	margin-right: 40px;
}

.featureLeftDiv{
	display: flex;
  	flex-direction: row;
	padding: 20px;
}

.featureLeft h3, .obsData h3{
	color: #be8df1;
  	font-size: 26px;
  	font-weight: normal;
  	text-align: left;
  	margin: 0;
}

.featureLeft p, .obsData p{
	text-align: left;
	font-size: 18px;
}

.featureRight{
	text-align: left;
  	width: 878px;
  	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	border: 1px solid #4f2353;
  	border-radius: 10px;
}

.feature{
	width: 278px;
 	margin: 0;
}

.obsData{
	width: 280px;
  	margin: 0px 40px 0px 0px;
  	padding: 20px;
}

.udl{
	width: 342px;
	margin-bottom: 20px;
	padding: 20px;
}

.features-animation{
	padding: 1px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor; 
    mask-composite: exclude;
    position: absolute;
	height: 545px;
    inset: 0;
    z-index: 4;
    border-radius: inherit;
}

.features-animation-line{
  	width: 100px;
  	height: 100px;
  	position: absolute;
  	animation: features-animation-line 15s linear infinite;
  	bottom: 0px;
  	left: 0;
    /*background-image: linear-gradient(to top,rgba(131,209,255,0),rgba(158,122,255,.3490196078),rgba(254,139,187,.6980392157),#ffbd7a 99%,rgba(255,189,122,0) 100%);*/
    background-image: linear-gradient(to top,color(display-p3 .4274509804 .1803921569 1/0),color(display-p3 .6196078431 .4784313725 1/.3490196078),rgba(190, 143, 242, 0.7),rgb(223, 212, 235) 99%,color(display-p3 1 .7411764706 .4784313725/0) 100%);
}

.features-animation-line:nth-child(2){
  	animation-delay: 8s;
}

.obsCapBg{
	background-image: var(--background-image);
  	margin: 0 auto;
  	width: 1920px;
  	max-height: 950px;
  	position: absolute;
  	top: 0;
}

.obsCapBg-fill{
  	-webkit-mask-image: var(--mask-image);
  	mask-image: var(--mask-image);
  	width: 100%;
  	max-height: 950px;
  	display: flex;
  	justify-content: space-between;
  	overflow: hidden;
}

.obsCapBg-fill div {
  	transform: translateY(950px);
  	animation: cap-background 25s cubic-bezier(.6,.6,0,1) infinite;
  	min-width: 2500px;
  	height: 950px;
    background-image: linear-gradient(0deg,rgba(190, 141, 242, 0) 0%, rgba(190, 141, 242, .4) 50%, rgba(190, 141, 242, .4) 50%, rgba(190, 141, 242, 0) 100%);
    /*background-image: linear-gradient(135deg,color(display-p3 .6196078431 .4784313725 1/1) 0%,color(display-p3 .9960784314 .5450980392 .7333333333/1) 33.33%,color(display-p3 1 .7411764706 .4784313725/1) 66.67%,color(display-p3 .9725490196 .9176470588 .7647058824/1) 100%);*/
}

.obsCapContainer{
	background-image: linear-gradient(rgba(6,3,8,.8) 0%, rgba(6,3,8,.8) 100%);
  	/*border: 1px solid #032a53;*/
	border: 1px solid #4f2353;
  	border-radius: 25px;
  	padding: 20px;
  	width: 1238px;
	min-height: 600px;
  	margin: 50px auto 40px;
  	display: inline-flex;
  	flex-flow: row;
	z-index: 5;
	position: relative;
}

.obsCapLeft{
	display: flex;
  	justify-content: space-between;
  	flex-direction: column;
  	position: relative;
  	margin-right: 20px;
  	/*border-right: 1px solid #032a53;*/
	border-right: 1px solid #4f2353;
  	padding-right: 20px;
	min-width: 264px;
}

.obsCapLeft button{
	height: 78px;
  	background: transparent;
  	border: none;
	border-radius: 8px;
  	width: 100%;
  	color: #fff;
  	font-size: 20px;
  	font-weight: inherit;
	text-align: left;
	padding: 0 20px;
	margin: 8px 0;
	background-color: transparent;
  	transition: background-color 2s ease-out 100ms;
	postion:relative;
}

.obsCapLeft button:hover, .clicked{
	background-color: rgba(190,141,242,.2) !important;
  	border-radius: 8px !important;
  	width: 100% !important;
	position: relative !important;
}

.obsCapLeft button img{
	vertical-align: middle;
	margin-right: 10px;
}

.obsCapLeft button::before{
  	border-radius: inherit;
  	content: "";
  	inset: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor;
   	mask-composite: exclude;
   	padding: 1px;
   	pointer-events: none;
   	position: absolute;
}

.obsCapLeft button:hover{
.buttonFrames{
	pointer-events: none;
  	position: absolute;
  	z-index: -1;
  	width: 100%;
  	height: 116px;
  	top: 0;
  	left: 0;
  	transition: transform .2s cubic-bezier(.6,.6,0,1);
}

.buttonFrame{
	position: absolute;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    isolation: isolate;
    overflow: hidden;
}

.buttonFrame::before{
	border-radius: inherit;
  	content: "";
  	inset: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    background-color: #4f2353;
}

.buttonFrame:nth-child(1) {
  	width: 269px;
  	height: 106px;
  	top: -4px;
  	left: -4px;
  	border-radius: 12px;
  	z-index: 2;
}

.buttonFrame:nth-child(2) {
  width: 277px;
  height: 114px;
  top: -8px;
  left: -8px;
  border-radius: 16px;
  z-index: 1;
  animation-delay: 2s;
}

.buttonFrame:nth-child(1)::before {
  	opacity: .3;

}

.buttonFrame:nth-child(2)::before {
  	opacity: .2;
}

.buttonFrame div{
	width: 30px;
  	height: 30px;
  	position: absolute;
  	bottom: -30px;
  	left: 0;
    background: linear-gradient(to top,transparent,#fff);
  	opacity: .3;
}

.buttonFrame:nth-child(1) div{
	animation: buttonFrame1 10s linear infinite;
}

.buttonFrame:nth-child(2) div{
	animation: buttonFrame2 12s linear infinite;
}
}

.obsCapRight{
	position: relative;
	display: flex;
	flex-direction: column;
}

.obsCapLaunch .image, .obsCapManeuvers .image, .obsCapRPO .image, .obsCapDocking .image, .obsCapAsat .image, .obsCapBC .image, .obsCapReentries .image, .obsCapImage{
  	border-radius: 10px 10px;
}

.image{
	position: relative;
	z-index: 1;
}

.obsCapInfo{
	width:890px;
	height: 135px;
	/*border: 1px solid #032a53;*/
	border: 1px solid #4f2353;
	border-radius: 10px;
	margin: -175px auto 0;
	position: relative;
	z-index: 100;
	padding: 20px;
	background-color: #000;
}

.obsCapInfo h3{
	font-weight: normal;
	margin: 0 auto 20px;
	/*color: #1d6bbd;*/
	color: #be8df1;
	font-size: 26px;
}

.obsCapInfo .infoContainer{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.obsCapInfo .infoContainer div{
	width: 280px;
	display: flex;
	align-items: center;
}

.obsCapInfo .infoContainer p{
	margin: 0px
}

.obsCapLaunch, .obsCapManeuvers, .obsCapRPO, .obsCapDocking, .obsCapAsat, .obsCapBC, .obsCapReentries{
	display: flex;
	flex-direction: column;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: opacity 2s ease;
	left:-3000;
	z-index: 1;
  	border-radius: 10px 10px 0 0;
  	isolation: isolate;
  	overflow: hidden;
}

.obsCapShow{
	visibility: visible;
	opacity: 1;
	transition: opacity 2s ease;
	position: absolute;
	left: 0;
}

.obsCapLaunch .image::before, .obsCapManeuvers .image::before, .obsCapRPO .image::before, .obsCapDocking .image::before, .obsCapAsat .image::before, .obsCapBC .image::before, .obsCapReentries .image::before{
  	/*border: 1px solid rgba(0,124,255,0.3);*/
	border: 1px solid #4f2353;
  	content: "";
  	left: 0;
  	top: 0;
  	position: absolute;
  	width: calc(100% - 2px);
  	height: calc(490px - 2px);
  	border-radius: inherit;
  	pointer-events: none;
}

.obsCapLaunch-animation, .obsCapManeuvers-animation, .obsCapRPO-animation, .obsCapDocking-animation, .obsCapAsat-animation, .obsCapBC-animation, .obsCapReentries-animation{
	padding: 1px 1px 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor; 
    mask-composite: exclude;
    position: absolute;
	height: 483px;
    inset: 0;
    z-index: 4;
    border-radius: inherit;
}

.obsCapLaunch .image::after, .obsCapManeuvers .image::after, .obsCapRPO .image::after, .obsCapDocking .image::after, .obsCapAsat .image::after, .obsCapBC .image::after, .obsCapReentries .image::after{
    background-image: linear-gradient(rgba(4,6,8,0) 85%, rgba(0, 0, 0, 1));
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 490px;
  	content: "";
  	z-index: 5;
}

.obsCapLaunch-animation-line, .obsCapManeuvers-animation-line, .obsCapRPO-animation-line, .obsCapDocking-animation-line, .obsCapAsat-animation-line, .obsCapBC-animation-line, .obsCapReentries-animation-line{
  	width: 100px;
  	height: 100px;
  	position: absolute;
  	animation: capabilities-animation-line 15s linear infinite;
  	bottom: -300px;
  	left: 0;
    /*background-image: linear-gradient(to top,rgba(131,209,255,0),rgba(158,122,255,.3490196078),rgba(254,139,187,.6980392157),#ffbd7a 99%,rgba(255,189,122,0) 100%);*/
    background-image: linear-gradient(to top,color(display-p3 .4274509804 .1803921569 1/0),color(display-p3 .6196078431 .4784313725 1/.3490196078),rgba(190, 143, 242, 0.7),rgb(223, 212, 235) 99%,color(display-p3 1 .7411764706 .4784313725/0) 100%);
}

.obsCapLaunch-animation-line:nth-child(2), .obsCapManeuvers-animation-line:nth-child(2), .obsCapRPO-animation-line:nth-child(2), .obsCapDocking-animation-line:nth-child(2), .obsCapAsat-animation-line:nth-child(2), .obsCapBC-animation-line:nth-child(2), .obsCapReentries-animation-line:nth-child(2){
  	animation-delay: 10s;
}

/*-publications/blogs-------------*/


.publications{
	margin: 0 auto 200px;
	max-width: 1280px;
	display: flex;
	flex-direction: column;
}

.pubNav{
	margin: 100px auto 0;
}

.pubBTN, .category a, .recentPosts p a{
  	font-size: 16px;
  	text-decoration: none;
  	border: 1px solid #bf8df2;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(0, 43, 133, 0.65);
  	margin: 0 0px;
  	transition: box-shadow .2s ease-in;
}

.pubBTN:hover, .category a:hover, .recentPosts p a:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #bf8df2;
  	border:2px solid #bf8df2;
  	transition: box-shadow .2s ease-out;
}

.pubContent{
	text-align: left;
	margin: 0 auto;
	max-width: 1280px;
	display: flex;
	flex-direction: row;
}

.pubColLeft{
	width: 430px;
	display: flex;
	flex-direction: column;
	margin-right: 40px;
}

.pubColRight{
	width: 430px;
	display: flex;
	flex-direction: column;
	margin-right: 19px;
  	border-right: 1px solid #be8df1;
  	padding-right: 21px;
}

.pubColside{
	width: 300px;
	display: flex;
	flex-direction: column;
}

.postCol{
	max-width: 900px;
	display: flex;
	flex-direction: column;
	margin-right: 19px;
  	border-right: 1px solid #be8df1;
  	padding-right: 21px;
}

.pub{
	border: 1px solid #4f2353;
	border-radius: 20px;
	padding: 10px;
	margin-bottom: 40px;
	display: flex;
	flex-direction: column;
	background-image: linear-gradient(#030608 0%, #0f0012 100%);
	min-height: 510px;
}

.pub h3{
	margin: 20px 20px 0;
}

.pub img, .featuredImage img{
	border: 1px solid #4f2353;
	border-radius: 10px;
	margin-bottom: 20px;
}

.pubMeta, .postMeta{
	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	align-items: center;
	margin: 0 20px;
}

.pubDate p, .postDate p{
	color:#be8df1;
}

.pubAuthor, .postAuthor{
  	text-align: left;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
 	margin:0 20px;
}

.pubAuthor img, .postAuthor img{
	border:1px solid #be8df1 !important;
	border-radius: 100% !important;
	margin-right: 10px;
	margin-bottom: 0;
	width: 40px !important;
}

.post{
	padding:0 20px;
	line-height: 30px;
}

.post h2{
	color: #be8df1;
	text-align: center;
}

.post h3{
	color: #bba1d6;
}

.post p{
	font-size: 18px !important;
}

.post a{
	color: lightskyblue !important;
	text-decoration: none;
	font-size: 18px;
}

.post a:hover{
	text-decoration: underline;
}

.post iframe{
	border: 1px solid #4f2353;
	border-radius: 20px;
	margin: 20px 0;
}

.relatedPosts{
	position: relative;
	margin-top: 50px;
	border: 1px solid #4f2353;
	border-radius: 20px;
	background-image: linear-gradient(#030608 0%, #0f0012 100%);
}

.relatedPostsContainer{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	padding-bottom: 40px;
	position: relative;
	z-index: 1000;
}

.relatedPosts h2{
	text-align: center;
	color: lightskyblue;
}

.relatedLeft{
	width: 350px;
}

.relatedLeft img, .relatedRight img{
	border: 1px solid #4f2353;
	border-radius: 10px;
	width: 100%;
}

.relatedLeft h3, .relatedRight h3{
	text-align: left;
	margin: 10px 20px 0;
}

.relatedRight{
	width: 350px;
}

.related-animation{
	padding: 1px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor; 
    mask-composite: exclude;
    position: absolute;
	height: 567px;
    inset: 0;
    z-index: 4;
    border-radius: inherit;
}

.related-animation-line{
  	width: 100px;
  	height: 100px;
  	position: absolute;
  	animation: related-animation-line 15s linear infinite;
  	bottom: 0px;
  	left: 0;
    /*background-image: linear-gradient(to top,rgba(131,209,255,0),rgba(158,122,255,.3490196078),rgba(254,139,187,.6980392157),#ffbd7a 99%,rgba(255,189,122,0) 100%);*/
    background-image: linear-gradient(to top,color(display-p3 .4274509804 .1803921569 1/0),color(display-p3 .6196078431 .4784313725 1/.3490196078),rgba(190, 143, 242, 0.7),rgb(223, 212, 235) 99%,color(display-p3 1 .7411764706 .4784313725/0) 100%);
}

.related-animation-line:nth-child(2){
  	animation-delay: 8s;
}

.recentPosts{
	margin-bottom: 50px;
}

.recentPosts h2{
	margin: 0 0 20px;
	color: lightskyblue;
}

.recentPosts h3{
	margin: 0 0 40px;
	font-size: 18px;
	font-weight: 300;
	color: #cbcbcb;
}

.recentPosts img{
	border: 1px solid #4f2353;
	border-radius: 10px;
	margin-bottom: 20px;
	width: 100%;
}

/*-Form Modal----------------*/
.formSection{
	margin: 72px auto;
	position:relative;
	min-height: 950px;
	display: flex;
	flex-direction: column;
}

.formModal{
	height: 100%;
	width: 100%;
	background-image: linear-gradient(rgba(3,25,50, 1) 0%, rgba(15,0,18, 1) 100%);
	border-radius: 20px;
	position: relative;
	padding: 40px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.formModal::before{
	border-radius: 20px;
	content: '';
	background-image: linear-gradient(135deg, #4f2353 0%, #08cefa 100%);
	padding: 1px;
	height: 100%;
	width: 100%;
	top: -1px;
	left: -1px;
	position: absolute;
	z-index: -1;
	box-shadow: -2px -2px 10px 0px #4f2353, 2px 2px 10px 0px lightskyblue;
}

.formLogo{
	margin:50px auto;
}

.formModal h1{
	color: #be8df1;
	text-align: center;
	font-size: 28px;
	margin-top: 0px;
}

.loginFields{
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 0;
}

.loginFieldsWide{
	display: flex !important;
	flex-direction: row;
	position: relative;
	z-index: 0;
}

.loginFieldsLeft{
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 0;
	margin-right: 40px;
}

.loginFieldsRight{
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 0;
}

.breakLine{
	border: 1px solid lightskyblue;
	width: 95%;
	margin: 40px 0;
}

.fieldLabel{
	text-align:left;
	color: #cbcbcb;
	font-size: 14px;
	margin: 0px 0px 5px;
}

.checkboxLabel{
	text-align: left;
	color: lightskyblue;
	font-size: 14px;
}

.textField{
  	background-color: #021832;
  	width: 310px;
  	border: 1px solid #be8df1;
  	color: #fff;
	font-size: 16px; 
  	padding: 5px 10px;
  	border-radius: 5px;
	margin: 0px 0px 30px;
}

.selectField{
  	background-color: #021832;
  	width: 332px;
  	border: 1px solid #be8df1;
  	color: #fff;
	font-size: 16px; 
  	padding: 5px 10px;
  	border-radius: 5px;
	margin: 0px 0px 30px;
}

.textArea{
  	background-color: #021832;
  	width: 310px;
	height: 136px;
  	border: 1px solid #be8df1;
  	color: #fff;
	font-size: 16px; 
  	padding: 5px 10px;
  	border-radius: 5px;
	margin: 0px 0px 30px;
}

.checkRadio{
	display: block;
	position: relative;
	cursor: pointer;
	text-align: left;
	color: lightskyblue;
	font-size: 14px;
	padding-left: 30px;
	margin-bottom: 10px;
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}

.checkRadio input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkbox{
  	background-color: #021832;
  	border: 1px solid #be8df1;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 2px;
  	left: 0;
  	border-radius: 3px;
	display:block;
}

.checkRadio:hover input ~ .checkbox{
	background-color: #be8df1;
}

.checkRadio input:checked ~ .checkbox{
	background-color: lightskyblue
}

.checkbox::after{
	content: "";
	position: absolute;
	display: none;
}

.checkRadio input:checked ~ .checkbox::after{
	display: block;
	content: "";
}

.checkRadio .checkbox::after{
	content: "";
	left: 4px;
	top: 0px;
	width: 3px;
	height: 8px;
	border: solid white;
	border-width:  0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.radio{
  	background-color: #021832;
  	border: 1px solid #be8df1;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 2px;
  	left: 0;
  	border-radius: 50%;
	display:block;
}

.checkRadio:hover input ~ .radio{
	background-color: #be8df1;
}

.checkRadio input:checked ~ .radio{
	background-color: lightskyblue
}

.radio::after{
	content: "";
	position: absolute;
	display: none;
}

.checkRadio input:checked ~ .radio::after{
	display: block;
	content: "";
}

.checkRadio .radio::after{
	content: "";
	left: 2px;
	top: 2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background:white;
}

.submit{
	height: 30px;
	width: fit-content;
	background-color: #021832;
	border: 1px solid #be8df1;
  	border-radius: 5px;
	padding: 5px 40px 8px;
	color:#fff;
	font-size: 14px;
	margin: 10px 0px;
	align-self: center;
	transition: box-shadow .2s ease-in;
}

.submit:hover{
	transform: scale(1.1);
	box-shadow: 0 0 15px #be8df1;
	border: 2px solid #be8df1;
	transition: box-shadow .2s ease-out;
}

.forgot{
	align-self: end;
	margin: 0 0 20px;
	
}

.forgot a{
	font-size: 12px;
	color: lightskyblue;
	text-decoration: none;
}

.forgot a:hover{
	text-decoration: underline;
}

.newRegister{
	color: #FFF;
	text-align: center;
}

.newRegister a{
	color: lightskyblue;
	text-decoration: none;
}

.newRegister a:hover{
	text-decoration: underline;
}

/*-Dashboard-----------------*/

.dashboardHeader{
	display: flex;
  	padding: 0 20px 10px;
  	height: 100%;
  	position: relative;
  	z-index: 1001;
  	flex-direction: row;
  	align-items: center;
	margin: 100px 0 0px;
	border-bottom: 1px solid #be8df1;
	justify-content: space-between;
}

.dbLink p, .newLicense p, .newLicense li{
	font-size: 18px !important;
}

.ffdbLogo{
	margin: 0 20px 0 0;
}

.dashboardContainer{
	display: flex;
	flex-direction: row;
	margin-bottom: 100px;
}

.dashboardLeft{
	display: flex;
	flex-direction: column;
	width: 20%;
	margin-right: 40px;
}

.dashboardLeft h2{
	text-align: left;
	color: lightskyblue;
	margin:20px 0px 5px;
	font-size: 20px;
	padding: 0px 20px;
}

.dashboardRight{
	display: flex;
	flex-direction: column;
	width: 80%;
	padding: 0 20px 0 0;
}

.policy, .training{
	max-width: 1000px;
}

.myaccount{
	width: 100%;
}

.video img{
	border: 1px solid #4F2353;
	border-radius: 20px;
	margin: 20px 0;
}

.videoPlaylist{
	margin:20px 0 20px 0px;
	max-width: 1000px;
}

.video{
	margin: 0px 30px 0px 0;
	width: 308px;
	float:left;
	text-align: center;
}

.policy h2{
	margin: 20px 0px 20px;
	color: #be8df1;
	text-align: center;
}

.training h2, .licenseWidget h2, .certification h2{
	margin: 20px 0px 20px;
	color: #be8df1;
}

.training h3{
	margin: 0;
	color: lightskyblue;
}

.policy p, .policy li, .training p, .training li, #licTransfer p, #licTransfer li{
	font-size: 18px;
	line-height: 30px;
}

.policy a{
	color: lightskyblue !important;
	text-decoration: none;
	font-size: 18px;
}

.training a, .instructions li a, .levelCerts a{
	color: lightskyblue;
	text-decoration: none;
	font-size: 18px;
}

.policy a:hover, .training a:hover, .instructions li a:hover, .levelCerts a:hover{
	text-decoration: underline;
}

.dashboardWidgets{
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
}

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

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

.downloadsWidget{
	width: 408px;
	height: 438px;
	border: 1px solid #be8df1;
	border-radius: 20px;
	background: url(/images/downloads-widget-bg.png) top center no-repeat;
	margin: 0px 40px 40px 0px;
	position: relative;
	box-shadow: 0px 0px 10px 2px #000;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.downloadsCTA{
	position: absolute;
	bottom: 30px;
}

.downloadsWidget p{
	margin: 50px 0px 30px;
	text-align: center;
}

.widgets{
	display: flex;
	flex-direction: row;
}

.ffWidget{
	width: 328px;
	height: 198px;
	border: 1px solid #be8df1;
	border-radius: 20px;
	margin: 0px 40px 40px 0px;
	position: relative;
  	box-shadow: 0px 0px 10px 2px #000;
}

.ffWidget p{
	color: #FFF;
	font-size: 20px;
	margin:20px;
	position: absolute;
	bottom: 0;
}

.ffWidget.license{
	background: url(/images/license-widget-bg.png) top center no-repeat;
}

.ffWidget.blog{
	background: url(/images/blog-widget-bg.png) top center no-repeat;
	margin-right: 0px;
}

.ffWidget.forum{
	background: url(/images/forum-widget-bg.png) top center no-repeat;
}

.ffWidget.training{
	background: url(/images/youtube-widget-bg.png) top center no-repeat;
}

.ffWidget.certification{
	background: url(/images/certification-widget-bg.png) top center no-repeat;
	margin-right: 0px;
}

.ffWidget.helpDesk{
	background: url(/images/helpdesk-widget-bg.png) top center no-repeat;
}

.dashboardFreeTrial{
	background-image: linear-gradient(rgba(3,25,50, 1) 0%, rgba(15,0,18, 1) 100%);
  	min-height: 200px;
  	margin: 0 auto 40px;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	width: 100%;
  	border: 1px solid #4f2353;
  	border-radius: 20px;
}

.dashboardNews{
	display: flex;
	flex-direction: row;
	margin-bottom: 40px;
}

.dashboardPub img{
	border-radius: 20px;
  	border: 1px solid #4f2353;
}

.dashboardPubMeta{
	display: flex;
	flex-direction: column;
	margin-left: 40px;
}

.dashboardPubMeta h2{
	color: lightskyblue;
}

.dashboardMeta{
	display: flex;
  	flex-direction: row;
  	align-items: center;
}

.userDashboardNav{
	/*background-color: #021832;*/
	list-style: none;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid lightskyblue;
}

.userDashboardNav li{
	font-weight: 300 !important;
}

.userDashboardNav img, .supportAvitar img{
	margin-right: 20px;
  	display: inline-block;
  	padding: 0;
	vertical-align: middle;
}

.userDashboardNav li a{
	font-weight: 300 !important;
	color: #fff;
  	display: flex;
  	text-decoration: none;
  	line-height: 1.25;
  	padding: 10px 0px;
  	position: relative;
  	align-items: center;
  	background-color: transparent;
  	transition: background-color 2s ease-out 100ms;
  	font-size: 18px;	
	margin: 0px 20px;
}

.userDashboardNav li a:hover{
	color:lightskyblue;
}

.userAvitarHeader{
	color: #fff;
  	display: flex;
  	text-decoration: none;
  	line-height: 1.25;
  	padding: 10px 0px 20px;
  	position: relative;
  	align-items: center;
  	background-color: transparent;
  	transition: background-color 2s ease-out 100ms;
  	font-size: 18px;
	border-bottom: 1px solid lightskyblue;
	margin:20px 0px;
}

.freeflyerContact{
	border-bottom: 1px solid lightskyblue;
	margin: 0;
	padding-bottom: 20px;
}

.supportAvitar{
  	display: flex;
	flex-direction: column;
  	line-height: 1.25;
  	padding: 10px 0px;
  	position: relative;
	margin:0px 20px 20px;
}

.supportAvitar p{
	font-size: 18px;
	margin:0;
}

.supportAvitarBTN{
	font-size: 18px;
  	text-decoration: none;
  	border: 1px solid #bf8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(0, 43, 133, 0.65);
  	margin: 0 0 0 70px;
  	transition: box-shadow .2s ease-in;
}

.supportAvitarBTN:hover{
	transform: scale(1.1);
  	box-shadow: 0 0 15px #bf8df2;
  	border: 2px solid #bf8df2;
  	transition: box-shadow .2s ease-out;
}

.licenseHeader{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.newLicenseHeader, .licPolicyHeader{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.licenseTable, .certTable{
	color: #fff;
	border-collapse: collapse;
}

.certTable{
	margin-bottom: 40px;
}

.licenseTable th, .certTable th{
	color: lightskyblue;
  	text-align: left;
  	font-size: 18px;
  	font-weight: bold;
     background-image: linear-gradient(rgba(3,25,50, 1) 0%, rgba(15,0,18, 1) 100%);
  	padding: 5px 20px;
  	border: 1px solid #be8af1;
}

.licenseTable td, .certTable td{
	color: #fff;
  	text-align: left;
  	font-size: 14px;
  	padding: 5px 20px;
  	border: 1px solid #be8af1;
}

.licenseTable td.even, .certTable td.even{
	background-color: rgba(255, 255, 255, 0.1);
}

.licenseTable td.odd, .certTable td.odd{
	background: none;
}

.licenseTable td.odd.check, .licenseTable td.even.check{
	padding: 0px 0 10px 15px;
  	text-align: center;
}

.transferBTNs{
	margin:40px 0;
}

.certTable li{
	line-height: 30px;
	font-size: 18px;
}

.certTable li a{
	color: lightskyblue;
	text-decoration: none;
}

.certTable li a:hover{
	text-decoration: underline;
}

.ctaLicGrey{
  	font-size: 18px;
  	text-decoration: none;
	color:#555 !important;
  	border: 1px solid #444;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(255, 255, 255, 0.1);
  	margin: 0 20px 0 0;
	cursor: default;
}

.ctaLic{
  	font-size: 18px;
	color: #FFF !important;
  	text-decoration: none !important;
  	border: 1px solid #bf8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(0, 43, 133, 0.65);
  	margin: 0 20px 0 0;
  	transition: box-shadow .2s ease-in;
}

.ctaLic:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #bf8df1;
  	border:2px solid #bf8df1;
  	transition: box-shadow .2s ease-out;
	text-decoration: none !important;
}

.ctaLicGreen{
  	font-size: 18px;
	color: #59bd1d !important;
  	text-decoration: none !important;
  	border: 1px solid #59bd1d;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color:rgba(18,23,2,0.95);
  	margin: 0 20px 0 0;
}

.ctaLicGreen:hover{
	text-decoration: none !important;
}


#newLicense, #nodeLockContent, #networkContent, #licSupport, #licTransfer, #newOwner, #licPolicy{
	display: none;
}

.instructions{
	display: flex !important;
	flex-direction: column;
}

.helpdesk{
	margin:40px 20px 100px;
	width: 100%;
	min-height: 675px;
}

.accountHeader{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

.accountInfo{
	display: flex;
	flex-direction: row;
}

.accountLeft{
	padding: 0 40px 0 0;
	margin: 0 40px 0 0;
	border-right: 1px solid #be8df1;
	display:flex;
	flex-direction: column;
	align-items: center;
}

.accountLeft p, .accountRight p{
	font-size: 18px;
}

.avitarLgImg{
	width: 200px;
  	height: 200px;
  	font-size: 26px;
  	border: 4px solid #be8df1;
  	border-radius: 50%;
  	position: relative;
}

.avitarLgImg::after{
	content: '\f044';
  	position: absolute;
  	font-size: 18px;
  	font: var(--fa-font-regular);
  	bottom: 0;
  	left: 90%;
}

.avitarLg a{
	font-size: 18px;
	color: lightskyblue;
	text-decoration: none;
}

.avitarLg a:hover{
	text-decoration: underline;
}

.accountRight ul li{
	list-style: none;
	font-size:18px;
}

.ctaAccount, .ctaDownloads{
  	font-size: 16px;
	color:#fff;
  	text-decoration: none;
  	border: 1px solid #bf8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(0, 43, 133, 0.65);
  	margin: 0 20px 0 0;
  	transition: box-shadow .2s ease-in;
	cursor: pointer;
}

.ctaAccount:hover, .ctaDownloads:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #bf8df1;
  	border:2px solid #bf8df2;
  	transition: box-shadow .2s ease-out;
}

.ctaDownloadsActive{
	background-color: rgba(190, 143, 209, 0.65);
	cursor: pointer;
}

.ctaDownloadsActive:hover{
	background-color: rgba(190, 143, 209, 0.65);
	transform: none !important;
	box-shadow: none !important;
	border: 1px solid #bf8df1 !important;
	transition: none;
}

.ctaAccountRed{
  	font-size: 16px;
	color:#fff;
  	text-decoration: none;
  	border: 1px solid red;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(60, 0, 0, 0.65);
  	margin: 0 20px 0 0;
  	transition: box-shadow .2s ease-in;
}

.ctaAccountRed:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px red;
  	border:2px solid red;
  	transition: box-shadow .2s ease-out;
}

.downloadWidgets{
	display: flex;
	flex-direction: row;
	margin-bottom: 50px
}

.ffDContent{
	display: flex;
	flex-direction: column;
	margin-bottom: 50px;
}

.ffDContentContainer{
	display: flex;
	flex-direction: row;
	margin-bottom: 40px;
}

.ffDContentLeft{
	width: 50%;
	margin-right: 40px;
}

.ffDContentLeft img, .ffDContentRight img{
	margin-right: 20px;
	float: left;
}

.ffDContentRight{
	width: 50%;
	padding-right: 20px;
}

.downloadLeft{
	display: flex;
	flex-direction: column;
	background-image: linear-gradient(rgba(3,25,50, 1) 0%, rgba(15,0,18, 1) 100%);
	position: relative;
	border-radius: 20px;
	border:1px solid #4F2353;
	padding: 40px;
	min-width: 638px;
	margin-right:40px;
	height: fit-content;
}

.macOS, .linux, .dataFiles{
	display: none;
}

.downloadRight{
	display: flex;
	flex-direction: column;
	max-width: 708px;
}

.ffDownloadInfo h2, .ffDContentLeft h2, .ffDContentRight h2{
	color:lightskyblue;
}

.ffDownloadInfo h3{
	color: #cbcbcb;
}

.ffDownloadInfo p, .ffDownloadInfo li{
	color: #cbcbcb;
}

.ffDownload img{
	width: 350px;
	margin: 0 0 20px;
}

.ctaDownload{
  	font-size: 16px;
	color:#fff;
  	text-decoration: none;
  	border: 1px solid #bf8df1;
  	border-radius: 5px;
  	padding: 5px 10px 8px;
  	background-color: rgba(0, 43, 133, 0.65);
  	margin: 0;
  	transition: box-shadow .2s ease-in;
}

.ctaDownload:hover{
  	transform: scale(1.1);
  	box-shadow: 0 0 15px #bf8df1;
  	border:2px solid #bf8df2;
  	transition: box-shadow .2s ease-out;
}

.upgradeWarning, .copyWarning, .dismissed{
	display: none;
}

.upgradeWarning p, .copyWarning p, .dismissed p{
	line-height: 30px;
	font-size: 18px !important;
}

.upgradeContentHeader, .copyContentHeader, .dismissContentHeader{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.certificateHero{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.certHeroText{
	font-size:70px;
	font-weight: 700;
	margin: 0px;
}

.levelCerts{
	margin-bottom: 50px;
}

.certNotice{
	border: 1px solid #be8df1;
  	border-radius: 20px;
	margin: 20px auto;
	padding: 20px;
}

.notice{
	color: #be8df1;
	font-size: 22px;
	font-style: italic;
}

.examComplete{
	display: flex;
	flex-direction: column;
	border: 1px solid #be8df1;
  	border-radius: 20px;
	background-image: linear-gradient(rgba(3,25,50, 1) 0%, rgba(15,0,18, 1) 100%);
	padding: 20px;
}

.examCompleteContainer{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.examScore{
	margin-right: 40px;
	border: 2px solid #59bd1d;
  	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	min-width: 140px;
}

.score{
	font-size: 50px;
	text-align: center;
	color: #59bd1d;
	font-weight: 700;
}

.examScoreFail{
	margin-right: 40px;
	border: 2px solid #D12029;
  	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	min-width: 140px;
}

.scoreFail{
	font-size: 50px;
	text-align: center;
	color: #D12029;
	font-weight: 700;
}

.examScoreGrey{
	margin-right: 40px;
	border: 2px solid #cbcbcb;
  	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	min-width: 140px;
}

.scoreGrey{
	font-size: 50px;
	text-align: center;
	color: #cbcbcb;
	font-weight: 700;
}


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

.exam{
	display: flex;
  	flex-direction: row;
  	border: 1px solid #be8df1;
  	border-radius: 20px;
  	padding: 40px;
	margin-bottom: 40px;
}

.exam h2{
	color: #be8df1;
}

.exam h3{
	color: lightskyblue;
}

.examWindow{
	height: 721px;
  	overflow: hidden;
  	overflow-y: scroll;
  	box-sizing: border-box;
  	width: 70%;
	margin-right: 40px;
}
.examNav{
	width: 30%;
}

/*-Solutions-----------------*/

.solutionsHero{
	margin: 170px auto 20px;
	width: max-content;
	position: relative;
}

.solutionsHero h1{
	font-size: 78px;
  	margin-bottom: 2px;
  	text-shadow: 0px 5px 5px #000;
}

.solutionsHero p{
	font-size: 40px;
  	letter-spacing: 25px;
  	margin: 0 auto;
  	font-family: "arboria";
  	font-weight: 400;
  	text-shadow: 0px 5px 5px #000;
	line-height: 30px;
}

.solutionsHeroText{
	max-width: 1280px;
  	margin-top: 20px auto 80px;
	position: relative;
}

.mdaHistory{
	display: flex;
	flex-direction: column;
	max-width: 1280px;
	margin: 20px auto 50px;
	z-index: 1000;
}

.teamsNextContainer, .teamsContainer{
	display: flex;
	margin: 0 auto 40px;
	background:url(/images/mqaHistory-track.png) center center no-repeat;
	width: 100%;
}

.midaessContainer{
	display: flex;
	margin: 0 auto 0px;
	background:url(/images/mqaHistory-track.png) center center no-repeat;
	width: 100%;
}

.teamsNext{
	display: flex;
	flex-direction: row;
	border-radius: 20px;
	border: 1px solid #4f2353;
	padding: 20px;
	width: 70%;
	background-image: linear-gradient(#030608 0%, #0f0012 100%);
	animation: mqaTeamsNext 120s infinite;
	box-shadow: 0px 0px 10px 5px rgba(190,141,241,0.3);
}

.teams{
	display: flex;
	flex-direction: row;
	border-radius: 20px;
	border: 1px solid #4f2353;
	padding: 20px;
	margin-left: auto;
	width: 70%;
	order: 2;
	background-image: linear-gradient(#030608 0%, #0f0012 100%);
	animation: mqaTeams 120s infinite;
	box-shadow: 0px 0px 10px 5px rgba(190,141,241,0.3);
}

.midaess{
	display: flex;
	flex-direction: row;
	border-radius: 20px;
	border: 1px solid #4f2353;
	padding: 20px;
	width: 70%;
	order: 3;
	background-image: linear-gradient(#030608 0%, #0f0012 100%);
	animation: mqaTeamsNext 120s infinite;
	box-shadow: 0px 0px 10px 5px rgba(190,141,241,0.3);
}

.mdaLogo{
	margin-right: 40px;	
}

.mdaLogo img{
	width: 150px;
}

.teamsNextContent, .teamsContent, .midaessContent{

}

.teamsNextContent h2, .teamsContent h2, .midaessContent h2{
	color: #be8df1;
	text-align: left;
}

.teamsNextContent ul li, .teamsContent ul li, .midaessContent ul li{
	font-size: 18px;
	text-align: left;
}

.secOneBgMQA{
	position: absolute;
	top: 0;
	width: 100%;
	transform: translate(-50%);
	left: 50%;
	display: flex;
	justify-content: center;
}

.mqaCapBg{
	background-image: var(--background-image);
  	margin: 0 auto;
  	width: 1920px;
  	max-height: 950px;
  	position: absolute;
  	top: 0;
	z-index: 0;
}

.mqaCapBg-fill{
  	width: 100%;
  	max-height: 950px;
  	display: flex;
  	justify-content: space-between;
  	overflow: hidden;
}

.mqaCapBg-fill div.rocket {
  	transform: translateY(950px);
  	animation: mqaCapRocket 120s infinite;
  	height: 950px;
	z-index: 100;
}

.mqaCapBg-fill div.rocketEng {
  	transform: translateY(950px);
  	animation: mqaCapRocketEng 120s infinite;
  	height: 950px;
	z-index: 100;
}

.mqaCapBg-fill div.rocketBg{
	position: absolute;
	width: 1920px;
	height: 950px;
	background:url("/images/mqa-cap-bg.png");
	z-index: 200;
}

.mqaCapBg-fill div img {
	opacity: 0.5;
}

.mqaCapabilities{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin:40px auto 50px;
	z-index: 1000;
	max-width: 1280px;
}

.qualityAssurance{
	width: 636px;
	height: 100%;
	padding: 20px;
	margin-right: 40px;
}

.missionAssurance{
	width: 636px;
	height: 100%;
	padding: 20px;
}

.assuranceContent{
	position: relative;
	z-index: 1005;
}

.qualityAssurance img, .missionAssurance img{
	border: 1px solid #4F2353;
	border-radius: 10px;
}

.qualityAssurance h2, .missionAssurance h2{
	color: #be8df1;
}

.qualityAssurance h3, .missionAssurance h3{
	color: #bba1d6;
	text-align: left;
}

.qualityAssurance p, .missionAssurance p{
	text-align: left;
	font-size: 18px;
	margin-bottom: 40px;
	line-height: 30px;
}

.mqaFeatures{
	display: flex;
	flex-direction: column;
	margin:40px auto 50px;
	z-index: 1000;
	max-width: 1280px;
}

.mqaFeatures h2{
	color: #be8df1;
	text-align: left;
}

.mqaFeatures p{
	text-align: left;
	line-height: 30px;
	font-size: 18px;
}

.mqaLocations{
	margin: 0 auto;
	max-width: 1280px;
}

.mqaLocationsContent{
	display: flex;
	flex-direction: row;
	background: url("/images/mqa-map-bg.png") center center no-repeat;
	max-width: 1280px;
	padding: 0 40px;
}

.fourMqa{
	background: url("/images/mqa-careers.png") center center no-repeat;
	width: 100%;
}

.mqaCareers{
	width: 60%;
	margin-left:auto;
}

/*-Careers-------------------*/

.careersHero{
	margin: 200px auto 20px;
	width: max-content;
	position: relative;
}

.careersHero h1{
	font-size: 78px;
  	margin-bottom: 0 0 20px;
  	text-shadow: 0px 5px 5px #000;
}

.careersHero p{
	font-size: 40px;
  	letter-spacing: 25px;
  	margin: 0 auto;
  	font-family: "arboria";
  	font-weight: 400;
  	text-shadow: 0px 5px 5px #000;
	line-height: 30px;
}

.careersHeroText{
	max-width: 1280px;
  	margin-top: 20px auto 80px;
	position: relative;
}

.core4{
	display: flex;
	flex-direction: row;
	width: 1280px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

.core4Left{
	margin:0 50px 0 0;
	z-index: 1;
	border-radius: 50%;
	isolation: isolate;
	overflow: hidden;
	width: 600px;
	position: relative;
}

.core4Right{
	margin:0 0 0 0;
	width: 49%;
	display: block;
	align-content: center;
}

.core4Right p{
	font-size: 22px;
	text-align: left;
	line-height: 30px;
}

/*.core4 .core4Left::before{
  	border: 1px solid rgba(0,124,255,0.3);
	border: 1px solid #be8df1;
  	content: "";
  	left: 0;
  	top: 0;
  	position: absolute;
  	width: calc(600px - 2px);
  	height: calc(600px - 2px);
  	border-radius: inherit;
  	pointer-events: none;
}*/

.core4-animation{
	padding: 4px 4px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask-composite: xor;
    -webkit-mask-composite: xor; 
    mask-composite: exclude;
    position: absolute;
	height: 592px;
	max-width: 592px;
    inset: 0;
    z-index: 100;
    border-radius: inherit;
}

/*.core4 .core4Left::after{
    background-image: linear-gradient(rgba(4,6,8,0) 85%, rgba(4, 6, 8, 1));
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 450px;
  	content: "";
  	z-index: 5;
}*/

.core4-animation-line{
  	width: 100px;
  	height: 100px;
  	position: absolute;
  	animation: core4-animation-line 15s linear infinite;
  	bottom: 0px;
  	left: 0;
    /*background-image: linear-gradient(to top,rgba(131,209,255,0),rgba(158,122,255,.3490196078),rgba(254,139,187,.6980392157),#ffbd7a 99%,rgba(255,189,122,0) 100%);*/
    background-image: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.8) 100%);
}

.locations{
	display: flex;
	flex-direction: column;
	width: 1280px;
	margin: 0 auto;
	position: relative;
	height: 100%;
	z-index: 1000;
}

.documents{
	display: flex;
	flex-direction: row;
	max-width: 1280px;
	position: relative;
}

.docsLeft{
	margin: 40px 40px 40px 0;
	border: 1px solid #4f2353;
	border-radius: 20px;
	width: 50%;
	padding: 40px;
}

.docsRight{
	margin: 40px 0;
	border: 1px solid #4f2353;
	border-radius: 20px;
	width: 50%;
	padding: 40px;
}

.docsLeft h2, .docsRight h2{
	margin-top:0px;
	color: #be8df1;
}

.docsLeft a, .docsRight a{
	text-decoration: none;
	color: lightskyblue;
}

.docLink{
	border: 1px solid #be8df1;
    border-radius: 10px;
    padding: 5px;
	margin-bottom: 20px;
}

.docLinkText{
	font-size: 20px;
	color: lightskyblue;
}

.jobsearch{
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	width: 100%;
}

.jobCategories{
	display: flex;
  	flex-direction: column;
  	width: 100%;
  	margin: 0 auto;
}

.jobCatRow{
	display: flex;
  	flex-direction: row;
  	max-width: 1280px;
  	margin: 0 auto 40px;
}

.jobCatRow a{
	text-decoration: none;
	width: 100%;
}

.jobCat{
	background-image: linear-gradient(#030608 0%, #0f0012 100%);
	border: 1px solid #4f2353;
  	border-radius: 20px;
  	padding: 50px 0px;
  	margin: 0 20px;
}

.jobCat.card{
	width: 370px !important;
	height: 65px !important;
}

.jobCat.last{
	margin-right:0;
}

.jobCat p{
	color: #87cefa;
  	font-size: 20px;
  	font-weight: bold;
	position: relative;
	z-index: 1000;
}

.benefits, .healthBenefits, .companyBenefits, .wellnessBenefits, .ancillaryBenefits{
	margin: 40px auto 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.show{
	display: flex;
}

.hide{
	display: none;
}

.benefitsRow{
	display: flex;
	flex-direction: row;
	margin: 0 auto 40px;
}

.benefitsRow button{
	background: none;
  	border: none;
  	padding: 0;
  	margin: 0;
	cursor: pointer;
}

.allBenefits{
	font-size: 22px;
  	text-decoration: none;
  	border: 1px solid #be8df1 !important;
  	border-radius: 5px !important;
  	padding: 5px 10px 8px !important;
  	background-color: rgba(0, 43, 133, 0.65) !important;
}

.benefit, .healthBenefit{
	background-color: rgba(0, 43, 133, 0.65);
	border:1px solid #be8df1;
	border-radius: 20px;
	margin-right: 40px;
}

.benefit.last, .healthBenefit.last{
	margin-right: 0px;
}

.benefit img, .healthBenefit img{
	border-radius: 20px 20px 0 0;
  	border-bottom: 1px solid #be8df1;
}

.benefit p{
	text-align: center;
	font-size: 18px;
	color:#FFFFFF;
	font-weight: 700;
}

.healthBenefit p{
	text-align: center;
	font-size: 18px;
	color:#FFFFFF;
	font-weight: 700;
}

.lifeRight{
	width: 50%;
  	text-align: left;
  	align-self: center;
}

.lifeRight p a{
	margin: 0;
}

.lifeLeft{
	width: 50%;
	margin-right: 40px;
}


.veteransLeft{
	width: 50%;
}

.veteransRight{
	width: 50%;
  	text-align: left;
  	align-self: center;
  	margin-right:0px;
}

.veteransRight p a{
	margin: 0;
}

.interns{
	display: flex;
	flex-direction: row;
	margin-top:50px;
	z-index: 1000;
}

.internsLeft{
	width: 50%;
  	text-align: left;
  	align-self: center;
  	margin-right: 40px;
}

.internsLeft p a{
	margin: 0;
}

.internsRight{
	width: 50%;
}

.lifeImg, .internImg{
	border:1px solid #be8df1;
	border-radius:20px;
}

.recruitingRight{
	width: 50%;
}

.recruitingLeft{
	width: 50%;
  	text-align: left;
  	align-self: center;
	margin-right:40px;
	background-image: linear-gradient(#030608 0%, #0f0012 100%);
  	padding: 0px 40px 50px;
  	border: 1px solid #4f2353;
  	border-radius: 20px;
  	height: 100%;
}

.recruitingLeft p a{
	margin: 0;
}

/*-Footer--------------------*/

footer{
	margin: 0px auto;
	display: flex;
	flex-direction: column;	
}

.footerContainer{
	width: 1280px;
  	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	margin: 20px auto 40px;
}

.footerTextLG{
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px;
}

.footerTextLGB{
	font-weight: 700;
	margom: 0 0 10px;
}

.footerTextLG img{
	margin-right: 10px;
	float: left;
	vertical-align: middle;
}

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

.footerCol1 a{
	color: #be8df1;
  	border: 1px solid #be8df1;
  	border-radius: 10px;
  	padding: 8px 20px 10px;
  	text-decoration: none;
  	font-size: 18px;
  	margin: 20px 0 0 0;
  	width: fit-content;
}

.footerContainer li{
	list-style: none;
	line-height: 28px;
}

.footerContainer li a{
	text-decoration: none;
	font-size: 14px;
}

.footerBand{
	background-color: #011c40;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.footerBandContainer{
	width: 1280px;
  	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	margin: 20px auto;
}

.footerBandLeft a{
	font-size: 12px;
  	text-decoration: none;
  	margin: 0 0px 0 40px;
  	vertical-align: middle;
}

.footerBandLeft a img{
	margin-right: 10px;
	vertical-align: middle;
}

.footerBandRight a {
	margin: 0 0 0 20px;
}

.copyright{
	
}

.socialLogos{
	
}

.footerText{
	font-size: 12px;
}

@keyframes hero-background-dot {
  	0% {
    	transform: translateZ(0) translateX(320px) translateY(-1080px) rotate(20deg);
  	}
  	100% {
    	transform: translateZ(0) translateX(-520px) translateY(1080px) rotate(20deg);
  	}
}

@keyframes meridian-background {
  	0% {
    	transform: translateZ(0) translateX(0px) translateY(1080px) rotate(0deg);
  	}
  	100% {
    	transform: translateZ(0) translateX(0px) translateY(-1080px) rotate(0deg);
  	}
}

@keyframes atlas-background {
  	0% {
    	transform: translateZ(0) translateX(0px) translateY(1080px) rotate(0deg);
  	}
  	100% {
    	transform: translateZ(0) translateX(0px) translateY(-1080px) rotate(0deg);
  	}
}

@keyframes obssim-background {
  	0% {
    	transform: translateZ(0) translateX(-120px) translateY(950px) rotate(60deg);
  	}
  	100% {
    	transform: translateZ(0) translateX(1920px) translateY(200px) rotate(60deg);
  	}
}

@keyframes dste-background {
  	0% {
    	transform: translateZ(0) translateX(0px) translateY(950px) rotate(0deg);
  	}
  	100% {
    	transform: translateZ(0) translateX(0px) translateY(-950px) rotate(0deg);
  	}
}

@keyframes hero-background-mqa {
  	0% {
    	transform: translateZ(0) translateX(0) translateY(-1080px);
  	}
  	100% {
    	transform: translateZ(0) translateX(0) translateY(1080px);
  	}
}

@keyframes hero-background-ais {
  	0% {
    	transform: translateZ(0) translateX(0) translateY(-1080px);
  	}
  	100% {
    	transform: translateZ(0) translateX(0) translateY(1080px);
  	}
}

@keyframes capabilities-animation-line {
  	0% {
  		transform: translateZ(0) translate(-50px,-150px);
  	}
    23% {
      	transform: translateZ(0) translate(-50px,-650px);
    }
    25% {
    	transform: translateZ(0) translate(-50px,-700px) rotate(45deg);
    }
    30% {
      	transform: translateZ(0) translate(50px,-700px) rotate(90deg);
    }
    74% {
      	transform: translateZ(0) translate(780px,-700px) rotate(90deg);
    }
    76% {
      	transform: translateZ(0) translate(830px,-700px) rotate(135deg);
    }
    76% {
      	transform: translateZ(0) translate(880px,-650px) rotate(180deg);
    }
    100% {
      	transform: translateZ(0) translate(880px,-150px) rotate(180deg);
    }
}

@keyframes core4-animation-line {
  	0% {
  		transform: translateZ(0) translate(-50px,-250px);
  	}
    12.5% {
      	transform: translateZ(0) translate(18px,-442px) rotate(45deg);
    }
    25% {
    	transform: translateZ(0) translate(250px,-550px) rotate(90deg);
    }
	37.5% {
    	transform: translateZ(0) translate(442px,-442px) rotate(135deg);
    }
    50% {
      	transform: translateZ(0) translate(550px,-250px) rotate(180deg);
    }
	62.5% {
    	transform: translateZ(0) translate(442px,-38px) rotate(225deg);
    }
    75% {
      	transform: translateZ(0) translate(250px,50px) rotate(270deg);
    }
    87.5% {
      	transform: translateZ(0) translate(38px,-38px) rotate(315deg);
    }
    100% {
      	transform: translateZ(0) translate(-50px,-250px) rotate(360deg);
    }
}

@keyframes features-animation-line {
  	0% {
  		transform: translateZ(0) translate(-50px,50px);
  	}
	16% {
    	transform: translateZ(0) translate(-50px,-407px);
    }
	18% {
    	transform: translateZ(0) translate(-50px,-447px) rotate(45deg);
    }
    20% {
    	transform: translateZ(0) translate(-50px,-497px) rotate(90deg);
    }
	48% {
      	transform: translateZ(0) translate(1158px,-497px) rotate(90deg);
    }
    50% {
      	transform: translateZ(0) translate(1178px,-497px) rotate(135deg);
    }
	52% {
      	transform: translateZ(0) translate(1228px,-447px) rotate(180deg);
    }
	68% {
      	transform: translateZ(0) translate(1228px,-70px) rotate(180deg);
    }
    70% {
      	transform: translateZ(0) translate(1228px,-50px) rotate(225deg);
    }
	72% {
      	transform: translateZ(0) translate(1228px,50px) rotate(270deg);
    }
	98% {
      	transform: translateZ(0) translate(0px,50px) rotate(270deg);
    }
    100% {
      	transform: translateZ(0) translate(-50px,50px) rotate(360deg);
    }
}

@keyframes related-animation-line {
  	0% {
  		transform: translateZ(0) translate(-50px,50px);
  	}
	16% {
    	transform: translateZ(0) translate(-50px,-449px);
    }
	18% {
    	transform: translateZ(0) translate(-50px,-469px) rotate(45deg);
    }
    20% {
    	transform: translateZ(0) translate(-50px,-519px) rotate(90deg);
    }
	48% {
      	transform: translateZ(0) translate(778px,-519px) rotate(90deg);
    }
    50% {
      	transform: translateZ(0) translate(798px,-519px) rotate(135deg);
    }
	52% {
      	transform: translateZ(0) translate(848px,-469px) rotate(180deg);
    }
	68% {
      	transform: translateZ(0) translate(848px,-70px) rotate(180deg);
    }
    70% {
      	transform: translateZ(0) translate(848px,-50px) rotate(225deg);
    }
	72% {
      	transform: translateZ(0) translate(848px,50px) rotate(270deg);
    }
	98% {
      	transform: translateZ(0) translate(0px,50px) rotate(270deg);
    }
    100% {
      	transform: translateZ(0) translate(-50px,50px) rotate(360deg);
    }
}

@keyframes support1-animation-line {
  	0% {
  		transform: translateZ(0) translate(-50px,0px);
  	}
	28% {
    	transform: translateZ(0) translate(-50px,-186px);
    }
	30% {
    	transform: translateZ(0) translate(-50px,-206px) rotate(45deg);
    }
    32% {
    	transform: translateZ(0) translate(-50px,-256px) rotate(90deg);
    }
	48% {
      	transform: translateZ(0) translate(104px,-256px) rotate(90deg);
    }
    50% {
      	transform: translateZ(0) translate(124px,-256px) rotate(135deg);
    }
	52% {
      	transform: translateZ(0) translate(174px,-256px) rotate(180deg);
    }
	78% {
      	transform: translateZ(0) translate(174px,-70px) rotate(180deg);
    }
    80% {
      	transform: translateZ(0) translate(174px,-50px) rotate(225deg);
    }
	82% {
      	transform: translateZ(0) translate(174px,0px) rotate(270deg);
    }
	98% {
      	transform: translateZ(0) translate(0px,0px) rotate(270deg);
    }
    100% {
      	transform: translateZ(0) translate(-50px,0px) rotate(360deg);
    }
}

@keyframes cap-background {
  	0% {
    	transform: translateZ(0) translateX(0px) translateY(-1080px);
  	}
  	100% {
    	transform: translateZ(0) translateX(0px) translateY(1080px);
  	}
}

@keyframes intern-background {
  	0% {
    	transform: translateZ(0) translateX(0px) translateY(1080px);
  	}
  	100% {
    	transform: translateZ(0) translateX(0px) translateY(-1080px);
  	}
}

@keyframes real-background {
  	0% {
    	transform: translateZ(0) translateX(0px) translateY(-1483px);
  	}
  	100% {
    	transform: translateZ(0) translateX(0px) translateY(1483px);
  	}
}

@keyframes edu-background {
  	0% {
    	transform: translateZ(0) translateX(-2730px) translateY(0px);
  	}
  	100% {
    	transform: translateZ(0) translateX(1920px) translateY(0px);
  	}
}

@keyframes mqaHistory-background {
  	0% {
    	transform: translateZ(0) translateX(-2730px) translateY(0) rotate(45deg);
  	}
  	100% {
    	transform: translateZ(0) translateX(1920px) translateY(0) rotate(45deg);
  	}
}

@keyframes mqaTeams {
  	0% {
    	transform: translateZ(0) translateX(0px) translateY(0);
  	}
	50% {
    	transform: translateZ(0) translateX(-200px) translateY(0);
  	}
  	100% {
    	transform: translateZ(0) translateX(0px) translateY(0);
  	}
}

@keyframes mqaTeamsNext {
  	0% {
    	transform: translateZ(0) translateX(0px) translateY(0);
  	}
	50% {
    	transform: translateZ(0) translateX(200px) translateY(0);
  	}
  	100% {
    	transform: translateZ(0) translateX(0px) translateY(0);
  	}
}

@keyframes mqaCapRocket {
  	0% {
    	transform: translateZ(0) translateX(0) translateY(0);
  	}
	50% {
		transform: translatez(0) translateX(0) translateY(-1120px);
	}
  	100% {
    	transform: translateZ(0) translateX(0) translateY(0px);
  	}
}

@keyframes mqaCapRocketEng {
  	0% {
    	transform: translateZ(0) translateX(0) translateY(-1120px);
  	}
	50% {
		transform: translatez(0) translateX(0) translateY(0px);
	}
  	100% {
    	transform: translateZ(0) translateX(0) translateY(-1120px);
  	}
}

@keyframes buttonFrame1{
    0% {
      transform: translateZ(0px) translate(-15px, -15px);
    }
    14.13% {
      transform: translateZ(0px) translate(-15px, -123px) rotate(45deg);
    }
    15.73% {
      transform: translateZ(0px) translate(15px, -123px) rotate(90deg);
    }
    48.4% {
      transform: translateZ(0px) translate(239px, -123px) rotate(90deg);
    }
    50% {
      transform: translateZ(0px) translate(254px, -123px) rotate(135deg);
    }
    51.6% {
      transform: translateZ(0px) translate(254px, -99px) rotate(180deg);
    }
    64.13% {
      transform: translateZ(0px) translate(254px, -15px) rotate(225deg);
    }
    65.73% {
      transform: translateZ(0px) translate(239px, -15px) rotate(270deg);
    }
    98.4% {
      transform: translateZ(0px) translateY(-15px) rotate(315deg);
    }
    100% {
      transform: translateZ(0px) translate(-15px, -15px) rotate(360deg);
    }
}


@keyframes buttonFrame2{
    0% {
      transform: translateZ(0px) translate(-15px, -15px);
    }
    14.13% {
      transform: translateZ(0px) translate(-15px, -131px) rotate(45deg);
    }
    15.73% {
      transform: translateZ(0px) translate(15px, -131px) rotate(90deg);
    }
    48.4% {
      transform: translateZ(0px) translate(247px, -131px) rotate(90deg);
    }
    50% {
      transform: translateZ(0px) translate(262px, -131px) rotate(135deg);
    }
    51.6% {
      transform: translateZ(0px) translate(262px, -107px) rotate(180deg);
    }
    64.13% {
      transform: translateZ(0px) translate(262px, -15px) rotate(225deg);
    }
    65.73% {
      transform: translateZ(0px) translate(247px, -15px) rotate(270deg);
    }
    98.4% {
      transform: translateZ(0px) translateY(-15px) rotate(315deg);
    }
    100% {
      transform: translateZ(0px) translate(-15px, -15px) rotate(360deg);
    }
}

@keyframes apiOrbits{
	0% {
  		opacity: 0.32;
  		transform: translateZ(0px) rotate(0deg);
	}
	50% {
  		opacity: 1;
  		transform: translateZ(0px) rotate(0.5turn);
	}
	100% {
  		opacity: 0.32;
  		transform: translateZ(0px) rotate(1turn);
	}
}

@keyframes apiBrands{
	100%{
		transform: translateZ(0) rotate(-1turn);
	}
}

@keyframes brandItem{
	100%{
		transform: translateZ(0) rotate(-1turn);
	}
}

@keyframes fadeIn{
	0%{
		opacity: 0;
		transform: translateY(-50px);
	}
	100%{
		opacity: 1;
		transform: translateY(0px)	
	}
}

@keyframes fadeOut{
	0%{
		opacity: 1;
		transform: translateY(0px);
	}
	100%{
		opacity: 0;
		transform: translateY(-50px)	
	}
}