@charset "utf-8";
/* CSS Document */

/* regular */
@font-face {
	font-family: 'proxima-nova';
	src: url(../fonts/proximanova-regular-webfont.eot);
	src: url(../fonts/proximanova-regular-webfont.eot?iefix) format("eot"), url(../fonts/proximanova-regular-webfont.woff) format("woff"), url(../fonts/proximanova-regular-webfont.ttf) format("truetype"), url(../fonts/proximanova-regular-webfont.svg#webfontZam02nTh) format("svg");
	font-weight: 400;
	font-style: normal;
}


/* semi bold */
@font-face {
	font-family: 'proxima-nova';
	src: url(../fonts/proximanova-semibold-webfont.eot);
	src: url(../fonts/proximanova-semibold-webfont.eot?iefix) format("eot"), url(../fonts/proximanova-semibold-webfont.woff) format("woff"), url(../fonts/proximanova-semibold-webfont.ttf) format("truetype"), url(../fonts/proximanova-semibold-webfont.svg#webfontZ6etP9ZY) format("svg");
	font-weight: 600;
	font-style: normal;
}

/* Xtra bold */
@font-face {
	font-family: 'proxima-nova';
	src: url(../fonts/proximanova-extrabold-webfont.eot);
	src: url(../fonts/proximanova-extrabold-webfont.eot?iefix) format("eot"), url(../fonts/proximanova-extrabold-webfont.woff) format("woff"), url(../fonts/proximanova-extrabold-webfont.ttf) format("truetype"), url(../fonts/proximanova-extrabold-webfont.svg#webfont2rpW2ohz) format("svg");
	font-weight: 800;
	font-style: normal;
}


body {
	font-family: 'proxima-nova', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	background-color: #ffffff;
	margin: 0px;
}

/*header*/

.header-section {
	width: 100%;
	display: flex;
	justify-content: center; /* align horizontal */
	margin-left: auto;
	margin-right: auto;
	background-color: #00b4e0;
}


.apply-header {
	background-image: url(../images/apply-header.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1366px;
	background-size: cover;
	
}

.apply-headline {
	padding-top: 54px;
	color: #f7f7f7;
	font-weight: 800;
	font-size: 55px;
	padding-left: 62px;
	line-height: 55px;
		
}

.fund-logo {
	padding-top: 32px;
	padding-right: 65px;
	text-align: right;
	padding-bottom: 29px;
}

/*apply info*/

.intro {
	padding-top: 150px;
}

.intro-wrapper {
	width: 100%;
	display: flex;
	justify-content: center; /* align horizontal */
	margin-left: auto;
	margin-right: auto;	
}

@media (max-width: 767px) {
.intro-wrapper {
	padding-left: 8.33%;
	padding-right: 8.33%;
}
}

.intro-header {
	color: #4c4c4c;
	font-weight: 800;
	font-size: 55px;
	line-height: 55px;
	padding-bottom: 42px;
}

.intro-text {
	color: #4c4c4c;
	font-weight: 600;
	font-size: 25px;
	line-height: 30px;
	padding-bottom: 65px;
}

/*Application Form*/

.application {
	margin-top: 65px;
	margin-bottom: 184px;
}

.application-wrapper {
	width: 100%;
	display: flex;
	justify-content: center; /* align horizontal */
	margin-left: auto;
	margin-right: auto;	
}

@media (max-width: 767px) {
.application-wrapper {
	padding-left: 8.33%;
	padding-right: 8.33%;
}

}

.radio label,
.checkbox label {
	min-height: 20px;
	padding-left: 50px;
	margin-bottom: 0;
	cursor: pointer;
	font-weight: 600;
}

.radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	padding-right: 15px;
	margin-bottom: 0;
	font-weight: 600;
	vertical-align: middle;
	cursor: pointer;
	font-size: 25px;
	color: #4c4c4c;
	line-height: 30px;
	padding-bottom: 22px;
	}



/* Hide the browser's default radio button */
.radio-inline input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.check-dot {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #ffffff;
	border-radius: 50%;
	margin-top: 4px;
	padding-right: 15px;
	border: 2px solid #00b4e0;
}

/* On mouse-over, add a grey background color */
.radio-inline:hover input ~ .check-dot {
  background-color: #EDEDED;
}

/* When the radio button is checked, add a blue background */
.radio-inline input:checked ~ .check-dot {
  background-color: #ffffff;
  
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.check-dot:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-inline input:checked ~ .check-dot:after {
  display: block;
  
}

/* Style the indicator (dot/circle) */
.radio-inline .check-dot:after {
 	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #00b4e0;
}

.form-group {
	margin-top: 15px;
	margin-bottom: 15px;	
}

.form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 25px;
  line-height: 1.42857143;
  color: #999999;
  background-color: #fff;
  background-image: none;
  border: 2px solid #00b4e0;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.availability-text {
	margin-top: 35px;
	color: #4c4c4c;
	font-weight: 600;
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 30px;
}

.checkbox {
	position: relative;
	display: block;
	padding-left: 5px;
	padding-right: 15px;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: pointer;
	padding-bottom: 22px;
	}

/* The container */
.check-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
 	font-size: 25px;
	color: #4c4c4c;
	line-height: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #ffffff;
	border: 2px solid #00b4e0;
	margin-top: 7px;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
	background-color: #EDEDED;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
  background-color: #00b4e0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.submit-button-wrapper {
	margin-top: 50px;
	text-align: center;	
}

.submit-button-wrapper .btn {
	padding-left: 10%;
	padding-right: 10%;
	
}

.custom-button {
	color: #ffffff;
	font-weight: 800;
	font-size: 40px;
	text-align: center;
	background-color: #ce1126;
	border-radius: 0px;
	border-bottom: 6px solid #590711;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: #590711;
  border-color: #590711;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #590711;
  border-color: #590711;
}

/*apply info*/

.thanks-intro {
	padding-top: 150px;
	padding-bottom: 250px;
}

.thanks-wrapper {
	width: 100%;
	display: flex;
	justify-content: center; /* align horizontal */
	margin-left: auto;
	margin-right: auto;	
}

@media (max-width: 767px) {
.thanks-wrapper {
	padding-left: 8.33%;
	padding-right: 8.33%;
}
}

.thanks-header {
	color: #4c4c4c;
	font-weight: 800;
	font-size: 55px;
	line-height: 55px;
	padding-bottom: 42px;
	text-align: center;
}

.thanks-text {
	color: #4c4c4c;
	font-weight: 600;
	font-size: 25px;
	line-height: 30px;
	padding-bottom: 65px;
	text-align: center;
}



/*Footer Section*/

.footer-section {
	padding-top: 62px;
	padding-bottom: 113px;
	background-color: #f7f7f7;
}

.footer-wrapper {
	width: 100%;
	display: flex;
	justify-content: center; /* align horizontal */
	margin-left: auto;
	margin-right: auto;	
}

@media (max-width: 767px) {
.footer-wrapper {
 	padding-left: 8.33%;
	padding-right: 8.33%;
}

}

.footer-header {
	color: #4c4c4c;
	font-weight: 800;
	font-size: 23px;
	line-height: 24px;
}

.footer-pipe {
	content: '|';
	font-weight: 600;
	font-size: 17px;
	line-height: 24px;
	color: #4c4c4c;
	}
	
@media (max-width: 767px) {
.footer-pipe {
	display:none;
	}
	
}	

.footer-address {
	color: #4c4c4c;
	font-weight: 600;
	font-size: 17px;
	line-height: 24px;
}

.footer-logo {
	text-align: right;
	padding-top: 9px;
}	

@media (max-width: 767px) {
.footer-logo {
	padding-top: 100px;
	text-align: center;
}	
}

@media (min-width: 768px) {
	 .mobile-break { display: none; }
 }

@media (max-width: 767px) {
 .mobile-break { display: block; }
 
}