/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
html { font-size: 62.5%; }

body { font-family: 'Libre Franklin', sans-serif; color: #4a4a4a; font-size: 1.4rem; }

a { color: #6f90d4; font-size: 1.6rem; }

a:focus { color: #6f90d4; }

a:hover, a:active { color: #003087; }

a.c-white { color: #fff; }

a.c-soft-blue { color: #6f90d4; }

a.c-soft-blue:hover { color: #003087; }

p { font-family: 'Libre Franklin', sans-serif; margin-bottom: 3rem; font-size: 2rem; }

p.light { color: #9b9b9b; font-size: 1.8rem; }

p.soft-blue { color: #6f90d4; font-size: 1.8rem; }

p.white { color: #fff; }

h1 { font-family: 'Libre Franklin', sans-serif; font-weight: 700; color: #003087; font-size: 4.5rem; }

h2 { font-family: 'Libre Franklin', sans-serif; font-weight: 700; margin-bottom: 3rem; color: #003087; font-size: 3rem; }

h2.regular { font-family: 'Libre Franklin', sans-serif; }

h3 { font-family: 'Libre Franklin', sans-serif; font-weight: 700; font-size: 2rem; }

blockquote { border-left-color: #1a8fce; }

.dark-blue { color: #003087; }

.pagination { font-size: 15px; }

.pagination span, .pagination a { margin: 0 10px; }

ul, ol { font-size: 2rem; }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
html { font-size: 62.5%; }

body { font-family: 'Libre Franklin', sans-serif; color: #4a4a4a; font-size: 1.4rem; }

a { color: #6f90d4; font-size: 1.6rem; }

a:focus { color: #6f90d4; }

a:hover, a:active { color: #003087; }

a.c-white { color: #fff; }

a.c-soft-blue { color: #6f90d4; }

a.c-soft-blue:hover { color: #003087; }

p { font-family: 'Libre Franklin', sans-serif; margin-bottom: 3rem; font-size: 2rem; }

p.light { color: #9b9b9b; font-size: 1.8rem; }

p.soft-blue { color: #6f90d4; font-size: 1.8rem; }

p.white { color: #fff; }

h1 { font-family: 'Libre Franklin', sans-serif; font-weight: 700; color: #003087; font-size: 4.5rem; }

h2 { font-family: 'Libre Franklin', sans-serif; font-weight: 700; margin-bottom: 3rem; color: #003087; font-size: 3rem; }

h2.regular { font-family: 'Libre Franklin', sans-serif; }

h3 { font-family: 'Libre Franklin', sans-serif; font-weight: 700; font-size: 2rem; }

blockquote { border-left-color: #1a8fce; }

.dark-blue { color: #003087; }

.pagination { font-size: 15px; }

.pagination span, .pagination a { margin: 0 10px; }

ul, ol { font-size: 2rem; }

.square-button { padding: 12px; background-color: #003087; border: 2px solid #003087; color: #f0f5fd; text-align: center; }

a.square-button:hover { background-color: #f5f5f5; color: #003087; border: 2px solid #003087; text-decoration: none; }

.pb-100 { padding-bottom: 100%; }

.thumb-square, .thumb-rectangle { position: relative; }

.thumb-square a, .thumb-rectangle a { display: block; position: relative; background-color: #f5f5f5; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; }

.thumb-square a span, .thumb-rectangle a span { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.thumb-square a::before, .thumb-rectangle a::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #003087; content: ' '; opacity: 0.4; }

.thumb-square a { padding-bottom: 100%; }

.thumb-rectangle a { padding-bottom: 61.53846%; }

.font-14 { font-size: 1.4rem; }

.font-xs-14 { font-size: 1.4rem; }

@media (min-width: 576px) { .font-sm-14 { font-size: 1.4rem; } }

@media (min-width: 768px) { .font-md-14 { font-size: 1.4rem; } }

@media (min-width: 992px) { .font-lg-14 { font-size: 1.4rem; } }

@media (min-width: 1200px) { .font-xl-14 { font-size: 1.4rem; } }

.font-16 { font-size: 1.6rem; }

.font-xs-16 { font-size: 1.6rem; }

@media (min-width: 576px) { .font-sm-16 { font-size: 1.6rem; } }

@media (min-width: 768px) { .font-md-16 { font-size: 1.6rem; } }

@media (min-width: 992px) { .font-lg-16 { font-size: 1.6rem; } }

@media (min-width: 1200px) { .font-xl-16 { font-size: 1.6rem; } }

.font-20 { font-size: 2rem; }

.font-xs-20 { font-size: 2rem; }

@media (min-width: 576px) { .font-sm-20 { font-size: 2rem; } }

@media (min-width: 768px) { .font-md-20 { font-size: 2rem; } }

@media (min-width: 992px) { .font-lg-20 { font-size: 2rem; } }

@media (min-width: 1200px) { .font-xl-20 { font-size: 2rem; } }

.font-25 { font-size: 2.5rem; }

.font-xs-25 { font-size: 2.5rem; }

@media (min-width: 576px) { .font-sm-25 { font-size: 2.5rem; } }

@media (min-width: 768px) { .font-md-25 { font-size: 2.5rem; } }

@media (min-width: 992px) { .font-lg-25 { font-size: 2.5rem; } }

@media (min-width: 1200px) { .font-xl-25 { font-size: 2.5rem; } }

.font-30 { font-size: 3rem; }

.font-xs-30 { font-size: 3rem; }

@media (min-width: 576px) { .font-sm-30 { font-size: 3rem; } }

@media (min-width: 768px) { .font-md-30 { font-size: 3rem; } }

@media (min-width: 992px) { .font-lg-30 { font-size: 3rem; } }

@media (min-width: 1200px) { .font-xl-30 { font-size: 3rem; } }

.font-40 { font-size: 4rem; }

.font-xs-40 { font-size: 4rem; }

@media (min-width: 576px) { .font-sm-40 { font-size: 4rem; } }

@media (min-width: 768px) { .font-md-40 { font-size: 4rem; } }

@media (min-width: 992px) { .font-lg-40 { font-size: 4rem; } }

@media (min-width: 1200px) { .font-xl-40 { font-size: 4rem; } }

.color-blue { color: #007bff !important; }

.color-blue-hover:hover { color: #007bff !important; }

.border-color-blue { border-color: #007bff !important; }

.border-blue { border: 2px solid #007bff; }

.background-blue { background: #007bff !important; }

.background-blue-10 { background: rgba(0, 123, 255, 0.1) !important; }

.background-blue-hover:hover { background: #007bff !important; }

.color-indigo { color: #6610f2 !important; }

.color-indigo-hover:hover { color: #6610f2 !important; }

.border-color-indigo { border-color: #6610f2 !important; }

.border-indigo { border: 2px solid #6610f2; }

.background-indigo { background: #6610f2 !important; }

.background-indigo-10 { background: rgba(102, 16, 242, 0.1) !important; }

.background-indigo-hover:hover { background: #6610f2 !important; }

.color-purple { color: #6f42c1 !important; }

.color-purple-hover:hover { color: #6f42c1 !important; }

.border-color-purple { border-color: #6f42c1 !important; }

.border-purple { border: 2px solid #6f42c1; }

.background-purple { background: #6f42c1 !important; }

.background-purple-10 { background: rgba(111, 66, 193, 0.1) !important; }

.background-purple-hover:hover { background: #6f42c1 !important; }

.color-pink { color: #e83e8c !important; }

.color-pink-hover:hover { color: #e83e8c !important; }

.border-color-pink { border-color: #e83e8c !important; }

.border-pink { border: 2px solid #e83e8c; }

.background-pink { background: #e83e8c !important; }

.background-pink-10 { background: rgba(232, 62, 140, 0.1) !important; }

.background-pink-hover:hover { background: #e83e8c !important; }

.color-red { color: #dc3545 !important; }

.color-red-hover:hover { color: #dc3545 !important; }

.border-color-red { border-color: #dc3545 !important; }

.border-red { border: 2px solid #dc3545; }

.background-red { background: #dc3545 !important; }

.background-red-10 { background: rgba(220, 53, 69, 0.1) !important; }

.background-red-hover:hover { background: #dc3545 !important; }

.color-orange { color: #fd7e14 !important; }

.color-orange-hover:hover { color: #fd7e14 !important; }

.border-color-orange { border-color: #fd7e14 !important; }

.border-orange { border: 2px solid #fd7e14; }

.background-orange { background: #fd7e14 !important; }

.background-orange-10 { background: rgba(253, 126, 20, 0.1) !important; }

.background-orange-hover:hover { background: #fd7e14 !important; }

.color-yellow { color: #ffc107 !important; }

.color-yellow-hover:hover { color: #ffc107 !important; }

.border-color-yellow { border-color: #ffc107 !important; }

.border-yellow { border: 2px solid #ffc107; }

.background-yellow { background: #ffc107 !important; }

.background-yellow-10 { background: rgba(255, 193, 7, 0.1) !important; }

.background-yellow-hover:hover { background: #ffc107 !important; }

.color-green { color: #28a745 !important; }

.color-green-hover:hover { color: #28a745 !important; }

.border-color-green { border-color: #28a745 !important; }

.border-green { border: 2px solid #28a745; }

.background-green { background: #28a745 !important; }

.background-green-10 { background: rgba(40, 167, 69, 0.1) !important; }

.background-green-hover:hover { background: #28a745 !important; }

.color-teal { color: #20c997 !important; }

.color-teal-hover:hover { color: #20c997 !important; }

.border-color-teal { border-color: #20c997 !important; }

.border-teal { border: 2px solid #20c997; }

.background-teal { background: #20c997 !important; }

.background-teal-10 { background: rgba(32, 201, 151, 0.1) !important; }

.background-teal-hover:hover { background: #20c997 !important; }

.color-cyan { color: #17a2b8 !important; }

.color-cyan-hover:hover { color: #17a2b8 !important; }

.border-color-cyan { border-color: #17a2b8 !important; }

.border-cyan { border: 2px solid #17a2b8; }

.background-cyan { background: #17a2b8 !important; }

.background-cyan-10 { background: rgba(23, 162, 184, 0.1) !important; }

.background-cyan-hover:hover { background: #17a2b8 !important; }

.color-white { color: #fff !important; }

.color-white-hover:hover { color: #fff !important; }

.border-color-white { border-color: #fff !important; }

.border-white { border: 2px solid #fff; }

.background-white { background: #fff !important; }

.background-white-10 { background: rgba(255, 255, 255, 0.1) !important; }

.background-white-hover:hover { background: #fff !important; }

.color-gray { color: #6c757d !important; }

.color-gray-hover:hover { color: #6c757d !important; }

.border-color-gray { border-color: #6c757d !important; }

.border-gray { border: 2px solid #6c757d; }

.background-gray { background: #6c757d !important; }

.background-gray-10 { background: rgba(108, 117, 125, 0.1) !important; }

.background-gray-hover:hover { background: #6c757d !important; }

.color-gray-dark { color: #343a40 !important; }

.color-gray-dark-hover:hover { color: #343a40 !important; }

.border-color-gray-dark { border-color: #343a40 !important; }

.border-gray-dark { border: 2px solid #343a40; }

.background-gray-dark { background: #343a40 !important; }

.background-gray-dark-10 { background: rgba(52, 58, 64, 0.1) !important; }

.background-gray-dark-hover:hover { background: #343a40 !important; }

.color-black-10 { color: rgba(0, 0, 0, 0.1) !important; }

.color-black-10-hover:hover { color: rgba(0, 0, 0, 0.1) !important; }

.border-color-black-10 { border-color: rgba(0, 0, 0, 0.1) !important; }

.border-black-10 { border: 2px solid rgba(0, 0, 0, 0.1); }

.background-black-10 { background: rgba(0, 0, 0, 0.1) !important; }

.background-black-10-10 { background: rgba(0, 0, 0, 0.1) !important; }

.background-black-10-hover:hover { background: rgba(0, 0, 0, 0.1) !important; }

.color-brown-grey { color: #9b9b9b !important; }

.color-brown-grey-hover:hover { color: #9b9b9b !important; }

.border-color-brown-grey { border-color: #9b9b9b !important; }

.border-brown-grey { border: 2px solid #9b9b9b; }

.background-brown-grey { background: #9b9b9b !important; }

.background-brown-grey-10 { background: rgba(155, 155, 155, 0.1) !important; }

.background-brown-grey-hover:hover { background: #9b9b9b !important; }

.color-darkish-blue { color: #003087 !important; }

.color-darkish-blue-hover:hover { color: #003087 !important; }

.border-color-darkish-blue { border-color: #003087 !important; }

.border-darkish-blue { border: 2px solid #003087; }

.background-darkish-blue { background: #003087 !important; }

.background-darkish-blue-10 { background: rgba(0, 48, 135, 0.1) !important; }

.background-darkish-blue-hover:hover { background: #003087 !important; }

.color-greyish-brown { color: #4a4a4a !important; }

.color-greyish-brown-hover:hover { color: #4a4a4a !important; }

.border-color-greyish-brown { border-color: #4a4a4a !important; }

.border-greyish-brown { border: 2px solid #4a4a4a; }

.background-greyish-brown { background: #4a4a4a !important; }

.background-greyish-brown-10 { background: rgba(74, 74, 74, 0.1) !important; }

.background-greyish-brown-hover:hover { background: #4a4a4a !important; }

.color-pale-grey { color: #f0f5fd !important; }

.color-pale-grey-hover:hover { color: #f0f5fd !important; }

.border-color-pale-grey { border-color: #f0f5fd !important; }

.border-pale-grey { border: 2px solid #f0f5fd; }

.background-pale-grey { background: #f0f5fd !important; }

.background-pale-grey-10 { background: rgba(240, 245, 253, 0.1) !important; }

.background-pale-grey-hover:hover { background: #f0f5fd !important; }

.color-soft-blue { color: #6f90d4 !important; }

.color-soft-blue-hover:hover { color: #6f90d4 !important; }

.border-color-soft-blue { border-color: #6f90d4 !important; }

.border-soft-blue { border: 2px solid #6f90d4; }

.background-soft-blue { background: #6f90d4 !important; }

.background-soft-blue-10 { background: rgba(111, 144, 212, 0.1) !important; }

.background-soft-blue-hover:hover { background: #6f90d4 !important; }

.color-very-light-blue { color: #e0e7f6 !important; }

.color-very-light-blue-hover:hover { color: #e0e7f6 !important; }

.border-color-very-light-blue { border-color: #e0e7f6 !important; }

.border-very-light-blue { border: 2px solid #e0e7f6; }

.background-very-light-blue { background: #e0e7f6 !important; }

.background-very-light-blue-10 { background: rgba(224, 231, 246, 0.1) !important; }

.background-very-light-blue-hover:hover { background: #e0e7f6 !important; }

.color-very-light-grey { color: #f5f5f5 !important; }

.color-very-light-grey-hover:hover { color: #f5f5f5 !important; }

.border-color-very-light-grey { border-color: #f5f5f5 !important; }

.border-very-light-grey { border: 2px solid #f5f5f5; }

.background-very-light-grey { background: #f5f5f5 !important; }

.background-very-light-grey-10 { background: rgba(245, 245, 245, 0.1) !important; }

.background-very-light-grey-hover:hover { background: #f5f5f5 !important; }

.color-very-light-pink { color: #eaeaea !important; }

.color-very-light-pink-hover:hover { color: #eaeaea !important; }

.border-color-very-light-pink { border-color: #eaeaea !important; }

.border-very-light-pink { border: 2px solid #eaeaea; }

.background-very-light-pink { background: #eaeaea !important; }

.background-very-light-pink-10 { background: rgba(234, 234, 234, 0.1) !important; }

.background-very-light-pink-hover:hover { background: #eaeaea !important; }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.home-header, .standard-header { height: 400px; background-position: center center; background-size: cover; }

.home-header::after, .standard-header::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #003087; content: ''; opacity: 0.6; }

.home-header nav, .standard-header nav { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; }

.home-header .header-logo, .standard-header .header-logo { display: block; width: 100%; padding: 15px; }

.home-header .logo-wrapper, .standard-header .logo-wrapper { -ms-flex-preferred-size: 30%; flex-basis: 30%; }

.home-header .mobile-nav, .standard-header .mobile-nav { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding-top: 15px; padding-right: 30px; color: #fff; text-align: right; }

.home-header .mobile-nav i, .standard-header .mobile-nav i { margin-left: 10px; font-size: 30px; vertical-align: middle; }

.home-header .nav-link, .standard-header .nav-link { margin: 0 15px; padding: 45px 0 0; color: #fff; font-size: 1.6rem; cursor: pointer; }

.home-header .nav-link.active, .standard-header .nav-link.active { padding-top: 40px; border-top: 5px solid #fff; }

.home-header .nav-link:hover, .standard-header .nav-link:hover { text-decoration: underline; }

.home-header .nav-group.active .nav-children-container, .standard-header .nav-group.active .nav-children-container { visibility: visible; }

.home-header .nav-children-container, .standard-header .nav-children-container { margin: 5px 15px; visibility: hidden; }

.home-header .nav-children-container .parent-link, .home-header .nav-children-container .child-link, .standard-header .nav-children-container .parent-link, .standard-header .nav-children-container .child-link { display: inline-block; color: #fff; }

.home-header .nav-children-container .spacer, .standard-header .nav-children-container .spacer { margin: 0 10px; color: #fff; }

.before-move { display: none; }

.home-header { height: 100vh; }

.home-header .read-more { position: absolute; bottom: 0; left: 0; width: 100%; cursor: pointer; z-index: 2; }

.home-header .read-more .underline { width: 50px; border-bottom: 1px solid #fff; }

.hamburger-wrapper a { color: #fff; }

@media (min-width: 576px) { .home-header .mobile-nav, .standard-header .mobile-nav { -ms-flex-preferred-size: 25%; flex-basis: 25%; }
  .home-header .logo-wrapper, .standard-header .logo-wrapper { -ms-flex-preferred-size: 30%; flex-basis: 30%; }
  .home-header .header-logo, .standard-header .header-logo { width: 150px; } }

@media (min-width: 768px) { .home-header .mobile-nav, .standard-header .mobile-nav { -ms-flex-preferred-size: 25%; flex-basis: 25%; }
  .home-header .logo-wrapper, .standard-header .logo-wrapper { -ms-flex-preferred-size: 20%; flex-basis: 20%; } }

@media (min-width: 992px) { .home-header .mobile-nav, .standard-header .mobile-nav { -ms-flex-preferred-size: 15%; flex-basis: 15%; }
  .home-header .logo-wrapper, .standard-header .logo-wrapper { -ms-flex-preferred-size: 0; flex-basis: 0; }
  .home-header .desktop-nav, .standard-header .desktop-nav { -ms-flex-preferred-size: 70%; flex-basis: 70%; } }

@media (min-width: 1200px) { .home-header .header-logo, .standard-header .header-logo { width: 230px; } }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.mobile-navigation { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-color: #003087; z-index: 10; }

.mobile-navigation .close-button { position: relative; margin: 15px 30px 0 0; float: right; color: #fff; text-align: right; z-index: 2; }

.mobile-navigation .close-button i { margin-left: 10px; padding-bottom: 1px; font-size: 30px; vertical-align: middle; }

.mobile-navigation .menu { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }

.mobile-navigation .mobile-nav-link { margin: 10px 0; color: #fff; font-size: 24px; }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.breadcrumb { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; background-color: #fff; }

.breadcrumb span { font-size: 1.6rem; }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
footer { background-color: #003087; }

footer .footer-logo { max-width: 125px; }

footer .circle-icon { display: block; width: 36px; height: 36px; padding-top: 2px; border: 2px solid #fff; border-radius: 20px; color: #fff; font-size: 18px; text-align: center; }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.content img { max-width: 100%; height: auto; }

.content img.leftAlone { display: block; margin-right: 1em; float: none; clear: both; }

.content img.center { display: block; margin-right: auto; margin-left: auto; }

.content img.left { display: block; margin-top: 0; margin-right: 1em; float: left; }

.content img.right { display: block; margin-top: 0; margin-left: 1em; float: right; }

.bg-blue { background-color: #f0f5fd; }

.image-circle { border-radius: 200%; }

/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.alert.bad { border-color: #f00; background-color: rgba(255, 0, 0, 0.2); }

input.md-form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; line-height: 1.42857143; }

.userform.userform { width: 100%; margin-top: 3rem; margin-bottom: 3rem; }

.userform.userform [type='submit'] { width: auto; padding-top: 0; padding-bottom: 0; border: 0; background: #003087; color: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.userform.userform .requiredField label::after, .userform.userform label.requiredField::after { content: ' *'; }

.userform.userform fieldset > div, .userform.userform fieldset > fieldset { margin-top: 15px; }

.userform.userform .optionset .middleColumn { width: auto; }

.userform.userform .optionset .middleColumn Ul { margin-left: 0; }

.userform.userform .optionset input { display: inline-block; width: auto; }

/* CWP base */
form.userform .step-button-wrapper button, form.userform .Actions input[type='submit'], form.userform .userform-progress .step-button-jump { font-family: 'Libre Franklin', sans-serif; font-weight: 500; display: block; margin: auto; padding: 12px 60px; border: 0; border-radius: 0; background: #003087; color: #fff; font-size: 1.8rem; letter-spacing: 1.6px; line-height: normal; }

form.userform .Actions input[type='submit'] { -webkit-box-shadow: inset 0 0 0 0 #fff; box-shadow: inset 0 0 0 0 #fff; }

.form-horizontal .form-group { margin-right: 0; margin-left: 0; }

.userform .left { font-weight: normal; }

form.userform div.field { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 15px; padding: 0; }

form.userform div.field::after { display: block; clear: both; content: ""; }

form.userform div.field.userformsstep { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; }

form.userform div.field.textarea { -ms-flex-preferred-size: 100%; flex-basis: 100%; }

form.userform .requiredField label::after { content: ' *'; }

form.userform .error { color: #f00; }

form.userform .alert-error input, form.userform .uneditable-input, form.userform select, form.userform textarea { height: 1.385em; -webkit-box-shadow: none; box-shadow: none; }

form.userform .error-container div { padding: 15px; border: 2px solid #f00; }

form.userform .error-container ul { list-style-position: inside; }

form.userform .error-container li { padding-top: 6px; }

form.userform .error-container a, form.userform .error-container a:active, form.userform .error-container a:focus, form.userform .error-container a:hover, form.userform .error-container a:visited, form.userform .error-container label { margin-bottom: 0; color: #f00; text-decoration: none; cursor: pointer; }

form.userform label { color: #003087; font-size: 1.5rem; }

form.userform label.extra { font-style: italic; }

form.userform label.required::after, .requiredField form.userform label::after { content: ' *'; }

.textarea form.userform label.required, .textarea .requiredField form.userform label { width: 100%; max-width: 100%; }

form.userform span.extra { display: block; margin-bottom: 15px; font-style: italic; }

form.userform .requiredField label span.req-indicator, form.userform .requiredField legend span.req-indicator { display: inline-block; position: relative; width: 6px; height: 16px; color: #f00; text-indent: -999px; overflow: hidden; }

form.userform .requiredField label span.req-indicator::after, form.userform .requiredField legend span.req-indicator::after { position: absolute; left: 0; text-indent: 0; content: '*'; }

form.userform .requiredField.checkbox label.checkbox::after { display: inline-block; color: #f00; content: '*'; }

form.userform legend { border-bottom: 1px solid #cccccc; color: #1a1a1a; font-size: 1em; }

form.userform textarea { width: 100%; height: auto; border: 0; border-left: 2px solid #003087; background-color: #f0f5fd; font-size: 2rem; letter-spacing: 1.4px; }

form.userform input.email, form.userform input.text, form.userform select { width: 100%; height: 50px; padding-right: 15px; padding-left: 15px; border: 0; border-left: 2px solid #003087; background-color: #f0f5fd; color: #003087; font-size: 2rem; letter-spacing: 1.4px; line-height: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; }

form.userform input.email:active, form.userform input.email:focus, form.userform input.text:active, form.userform input.text:focus, form.userform select:active, form.userform select:focus { border-color: #b3b3b3; outline: 0; }

form.userform input.email.date, form.userform input.text.date, form.userform select.date { width: 100px; max-width: 100%; }

#IE7 form.userform input.email.date, #IE7 form.userform input.text.date, #IE7 form.userform select.date { width: 100px; }

#IE7 form.userform input.email, #IE7 form.userform input.text, #IE7 form.userform select { width: 490px; height: 20px; line-height: 20px; }

form.userform input.email::-webkit-input-placeholder, form.userform input.text::-webkit-input-placeholder, form.userform select::-webkit-input-placeholder { color: #a0a1a4; }

form.userform input.email::-moz-placeholder, form.userform input.text::-moz-placeholder, form.userform select::-moz-placeholder { color: #a0a1a4; }

form.userform input.email::-ms-input-placeholder, form.userform input.text::-ms-input-placeholder, form.userform select::-ms-input-placeholder { color: #a0a1a4; }

form.userform input.email::placeholder, form.userform input.text::placeholder, form.userform select::placeholder { color: #a0a1a4; }

form.userform form ul.optionset { margin-left: 0; list-style: none; }

form.userform div.optionset { margin-left: 0; padding-left: 0; }

form.userform div.optionset input.checkbox { min-height: 9px; }

form.userform div.optionset label.required { margin-top: 5px; margin-left: -20px; float: left; }

form.userform fieldset > .middleColumn { margin-top: 0; }

form.userform .checkbox, form.userform .radio { width: auto; margin-right: 5px; }

form.userform div.date input { margin-right: 5px; }

form.userform .ui-datepicker { width: 15em !important; max-width: 50% !important; }

form.userform .ui-widget { font-size: 12px !important; line-height: 12px !important; }

form.userform .Actions::after { display: block; clear: both; content: ""; }

form.userform .Actions .action { margin: 0 15px 15px 0; padding-right: 15px; }

form.userform .Actions #MemberLoginForm_LoginForm_action_dologin { float: left; }

form.userform .Actions #ForgotPassword { font-size: 0.9em; line-height: 2em; }

form.userform .Actions #ForgotPassword a { padding-left: 30px; }

form.userform .Actions.step-buttons { padding: 5px 0; }

form.userform .progress-title { margin-top: 45px; margin-bottom: 15px; }

form.userform .userform-progress { position: relative; }

.typography form.userform .userform-progress p { margin-bottom: 0; text-align: right; }

form.userform .userform-progress div.progress { height: 12px; margin-bottom: 0; }

form.userform .userform-progress div.progress-bar { min-width: 1%; max-width: 99%; height: 12px; background: #1a8fce; }

form.userform .userform-progress .step-button-jump { margin-top: 5px; border: 2px solid #1a8fce; }

form.userform .nocaptcha { width: 100%; padding: 15px; }

form.userform .userformsgroup { margin-top: 3em; margin-bottom: 3em; padding: 1em 0; border: 0; border-top: 1px solid #1a8fce; border-bottom: 1px solid #1a8fce; border-radius: 0; }

form.userform .userformsgroup > legend { margin-left: 8px; }

form.userform .userformsgroup > legend + .control-group { margin-top: 0; }

form ul { margin: 0 0 15px; padding: 0; }

form li { position: initial; }

form li::before { display: none; }

form label { font-weight: normal; }

form #Remember input.checkbox { min-height: 27px; margin-left: -20px; }

form:not(.SubscribeForm) div.checkbox input.checkbox { margin-left: 0; }

@media (min-width: 768px) { form.userform div.field { -ms-flex-preferred-size: 50%; flex-basis: 50%; }
  form.userform div.field .field { padding: 0 15px 0 0; }
  form.userform .nocaptcha { padding-left: 0; } }

@media (max-width: 991.98px) { form.userform .field { padding: 0 15px; } }

header h1, header h2 { color: #fff; }
/*# sourceMappingURL=main.css.map */