/* HCF - Base Styles

------------------------- */

/* Base
------------------------- */
@import url('/FormBuilder/_Resource/_module/plugin/base.css');
@import url('/FormBuilder/_Resource/_module/plugin/font-awesome.min.css');

@font-face {
    font-family: 'Whitney Book';
    src: url('/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/fonts/whitney-book.eot');
    src: url('/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/fonts/whitney-book.woff') format('woff'),   
         url('/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/fonts/whitney-book.ttf') format('truetype'), url('/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/fonts/whitney-book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Whitney Bold';
    src: url('/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/fonts/Whitney-Bold.eot');
    src: url('/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/fonts/Whitney-Bold.woff') format('woff'),   
         url('/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/fonts/Whitney-Bold.ttf') format('truetype'), url('/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/fonts/Whitney-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


html { height: 100%; }
body {font-size: 16px;font-family: 'Whitney Book', Arial, sans-serif;font-weight:400;color: #333;line-height:1.5em;background-size: cover;height: 100%;background-attachment: fixed;background: #d9d9d6;}
#wrapper { width: 100%px; margin: 0 auto;}
.four.columns.u-pull-right { border-left: 1px solid #eae8e8; padding: 0px 0 0 30px; }
hr { border-color: #eae8e8 !important; }

/* Classes
-------------------------------------------------- */
.nav-active { background: #003478 !important; }
.mobile-active { -ms-transform: translateX(271px); -webkit-transform: translateX(271px); transform: translateX(271px); }
.NAwarningMessage {  display: none !important; }

/* Typography
------------------------- */
h1, h2, h3, h4, h5, h6 {  margin: 0 0 0.5em 0; padding: 0; font-family: 'Whitney Bold', Arial, sans-serif; font-weight: normal; line-height: 1.1; color: #666; text-transform: uppercase;  }
h1 { font-size: 30px; color: #e0004d; }
h2 {font-size: 28px; color: #e0004d; }
h3 { font-size: 22px; color: #333; }
h4 { font-size: 18px; border-bottom: 1px solid #666; padding-bottom: 5px; }
h5 { font-size: 16px; }
h6 { font-size: 16px; }

p { margin-top: 0; }
strong { font-family: 'Whitney Bold', Arial, sans-serif; font-weight: normal; }

/* Links
------------------------- */
a {color: #e0004d;outline: none;text-decoration: underline;}
a:hover {text-decoration: none;color: #651d32;}
a span { display: none; }


/* Primary Header - branding
--------------------------------------------------------*/
#mobileMenuBtn {display: none; position: absolute; cursor: pointer; top:0; height: 100%; left: 0; width: 50px; background: white; }
.mobileNav { display: none; }
.nav-active.selected:after { color: white !important; }
.nav-active.selected:before { display: none !important; }

.branding {-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 999;width: 100%;}
.branding .logo-row {position: relative;height: 100%;margin-bottom: 15px;}
.row.logo-row.four.columns { height: 78px; }
#logo {  display: block; }
#logo img {width: 100%;padding: 36px 19px 15px 19px;}
.logo { float: left; }
.website-title { float: right;margin-top: 30px; }

.row.logo-row .eight.columns { text-align: right; position: absolute; right: 54px; top: 50%; margin-top: -17.5px; }
.row.logo-row .eight.columns span { color: #003478; font-size: 35px; font-weight: normal; line-height: 1; }

/* Primary Header - Main Navigation
--------------------------------------------------------*/
.navigation { background: #FFFFFF; }
.nav {display: block;width: 100%;height: 70px;line-height: 60px;max-width: 1000px;margin: 0 auto;padding: 10px 10px 0 0;background: #51284f;}
.nav li {float: left;list-style-type: none;padding: 0;cursor: pointer;zoom: 1;min-width: 170px;margin: 0;text-align: center;height: 60px;border-right: 1px solid #d9d9d6;}
.nav li a {color: #FFF;text-decoration: none;z-index: 999;display: block;cursor: pointer;padding: 0 18px;font-size: 16px;font-weight: bold;height: 100%;text-transform: uppercase;font-family: 'Whitney Bold', Arial, sans-serif;}
.nav li a:hover {color: #FFF;background: #40263f;border-bottom: 5px solid #e0004d;}
.nav:before {background: url('/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/image/icons/HCF_NARROW_PULSE_RUBY_RGB.PNG') 100% 100% no-repeat;position: absolute;top: 0;right: 0;left: 0;height: 10px;content: "";min-width: 300px;z-index: 10000000000;margin: 0 auto;width: 100%;max-width: 1000px;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} 
.menu-first a { padding-left: 0; }
.mobile-nav ul li { margin: 0 !important; width: 100%; }
.branding > .container { height: 100%; }
.banner { margin: 80px 0 0 0; background: url('/FormBuilder/_Resource/_module/AO_5Yv2KqUmP1_YCCzM_6Q/images/banner.jpg'); position: relative;}
.tint { position: absolute; height: 100%; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.3))); background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#4d000000', GradientType=0 ); }
.banner-heading {font-family: 'Whitney Bold', Arial, sans-serif;line-height: 0.85;text-transform: uppercase;}
.banner-heading .purple { color: #51284f; }
.grey-strip {background-color: #323131;border-bottom: 2px solid #565656;height: 40px;}


/* Mobile Navigation
--------------------------------------------------------*/
.wrap { position: relative; -webkit-transition: -webkit-transform 400ms ease; -o-transition: -o-transform 400ms ease; transition: -webkit-transform 400ms ease; -o-transition: transform 400ms ease; transition: transform 400ms ease; transition: transform 400ms ease, -webkit-transform 400ms ease; padding-bottom: 75px; }
.mobile-nav { display: none; position: absolute; width: 270px; padding: 0; margin: 0; z-index: 100; top: 0; height: 100%; bottom: 0; border-right: 1px solid #d9d9d9; -ms-transform: translateX(-271px); -webkit-transform: translateX(-271px); transform: translateX(-271px); }
.mobile-nav ul.nav { padding: 0; height: 100%; text-align: left; background: #fff; }
.mobile-nav ul li { margin:0;  border-top: 1px solid #e5e5e5; }
.mobile-nav ul li a { margin:0; border: none; color: #003478; border-left: 5px solid transparent; padding: 14px; }

/* Primary Page content
--------------------------------------------------------*/
.page-content {width: 100%;}
.page-content .container {padding: 30px 15px 112px 15px;background: #fff;}
.columns.no-margin { margin: 0;}

.blue-box {width: 100%;background: #e0004d;color: #fff;}
.blue-box h2 { padding: 15px; margin: 0; color: #fff; font-size: 30px; }
.blue-box .blue-box-content {background: #e0004d;padding: 15px 15px 30px 15px;}
.blue-box .blue-box-content li { display: inline-block; padding: 0 0 0 20px; position: relative; }
.blue-box .blue-box-content li:before { content: "•";  margin: 0 10px 0 0;  display: inline-block;  position: absolute;  left: 5px; }

ul {margin: 0 0 0.5em 0;list-style: none;padding-left: 20px;}
.step ul li:before {
    content: "";
    padding-right: 14px;
    background-image:url('/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/image/icons/bullet-icon.png');
    background-position: 0 8px;
    background-repeat: no-repeat;
    margin-left: -14px;
    }

/* Container styles
--------------------------------------------------------*/
.container {max-width: 1000px;padding:0 12.5px;background: #FFF;}
.content-wrapper { min-height: 100%; }
.google-map { visibility: hidden; }

/* Footer
--------------------------------------------------------*/
.page-footer{-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 18px;text-align: left;position: relative;height: 112px;margin-top: -112px;clear: both;line-height: 46px;}
.copyright {margin: 0;font-size: 15px;}
.copyright a {
    color: #999;
}
.page-footer .container {background: #373a36;padding: 0;}
.footer-row {height: 112px;padding: 0 12.5px;line-height: 112px;color: #FFF;}
.formNav { padding: 20px 0; clear: both; }

/******************* Buttons **********************/

input.next { float:right; margin-left: 10px; }
input.next,
input.back,
.btn {
	position: relative;
	display:block;
	padding: 0 20px;
	font-size: 16px;
	color: #fff;
	border: none;
	cursor: pointer;
	background: #00A5E1;
	line-height: 1.25;
	text-decoration: none;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}

input.next:hover,
input.back:hover,
.btn:hover,
.btn-wrap .btn { margin: 0 0 20px 0; }
.btn-wrap ul { padding: 0 0 0 14px; }
.home-btn:hover { background: #00A5E1; text-decoration: none; }

/* Homepage buttons */
.home-btn { padding: 20px; }
.home-btn h2 { color: #FFFFFF; margin: 10px 0; padding: 0; display: block; width: 100%; }
.btn-wrap { margin-bottom: 40px; border-radius: 0; }
a.btn.home-btn {
	display: inline-block;
	background: #fff;
	color: #e0004d;
	border: 1px solid #e0004d;
	font-family: 'Whitney Bold', Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	padding: 12px 40px 12px 20px;
	vertical-align: middle;
	font-size: 16px;
}
.btn.home-btn:before {
	display: inline-block;
    content: "";
    width: 25px;
    height: 12px;
    background: url(/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/image/icons/hcf-arrow-ruby.svg) no-repeat 50% 50%;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    -webkit-transition-property: right,background;
    -o-transition-property: right,background;
    transition-property: right,background;
    -webkit-transition-duration: .25s;
         -o-transition-duration: .25s;
            transition-duration: .25s;
}
a.btn.home-btn:hover { color: #fff; background-color: #e0004d; }
a.btn.home-btn:hover:before {
    background: url(/FormBuilder/_Resource/_module/GxMuLhelVUeO5Vg7nLkMcw/image/icons/hcf-arrow-white.svg) no-repeat 50% 50%;
    right: 5px;
}

.key-dates-wrap { margin-bottom: 40px; }

/******************* Icons **********************/
.iconLink {background:#f7f7f7; padding:10px 0;margin: 15px 0;border-radius: 0px; border: 1px solid #eae8e8; }
.iconLink a { background-image: none !important; padding: 10px 15px 10px 70px !important; display:block; position:relative; text-decoration: none; color: #e0004d;}
    .iconLink a[href*="/DocumentDownload"]:before { content: "\f1c1";  position:absolute; font-family: FontAwesome; top:10px; left:20px; font-size: 35px } /* for PDF icons */
    .iconLink a[href*="print"]:before { content: "\f02f";  position:absolute; font-family: FontAwesome; top:10px; left:20px; font-size: 35px } /* for PDF icons */

/*** Content table ***/
.tablestyle { width:100%; margin: 0 0 1em 0 }
.tablestyle th {background:#003478; font-weight:bold; color:#FFF; padding:10px; text-align:left}
.tablestyle td {padding:10px; border-bottom:1px solid #CCC}

.displayTable { display: table; height: 290px; }
.displayTableCell { display: table-cell; vertical-align: middle; }

table td.image { vertical-align: top; }
table td.image img { width: 150px; }
table td.blurb { padding-left: 15px; padding-bottom: 15px; }
table td.blurb .title { text-transform: uppercase; font-size: 22px; }

.eight.columns { width: 67.333333%; }

/*** FAQ ***/
.QAViewer {margin-bottom:5px;background: #ebebeb;}
.QAViewer .QALink {position:relative;padding:10px 15px 10px 40px !important;display:block;text-decoration: none;color: #4d4d4f;}
.QALink:before {content: "\f054";position:absolute;font-family: 'FontAwesome';top:10px;left:10px;font-size: 18px;color: #e0004d;}
    .open .QALink:before { content: "\f078";  position:absolute; font-family: 'FontAwesome'; top:10px; left:10px; font-size: 18px;}
.QAViewer .QALink:hover {color: #4d4d4f;text-decoration: underline;}
.QAViewer .answer {padding:10px 10px 10px 40px;}
.QAViewer .answer p {margin:0 0 10px 0;}

/** Confirmation **/
.importantNote { border: 1px solid #ee2d24; padding: 20px; margin: 20px 0; color: #ee2d24; text-transform: uppercase}
.importantNote .fa { font-size: 25px; margin-right: 10px; }
.importantNote strong { display: inline-block; *display: inline; zoom: 1;}

/* Media Queries
------------------------- */

@media (max-width: 767px) {
    /* general */
    html { height: auto; }
    body { min-height: 100%; position: relative; z-index: 10000; background: #fff !important; width: 100%; height: 100%; bottom: 0; top: 0;}
    .mobileMenu { padding: 0; margin: 0; }
    .mobileMenu li { list-style-type: none; width: 100%; float: left; border-bottom: 1px solid #eae8e8; border-right: 1px solid #eae8e8; }
    .mobileMenu li a { padding: 16px; display: block; text-align: center; font-size: 22px; text-decoration: none; }
    .mobileMenu li a:hover { background: #f7f7f7; }
    .mobileMenu li a i { display: block; margin: 0 0 5px 0; font-size: 26px; }
    .mobileNav {position: fixed;z-index: 1000;background: #fff;width: 100%;top: 90px;border-top: 1px solid #eae8e8;}
    #wrapper { width: 100%; margin: 0 auto;}
    .column, .columns { float: none; width: 100% !important; display: block; margin: 0; }
    .page-content { margin: 20px 0;}
    .content-wrap { padding: 0; }
    .eight.columns.no-margin { width: 100% !important; }
    .mobile-nav { display: block; }
    .four.columns.u-pull-right { border: 0; padding: 0; margin: 0 0 40px 0; }
    .border-right-zero { border-right: 0 !important; }

    /* Header */
    #mobileMenuBtn { display:block; }
    #logo { text-align: center; }
    #logo img { max-width: 139px; }
    .logo { float: none; display: block; }
    .banner { margin: 60px 0 0 0; }
    .banner-heading { line-height: normal; }

      /* main-nav */
    .nav { position: relative; width: 100%; text-align:center; background: #47B0AE; top: 0px; margin: 0; display: none; }
    .nav li {  display: block; width: 100%; }
    .nav li a { border-top: 1px solid #ABABAB; margin: 2px 5px; color: #FFFFFF; text-transform:capitalize }
    .nav li a:hover { border-left-color: #003478; border-top: none; color: #003478 }
    .nav li.menu-first { margin-left: 0; }

    #mobileMenuBtn {background: #fff;color: #e0004d;padding: 16px 16px;width: 59px;text-align: center;top: 20px;bottom:  auto;height: auto !important;position: absolute;}
    .hamburger .hamburger-box { position: relative; display: inline-block; width: 100%; height: 16px; }
    .hamburger .hamburger-inner { display: block; margin-top: -1px; top: 1px; }
    .hamburger .hamburger-inner, .hamburger .hamburger-inner::after, .hamburger .hamburger-inner::before { position: absolute; width: 1.5rem; height: 2px; border-radius: 2px; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .15s; -o-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; background-color: #fff; }
    .hamburger .hamburger-inner:before { top: 7px; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; }
    .hamburger .hamburger-inner::after, .hamburger .hamburger-inner::before { display: block; content: ""; }
    .hamburger .hamburger-inner, .hamburger .hamburger-inner::after, .hamburger .hamburger-inner::before {position: absolute;width: 100%;height: 2px;border-radius: 2px;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: .15s;-o-transition-duration: .15s;transition-duration: .15s;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;background-color: #e0004d;}
    .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
    .hamburger .hamburger-inner::after, .hamburger .hamburger-inner::before { display: block; content: ""; }
    .hamburger .hamburger-inner::after { bottom: -7px; }
    .hamburger .hamburger-inner:after { top: 14px; }
    #mobileMenuBtn > span {display: block;font-size: .75rem;line-height: 1;margin: 5px 0 0 0;}

    #mobileMenuBtn.active .hamburger .hamburger-inner:after { top: 14px; -webkit-transform: translate3d(0,-14px,0) rotate(-90deg); transform: translate3d(0,-14px,0) rotate(-90deg); }
    #mobileMenuBtn.active .hamburger-inner::before { opacity: 0; }
    #mobileMenuBtn.active .hamburger-inner { -webkit-transform: translate3d(0,7px,0) rotate(45deg); transform: translate3d(0,7px,0) rotate(45deg); }

    .page-footer { display: table; width: 100%; }
    .page-footer .container { display: table-cell; vertical-align: middle; }
    .copyright { line-height: 1; width: 100%; }
    .footer-row .copyright:last-child { float: left !important; }
    .footer-row { padding: 30px 12.5px; }

    .website-title {float: none;text-align: center;}

    .grey-strip { display: none; }

}

@media (max-width: 380px) {
    .mobileMenu li a { font-size: 16px; }
}