@font-face {
    font-family: 'FoundersGroteskRegular';
    src: url('../fonts/FoundersGroteskRegular.eot');
    src: url('../fonts/FoundersGroteskRegular.eot') format('embedded-opentype'),
         url('../fonts/FoundersGroteskRegular.woff2') format('woff2'),
         url('../fonts/FoundersGroteskRegular.woff') format('woff'),
         url('../fonts/FoundersGroteskRegular.ttf') format('truetype'),
         url('../fonts/FoundersGroteskRegular.svg#FoundersGroteskRegular') format('svg');
}

@font-face {
    font-family: 'FoundersGroteskLight';
    src: url('../fonts/FoundersGroteskLight.eot');
    src: url('../fonts/FoundersGroteskLight.eot') format('embedded-opentype'),
         url('../fonts/FoundersGroteskLight.woff2') format('woff2'),
         url('../fonts/FoundersGroteskLight.woff') format('woff'),
         url('../fonts/FoundersGroteskLight.ttf') format('truetype'),
         url('../fonts/FoundersGroteskLight.svg#FoundersGroteskLight') format('svg');
}
@font-face {
    font-family: 'TestSignifierLightItalic';
    src: url('../fonts/TestSignifierLightItalic.eot');
    src: url('../fonts/TestSignifierLightItalic.eot') format('embedded-opentype'),
         url('../fonts/TestSignifierLightItalic.woff2') format('woff2'),
         url('../fonts/TestSignifierLightItalic.woff') format('woff'),
         url('../fonts/TestSignifierLightItalic.ttf') format('truetype'),
         url('../fonts/TestSignifierLightItalic.svg#TestSignifierLightItalic') format('svg');
}


@font-face {
    font-family: 'TestSignifierLight';
    src: url('../fonts/TestSignifierLight.eot');
    src: url('../fonts/TestSignifierLight.eot') format('embedded-opentype'),
         url('../fonts/TestSignifierLight.woff2') format('woff2'),
         url('../fonts/TestSignifierLight.woff') format('woff'),
         url('../fonts/TestSignifierLight.ttf') format('truetype'),
         url('../fonts/TestSignifierLight.svg#TestSignifierLight') format('svg');
}
@font-face {
    font-family: 'FoundersGroteskBold';
    src: url('../fonts/FoundersGroteskBold.eot');
    src: url('../fonts/FoundersGroteskBold.eot') format('embedded-opentype'),
         url('../fonts/FoundersGroteskBold.woff2') format('woff2'),
         url('../fonts/FoundersGroteskBold.woff') format('woff'),
         url('../fonts/FoundersGroteskBold.ttf') format('truetype'),
         url('../fonts/FoundersGroteskBold.svg#FoundersGroteskBold') format('svg');
}


@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1370px;}
}

