html, body {
    color: var(--color-sec-dark);
    line-height: normal;
    font-family: var(--font-text);
    font-weight: var(--font-text-weight-light);
    font-style: normal;
    font-size: 1rem;
    vertical-align: baseline;
    background-color: var(--color-apus--main);
}
body, .grid-layout {
    display: block;
    width: 100%;
}
body, .grid-layout {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas:
        "header"
        "main"
        "footer";
}
.d-none {
	display: none !important;
}
.d-block {
	display: block !important;
}
.lead-text {
	font-size: 1.5rem !important;
	line-height: 1.75rem !important;
}
.white {
	color: white !important;
}
.align-center {
	display: flex;
	align-items: center;
}
.align-end {
	display: flex;
	align-items: end;
}
.align-center-end {
	display: flex;
	align-items: center;
}
.grid-align-center {
	display: grid;
	align-items: center;
}
.grid-align-end {
	display: grid;
	align-items: end;
}
@media only screen and (min-width: 900px) {
	.d-none-900 {
		display: none !important;
	}
	.d-block-900 {
		display: block !important;
	}
}
@media only screen and (min-width: 800px) {
	.d-none-800 {
		display: none;
	}
	.d-block-800 {
		display: block;
	}
}
@media (max-width: 600px) {
	.align-center-end {
		display: flex;
		align-items: flex-end;
	}
}
/* BRAND HEADER */
.brand-header {
    display: block;
    position: relative;
    color: var(--color-sec-white);
    background-color: var(--color-sec-black);
    width: 100%;
    z-index: 100;
    opacity: 0;
    transition: all 1.15s ease;
}
.brand-header.vis {
	opacity: 1.0;
	transition: all 1.15s ease;
}
.section-intro {
	padding: 5rem 0px 0px 6rem;
}
.section-intro-wrap {
    /* padding: 5rem 0px 0px 6rem; */
    background: var(--color-pri-black);
    background: linear-gradient(0deg, rgba(0,0,0,0.8), rgba(0,0,0, 0.2)), url('/common/images/funnel/main-bg-texture.jpg') top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1; 
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    padding-bottom: 175px;
}
.golden-chevron {
	clip-path: polygon(0% 0%, 50% 95%, 100% 0%, 100% 100%, 0% 100%);
	background: #FFC600;
	height: 50px;
	width: 100%;
	margin-top: -125px;
	position: relative;
	z-index: 2;
}
@media (min-width: 1499px) {
	.section-intro-wrap {
	    padding-bottom: 255px;
	}
	.golden-chevron {
	    margin-top: -185px;
	}
}
@media (max-width: 959px) {
	.golden-chevron {
	    clip-path: polygon(0% 0%, 50% 90%, 100% 0%, 100% 100%, 0% 100%);
	    margin-top: -60px;
	}
}
@media (max-width: 620px) {
	.section-intro-wrap {
	    padding-bottom: 130px;
	}
	.golden-chevron {
	    clip-path: polygon(0% 0%, 50% 90%, 100% 0%, 100% 102%, 0% 102%);
	    margin-top: -45px;
	}
}

