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

/* GLOBAL
--------------------------- */
@font-face {
  src: url('../fonts/Graduate-Regular.woff2') format('woff2'),
       url('../fonts/Graduate-Regular.woff') format('woff');
  font-family: 'Graduate-Regular';
  font-weight: normal;
  font-style: normal;
}

@font-face {
  src: url('../fonts/OpenSans.woff2') format('woff2'),
       url('../fonts/OpenSans.woff') format('woff');
  font-family: 'OpenSans';
  font-weight: normal;
  font-style: normal;
}

@font-face {
  src: url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
       url('../fonts/OpenSans-Semibold.woff') format('woff');
  font-family: 'OpenSans-Semibold';
  font-weight: normal;
  font-style: normal;
}



body {
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 16px;
    color: #f1e8d7;
}

* {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

a { color: #FFF; }
a:hover { color: #ffea06; text-decoration: none}

h1,
h2,
h3,
h4,
h5,
h5 {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
	padding: 0;
    margin: 0;
}

.fleft { float: left;}

.fright { float: right; }

/* removing focus from input fields */
input:focus, textarea:focus {
    outline: none;
}

.upc { text-transform: uppercase !important; }

.lwc { text-transform: lowercase !important; }
/* background width overflow fixed */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/* HEADER
-------------------------- */
.header {
	/*height: 45px;*/
	min-height: 45px;
	background-color: #244459;
	border-bottom: 1px solid #bdb19c;
	position: relative;
}

.h-content {
	text-align: right;
	font-size: 14px;
	padding-right: 30px;
	
	margin-top: 11px;
	margin-bottom: 11px;
}

.h-logo {
	position: absolute;
	width: 172px;
	height: 200px;
	left: -7px;
	top: -1px;
	z-index: 99;
}

.h-content img {
	margin-right: 8px;
}

/* CONTENT SECTION
-------------------------- */
.main-container {
	position: relative;
	background: #244459 url('../images/uf_promo_bg.jpg') no-repeat top center;
	width: 100%;
	min-height: 956px;
}

.main-content-people {
	background: transparent url('../images/uf_promo_bg_people.png') no-repeat 75px 0px;
	width: 856px;
	height: 380px;
	position: absolute;
	z-index: 5;
	top: 0!important;
}

.main-content-men {
	position: absolute;
	background: transparent url('../images/uf_content_bg_men.png') no-repeat;
	width: 428px;
	height: 482px;
	bottom: 0;
	margin-left: 270px;
}

.main-content {
	position: relative;
	z-index: 10;
}

.content-head {
	position: relative;
	margin-top: 276px;
	margin-left: 3px;
}

.content-head h1 {
	font-family: 'Graduate-Regular', Arial, Helvetica, sans-serif;
	font-family: 46px;
	line-height: 36px;
	color: #f1e8d7;
	text-transform: uppercase;
	background-color: #244459;
	padding: 15px 24px;
	display: inline-block;
}

.head-text-bot {
	color: #244459 !important;
	background-color: #f1e8d7 !important;
}

.content-list-box {
	margin-top: 18px;
	margin-left: 23px;
}

.content-list li {
	background: transparent url('../images/uf_icon_lightning.png') no-repeat 0px 0px;
	min-height: 26px;
	line-height: 20px;
	padding-left: 35px;
	margin-bottom: 6px;
	padding-top: 3px;
}

.content-list li span {
	font-size: 13px;
	line-height: 13px;
}

.program-head {
	margin-top: 32px;
	margin-bottom: 25px;
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'Graduate-Regular', Arial, Helvetica, sans-serif;
}

/* form */
.pl-75 {padding-left: 75px }
.uf-form {
	margin-top: 13px;
	background: transparent url('../images/uf_form_bg.png') no-repeat 0px 0px;
	width: 329px;
	height: 439px;
	padding-top: 36px;
	padding-left: 30px;
}

.uf-form-content {
	width: 264px;
	min-height: 200px;
	padding-left: 14px;
	padding-right: 14px;
}

.uf-form-content p {
	color: #152f40;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	padding: 15px 8px;
	margin-bottom: 0;
	font-family: "OpenSans-Semibold", Arial, Helvetica, sans-serif;
}

.uf-form-row {
	margin-bottom: 5px;
}

.uf-form-input {
	width: 100%;
	height: 54px;
	text-align: center;
	padding: 8px;
	background-color: #152f40;
	border: 1px solid #152f40;
	color: #f1e8d7;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow:    inset 0 0 4px #000000;
   	-webkit-box-shadow: inset 0 0 4px #000000;
   	box-shadow:         inset 0 0 4px #000000;
}

.error {
	border: 1px solid red;
}

.uf-form-btn {
	width: 100%;
	height: 60px;
	background: #c03425 url('../images/uf_form_btn_bg.jpg') repeat-x left top;
	border: 1px solid #152f40;
	opacity: .9;
	font-size: 34px;
	font-family: "Graduate-Regular", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	outline: 0;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

   	text-shadow: 0 0 5px #c03425;

	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.uf-form-btn:hover {
	opacity: 1;

	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* error placeholder */
input.error::-webkit-input-placeholder {
   color: #c03425;
}

input.error:-moz-placeholder { /* Firefox 18- */
   color: red;
   opacity: 1;
}

input.error::-moz-placeholder {  /* Firefox 19+ */
   color: red;
   opacity: 1;
}

input.error:-ms-input-placeholder {  
   color: #c03425;  
}


.uf-sticky {
	background: url('../images/uf_content_sticky_bg.png') no-repeat;
	width: 284px;
	height: 103px;
	margin-left: 18px;
	margin-top: 5px;
	padding: 12px 10px;
	text-align: center;
	font-family: "Graduate-Regular", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.uf-sticky h3 {
	font-size: 30px;
	color: #c03425;
}

.uf-sticky p {
	font-size: 18px;
	color: #0e3865;
	line-height: 22px;
	margin-top: 5px;
}

.uf-mission {
	width: 284px;
	margin-left: 18px;
	margin-top: 25px;
	background-color: #152f40;
	padding: 20px 18px 2px 18px;


	border-radius: 9px;
}

.uf-mission h3 {
	width: 100%;
	font-size: 30px;
	font-family: "Graduate-Regular", Arial, Helvetica, sans-serif;
	background-color: #f1e8d7;
	color: #152f40;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}

.uf-mission p {
	margin-top: 13px;
	margin-bottom: 24px;
	text-align: center;
}

/* content bottom section */
.main-container-bot {
	position: relative;
	background: #f1e8d7 url('../images/uf_content_bot_bg.jpg') no-repeat top center;
	width: 100%;
	min-height: 286px;
}

.main-content-bot {
	color: #152f40;
	padding: 45px 28px 40px 28px;
	position: relative;
}

.main-content-bot p {
	line-height: 24px;
	margin-bottom: 15px;
}

.main-content-bot h3 {
	font-family: 'Graduate-Regular', Arial, Helvetica, sans-serif;
	font-size: 34px;
	line-height: 45px !important;
	text-transform: uppercase;
}

.content-bot-bar {
	position: absolute;
	background: transparent url('../images/uf_content_bg_fitness_bar.png') no-repeat;
	width: 191px;
	height: 235px;
	top: 40px;
	right: 80px;
}

/* FOOTER
--------------------------- */
.footer {
	width: 100%;
	min-height: 74px;
	background-color: #152f40;
	border-top: 1px solid #102330;
	font-size: 14px;
	padding-bottom: 20px;
}

.copyright {
	margin-left: 38px;
	margin-top: 30px;
}

.dev-credit {
	margin-top: 30px;
	margin-right: 38px;
	text-align: right;
}

/* responsive <br> fix */
.mobile {
	display: none;
}

/* Portrait & landscape phone */
@media (max-width: 419px) {
	.h-logo {
		margin-top: 40px !important;
	}
}

@media (max-width: 480px) {
	.h-content {
		padding-right: 10px;
	}

	.h-logo {
		left: 10px !important;
	}

	.main-content-people {
		background-position: 40px 0px;
	}
}

@media (max-width: 640px) {
	.h-logo {
		left: 10px;
	}

	.content-head {
		margin-left: 15px !important;
	}

	.content-head h1 {
		font-size: 28px;
	}

	.content-list-box {
		margin-left: 15px;
	}

	.main-content-bot p {
		font-size: 22px;
		line-height: normal;
	}
	.main-content-bot h3 {
		font-size: 30px;
	}

	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 700px) {
	.main-container-bot {
		background-image: none;
	}
}
@media (max-width: 768px) {
	.h-logo {
		left: 15px;
	}

	.content-head {
		margin-left: 27px;
	}

	.copyright {
		margin-left: 0;
		text-align: center;
	}

	.dev-credit {
		text-align: center;
		margin-right: 0;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 960px) {
	.pl-75 { padding-left: 0; }
	.h-logo {
		margin-top: 19px;
	}

	.main-content-men {
		background: none;
	}

	.content-bot-bar {
		background: none;
	}

	.uf-form {
		margin-left: auto;
		margin-right: auto;
	}

	.uf-sticky {
		margin-left: auto;
		margin-right: auto;
	}

	.uf-mission {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}


}