@charset "utf-8";
/* CSS Document */
html {
	font-size: 100%;
}
body {
	color: #636363;
	font-size: 14px;
	line-height: 1.5em;
	margin: 0;
	min-width: 320px;
}
body, button, input, textarea {
	color: #636363;
	font-family: sans-serif;
}
.page-header {
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);
	position: relative;
	z-index: 20;
}
.banner-legal {
	background: #333;
	color: #aaa;
	font-size: 10px;
	line-height: 1.231;
	padding: 5px 0;
	text-align: centerform;
}
.container {
	margin-left: 20px;
	margin-right: 20px;
	max-width: 940px;
}
.banner-cta {
	/*background: #417ba2;*/
	background: #002868 !important;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.25);
	color: #fff;
	font-size: 20px;
	line-height: 1.231;
	padding: 8px 0 5px;
	position: relative;
	text-align: center;
	z-index: 2;
}
.banner-cta span {
	display: none;
}
.banner-cta strong, .banner-cta em {
	color: #fff;
	font-style: normal;
	font-weight: normal;
}
.page-header-vuhl .nav-item {
	text-align:center;
}
strong {
	color: #404041;
}
b, strong {
	font-weight: bold;
}
#page-va-loans .bookmark-link-start:after {
	content: "Start Now »";
}
#page-va-loans .billboard {
	background-image: url('../images/home-heroes-6.jpg');
	background-position: 20% 25% !important;
}
.page-header-logo img {
	width:90px;
}

.form-qualify .fleft { float:left; }
.form-qualify .fright { float:right; }
.form-qualify .fleft dl,.form-qualify .fright dl { margin:0; }
.form-qualify dt label {
	display: block;
	font-size: 20px;
	font-family: ForalPro-Regular;
	font-weight: normal;
	cursor: pointer;
}
.form-qualify dd { margin:0; }
.form-qualify p { padding-bottom:0; }

@media screen and (max-width: 799px) {
#page-va-loans .billboard {
	background-position: 20% 0 !important;
	background-size: auto 400px;
	min-height: 400px;
	padding: 0;
}
#page-va-loans .billboard .headline {
	display: none;
}
#page-va-loans .billboard .form {
	display: block;
	height: auto;
	margin: 0 -20px;
	min-width: 100%;
	position: relative;
	right: auto;
	width: auto;
}
#page-va-loans .billboard .form-wizard .reviews-reinforcement .star-rating-container {
	margin-bottom: -30px;
	margin-left: -15px;
	margin-right: -15px;
	white-space: normal;
}
#page-va-loans .billboard .form .fields {
	padding: 60px 15px 30px;
}
#page-va-loans .billboard .form .form-submit {
	width: 250px;
}
#page-va-loans .field-military_branch .radio-group .radio-option label {
	max-width: 300px;
}
}
#page-va-loans .form-title {
	font-size:18px;
	line-height: 1em;
}
#page-va-loans .form-title div {
	display:block;
	font-size:55px;
	line-height: .8em;
}
#page-va-loans .form-title div.subtitle {
	display:block;
	font-size:34px;
	border-bottom:1px solid #ffffff;
	margin
	line-height:1em;
	padding-bottom: 9px;
	margin-bottom:10px;
}

.text-body, .cms-content {
	line-height:1.5em !important;
}
#origins {
	text-align:center;
}
#origins ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#origins ul li {
	background-image: url(../images/sprite-vuhl-core.png);
	background-position:-28px -48px;
	line-height:28px;
	width:0;
	margin:0;
    padding: 0 0 0 31px;
	position:relative;
	white-space:nowrap;
	top:0;
}
#origins a {
	text-decoration:none;
	width:100%;
	text-align:center;
	margin-top:20px;
	padding-top:8px;
}
#origins a:hover {
	color:#fff;
}
#origins figure {
	float:right;
	max-width:49%;
	width:auto;
}
#origins #who-qualifies {
	float:left;
	width:49%;
}
#origins h2 {
	margin-top:0;
}
@media screen and (max-width: 760px) {
#origins figure {
	float:none;
	max-width:100%;
}
#origins #who-qualifies {
	float:none;
	width:auto;
}
#origins #who-qualifies p {
	margin-top:20px;
}
}

#benefits, #features, #testimonials {
	clear:both;
}
#benefits #real {
	float:left;
	width:60%;
	padding-right:30px;
}
#benefits #charity {
	float:left;
	width:35%;
}
#benefits a {
	text-decoration:none;
	width:60%;
	text-align:center;
	margin-top:20px;
	padding-top:8px;
	margin:auto;
}
#benefits a:hover {
	color:#fff;
}
#benefits .real-savings { 
	clear:both;
	margin-bottom:40px;
	text-align:center; 
}
@media screen and (max-width: 760px) {
#benefits #real {
	float:none;
	width:auto;
	padding-right:0;
	max-width:none;
}
#benefits #charity {
	float:none;
	width:auto;
	max-width:none;
}
#benefits a {
	width:auto;
}
}


#features ul {
	list-style:none;
	color:#42515c;
	text-align:center;
}
#features ul li {
	position:relative;
	float:left;
	width:270px;
	margin:0 20px 30px 0;
	border-radius:4px;
	background-color:#e8eff5;
}
#features ul a, #features ul a:hover {
	display:block;
	position:relative;
	color:#42515c;
	text-decoration:none;
}
#features span.fa-head:first-child {
	background-color:#dd3737;
}
#features span.fb-head:first-child {
	background-color:#f87c32;
}
#features span.fc-head:first-child {
	background-color:#f2b03e;
}
#features span:first-child {
	display:block;
	padding:12px 20px;
	border-radius:4px 4px 0 0;
	background-color:#42515c;
	color:#fff;
	font-weight:600;
	line-height:1.1;
	text-transform:uppercase;
}
#features .f-img {
	border-width:0;
	width:270px;
	height:203px;
	diplay:block;
	position:relative;
	margin:0 -20px;
}
#features .f-title {
	display:block;
	padding:15px 5px 17px;
	background-color:#f3f7fa;
	color:#1e6fb7;
	font-weight:700;
	line-height:1.1;
	text-transform:uppercase;
}
#features div {
	padding:10px 0;
}