*{margin:0px;padding:0px;box-sizing:border-box;}
body { margin:0px; font-size:21px; line-height:26px; background:#f5fafa; font-family: 'FoundersGroteskRegular'; color:#231f20;}
html, body {}

.logo img{max-width:320px; width:100%;}
.footer-logo img{max-width:330px;}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {background:#89a17d;border-color:#89a17d;box-shadow:none !important;}
.btn-check:focus+.btn-primary, .btn-primary:focus {	background:#89a17d;	border-color:#89a17d;box-shadow:none !important;}
a:hover{  text-decoration: none; color: #dec9bf;}
a:focus{ outline: none!important;}
a{text-decoration: none; transition:all 0.1s ease-out;  color: #336699;}
button { border: none;}
img { max-width: 100%;}
ul { margin: 0px; padding: 0px; list-style: none;}
h1, h2, h3, h4,h5,h6{font-family: 'FoundersGroteskLight'; font-weight:300;}


.header {position: absolute;left: 0;right: 0; top: 0;z-index:99;  margin-top: 115px;}
.banner {  background: url(../images/main-banner-bg.jpg) center no-repeat #212e40;  background-size: cover; width: 100%;	padding:420px 0 250px;background-repeat:no-repeat;  position: relative;	overflow:hidden;}
img.postionImg {  position: absolute;  right: -100px;  max-width: 1200px;  bottom:-180px; display:none;}
.banner .container{	position:relative; display:flex; align-items: center;}
.banner .container .typing2{order:1}
.banner .container .typing3{order:2}
.banner .container .typing1{order:3}
.banner .container .postionImg{order:4; align-self: flex-end;}
.text-section-one {  padding: 120px 0px;  background: #f3ebe7;  text-align: center;}
.text-section-one p {margin:0;	font-size:30px; line-height:40px; }
.paying-forword { text-align: center;  background: #dec9bf;  padding: 120px 0 120px;}
.paying-forword h1 { font-size: 100px; line-height: 110px;  letter-spacing: -2.7px;}
.paying-forword p {margin: 0px; font-size: 30px; line-height: 40px;  max-width: 960px;}
.signUP {   margin-top: 85px;}
.banner1 img { width: 100%;}
p.mrgn { margin-bottom: 60px;}
.paying-forword button
{
	font-size: 30px;
    color: #dec9bf;
    background: #061b2b;
	position: relative;
    border: 1px solid #061b2b;
    height: 84px;
	position:relative;
	z-index:9;
    display: inline-block;
	 font-family: 'TestSignifierLightItalic';
	margin-top:45px;
    width: 300px;
	padding:0;
}
.paying-forword button:after {
    content: '';
    left: -1px;
    width: 0;
    top: -1px;
    transition: all 0.3s ease-in-out 0s;
    bottom: -1px;
    position: absolute;
    background: #fff;
    z-index: -9;
}
.paying-forword button:hover::after{width:calc(100% + 2px);}
.paying-forword button:hover {color:#000;}
.paying-forword button:hover{color: #061b2b;}
.paying-forword h4 {font-family: 'TestSignifierLightItalic'; font-size: 42px; line-height: 51px; margin-bottom: 40px;}
section.footer {  padding: 120px 0;font-size:21px;line-height:26px;color:#ffffff; background: #061b2b;letter-spacing: 1px;}
.w70 { width: 60%; float: left; padding-right: 20px;}
.donate-btn {
    display: inline-flex;
    border: 1px solid #fff;
    padding: 0 25px;
    height: 50px;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    padding-top: inherit;
    min-width: 141px;
    justify-content: center;
    padding-top: 7px;
	z-index:9;
	position:relative;
	transition:all 0.3s ease-in-out 0s;
}
.donate-btn:after {
    content: '';
    left: -1px;
    width: 0;
    top: -1px;
    transition: all 0.3s ease-in-out 0s;
    bottom: -1px;
    position: absolute;
    background: #fff;
    z-index: -9;
}
.donate-btn:hover::after{width:calc(100% + 1px);}
.donate-btn:hover {	color:#000;}
.w30 { width: 40%;  float: left;}
.w100 {width: 100%; float: left; margin-top: 40px;}
.w30 li a { color: #fff; margin-bottom: 4px; display: inline-block;}
.footer h5 { color: #dec9bf; font-family: 'FoundersGroteskBold';}
.subscribe {  margin-top: 50px;}
.subscribe p {margin-bottom:0;letter-spacing: 1px;}
.subscribe input[type="text"] {
    width: 100%;
    height: 52px;
    padding: 0px 20px;
    background: transparent;
	font-style:italic;
	font-size:27px;
    border: 1px solid #fff;
    margin-top: 5px;
	    max-width: 390px;
	 font-family: 'TestSignifierLightItalic';
    color: #dec9bf;
	outline:none;
}

.signUP input[type="text"] {
    width: 100%;
    height: 85px;
    padding: 0px 20px;
    background: #fff;
	font-style:italic;
    border: 1px solid #fff;
    margin-top: 5px;
	    max-width: 620px;
	 font-family: 'TestSignifierLightItalic';
    color: #dec9bf;
	font-size:42px;
	outline:none;
}

.signUP ::-webkit-input-placeholder { /* Edge */  color: #dec9bf;}
.signUP :-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #dec9bf;}
.signUP ::placeholder {  color: #dec9bf;}
.subscribe ::-webkit-input-placeholder { /* Edge */ color: #dec9bf;}
.subscribe :-ms-input-placeholder { /* Internet Explorer 10-11 */  color: #dec9bf;}
.subscribe ::placeholder {  color: #dec9bf;}
.banner h1 {line-height:105px; font-size: 90px;display:inline-block;  color: #dec9bf;  letter-spacing: -5.904px; white-space: nowrap;}
.banner  h2 { font-size: 100px;	color:#fff; letter-spacing: -5px;margin-top: -30px;line-height: 152px;position:relative;
	 font-family: 'TestSignifierLightItalic';}

.banner  p {
    font-size: 45px;
    color: #fff;
    font-family: 'TestSignifierLightItalic';
    line-height: 54px;
	margin-top:65px;
	margin-left: -40px;
	position:relative;
	margin-bottom:0;
}
.banner p::after {
    left: 25px;
    content: '';
    position: absolute;
    bottom:100%;
    height: 85px;
    width: 2px;
    background: #fff;
    transform: rotate(30deg);
}
.parallax {min-height: 100vh;background-attachment: fixed; background-position: center;background-repeat: no-repeat;
  background-size: cover;}
.parallax img{display:none;}
.banner1 {background-image:url(../images/banner1.jpg);}
.banner2 {background-image:url(../images/banner2.jpg);}
.w30 li a:hover {text-decoration:underline;}
section.header.newClass{ position: fixed; top: 0; margin-top: 0; background: #061b2b;  padding: 15px 0;}
.story-overlay {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999; background: rgba(0,0,0,0.6); display: none;}
.story-popup { position: fixed; left: 50%; top: 50%; background: #ffffff; padding: 40px 40px;  width: 100%; max-width: 600px;
    z-index: 999; transform: translate(-50%, -50%); display: none; border-radius: 9px;}

.story-close  { position: absolute; width: 15px; height: 15px; background: url(../images/close-ico.png) center center no-repeat;
    background-size: 15px; right: 25px; cursor: pointer; top: 25px;  opacity: 0.5;  transition: all ease 0.3s;}

.story-popup textarea {width: 100%; height: 120px; padding: 20px 20px; background: #fff; max-width: 620px; color: #000;
    font-size: 16px; margin-bottom: 10px; resize: none; outline:none; border-color:#e7e7e7;}
.story-popup h4 { font-size: 27px;  font-weight: 600;}
.file { position: relative;  display: inline-block; cursor: pointer;  height: 2.5rem;}
.file input { min-width: 14rem;  margin: 0; filter: alpha(opacity=0);  opacity: 0;width:100%;}
.file-custom {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    border: .075rem solid #ddd;
    border-radius: .25rem;
    box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.file-custom:before {
    position: absolute;
    top: -.075rem;
    right: -.075rem;
    bottom: -.075rem;
    z-index: 6;
    display: block;
    content: "Browse";
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #eee;
    border: .075rem solid #ddd;
    border-radius: 0 .25rem .25rem 0;
}
.file-custom:after {  content: "Choose file...";}

.save-btn {
    font-size: 23px;
    color: #dec9bf;
    background: #061b2b;
    position: relative;
    border: 1px solid #061b2b;
    height: 45px;
    position: relative;
    z-index: 9;
    padding: 0 30px;
    font-family: 'TestSignifierLightItalic';
    margin-top: 10px;
    width: auto;
}

#recaptcha1{opacity:0; visibility:hidden;}
.save-btn:hover{background: #dec9bf;  color: #061b2b;}

.save-btn:after {content: ''; left: -1px; width: 0; top: -1px; transition: all 0.3s ease-in-out 0s; bottom: -1px; position: absolute;  background: #fff; z-index: -9;}


.typing1:nth-child(1){opacity: 0; overflow: hidden; width:644px;
  animation: shring-animation  2.2s steps(40,end) 4s forwards, blink .5s step-end infinite alternate; animation-delay: 5s;}

.typing2:nth-child(2) { opacity: 0; overflow: hidden; margin-top: -80px; width:410px; 
animation: shring-animation1 1s steps(80,end) 2s forwards, blink .5s step-end infinite alternate; animation-delay: 3s;}
.typing3:nth-child(3) { opacity: 0; overflow: hidden; width:260px; margin-top: -73px;
  animation: shring-animation  1s steps(80,end) 4s forwards, blink .5s step-end infinite alternate; animation-delay: 4s;}

@keyframes shring-animation {
  0% {
    background-position: 0 0;
    opacity: 0;
    width: 0;
  }
  1% {
    background-position: 0 0;
    opacity: 1;
    /*border-right: 1px solid white;*/
  }
  50% {
    background-position: 150px 0;
    opacity: 1;
     /*border-right: 1px solid white;*/
  }
  100% {
    background-position: 400px 0;
    opacity: 1;
     /*border-right: 1px solid white;*/
  }
}

@keyframes shring-animation1 {
  0% {
    background-position: 0 0;
    opacity: 0;
    width: 0;
  }
  1% {
    background-position: 0 0;
    opacity: 1;
    /*border-right: 1px solid white;*/
  }
  50% {
    background-position: 150px 0;
    opacity: 1;
    /*border-right: 1px solid white;*/
  }
  100% {
    background-position: 400px 0;
    opacity: 1;
    /*border-right: none;*/
  }
}

@keyframes type {
  0% {
    width: 0;
  }
  1%, 99%{
    /*border-right: 1px solid white;*/
  }
  100%{
    border-right: none;
  }
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}
.bg-white{background-color:#f3ebe7 !important;}
input#formFile { padding: 14px 15px;  border-radius: 0; height: 50px;}
.subscribe_forms{width: 100%; max-width: 700px; padding: 0 10px; margin: 0 auto; display: flex; flex-wrap: wrap;
    align-items: flex-start;}
.subscribe_forms .alumni_trigger{width: 170px; padding: 37px 15px 0 0; text-align:right;}
.subscribe_forms .alumni_trigger label{cursor:pointer;     white-space: nowrap;}
.subscribe_forms .external_form{width:calc(100% - 170px);}
.ctct-form-embed.form_0 .ctct-form-defaults,
.ctct-form-embed.form_1 .ctct-form-defaults { background: none !important; padding: 0; margin: 0 auto; width: 100%;}
.ctct-form-custom{display: flex; flex-wrap: wrap; justify-content:space-between;}
.ctct-form-custom .ctct-form-field{width:48%; margin:0 0 15px 0 !important;}
.ctct-form-custom .ctct-form-field#first_name_field_1,
.ctct-form-custom .ctct-form-field#first_name_field_0{order:1;}

.ctct-form-custom .ctct-form-field#last_name_field_1,
.ctct-form-custom .ctct-form-field#last_name_field_0{order:2;}


.ctct-form-custom .ctct-form-field#email_address_field_1,
.ctct-form-custom .ctct-form-field#email_address_field_0{width:100%; order:3;}

.ctct-form-custom #error_message_1,
.ctct-form-custom #error_message_0{order:4;}

.ctct-form-custom #network_error_message_1,
.ctct-form-custom #network_error_message_0{order:5;}

.ctct-form-custom #gdpr_text{order:6;}
.ctct-form-custom .ctct-form-button{order:7;}
.ctct-form-custom .g-recaptcha{order:8;}
.ctct-form-custom .ctct-form-error{width:100%;}
.ctct-form-custom .ctct-form-button{}
div.ctct-form-embed form.ctct-form-custom input.ctct-form-element{}
div.ctct-form-embed form.ctct-form-custom input.ctct-form-element,
div.ctct-form-embed form.ctct-form-custom input.ctct-form-element:focus
{margin-top:0 !important; border:none !important; border-radius:0 !important;}
.ctct-form-custom #gdpr_text{display:none;}
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button,
.ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button
 { height: auto; font-size: 30px; width: 240px; overflow: hidden; margin: 10px auto 0 auto; border-radius:0 !important; border:none !important;}
div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {margin-bottom: 9px !important; font-weight: 400 !important;}
.ctct-form-success .ctct-form-header{}
.ctct-form-success .ctct-form-text{}
.success_message h5,
.dynamic h5{font-size: 40px;  font-weight: 400; text-align: center;  margin: 20px 0 0 0; font-family: 'TestSignifierLightItalic';}
.success_message h5 span,
.dynamic h5 span{display: block;  font-size: 20px; line-height: 32px; font-weight: 500;     font-family: 'FoundersGroteskLight';}
.alumni_form{display:none;}
.su{margin-top:10px;}
.header-inner{display:flex; justify-content:space-between; align-items:flex-start;}
.navigation{margin:-70px 0 0 0;}
.navigation ul{display:flex; flex-wrap:wrap;}
.navigation ul li{margin:0 0 0 40px;}
.navigation ul li:first-child{margin-left:0;}
.navigation ul li a{color:#dec9bf; text-decoration:none; font-size:14px;}
.navigation ul li a:hover{color:#ffffff;}
.navigation ul li a i{margin-left:6px;}
.newClass .navigation{margin:0;}
.newClass .header-inner{align-items:center;}
.text-section-one .container,
.paying-forword  .container{display:flex; flex-direction:column; align-items:center;}
.text-section-one .container p{margin:20px 0 0 0; max-width:1010px;}
.text-section-one .container p:first-child{margin-top:0;}
.form-group label.error{font-size: 14px; color: red; letter-spacing: 0; margin: 3px 0 0 0; }
.submit{text-align:center; margin:20px 0 0 0;}
.submit .small_text{font-size: 15px; line-height: 18px; padding: 0; margin: 20px 0 0 0; display: inline-block;
    max-width: 350px; text-align: center;}	
.form-group em{display: block; text-align: right; font-size: 14px; line-height: 17px; margin: 10px 0 0 0;}	

@media screen and (min-width:1600px)
{
.banner p{margin-left:-155px;}
.banner p::after{left:130px;}
}
@media screen and (max-width:1400px)
{
img.postionImg{	right:-240px;}
}
@media screen and (max-width:1200px)
{
img.postionImg { right: -300px;	max-width: 1100px;}
}
@media screen and (max-width:1023px)
{
.banner p{margin-left:0;}
img.postionImg {  right: -210px;  max-width: 745px;}
}
@media screen and (max-width:767px)
{
.logo{width:100%; text-align: center;}
/* .banner {background: url(../images/mobile-banner-bg.jpg) center center no-repeat;} */
.postionImg{display:none;}
.typing1:nth-child(1){width: 320px;  display: block;  text-align: left;   margin: 0;  letter-spacing: -3px;line-height:58px;}
.typing2:nth-child(2){width:205px;display:block;text-align:left;margin: 0 0 0 0;}
.typing3:nth-child(3){width:135px;display:block;text-align:left;margin: -30px 0 0 0;}
.parallax {min-height:inherit;	background:none;}
.banner p::after {height:40px;	display:none;}
.banner p{	margin-top: 15px}
.footerLogo	{height:100px;}
.parallax img{	display:block;width:100%;}
section.footer {font-size: 17px;line-height: 24px;}
.banner p{font-size: 24px;	line-height: 32px;	text-align:left;}
.subscribe input[type="text"] {	width: 100%;height: 45px;padding: 0px 15px;	font-size: 18px;}
.footer .row> *	{	width:100%;}
.footer {text-align:center;	}
.w100  {margin-bottom:40px;	}
.paying-forword h1 {font-size: 50px; line-height: 50px;}
.paying-forword p , .text-section-one p{margin: 0px;  font-size: 17px; line-height: 27px;}
.paying-forword p br, .text-section-one p br{display:none;}
.paying-forword p.mrgn{margin-bottom:20px;}
.signUP {margin-top: 40px;}
.paying-forword h4 {font-size: 26px;line-height: 32px; margin-bottom: 30px;}
.signUP input[type="text"] {height: 50px;  font-size: 20px;}
.paying-forword button {font-size: 25px;height: 50px;	margin-top: 25px;width: auto;padding: 1px 20px 5px 20px;}
.paying-forword , .text-section-one , section.footer{padding:50px 15px;	}
#paying-forword{padding:100px 15px;}
.banner:before{position:absolute; left:0; top:0; right:0; bottom:0; content:''; background:rgba(0,0,0,0.25);}
.banner .container{position:relative;}
.banner h1{	font-size:45px;    /* line-height: 70px; */	}
.banner h2 {font-size: 55px;margin-top: -20px;	line-height: 81px;}
.banner p {margin-left:0;	margin-top:0;}
.header	{margin-top: 20px;    padding: 0 10px;}
.logo img {height: 40px;}	
.newClass .logo img {height: 35px;}
.banner{padding:130px 0 0 15px;	text-align:right;}	
img.postionImg{display: inline-block; margin: 0; padding: 0; position: static; max-width: 190px;}	
.ctct-form-custom .ctct-form-field { width: 100%; margin: 0 0 20px 0 !important;}
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button,
.ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button{ font-size: 24px; width: 100%;}
.story-popup{max-width:90%; padding:40px 30px;}
.form-group em{font-size:13px;}
.subscribe_forms .alumni_trigger { width: 100%; padding: 0 0 20px 0; text-align: left;}
.subscribe_forms .external_form { width: 100%;}
.navigation { width: 100%; display: flex; align-items: center; justify-content: center; margin: 0 0 12px 0;}
.header-inner{align-items: center; flex-wrap: wrap; flex-direction: column-reverse;}
.navigation ul li { margin: 0 0 0 20px;}
.navigation ul li a{font-size:13px;}
.typing2:nth-child(2) { animation-delay: 1s;}
.typing3:nth-child(3) { animation-delay: 2s;}
.typing1:nth-child(1){animation-delay: 3s;}
}
@media screen and (max-width:567px)
{
.footer .w70,.footer .w30 {text-align:left;}
.footer .w70 p{font-size:15px;}
.footer .w30 ul li a{font-size:15px;}
.donate-btn { padding: 5px 20px 0 20px; height: 40px;  min-width: 120px;  font-size: 14px;}
.footer h5{font-size:16px;}
.copyright{font-size:14px; display:none;}
.footer-logo{margin-top:50px; display:block;}
.footer-logo img{max-width:250px;}
.w70{ margin-top:50px;}
.w30 { margin-top:50px;}
}

.newClass .logo { width: 320px; }
.header{top:20px;margin-top:0}
.header-inner{flex-wrap:wrap-reverse}
.logo{width:100%}
.navigation{flex:1}
.header-inner .navigation:last-child ul{justify-content:right}
.newClass .navigation{flex:0 auto!important;justify-content:center}

body,html{overflow-x:hidden}.flex-1{flex:1}.main-logo{width:400px}.banner{padding:300px 0 150px}

@media (max-width:767px){
.header{top:0;margin-top:10px}
.header-inner .navigation:first-child{order:1}
.header-inner .navigation:last-child{order:2}
.logo{order:3}
.banner{padding:170px 0 0 15px}
.header-inner{flex-direction:column}
.newClass .navigation{margin-bottom:15px}
.main-logo{width:250px !important}.banner{padding:220px 0 100px !important}
}
@media (min-width:768px) and (max-width:991px)
{
.newClass .header-inner{flex-direction:column}
.newClass .header-inner .navigation:first-child{order:1}
.newClass .header-inner .navigation:last-child{order:2}
.newClass .logo{order:3}
.newClass .navigation{margin-bottom:15px}
}
@media (min-width:768px)
{
.navigation{margin:0 0 50px}
}

@media (max-width:991px){.banner .container{flex-direction:column-reverse}.text-center-mob{align-items:center}.gap-35{gap:35px}}