.section-intro-alt {
	max-width: 1600px;
	margin-left: 0px;
}
.section-nopad-bottom {
	padding-bottom: 0px !important;
}
.intro-section-header {
	/*padding: 15px 35px;*/
	padding-bottom: 35px;
}
.border-gradient {
    border: 4px solid;
    border-image-slice: 1;
    border-width: 4px;
}
.amu-border-yellow {
	border: 4px solid #FFC600;
}
.border-gradient-green-blue {
    border-image-source: linear-gradient(180deg, #00FFFF 0%, #79FF86 100%);
    /* min-height: 240px; */
    margin: 30px 0px 45px;
}

/* GRADIENT BG TEXT */
.hero-rebrand-title-new div:nth-child(1) span {
    background: linear-gradient(180deg, #00FFFF 0%, #79FF86 100%);
    vertical-align: bottom;
}
.hero-rebrand-title-new span {
    display: inline-block;
    font-size: 3.875rem;
    font-weight: 700;
    color: var(--color-pri-black);
    line-height: 1;
    padding: 0.25rem 1.5rem 0.75rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
@media only screen and (max-width: 1700px) {
	.hero-rebrand-title span {
	    font-size: 3rem;
	}
}
/* GRADIENT TEXT */
.gradient-title-header {
	padding: 25px 35px 15px; 
}
.gradient-headline {
    -webkit-background-clip: text;
    background-clip: text;
    /*-webkit-text-fill-color: transparent;*/
    line-height: 1.25;
}
.gradient-headline-main {
	line-height: 0.9;
}
.green-blue-text {
	background-image: linear-gradient(180deg, #00FFFF 0%, #79FF86 100%);
}
.amu-yellow {
	color: #FFC600 !important;
}
.amu-yellow-bg {
	background: #FFC600 !important;
	position: relative;
	z-index: 2;
}
.amu-blue-bg {
	background: #004C97 !important;
}
.section-ccme {
	padding: 4rem 3rem;
	color: white;
}
.section-ccme h3 {
	color: white;
}
.section-zero {
	background: linear-gradient(180deg, rgba(0,0,0,0.9), rgba(0,0,0, 0.4)), url('/common/images/funnel/main-bg-texture.jpg') top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1; 
    background-attachment: fixed;
}
/* HERO INTRO */
.hero-viewport.hero-rfi .hero-spacer .hero-rebrand-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 40px 0 60px;
}
.hero-content.hero-rfi-form {
    flex-basis: 100%;
}
.hero-rebrand-title span {
    display: inline-block;
    font-size: 3.875rem;
    line-height: 1;
    padding: 0.25rem 1.5rem 0.75rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
@media only screen and (max-width: 1700px) {
	.hero-rebrand-title span {
	    font-size: 3rem;
	}
}
.hero-rebrand-title div:nth-child(2) span {
    background: linear-gradient(180deg, #79FF86 0%, #FFFF00 100%);
    vertical-align: top;
}

/* = = = = = = = = = = = = = = = = = = = = = */
body > header, .grid-layout > header {
    grid-area: header;
    position: fixed;
    z-index: 10000;
    border-bottom: 4px solid white;
}
body > main, .grid-layout > main {
    grid-area: main;
    /*padding-top: 99px;*/
}
/*.bg-sec-white {
    background-color: var(--color-sec-black);
    color: white;
}*/
.hover-card-copy p {
	font-size: 10px;
}
.text-center {
	text-align: center;
}
/*.hero-new {
	min-height: 700px;
}*/
.hero-overlay {
	background: linear-gradient(180deg, rgba(0,255,255,0.75) 0%, rgba(121,255,134,0.75) 100%);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}
.hero-overlay-alt {
	/*background: var(--color-pri-black);*/
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: grid;
	align-items: center;
	justify-content: center;
}
.hero-rebrand-title-small {
	font-size: 3.5rem !important;
	line-height: 0.9;
	text-transform: uppercase;
	color: var(--color-pri-black);
}
.hero-rebrand-title-medium {
	font-size: 5.5rem !important;
	line-height: 0.9;
	text-transform: uppercase;
	color: var(--color-pri-black);
}
.hero-rebrand-title-large {
	font-size: 8rem !important;
	text-transform: uppercase;
	color: var(--color-pri-black);
}
@media (max-width: 1199px) {
	.hero-rebrand-title-large {
		font-size: 6.0rem !important;
	}
}
@media (max-width: 991px) {
	.hero-rebrand-title-large {
		font-size: 5.0rem !important;
	}
	.hero-rebrand-title-medium {
		font-size: 4.0rem !important;
		text-transform: uppercase;
		color: var(--color-pri-black);
	}
}
@media (max-width: 768px) {
	.hero-rebrand-title-large {
		font-size: 4.0rem !important;
		text-transform: uppercase;
		color: var(--color-pri-black);
	}
	.hero-rebrand-title-medium {
		font-size: 3.5rem !important;
		text-transform: uppercase;
		color: var(--color-pri-black);
	}
	.hero-rebrand-title-small {
		font-size: 2.5rem !important;
		line-height: 0.9;
	}
	.main-fade-in {
		text-align: center;
	}
}

.black-text {
	color: #000 !important;
}
.amu .hero-rfi-form {
	background: none;
}
.amu-rfi-bottom {
	padding: 0px;
}
.amu .hero-viewport.hero-rfi {
    background: none;
    border-top: none;
}
.amu-logo-overlay-wrap {
	padding: 0px;
	/*margin-top: -700px;*/
	z-index: 9999;
}
.amu-logo-overlay-wrap-alt {
    padding: 0px;
    /* margin-top: -700px; */
    z-index: 9999;
    /*background: linear-gradient(180deg, rgba(0,255,255,0.75) 0%, rgba(121,255,134,0.75) 100%), url(/common/images/funnel/apu-rebrand-woman-hero.jpg) center center no-repeat;*/
    background: white;
}
.img-logo-main {
	width: 550px;
	display: block;
}
@media (max-width: 1499px) {
	.img-logo-main {
		width: 450px;
		display: block;
	}
}
@media (max-width: 1299px) {
	.img-logo-main {
		width: 350px;
		display: block;
	}
}
@media (max-width: 768px) {
	.img-logo-main {
		width: 250px;
		display: block;
	}
}
.amu-logo-overlay {
	background: url('./images/apu-logo-overlay.svg') no-repeat;
	background-size: cover;
	/*height: 700px;*/
	/*width: 100%;
	height: 100%;*/
}
#Ebene_1 path {
	fill: #000;
}
.align-bottom-wrap {
	display: flex;
    align-content: flex-end;
}
.intro-image-wrap {
	display: grid;
    align-items: end;
    justify-content: center;
    overflow: hidden;
}
.intro-image {
	display: grid;
    width: 525px;
}
.secondary-image {
	display: grid;
    width: 350px;
}
.helping-image {
	display: grid;
}
.facts-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.facts-grid .pane {
	border: none;
}

.helping-scholarship, .helping-fsa, .helping-personal, .helping-veterans, .helping-military, .helping-grants, .helping-employer {
    padding: 0px 20px 0px 60px;
    /*min-height: 600px;*/
    display: grid; 
}
.helping-scholarship {
	background: linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.75) 100%), url(/common/images/funnel/frame1-bg.jpg) center center no-repeat;
	background-size: cover;
}
.helping-fsa {
    background: linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.75) 100%), url(/common/images/funnel/frame2-bg.jpg) center center no-repeat;
    background-size: cover;
}
.helping-personal {
	background: linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.75) 100%), url(/common/images/funnel/frame3-bg.jpg) center center no-repeat;
	background-size: cover;
}
.helping-veterans {
    background: linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.75) 100%), url(/common/images/funnel/frame4-bg.jpg) center center no-repeat;
    background-size: cover;
}
.helping-military {
    background: linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.75) 100%), url(/common/images/funnel/frame5-bg.jpg) center center no-repeat;
	background-size: cover;
	padding-top: 0px;
}
.helping-grants {
    background: linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.75) 100%), url(/common/images/funnel/frame6-bg.jpg) center center no-repeat;
    background-size: cover;
}
.helping-employer {
	background: linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.75) 100%), url(/common/images/funnel/frame7-bg.jpg) center center no-repeat;
	background-size: cover;
}
@media (max-width: 1300px) {
	.helping-image {
		max-width: 500px;
	}
}
@media (max-width: 899px) {
	.helping-military {
		padding-top: 40px;
	}
}
@media (max-width: 768px) {
	.helping-image {
		max-width: 350px;
	}
}
@media (max-width: 600px) {
	.helping-image {
		max-width: 300px;
	}
	.facts-grid {
		display: grid;
		grid-template-columns: 1fr;
	}
	.facts-grid .pane {
		border: none;
		padding-left: 0px;
	}
	.fact-number {
	    font-size: 4rem !important;
	}
	.helping-scholarship, .helping-fsa, .helping-personal, .helping-veterans, .helping-military, .helping-grants, .helping-employer {
	    padding: 0px 10px 0px 25px;
	    min-height: 600px;
	    display: grid; 
	}
}
/* OPTION 2 */
.text-right {
	text-align: right;
}
.main-headline-new {
	margin-bottom: 75px;
}
.main-headline-new span {
	background: #000;
	padding: 0px 10px;
    line-height: 1.25;
}
.main-headline-new span > span {
	background-image: linear-gradient(180deg, #FFFF00 0%, #FFFF00 100%);
	-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero-overlay-simple {
	/*background: linear-gradient(180deg, rgba(0,255,255,0.75) 0%, rgba(121,255,134,0.75) 100%);*/
	background: #ffffff;
}
.logo-bar {
	background: #000;
	padding: 20px 0px;
	height: 200px;
}
.intro-new {
	/*background: linear-gradient(180deg, rgba(0,255,255,0.75) 0%, rgba(121,255,134,0.75) 100%);*/
	background: linear-gradient(180deg, rgba(0,255,255,0.75) 0%, rgba(121,255,134,0.75) 100%), url(/common/images/funnel/apu-rebrand-woman-hero.jpg) left center no-repeat;
	background-size: cover;
	height: 100vh;
	padding: 225px 0px 80px;
	display: grid;
	align-items: end;
}
.black-bg-new {
	padding: 0px;
	background: #000;
}
.logo-wrap {
	/*height: 200px;*/
	width: 250px;
	/*padding: 20px;*/
	display: block;
	margin: 0px auto;
}
.img-logo-intro {
	width: 250px;
}
.pane {
    border: none;
}
#rfi-start .pane-heading {
    display: none;
}
#rfi-start .pane-footer {
    border-top: 1px solid var(--color-sec-light);
}
#rfi-start .rfi-apply {
    font-size: 0.9rem;
    padding: 0 1rem;
    margin: 1rem 0;
}
.amu #mktFrmSubmit.button.button-tertiary {
  color: var(--color-sec-black);
  background-color: var(--color-brand-tertiary);
  border-color: var(--color-brand-tertiary);
}
.amu #mktFrmSubmit.button.button-tertiary:hover {
  color: var(--color-sec-black);
  background-color: var(--color-brand-tertiary--80);
  border-color: var(--color-brand-tertiary--80);
}
@media (max-width: 1199px) {
	.intro-image {
		display: grid;
	    width: 325px;
	}
}
@media (max-width: 899px) {
	.order-1-m {
	    order: 1;
	}
	.order-2-m {
	    order: 2;
	}
}
@media (max-width: 768px) {
	.main-headline-new span {
		font-size: 3.875rem;
	}
}
/* SLIDING MODULES ON SCROLL */
.slide-in {
  transform: translateY(100px);
  opacity: 0.0;
  animation: come-in 2.8s ease forwards;
}
.slide-in:nth-child(odd) {
  animation-duration: 2.2s;
}
.slide-in-sideways {
  transform: translateX(-350px);
  animation: come-in 1.8s ease forwards;
}
.slide-in-sideways:nth-child(odd) {
  animation-duration: 1.4s;
}
.slide-in-rtl {
  transform: translateX(350px);
  animation: come-in 1.8s ease forwards;
}
.slide-in-rtl:nth-child(odd) {
  animation-duration: 1.4s;
}
.already-visible {
  transform: translateY(0);
  opacity: 1.0;
  animation: none;
}
.already-visible-scale {
  transform: scale(0);
  animation: none;
}
.already-visible-horizontal {
  transform: translateX(0);
  animation: none;
}
.opacity-fade {
    animation: opacity 2.3s ease-out;
}
.main-fade-in {
	-webkit-animation: blurFadeIn 1s ease-in 1s backwards;
	-moz-animation: blurFadeIn 1s ease-in 1s backwards;
	-ms-animation: blurFadeIn 1s ease-in 1s backwards;
	animation: blurFadeIn 1s ease-in 1s backwards;
	/*color: transparent;*/
    padding: 2em;
}
@keyframes come-in {
  to { transform: translateY(0); opacity: 1.0; }
}
@keyframes blurFadeInOut {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 40px #fff;
    -webkit-transform: scale(1.3);
  }
  20%, 75% {
    opacity: 1;
    text-shadow: 0px 0px 1px #fff;
    -webkit-transform: scale(1);
  }
  100% {
    opacity: 0;
    text-shadow: 0px 0px 50px #fff;
    -webkit-transform: scale(0);
  }
}
@keyframes blurFadeIn {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 40px #fff;
    -webkit-transform: scale(1.3);
  }
  50% {
    opacity: 0.5;
    text-shadow: 0px 0px 10px #fff;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    text-shadow: 0px 0px 1px #fff;
    -webkit-transform: scale(1);
  }
}