#features .real-savings a {
	text-decoration:none;
	width:60%;
	text-align:center;
	margin-top:20px;
	padding-top:8px;
	margin:auto;
}
#features a:hover {
	color:#fff;
}
#features .real-savings { 
	clear:both;
	margin-bottom:40px;
	text-align:center; 
}	
@media screen and (max-width: 760px) {
#features .real-savings a {
	width:auto;
}
}


.triple {
	margin-top:35px;
}
.triple > * {
	float:left;
	width:30%;
	margin-right:20px;
}
#testimonials .real-savings a {
	text-decoration:none;
	width:60%;
	text-align:center;
	margin-top:20px;
	padding-top:8px;
	margin:auto;
}
#testimonials a:hover {
	color:#fff;
}
#testimonials .endcap a:hover {
	color:#da232e;
}
#testimonials .real-savings { 
	clear:both;
	margin-bottom:40px;
	text-align:center; 
}	
@media screen and (max-width: 760px) {
.triple > * {
	float:none;
	width:auto;
	margin-right:0;
}
#testimonials .real-savings a {
	width:auto;
}
}

.page-footer {
	clear:both;
	background:#002868 !important;
}
.page-footer .page-footer-boilerplate {
	color:#fff;
	padding-bottom:0;
	background:#002868 !important;
}
.page-footer .article div {
	float:left;
	width:31%;
}
.page-footer .article img {
	width:100px;
	padding-left:130px;
}
.page-footer .article .button-alpha.button-full { 
	text-decoration:none;
	width:75%;
	text-align:center;
	margin-top:20px;
	padding-top:8px;
	margin:auto;
}
.page-footer .footer-copy {
	font-size:17px;
	margin-left:15px;
}
.page-footer .nav.nav-utility {
	clear:both;
	text-align:center;
	padding-top:25px;
}
.page-footer .page-footer-copyright {
	text-align:center;
	padding:0;
}
@media screen and (max-width: 760px) {
.page-footer .footer-logo {
	display:none;
}
.page-footer .article div {
	float:none;
	width:auto;
}
.page-footer .footer-copy {
	font-size:17px;
	margin-left:0;
	text-align:center;
	padding-bottom:25px;
}
}

/* Contact Info Page */
.styled-select-loaded { width:100%; }

/* Testimonials Page */
/*#testimonials .page-intro { background-image:url('../images/reviews-hero.jpg'); }*/
#test-body.container { 
	max-width:1600px;
	margin-left:0;
	margin-right:0;
}
#testimonials .container p { line-height:1.5em; }
#testimonials .story-1 {
	background-image:url('../images/testimonial-1.jpg');
}
#testimonials .story-2 {
	background-image:url('../images/testimonial-2.jpg');
}
#testimonials .story-3 {
	background-image:url('../images/testimonial-3.jpg');
}
#testimonials .story-4 {
	background-image:url('../images/testimonial-4.jpg');
}
#testimonials .story-5 {
	background-image:url('../images/testimonial-5.jpg');
}
#testimonials .story-6 {
	background-image:url('../images/testimonial-6.jpg');
}

@media screen and (min-width: 800px) {
.page-header-vuhl {
	padding-bottom:10px !important;
	padding-top:10px !important;
}
.page-header-vuhl .container {
	border-bottom:none !important;
	padding-bottom:0 !important;
}
.page-header-vuhl .nav {
	top:30px !important;
}
.page-intro-bilbro.teacher {
	background-image:url('../images/teacher-hero-940x250.jpg') !important;
}
	.page-intro-bilbro.allheroes {
	background-image:url('../images/confirm-all-heroes-v2.jpg') !important;
}
}
@media screen and (max-width: 700px) {
#testimonials .container p { padding-top:10px; }
}


@media screen and (min-width: 600px) {
.col-group-2col .mobile-only {
	display: none;
}
}

@media screen and (max-width: 375px) {
#page-va-loans .billboard .form-wizard .reviews-reinforcement .reviews-summary-label {
	font-size: 16px;
}
	.youtube-heroes { width:auto; height:auto; }
}

/* Media Queries */
@media screen and (min-width: 980px) {
.container {
	margin-left: auto;
	margin-right: auto;
}
}

@media screen and (min-width: 800px) {
body {
	background-color: #f6f7f7;
}
.page-body {
	background:none !important;
}
}

@media screen and (min-width: 800px) {
.page-header {
	box-shadow: none;
	z-index: 0;
}
}

@media screen and (min-width: 600px) {
.banner-legal {
	font-size: 12px;
	padding: 10px 0;
}
}

@media screen and (min-width: 600px) {
.banner-cta {
	font-size: 18px;
	padding: 10px 0;
}
}

@media screen and (min-width: 600px) {
.banner-cta span {
	display: inline;
}
}

@media screen and (min-width: 600px) {
.banner-cta strong {
	font-family: ForalPro-Regular;
	font-weight: normal;
	font-size: normal;
	font-feature-settings: "liga" 0;
}
}

@media screen and (max-width: 620px) {
.form-qualify .fright {
	float:left;
	padding-top:15px;
}
.form-qualify dl dt {
	line-height:1.5em;
}
.form-qualify p {
	line-height:1em;
}
	.youtube-heroes { width:auto; height:auto; }
}

.heroes-hub-social-footer {
	padding-top:0 !important;
}