@charset "UTF-8";
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
* End Reset
*/
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *  (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.cf:after, .marketing-get-started .billboard__content:after, .promo-box-extended:after, .get-started__background:after, .get-started__background #get-started-ajax-results:after, .get-started .get-started__content .get-started__info .info-header:after,
.get-started .get-started__content .get-started__question .info-header:after, .socials:after, .ng-global-nav__topbar-links:after, .ng-global-nav__search-topics__title:after, .ng-global-nav__search-topics__list:after, .ng-global-nav__promo-collection__wrapper:after, .global-nav .nav-search-dropdown-wrapper .nav-search-topics-title:after, .global-nav .nav-search-dropdown-wrapper .nav-search-topics-list:after, .modal-container .modal .info .info-header:after, #newsletter-modal .modal-container .modal .info #email-signup-results form:after, .footer .footer__bottom:after,
.footer #footer-view-more:after, .landing-nav:after, .subject-matter:after, .guard-experience:after, .guard-experience .guard-experience__container:after, .guard-experience .guard-experience__gallery:after, .calculator:after, .calculator__content .calculator__values:after, .gx:after, .guard-experience-page #video-search:after, .guard-experience-page .video-results:after, .guard-experience-page #video-search-results:after, #app-tech-support .ts__inputs .ts_captcha:after, #app-warrant-officer-contact-results .warrant-officer__inputs:after, .event-detail li:after, .event-list li:after, #app-state-education-contact-results .info-box.state-edu__form:after, #app-state-education-contact-results .info-box.state-edu__result:after, .stem_interior .stem-navigation:after, .stem_interior .stem-interior__title:after, .stem_interior .mos-list:after, body.timeline-phase-2 .ending-slide .timeline-badge_summary-list:after, .ng-statepage__intro:after, .ng-statepage__main-nav:after, .ng-statepage__component__content-entry:after, .component__events .ng-statepage__component__content-entry-info:after, .component__facebook .ng-statepage__component__content-entry:after, .component__links .component__links__social-links .component__links-social-link:nth-child(4):after, .ng-statepage__map__info-window:after, .ng-statepage__map__info-window .info-window-entry:after, .ng-downloads__input-wrapper:after, .ng-downloads__item:after, .ng-downloads__item-info-wrapper:after, .ng-downloads__pagination-wrapper:after, .ng-downloads__pagination-controls:after {
  content: "";
  display: table;
  clear: both; }

.ng-button, .info-box .info-box__link, .downloadable-file .downloadable-file__link, .promo-box-extra .promo-box-extra__link, .get-started .get-started__content .get-started__info .info .show-info,
.get-started .get-started__content .get-started__question .info .show-info, .get-started .get-started__content .get-started__info .get-started__edit a,
.get-started .get-started__content .get-started__question .get-started__edit a, .get-started .get-started__content .get-started__btn, .get-started__buttons .submission, .map-btn, #newsletter-modal .modal-container .modal .info #email-signup-results input.submission, .footer .footer__alternate a, .footer #footer-view-more .footer-primary-nav a, .calculator .submission, .calculator .fitness-list .fitness-list__btn a, #app-tech-support .ts__inputs .submission, #app-warrant-officer-contact-results input[type='submit'], #stem-signup-results .submission, #app-state-education-contact-results .submission, .stem-home #stem-signup .submission, .breakpoint-palm-only .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .edit-answer, .breakpoint-tablet-up .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .edit-answer, .my-enlistment-timeline .edit-questionnairre .edit-answer-list .finished-editing, .my-enlistment-timeline .selection-statement a.answer-reset, .my-enlistment-timeline .see-all-career-fields, .my-enlistment-timeline a.build-timeline, .my-enlistment-timeline main.dashboard header a, .ng-statepage__component__content-link, .ng-downloads__item-link, .pagination__control, .ng-downloads__entry-link {
  display: inline-block;
  font-weight: 100;
  font-size: 0.6em;
  color: white;
  border-radius: 0.25em;
  background-color: #035496;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  border: none; }
  .ng-button:hover, .info-box .info-box__link:hover, .downloadable-file .downloadable-file__link:hover, .promo-box-extra .promo-box-extra__link:hover, .get-started .get-started__content .get-started__info .info .show-info:hover,
  .get-started .get-started__content .get-started__question .info .show-info:hover, .get-started .get-started__content .get-started__info .get-started__edit a:hover,
  .get-started .get-started__content .get-started__question .get-started__edit a:hover, .get-started .get-started__content .get-started__btn:hover, .get-started__buttons .submission:hover, .map-btn:hover, #newsletter-modal .modal-container .modal .info #email-signup-results input.submission:hover, .footer .footer__alternate a:hover, .footer #footer-view-more .footer-primary-nav a:hover, .calculator .submission:hover, .calculator .fitness-list .fitness-list__btn a:hover, #app-tech-support .ts__inputs .submission:hover, #app-warrant-officer-contact-results input[type='submit']:hover, #stem-signup-results .submission:hover, #app-state-education-contact-results .submission:hover, .stem-home #stem-signup .submission:hover, .breakpoint-palm-only .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .edit-answer:hover, .breakpoint-tablet-up .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .edit-answer:hover, .my-enlistment-timeline .edit-questionnairre .edit-answer-list .finished-editing:hover, .my-enlistment-timeline .selection-statement a.answer-reset:hover, .my-enlistment-timeline .see-all-career-fields:hover, .my-enlistment-timeline a.build-timeline:hover, .my-enlistment-timeline main.dashboard header a:hover, .ng-statepage__component__content-link:hover, .ng-downloads__item-link:hover, .pagination__control:hover, .ng-downloads__entry-link:hover {
    background-color: #03467d; }

.stop-scrolling {
  height: 100%;
  overflow: hidden; }

html {
  background-color: #2e2e2e; }
  @media screen and (max-width: 749px) {
    html {
      font-size: 16px; } }
  @media screen and (min-width: 750px) and (max-width: 1024px) {
    html {
      font-size: 48px; } }
  @media screen and (min-width: 1025px) {
    html {
      font-size: 50px; } }

body {
  margin: 0 auto; }
  body a {
    text-decoration: none; }

.page-constraint {
  height: 100%;
  background: #FFFFFF; }

.content-constraint, .breakpoint-large-desktop-only .get-started, .breakpoint-desktop-only .ng-global-nav__promo-collection__wrapper, .breakpoint-large-desktop-only .ng-global-nav__promo-collection__wrapper, .breakpoint-large-desktop-only .slide__container, .breakpoint-large-desktop-only .sequence-pagination-wrapper, .breakpoint-large-desktop-only .modal-container .modal .info, .breakpoint-large-desktop-only .hero .hero__content, .breakpoint-large-desktop-only .footer .footer__top .footer__top-content-wrapper, .breakpoint-large-desktop-only .footer .footer__bottom-content-wrapper, .breakpoint-large-desktop-only .footer #footer-view-more .footer-view-more-content-wrapper, .breakpoint-large-desktop-only .more-topics, .breakpoint-large-desktop-only .subject-matter, .breakpoint-large-desktop-only .gx .banner-content-wrapper, .breakpoint-large-desktop-only .gx .gx__container, .breakpoint-large-desktop-only .guard-experience-page .video-results, .breakpoint-large-desktop-only .my-enlistment-timeline .subject-matter .timeline-content-wrapper, .breakpoint-large-desktop-only .my-enlistment-timeline .edit-questionnairre .edit-answer-list, .breakpoint-large-desktop-only .my-enlistment-timeline .questionnairre, .breakpoint-large-desktop-only .my-enlistment-timeline .timeline-splash .timeline-splash-content-wrapper, .breakpoint-large-desktop-only .my-enlistment-timeline main.dashboard .white-out, .breakpoint-large-desktop-only .step-detail-wrapper .steps .step-header .d3-timeline-wrapper #d3-timeline, .breakpoint-large-desktop-only .step-detail-wrapper .steps .step-header .step-header-title, .breakpoint-large-desktop-only .step-detail-wrapper .steps .step-header .step-controls, .breakpoint-large-desktop-only .step-detail-wrapper .step-headline, .breakpoint-large-desktop-only .step-detail-wrapper .what-it-is-wrapper, .breakpoint-large-desktop-only .step-detail-wrapper .bottom-row, .breakpoint-large-desktop-only #d3-timeline {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  font-size: 60px; }

hr {
  margin-bottom: 0; }

iframe {
  position: absolute; }

/* make sure mediaplex tags do not mess up the document flow */
input::-webkit-input-placeholder {
  color: #035496; }
input:-moz-placeholder {
  /* Firefox 18- */
  color: #035496; }
input::-moz-placeholder {
  /* Firefox 19+ */
  color: #035496; }
input:-ms-input-placeholder {
  color: #035496; }

.gray-box-bg, .gray-box, .stem_interior .mos .mos-pane .mos-code, .info-box, .downloadable-file, .slide__container .slide__subtitle, .sequence-pagination-wrapper .slide__subtitle {
  /* Generated by http://www.visualcsstools.com/ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTIuMjI0NyUiIHkxPSIxMjMuOTIyNCUiIHgyPSI4Ny43NzUzJSIgeTI9Ii0yMy45MjI0JSI+PHN0b3Agb2Zmc2V0PSIwLjk1IiBzdG9wLWNvbG9yPSJyZ2JhKDEwLCAxMCwgMTAsIDAuOCkiLz48c3RvcCBvZmZzZXQ9IjAuOTUiIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMCkiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZzEpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(225deg, transparent 5%, rgba(10, 10, 10, 0.8) 5%);
  background-image: -moz-linear-gradient(225deg, transparent 5%, rgba(10, 10, 10, 0.8) 5%);
  background-image: -ms-linear-gradient(225deg, transparent 5%, rgba(10, 10, 10, 0.8) 5%);
  background-image: linear-gradient(225deg, transparent 5%, rgba(10, 10, 10, 0.8) 5%);
  background-size: 100% 100%;
  background-repeat: no-repeat; }

.gray-box, .stem_interior .mos .mos-pane .mos-code {
  height: 100%;
  color: #bababa; }

.marketing-get-started .billboard__content {
  background-color: #000000;
  margin-top: 53px; }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    .marketing-get-started .billboard__content {
      padding: 0 5%;
      font-size: 0.9em; } }
  @media screen and (min-width: 750px) and (max-width: 1024px) {
    .marketing-get-started .billboard__content {
      padding: 0 5%;
      font-size: 0.9em; } }
  @media screen and (min-width: 1025px) {
    .marketing-get-started .billboard__content {
      padding: 0 12.5%;
      font-size: 0.75em; } }

/* Some general page styling for one-off pages */
.subject-matter .general-wrapper {
  padding: 2em;
  text-transform: none !important;
  color: #626663;
  font-size: 1em; }
  .breakpoint-tablet-up .subject-matter .general-wrapper {
    font-size: 0.6em; }
  .subject-matter .general-wrapper .vertical-padded {
    padding-bottom: 2em; }
  .subject-matter .general-wrapper .top-lined {
    border-top: 1px solid #626663;
    border-bottom: 1px solid #626663;
    padding: 0.5em 0; }

/* Breaking News Section */
#breaking_news_container {
  position: relative;
  top: 0;
  background-color: #EB363E;
  z-index: 3;
  padding: 1em;
  width: 100%; }
  #breaking_news_container .breaking_news {
    color: #fff;
    font-size: 1em;
    line-height: 1em;
    font-family: 'DIN-Medium';
    position: relative;
    overflow: hidden;
    /* Icon */ }
    #breaking_news_container .breaking_news input {
      position: absolute;
      opacity: 0;
      z-index: -1; }
    #breaking_news_container .breaking_news label {
      position: relative;
      display: block;
      cursor: pointer;
      font-family: 'DIN-Bold';
      text-transform: uppercase;
      letter-spacing: 0.015em; }
    #breaking_news_container .breaking_news .breaking_news_content {
      display: none;
      padding: 1em 1.5em 1em 0;
      line-height: 1.2; }
      #breaking_news_container .breaking_news .breaking_news_content .breaking_news_content_sub_header {
        font-family: 'DIN-Bold';
        margin-top: 1em; }
    #breaking_news_container .breaking_news label::after {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      text-align: center;
      -webkit-transition: all .35s;
      -o-transition: all .35s;
      transition: all .35s; }
    #breaking_news_container .breaking_news input[type=checkbox] + label::after {
      font-family: "ngicons";
      text-rendering: optimizeLegibility;
      content: "\f127"; }
    #breaking_news_container .breaking_news input[type=checkbox]:checked + label::after {
      transform: rotateX(180deg); }
    #breaking_news_container .breaking_news a {
      color: #fff;
      border-bottom: 1px solid #fff; }
    #breaking_news_container .breaking_news a:hover {
      color: #373737;
      border-bottom-color: #373737; }

/*
* Objects are styles that can be
* used on many sites
*/
/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
  position: relative;
  text-align: left;
  display: block;
  margin: 0 auto;
  border-radius: 0.3em; }
  .select2-container input,
  .select2-container select,
  .select2-container .select2-input {
    color: #035496; }
    .select2-container input #inner-editor,
    .select2-container select #inner-editor,
    .select2-container .select2-input #inner-editor {
      color: #035496; }

.select2-container .select2-choice {
  display: block;
  height: 3em;
  border-radius: 0.3em;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  color: #035496;
  text-decoration: none;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(top, #fff 0%, #eee 50%); }

.select2-container.select2-drop-above .select2-choice {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #eee 0%, #fff 90%); }

.select2-container .select2-choice > .select2-chosen {
  margin: 0.4em 0.5em;
  text-align: middle;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 2.25; }

.select2-container .select2-choice abbr {
  display: none;
  width: 0.25em;
  width: 0.25em;
  position: absolute;
  width: 0.5em;
  width: 0.15em;
  font-size: 0.05em;
  text-decoration: none;
  border: 0;
  background-image: url("../images/SVG/ng_arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block; }

.select2-container .select2-choice abbr:hover {
  background-position: right -0.11em;
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 7000;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-drop {
  width: 100%;
  margin-top: -0.5em;
  position: absolute;
  z-index: 13000;
  background: #fff;
  color: #035496;
  border-radius: 0 0 0.3em 0.3em;
  -webkit-box-shadow: 0 0.4em 0.5em rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.4em 0.5em rgba(0, 0, 0, 0.15); }

.select2-drop-auto-width {
  width: auto; }

.select2-drop-auto-width .select2-search {
  padding-top: 0.4em; }

.select2-drop.select2-drop-above {
  margin-bottom: -0.5em;
  border-radius: 0.3em 0.3em 0 0;
  -webkit-box-shadow: 0 -0.4em 0.5em rgba(0, 0, 0, 0.15);
  box-shadow: 0 -0.4em 0.5em rgba(0, 0, 0, 0.15); }

.select2-drop-active {
  border-top: 0; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-bottom: 0; }

.select2-container .select2-choice .select2-arrow.icon-ng_point-down,
.select2-container .select2-choice .select2-arrow.icon-ng_point-up {
  position: absolute;
  top: 25%; }

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 1.25em;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0;
  background-clip: padding-box; }

.select2-container .select2-choice .select2-arrow b {
  display: block; }

.select2-search {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding-left: 0.4em;
  padding-right: 0.4em;
  position: relative;
  z-index: 9000;
  white-space: nowrap; }

.select2-search input {
  width: 100%;
  height: auto !important;
  padding: 0.25em 0.5em;
  padding-right: 2em;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 0.1em solid #035496;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 0.4em; }

.select2-search input.select2-active {
  background: #fff url("../images/select2-spinner.gif") no-repeat 100%;
  background: url("../images/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("../images/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../images/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../images/select2-spinner.gif") no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%); }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  outline: none; }

.select2-dropdown-open .select2-choice {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(top, #fff 0%, #eee 50%); }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(bottom, #fff 0%, #eee 50%); }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none; }

/* results */
.select2-results {
  max-height: 15em;
  padding: 0 0 0 0.4em;
  margin: 0.4em 0.4em 0.4em 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent; }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 2em; }

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 4em; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 6em; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 8em; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 10em; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 11em; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 12em; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold; }

.select2-results .select2-result-label {
  padding: 0.3em 0.7em 0.4em;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results .select2-highlighted {
  background: #035496;
  color: #fff; }

.select2-results li em {
  background: #feffde;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #035496; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results.select2-active {
  background: #f4f4f4 url("../images/select2-spinner.gif") no-repeat 100%; }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none; }

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(top, #eee 1%, #fff 15%); }

.select2-locked {
  padding: 0.3em 0.5em 0.3em 0.5em !important; }

.select2-container-multi .select2-choices {
  min-height: 2.6em; }

.select2-container-multi.select2-container-active .select2-choices {
  outline: none;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3); }

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none; }

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 0.5em;
  margin: 0.1em 0;
  font-family: sans-serif;
  font-size: 1em;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important; }

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("../images/select2-spinner.gif") no-repeat 100% !important; }

.select2-default {
  color: #999 !important; }

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 0.3em 0.5em 0.3em 1.8em;
  margin: 0.3em 0 0.3em 0.5em;
  position: relative;
  line-height: 1.3em;
  color: #035496;
  cursor: default;
  border-radius: 0.3em;
  -webkit-box-shadow: 0 0 0.2em #fff inset, 0 0.1em 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0.2em #fff inset, 0 0.1em 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); }

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4; }

.select2-search-choice-close {
  display: block;
  width: 1.2em;
  height: 1.3em;
  position: absolute;
  right: 0.3em;
  top: 0.4em;
  outline: none;
  background-image: url("../images/SVG/ng_triangle-up.svg");
  background-size: contain;
  background-repeat: no-repeat; }

.select2-container-multi .select2-search-choice-close {
  left: 0.3em; }

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -1.1em; }

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -1.1em; }

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  cursor: default; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 0.3em 0.5em 0.5em 0.5em;
  background-image: none;
  background-color: #f4f4f4; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none; }

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 0.1em !important;
  height: 0.1em !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0 !important;
  top: 0 !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -1000em;
  left: -1000em;
  width: 100em;
  height: 10em;
  overflow: scroll; }

.mejs-offscreen {
  /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).  Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 - no likey commas */
  clip: rect(1px, 1px, 1px, 1px);
  /* IE8-IE11 - we likey commas, no support for clip-path */
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.mejs-container {
  position: relative;
  background: #000;
  font-family: Helvetica, Arial;
  text-align: left;
  vertical-align: top;
  text-indent: 0; }

.mejs-container:focus {
  outline: none; }

.me-plugin {
  position: absolute; }

.mejs-embed, .mejs-embed body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden; }

.mejs-fullscreen {
  /* set it to not show scroll bars so 100% will work */
  overflow: hidden !important; }

.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000; }

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
  width: 100%;
  height: 100%; }

.mejs-clear {
  clear: both; }

/* Start: LAYERS */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

:root .mejs-poster img {
  display: none; }

.mejs-poster img {
  border: 0;
  padding: 0;
  border: 0; }

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-overlay-play {
  cursor: pointer; }

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url("../images/SVG/ng_play-box.svg") no-repeat;
  background-size: contain; }

.no-svg .mejs-overlay-button {
  background-image: url(bigplay.png); }

.mejs-overlay:hover .mejs-overlay-button {
  box-shadow: 0 0 10px #000; }

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: #333;
  background: url(background.png);
  background: rgba(0, 0, 0, 0.9);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); }

.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url(loading.gif) 50% 50% no-repeat; }

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  background: url(background.png);
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  height: 30px;
  width: 100%; }

.mejs-container .mejs-controls div {
  list-style-type: none;
  background-image: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 11px;
  font-family: Helvetica, Arial;
  border: 0; }

.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  margin: 7px 5px;
  padding: 0;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 0;
  background: transparent url(controls.svg) no-repeat; }

.no-svg .mejs-controls .mejs-button button {
  background-image: url(controls.png); }

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
  outline: dotted 1px #999; }

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  padding: 10px 3px 0 3px;
  overflow: hidden;
  text-align: center;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.mejs-container .mejs-controls .mejs-time a {
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  display: block;
  float: left;
  margin: 1px 2px 0 0;
  width: auto; }

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
  background-position: 0 0; }

.mejs-controls .mejs-pause button {
  background-position: 0 -16px; }

.mejs-controls .mejs-stop button {
  background-position: -112px 0; }

/* Start: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
  direction: ltr;
  width: 200px;
  padding-top: 5px; }

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-time-rail .mejs-time-buffering {
  width: 100%;
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), right);
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
  -webkit-animation: buffering-stripes 2s linear infinite;
  -moz-animation: buffering-stripes 2s linear infinite;
  -ms-animation: buffering-stripes 2s linear infinite;
  -o-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite; }

@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }
@-moz-keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }
@-ms-keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }
@-o-keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }
@keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #3caac8;
  background: rgba(60, 170, 200, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
  background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111; }

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #eee;
  border-color: #eee transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: 15px;
  left: 13px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
  width: 48px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: 44px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
  left: 18px; }

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
  visibility:visible;
}
*/
/* End: Progress Bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px; }

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-mute button {
  background-position: -16px -16px; }

.mejs-controls .mejs-unmute button {
  background-position: -16px 0; }

.mejs-controls .mejs-volume-button {
  position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0; }

.mejs-controls .mejs-volume-button:hover {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
  display: block;
}
*/
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.5);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  cursor: N-resize;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin: 0; }

/* horizontal version */
.mejs-controls a.mejs-horizontal-volume-slider {
  height: 26px;
  width: 56px;
  position: relative;
  display: block;
  float: left;
  vertical-align: middle; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none; }

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
  position: relative; }

.mejs-controls .mejs-captions-button button {
  background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -51px;
  width: 85px;
  height: 100px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px 10px 0 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
  visibility: visible; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 55px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0; }

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px #fff;
  width: 10000px;
  z-index: 1; }

.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: #222;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
  overflow: hidden;
  border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: #666;
  background: rgba(102, 102, 102, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, left, right);
  background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  color: #fff; }

.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline; }

.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal; }

.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0; }

.mejs-captions-position-hover {
  bottom: 35px; }

.mejs-captions-text {
  padding: 3px 5px;
  background: url(background.png);
  background: rgba(20, 20, 20, 0.5);
  white-space: pre-wrap; }

/* End: Track (Captions and Chapters) */
/* Start: Error */
.me-cannotplay a {
  color: #fff;
  font-weight: bold; }

.me-cannotplay span {
  padding: 15px;
  display: block; }

/* End: Error */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button {
  background-position: -64px 0; }

/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0; }

/* End: backlight */
/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0; }

/* End: Picture Controls */
/* context menu */
.mejs-contextmenu {
  position: absolute;
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #999;
  z-index: 1001;
  /* make sure it shows on fullscreen */ }

.mejs-contextmenu .mejs-contextmenu-separator {
  height: 1px;
  font-size: 0;
  margin: 5px 6px;
  background: #333; }

.mejs-contextmenu .mejs-contextmenu-item {
  font-family: Helvetica, Arial;
  font-size: 12px;
  padding: 4px 6px;
  cursor: pointer;
  color: #333; }

.mejs-contextmenu .mejs-contextmenu-item:hover {
  background: #2C7C91;
  color: #fff; }

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
  position: relative; }

.mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px; }

/* End: Source Chooser */
/* Start: Postroll */
.mejs-postroll-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  z-index: 1000;
  overflow: hidden; }

.mejs-postroll-layer-content {
  width: 100%;
  height: 100%; }

.mejs-postroll-close {
  position: absolute;
  right: 0;
  top: 0;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  color: #fff;
  padding: 4px;
  z-index: 100;
  cursor: pointer; }

/* End: Postroll */
/* Start: Speed */
div.mejs-speed-button {
  width: 46px !important;
  position: relative; }

.mejs-controls .mejs-button.mejs-speed-button button {
  background: transparent;
  width: 36px;
  font-size: 11px;
  line-height: normal;
  color: #ffffff; }

.mejs-controls .mejs-speed-button .mejs-speed-selector {
  display: none;
  position: absolute;
  top: -100px;
  left: -10px;
  width: 60px;
  height: 100px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 0;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
  display: block; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
  color: #21f8f8; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
  margin: 0 0 6px 0;
  padding: 0 10px;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
  display: none; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
  width: 60px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 11.5px;
  color: white;
  margin-left: 5px;
  cursor: pointer; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
  background-color: #c8c8c8 !important;
  background-color: rgba(255, 255, 255, 0.4) !important; }

/* End: Speed */
/* Start: Jump Forward */
.mejs-controls .mejs-button.mejs-jump-forward-button {
  background: transparent url(jumpforward.png) no-repeat;
  background-position: 3px 3px; }

.mejs-controls .mejs-button.mejs-jump-forward-button button {
  background: transparent;
  font-size: 9px;
  line-height: normal;
  color: #ffffff; }

/* End: Jump Forward */
/* Start: Skip Back */
.mejs-controls .mejs-button.mejs-skip-back-button {
  background: transparent url(skipback.png) no-repeat;
  background-position: 3px 3px; }

.mejs-controls .mejs-button.mejs-skip-back-button button {
  background: transparent;
  font-size: 9px;
  line-height: normal;
  color: #ffffff; }

/* End: Skip Back */
@font-face {
  font-family: 'DIN-Bold';
  src: url("../fonts/DIN/bold/DINWeb-Bold.eot");
  src: url("../fonts/DIN/bold/DINWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN/bold/DINWeb-Bold.woff") format("woff"), url("../fonts/DIN/bold/DINComp-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DIN-Medium';
  src: url("../fonts/DIN/medium/DINWeb-Medium.eot");
  src: url("../fonts/DIN/medium/DINWeb-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN/medium/DINWeb-Medium.woff") format("woff"), url("../fonts/DIN/medium/DINComp-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DIN-Regular';
  src: url("../fonts/DIN/regular/DINWeb.eot");
  src: url("../fonts/DIN/regular/DINWeb.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN/regular/DINWeb.woff") format("woff"), url("../fonts/DIN/regular/DINComp.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Droid';
  src: url("../fonts/Droid_Sans/DroidSans-webfont.eot");
  src: url("../fonts/Droid_Sans/DroidSans-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Droid_Sans/DroidSans-webfont.woff") format("woff"), url("../fonts/Droid_Sans/DroidSans-webfont.ttf") format("truetype"), url("../fonts/Droid_Sans/DroidSans-webfont.svg#droid_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'cf-icon-font';
  src: url("../fonts/cf_icon_font/cf-icon-font.eot");
  src: url("../fonts/cf_icon_font/cf-icon-font.eot?#iefix") format("embedded-opentype"), url("../fonts/cf_icon_font/cf-icon-font.woff") format("woff"), url("../fonts/cf_icon_font/cf-icon-font.ttf") format("truetype"), url("../fonts/cf_icon_font/cf-icon-font.svg?#cf-icon-font") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
* create a mixin for icon font settings.
* have that populate the array of classes that trigger the font
*/
[class*="droid-"], .droid, body, .event-list .event-name, .ng-statepage__intro, .component__facebook__entry-description, .component__custom__entry-description, .component__jobs .component__jobs__entry-description, .component__events .component__events__entry-description {
  font-family: 'Droid', Arial, Helvetica, san-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class*="din-"], .din, .subject-matter .general-wrapper, #side-menu, .info-box .info-box__header, .related-media__content, .promo-box .promo-box__content, .promo-box-extra .promo-box-extra__header, .get-started .get-started__content .get-started__banner .get-started__banner-header, .get-started .get-started__content .get-started__info .basic-info h3,
.get-started .get-started__content .get-started__info .info h3,
.get-started .get-started__content .get-started__question .basic-info h3,
.get-started .get-started__content .get-started__question .info h3, .get-started .get-started__spacing.birth-date h3, .get-started .get-started__spacing.phone h3, .get-started .get-started__spacing.gender h3, .get-started .get-started__spacing.height h3, .get-started .get-started__spacing.weight h3, .get-started .get-started__spacing.motivation h3, .mobile-get-started .get-started__banner .get-started__banner-header, .mobile-get-started .get-started__form, .get-started-footer .get-started__banner h3, .get-started-footer .get-started__form, .ng-global-nav__dropdowns-content, .ng-global-nav__promo-collections-content, .global-nav__search-dropdown__title, .breakpoint-palm-only .global-nav__explore__main-menu__link, .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li a.sub-item, .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li.nav-states ul.nav-state-list li.nav-state-item a.nav-state-link, .global-nav .nav-mobile-search-wrapper .nav-mobile-phone, .global-nav .nav-search-dropdown-wrapper .nav-search-dropdown-title, .feature .feature__content .feature__header, .slide__container .slide__title, .sequence-pagination-wrapper .slide__title, .slide__container .slide__link, .sequence-pagination-wrapper .slide__link, .map-content-wrapper .contact-instructions, .map-wrapper .contact-info, .state-select-wrapper select, .modal-container .modal .info .info-header h3, #newsletter-modal .modal-container .modal .info #email-signup-results input.submission, .modal-container.career-field .modal .info .info-content .career-field__modal-header, .timeline, .hero .hero__content, .footer .footer__alternate .footer__alternate__header, .footer #footer-view-more .footer-secondary-nav a,
.footer #footer-view-more .footer-tertiary-nav a, .footer .banner .quick-links,
.footer .banner .info,
.footer .banner .chat, .landing-links .landing-links__content, .calculator .fitness-results .reset a, .calculator .fitness-results .values.total-score strong, .calculator .fitness-results .values.total-score .value,
.calculator .fitness-results .values.total-score .value_max, .calculator .fitness-results .values .value,
.calculator .fitness-results .values .value_max, .calculator__banner, .calculator__content .calculator__result-header, .calculator__content .calculator__reset, .calculator__content .calculator__values .calculator__value, .promo-menu .promo-menu__headline, .chosen-container, .event-detail .date, .event-list .date, .event-list .pagination > ul li, .stem_interior .stem-navigation .menu-header, .stem_interior .mos .mos-pane .mos-code, .stem_interior .mos .mos-description .mos-title, .stem_interior .mos .mos-careers .mos-careers__header, .stem_interior .mos .mos-navigation a, .my-enlistment-timeline [type='submit'], .my-enlistment-timeline .questionnairre .question-header, .my-enlistment-timeline .edit-questionnairre .question-header, .my-enlistment-timeline .selection-statement span, .my-enlistment-timeline .steps .step-header, .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-career-category-wrapper .timeline-career-category h2, body.my-enlistment-timeline .flow-divider p, .my-enlistment-timeline .timeline-splash h1, .my-enlistment-timeline .timeline-splash h3, .my-enlistment-timeline .timeline-splash .how-it-works strong, .my-enlistment-timeline .timeline-splash .how-it-works ol li, .my-enlistment-timeline .timeline-splash .how-it-works ol li:before, .my-enlistment-timeline main.dashboard header .mgt-header span, .my-enlistment-timeline main.dashboard .white-out > span, .my-enlistment-timeline main.dashboard .white-out .timeline-actions li a[class^="icon"], .questionairre-wrapper .questionnaire__header, .step-detail-wrapper .steps .step-header, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content .slider-slide .slide-expand, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper .slider-slide .slide-expand, .step-detail-wrapper .step-faqs .section-head, .chart-tooltip-title, .chart-tooltip-go, body.timeline-phase-2 .select2-drop, body.timeline-phase-2 .timeline-intro .timeline-slide, body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro, body.timeline-phase-2 .timeline-intro .login-link, body.timeline-phase-2 .year-wrapper .timeline-slide-card-status, body.timeline-phase-2 .overlay .view-profile-sidebar, body.timeline-phase-2 .overlay .overlay-sidebar, body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info, body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-career-field, body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-wrapper, body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-info-title, .ng-statepage__main-nav-item, .ng-statepage__component-header, .component__jobs .component__jobs__entry-contact-link, .component__events .component__events__entry-title, .ng-statepage__map__info-window, .ng-statepage-slider li.brigade-slide .brigade-slide-title, .ng-downloads__category__header, .ng-downloads__sub-category__header-title {
  font-family: 'DIN-Medium';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: uppercase;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class*="din-regular-"], .din-regular, .ng-global-nav__topbar-link, .ng-global-nav__topbar-link.inactive-link:hover, .ng-global-nav__search-form input[type="text"], .global-nav__explore__main-menu__link, .global-nav .nav-search-form input[type="text"], .my-enlistment-timeline .questionnairre .question-header .header__text, .my-enlistment-timeline .edit-questionnairre .question-header .header__text, .my-enlistment-timeline .overview-wrapper .timeline-overview-title, .my-enlistment-timeline .overview-wrapper .overview-summary, .my-enlistment-timeline .overview-wrapper .timeline-steps ol, .my-enlistment-timeline .timeline-tagged:before, .my-enlistment-timeline .timeline-splash .account-actions a, .step-detail-wrapper .steps .step-header .step-header-title, .step-detail-wrapper .steps .step-header .step-title h1, .step-detail-wrapper .steps .step-header .step-controls .previous,
.step-detail-wrapper .steps .step-header .step-controls .next, .step-detail-wrapper .step-headline, .chart-tooltip-step, .chart-tooltip-description, .chart-tooltip-go, body.timeline-phase-2 .year-wrapper, body.timeline-phase-2 .mobile-modal, body.timeline-phase-2 #timeline .timeline-slide, .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.content .timeline-slide-html .timeline-slide-overview .timeline-card-blurb, .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.end .timeline-slide-html .timeline-slide-overview .timeline-card-blurb, .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.decision .timeline-slide-html .timeline-slide-overview .timeline-card-blurb, .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.end .timeline-card-blurb, body.timeline-phase-2 .ending-slide .timeline-calltoaction, body.ng-statepage, .ng-statepage__map__info-window p, body.ng-fullwidth-fluid {
  font-family: 'DIN-Regular';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: uppercase;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class*="din-bold-"], .din-bold, .no-touch .ng-global-nav__topbar-link:hover, .active-link, .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded a, .global-nav .global-nav-wrapper .nav-content-wrapper #how-to-join a, .map-content-wrapper h2, .map-wrapper .contact-info .contact-info-header, .map-wrapper .contact-info .contact-info-data, .my-enlistment-timeline .steps .section-head, body.my-enlistment-timeline .flow-divider .flow-number, body.my-enlistment-timeline .flow-divider p.all-caps, body.my-enlistment-timeline .flow-divider a.ng-button, body.my-enlistment-timeline .flow-divider .info-box a.info-box__link, .info-box body.my-enlistment-timeline .flow-divider a.info-box__link, body.my-enlistment-timeline .flow-divider .downloadable-file a.downloadable-file__link, .downloadable-file body.my-enlistment-timeline .flow-divider a.downloadable-file__link, body.my-enlistment-timeline .flow-divider .promo-box-extra a.promo-box-extra__link, .promo-box-extra body.my-enlistment-timeline .flow-divider a.promo-box-extra__link, body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__info .info a.show-info, .get-started .get-started__content .get-started__info .info body.my-enlistment-timeline .flow-divider a.show-info,
body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__question .info a.show-info,
.get-started .get-started__content .get-started__question .info body.my-enlistment-timeline .flow-divider a.show-info, body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__info .get-started__edit a, .get-started .get-started__content .get-started__info .get-started__edit body.my-enlistment-timeline .flow-divider a,
body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__question .get-started__edit a,
.get-started .get-started__content .get-started__question .get-started__edit body.my-enlistment-timeline .flow-divider a, body.my-enlistment-timeline .flow-divider .get-started .get-started__content a.get-started__btn, .get-started .get-started__content body.my-enlistment-timeline .flow-divider a.get-started__btn, body.my-enlistment-timeline .flow-divider .get-started__buttons a.submission, .get-started__buttons body.my-enlistment-timeline .flow-divider a.submission, body.my-enlistment-timeline .flow-divider a.map-btn, body.my-enlistment-timeline .flow-divider .footer .footer__alternate a, .footer .footer__alternate body.my-enlistment-timeline .flow-divider a, body.my-enlistment-timeline .flow-divider .footer #footer-view-more .footer-primary-nav a, .footer #footer-view-more .footer-primary-nav body.my-enlistment-timeline .flow-divider a, body.my-enlistment-timeline .flow-divider .calculator a.submission, .calculator body.my-enlistment-timeline .flow-divider a.submission, body.my-enlistment-timeline .flow-divider .calculator .fitness-list .fitness-list__btn a, .calculator .fitness-list .fitness-list__btn body.my-enlistment-timeline .flow-divider a, body.my-enlistment-timeline .flow-divider #app-tech-support .ts__inputs a.submission, #app-tech-support .ts__inputs body.my-enlistment-timeline .flow-divider a.submission, body.my-enlistment-timeline .flow-divider #stem-signup-results a.submission, #stem-signup-results body.my-enlistment-timeline .flow-divider a.submission, body.my-enlistment-timeline .flow-divider #app-state-education-contact-results a.submission, #app-state-education-contact-results body.my-enlistment-timeline .flow-divider a.submission, body.my-enlistment-timeline .flow-divider .stem-home #stem-signup a.submission, .stem-home #stem-signup body.my-enlistment-timeline .flow-divider a.submission, .breakpoint-palm-only body.my-enlistment-timeline .flow-divider .edit-questionnairre .edit-answer-list > div a.edit-answer, .breakpoint-palm-only body.my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .flow-divider a.edit-answer, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .edit-questionnairre .edit-answer-list > div a.edit-answer, .breakpoint-tablet-up body.my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .flow-divider a.edit-answer, body.my-enlistment-timeline .flow-divider .edit-questionnairre .edit-answer-list a.finished-editing, body.my-enlistment-timeline .edit-questionnairre .edit-answer-list .flow-divider a.finished-editing, body.my-enlistment-timeline .flow-divider .selection-statement a.answer-reset, body.my-enlistment-timeline .selection-statement .flow-divider a.answer-reset, body.my-enlistment-timeline .flow-divider a.see-all-career-fields, body.my-enlistment-timeline .flow-divider a.build-timeline, body.my-enlistment-timeline .flow-divider main.dashboard header a, body.my-enlistment-timeline main.dashboard header .flow-divider a, body.my-enlistment-timeline .flow-divider a.ng-statepage__component__content-link, body.my-enlistment-timeline .flow-divider a.ng-downloads__item-link, body.my-enlistment-timeline .flow-divider a.pagination__control, body.my-enlistment-timeline .flow-divider a.ng-downloads__entry-link, .breakpoint-palm-only .my-enlistment-timeline .timeline-splash h3, .step-detail-wrapper .steps .step-header .step-header-title .step-header-career-title, .step-detail-wrapper .steps .step-header .step-title h3, .step-detail-wrapper .steps .section-head, .step-detail-wrapper .step-headline .headline-left .step-number, .step-detail-wrapper .step-headline .headline-right .timer, .step-detail-wrapper .bottom-row .how-to-prepare ol, body.timeline-phase-2 .video-wrapper .video-slide-content .video-slide-title, body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .field-label, body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .chosen-container, body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .mobile-start-timeline, body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .field-label, body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html div .page-title, .breakpoint-palm-only body.timeline-phase-2 .mobile-modal .mobile-modal-close, body.timeline-phase-2 .mobile-modal .mobile-modal-status span, body.timeline-phase-2 .mobile-modal .mobile-modal-content-wrapper .mobile-modal-content .mobile-modal-content-title, body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats, body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-title, body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-label-wrapper, .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-career-field, body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-career-field .bank-career-field-title, .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-rank, body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-rank .bank-rank-title, body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-pay, .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-pay, body.timeline-phase-2 .overlay .overlay-close, body.timeline-phase-2 .overlay .bank-status .current-year, body.timeline-phase-2 .timeline-console .sidebar-year-item, body.timeline-phase-2 .timeline-console .sidebar-year-item:hover, body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-slide-title, .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-card-read-more, body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers .timeline-answer.chosen, .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers .timeline-answer.chosen, body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block, body.timeline-phase-2 .ending-slide .timeline-summary, body.timeline-phase-2 .ending-slide .timeline-summary-title, body.timeline-phase-2 .ending-slide .timeline-badge_summary-list .summary-badge .badge-title, body.timeline-phase-2 .ending-slide .timeline-badge_summary-list .summary-badge .badge-description, body.timeline-phase-2 .ending-slide .timeline-calltoaction .timeline-calltoaction-title, body.timeline-phase-2 .ending-slide .timeline-calltoaction .timeline-calltoaction-description span, .ng-statepage__header-title, .component__facebook__entry-title, .component__custom__entry-title, .component__twitter .twitter-name, body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default .selectboxit-option.selectboxit-selected, .ng-downloads__header-title, .ng-downloads__search-query, .ng-downloads__item-title {
  font-family: 'DIN-Bold';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: uppercase;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="cf-icon-"], [class*=" cf-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cf-icon-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*
 * Specific styles for side nav
 */
#side-menu::-webkit-scrollbar {
  width: 0 !important; }

#side-menu {
  display: block;
  position: fixed;
  bottom: 0;
  width: 280px;
  transform: translateX(-280px);
  -webkit-transform: translateX(-280px);
  -ms-transform: translateX(-280px);
  overflow-y: scroll;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  font-size: 24px;
  line-height: 1;
  padding: 10px 0 140px 0;
  background-color: rgba(14, 14, 14, 0.8);
  z-index: 300; }
  #side-menu.side-nav__hidden {
    display: none; }
  .breakpoint-palm-only #side-menu {
    top: 40px; }
  .breakpoint-tablet-up #side-menu {
    top: 65px; }
  #side-menu input[type=search] {
    background-color: white;
    border-radius: 0.3em;
    color: #035496;
    display: block;
    margin: 0 auto 1em auto;
    padding: 0.5em;
    width: 80%;
    font-size: 0.8em; }
  #side-menu ul {
    display: block;
    margin: 0 auto;
    width: 80%; }
    #side-menu ul li {
      list-style-type: none; }
      #side-menu ul li.separator-bars {
        border-color: #e4e4e4;
        border-style: solid;
        border-width: 1px 0px;
        margin: 0 -10%;
        padding: 0 10%; }
      #side-menu ul li a {
        color: #bababa;
        display: block;
        font-size: 24px;
        line-height: 1;
        padding: 10px 5px 5px 5px;
        text-decoration: none;
        text-transform: uppercase; }
        #side-menu ul li a:hover {
          color: white;
          background-color: #093a62; }

.loading-animation {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 20001;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8); }
  .loading-animation .loading-elements {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 5em;
    height: 5em; }
    .breakpoint-palm-only .loading-animation .loading-elements {
      width: 10em;
      height: 10em; }
    .loading-animation .loading-elements .ring-svg {
      width: 100%;
      height: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      position: absolute;
      z-index: 2; }
    .loading-animation .loading-elements .flag-svg {
      width: 60%;
      left: 1em;
      top: 1.5em;
      height: auto;
      position: absolute;
      z-index: 3; }
      .breakpoint-palm-only .loading-animation .loading-elements .flag-svg {
        left: 2em;
        top: 3em; }

.video-box-wrapper {
  margin-bottom: 2em; }
  .video-box-wrapper .video-box {
    clear: both;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-bottom: 56.25%; }
    .video-box-wrapper .video-box .video-box__content {
      position: absolute;
      width: 100%;
      height: 100%; }
      .video-box-wrapper .video-box .video-box__content .mejs-container {
        width: 100% !important;
        height: 100% !important; }
      .video-box-wrapper .video-box .video-box__content video {
        width: 100%; }

.info-box {
  color: #bababa; }
  .info-box .info-box__content {
    padding: 5%; }
  .info-box .info-box__header {
    font-size: 1.2em;
    margin-bottom: 0.25em;
    line-height: normal; }
    .info-box .info-box__header:before {
      padding-right: 0.25em;
      vertical-align: -10%; }
  .info-box .info-box__image {
    width: 70%;
    display: block;
    margin: 0.25em auto; }
  .info-box .info-box__body {
    margin-top: 0.5em;
    font-weight: 100;
    font-size: 1em;
    line-height: 1.75; }
    .info-box .info-box__body p {
      margin-bottom: 1em; }
  .info-box .info-box__nav {
    position: absolute;
    bottom: 1em;
    left: 1em; }
  .info-box .info-box__link {
    text-decoration: none;
    font-size: 1em;
    padding: 0.5em;
    vertical-align: middle; }
    .info-box .info-box__link:before {
      padding-right: 0.25em;
      top: 50%; }

.home .info-box-row .info-box .info-box__content {
  position: relative;
  height: 100%; }
  .home .info-box-row .info-box .info-box__content .info-box__header {
    font-size: 2em;
    margin-bottom: 0.25em; }
  .home .info-box-row .info-box .info-box__content .info-box__body {
    margin-bottom: 4em; }
  .home .info-box-row .info-box .info-box__content .info-box__nav {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5%; }
    .home .info-box-row .info-box .info-box__content .info-box__nav .info-box__link {
      display: block;
      width: 100%;
      padding: 0.75em;
      border-radius: 0;
      text-align: center;
      font-size: 1.25em; }

section.home-box-row {
  width: 100%; }
  section.home-box-row .home-box {
    display: inline-block;
    width: 33.3333333333333%;
    position: relative;
    padding: 1em;
    min-height: 320px;
    background-color: #000;
    text-align: center;
    overflow: hidden; }
    @media screen and (min-width: 1440px) {
      section.home-box-row .home-box {
        min-height: 500px; } }
    @media screen and (min-width: 0px) and (max-width: 749px) {
      section.home-box-row .home-box {
        width: 100%;
        display: block;
        margin-bottom: 1em; } }
    @media screen and (min-width: 0px) and (max-width: 1024px) {
      section.home-box-row .home-box {
        min-height: 250px; } }
    section.home-box-row .home-box .home-box-bg {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      background-position: center center;
      opacity: 0.4; }
    section.home-box-row .home-box .home-box__content {
      position: absolute;
      color: #FFF;
      z-index: 10;
      font-size: 2em;
      letter-spacing: 1px;
      width: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
      @media screen and (min-width: 750px) {
        section.home-box-row .home-box .home-box__content {
          top: 50%;
          right: auto;
          left: 50%;
          bottom: auto;
          transform: translate(-50%, -50%); } }
      section.home-box-row .home-box .home-box__content .home-box__header {
        margin: 0 0.25em 0.75em; }
        @media screen and (min-width: 0px) and (max-width: 749px) {
          section.home-box-row .home-box .home-box__content .home-box__header {
            position: absolute;
            top: 40%;
            padding: 0 0.75em;
            margin: 0;
            width: 100%;
            transform: translateY(-50%);
            box-sizing: border-box; } }
        @media screen and (min-width: 750px) and (max-width: 1024px) {
          section.home-box-row .home-box .home-box__content .home-box__header {
            font-size: 0.75em; } }
      @media screen and (min-width: 0px) and (max-width: 749px) {
        section.home-box-row .home-box .home-box__content .home-box__nav {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0; } }
      section.home-box-row .home-box .home-box__content .home-box__nav a {
        color: #FFF;
        padding: 0.5em;
        background-color: #035496;
        display: block;
        width: 65%;
        margin: 0 auto;
        transition: all 0.2s;
        font-size: 0.85em; }
        @media screen and (min-width: 0px) and (max-width: 749px) {
          section.home-box-row .home-box .home-box__content .home-box__nav a {
            font-size: 0.75em;
            width: 100%;
            text-transform: uppercase;
            font-family: "DIN-Bold";
            padding: 1em; } }
        @media screen and (min-width: 750px) and (max-width: 1024px) {
          section.home-box-row .home-box .home-box__content .home-box__nav a {
            font-size: 16px; } }
        section.home-box-row .home-box .home-box__content .home-box__nav a:hover {
          background-color: #0c70c1; }

.related-media {
  float: left;
  display: block;
  width: 100%; }

.related-media__content {
  position: relative;
  display: block;
  z-index: 1;
  font-weight: 100;
  color: white;
  text-decoration: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-shadow: 0 0 5px #000;
  height: 14em;
  overflow: hidden; }
  .related-media__content:link, .related-media__content:visited, .related-media__content:hover, .related-media__content:active {
    text-decoration: none; }
  .related-media__content .related-media__image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    z-index: -1; }
  .related-media__content .related-media__spacing {
    background: -moz-linear-gradient(top, transparent 60%, black 110%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(110%, black));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, transparent 60%, black 110%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, transparent 60%, black 110%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, transparent 60%, black 110%);
    /* IE10+ */
    background: linear-gradient(to bottom, transparent 60%, black 110%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
    padding: 5%;
    width: 100%;
    height: 100%; }
  .related-media__content .related-media__title {
    font-size: 1.1em;
    margin-top: 8.8em;
    line-height: 1.15; }
    .related-media__content .related-media__title::before {
      font-size: 2em;
      vertical-align: -0.2em;
      display: block;
      float: left;
      margin-right: 0.3em; }
  .related-media__content .related-media__subtitle {
    display: none; }

.downloadable-file {
  line-height: 1;
  position: relative;
  color: #bababa; }
  .downloadable-file .downloadable-file__content {
    padding: 4% 5%; }
    .downloadable-file .downloadable-file__content p {
      clear: both;
      line-height: 1.3;
      margin: 1em 0.5em 0 0.5em; }
  .downloadable-file .downloadable-file__image {
    float: left; }
    .downloadable-file .downloadable-file__image img {
      width: 100%;
      height: 100%; }
    .downloadable-file .downloadable-file__image span {
      font-size: 2.25em;
      margin-right: 5%; }
  .downloadable-file .downloadable-file__name {
    font-size: 0.8em; }
  .downloadable-file .downloadable-file__extension {
    text-transform: uppercase;
    font-size: 0.5em;
    vertical-align: bottom; }
  .downloadable-file p.downloadable-file {
    font-size: 0.9em; }
  .downloadable-file .downloadable-file__link {
    position: absolute;
    right: 4%;
    top: 9%;
    background-color: #035496;
    font-weight: 100;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.65em;
    padding: 1em;
    margin-right: 1em; }

@media screen and (min-width: 0px) and (max-width: 749px) {
  .promo-box {
    display: table;
    width: 100%; } }
@media screen and (min-width: 750px) {
  .promo-box {
    display: block; } }
.promo-box .promo-box__content {
  font-weight: 100;
  text-decoration: none;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: 13.5em;
  overflow: hidden;
  color: white;
  text-shadow: 0 0 10px #393939; }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    .promo-box .promo-box__content {
      border-bottom: 0.25em solid #e4e4e4;
      background-size: 50% 66.6666%;
      background-position: left center;
      display: table-cell;
      margin: 0;
      height: 9.5em; } }
  @media screen and (min-width: 750px) {
    .promo-box .promo-box__content {
      background-size: cover; } }
  .promo-box .promo-box__content .promo-box__image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px -180px 100px -100px rgba(0, 0, 0, 0.4); }
  .promo-box .promo-box__content .promo-box__spacing {
    position: absolute;
    bottom: 1em;
    left: 1em;
    width: 90%;
    margin: 0 auto; }
    .breakpoint-palm-only .promo-box .promo-box__content .promo-box__spacing {
      padding: 0;
      left: .5em;
      bottom: .5em;
      width: 40%; }
  .promo-box .promo-box__content .promo-box__title {
    position: static;
    display: block;
    margin-bottom: 0.3em; }
    @media screen and (min-width: 0px) and (max-width: 749px) {
      .promo-box .promo-box__content .promo-box__title {
        font-size: 1.25em;
        bottom: 35%;
        left: 55%; } }
    @media screen and (min-width: 750px) {
      .promo-box .promo-box__content .promo-box__title {
        width: 90%;
        font-size: 2em; } }
    .promo-box .promo-box__content .promo-box__title:before {
      position: absolute;
      font-size: 1.5em; }
      @media screen and (max-width: 749px) {
        .promo-box .promo-box__content .promo-box__title:before {
          top: -1.8em; } }
      @media screen and (min-width: 750px) {
        .promo-box .promo-box__content .promo-box__title:before {
          top: -2.5em; } }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    .promo-box .promo-box__content .promo-box__subtitle {
      font-size: 0.65em; } }
  @media screen and (min-width: 750px) {
    .promo-box .promo-box__content .promo-box__subtitle {
      font-size: 1.25em; } }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    .promo-box .promo-box__content .promo-box__subtitle:before {
      margin-right: 1%;
      font-size: 0.75em; } }
  @media screen and (min-width: 750px) {
    .promo-box .promo-box__content .promo-box__subtitle:before {
      padding-left: 2%;
      margin-right: 2%;
      font-size: 0.75em; } }

.promo-box-extended {
  clear: both;
  padding: 0.45em 0;
  border-top: 0.05em solid #bababa;
  border-bottom: 0.05em solid #bababa;
  height: 100%;
  margin: 0.5em 0;
  display: table; }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    .promo-box-extended {
      display: none; } }
  .promo-box-extended .promo-box {
    width: 40%;
    float: left;
    font-size: 0.4em; }

.promo-box-extra {
  width: 55%;
  height: 100%;
  display: table;
  float: left;
  font-size: 0.55em;
  margin-left: 1.5em;
  color: #626663; }
  .promo-box-extra .promo-box-extra__content {
    display: table-cell;
    vertical-align: middle; }
  .promo-box-extra .promo-box-extra__header {
    font-size: 1.65em;
    margin-bottom: 0.1em; }
    .promo-box-extra .promo-box-extra__header:before {
      padding-right: 0.25em;
      vertical-align: -10%; }
  .promo-box-extra .promo-box-extra__body {
    font-weight: 100;
    font-size: 0.65em;
    display: block;
    line-height: 1.65; }
    .promo-box-extra .promo-box-extra__body p {
      margin: none; }
  .promo-box-extra .promo-box-extra__nav {
    margin: 0.5em 0; }
  .promo-box-extra .promo-box-extra__link {
    text-transform: uppercase;
    background-color: #035496;
    font-weight: 100;
    color: white;
    text-decoration: none;
    font-size: 0.65em;
    padding: 1em;
    margin-right: 1em; }
    .promo-box-extra .promo-box-extra__link:before {
      padding-right: 0.5em;
      vertical-align: -0.15em;
      font-size: 1em; }

.get-started__background {
  background-size: cover; }
  .breakpoint-large-desktop-only .get-started__background {
    font-size: 60px; }
  @media screen and (max-width: 749px) {
    .get-started__background {
      background-color: rgba(14, 14, 14, 0.8); } }
  @media screen and (min-width: 750px) {
    .get-started__background {
      padding: 2.5em 0; } }

.get-started {
  margin: 0 auto;
  background: #FFFFFF; }
  .breakpoint-large-desktop-only .get-started {
    font-size: 50px; }
  @media screen and (max-width: 749px) {
    .get-started {
      width: 100%;
      font-size: 1em;
      position: relative; }
      .direct-get-started .get-started {
        padding-top: 40px; } }
  @media screen and (min-width: 750px) and (max-width: 1024px) {
    .get-started {
      width: 90%;
      font-size: 0.9em; } }
  @media screen and (min-width: 1025px) {
    .get-started {
      width: 75%;
      font-size: 0.75em; } }
  .get-started .get-started__content {
    display: block;
    width: 100%;
    height: 100%; }
    @media screen and (max-width: 749px) {
      .get-started .get-started__content {
        padding-top: .7em;
        margin-top: 53px; } }
    .get-started .get-started__content .get-started__banner {
      padding: 0.25em 0.5em;
      background-color: #035496;
      color: white; }
      .get-started .get-started__content .get-started__banner .get-started__banner-header {
        font-size: 0.75em;
        display: inline-block;
        margin: 0;
        margin-right: 0.5em;
        padding-bottom: 0.4em; }
        .get-started .get-started__content .get-started__banner .get-started__banner-header:before {
          padding-right: 0.25em; }
        @media screen and (min-width: 0px) and (max-width: 749px) {
          .get-started .get-started__content .get-started__banner .get-started__banner-header {
            display: inline-block;
            font-size: 1.25em;
            line-height: 1.25;
            vertical-align: top; } }
      .get-started .get-started__content .get-started__banner .get-started__list {
        margin: 0;
        display: inline-block;
        line-height: .5em; }
        @media screen and (max-width: 749px) {
          .get-started .get-started__content .get-started__banner .get-started__list {
            line-height: 1em; } }
      .get-started .get-started__content .get-started__banner .get-started__list-item {
        font-size: 0.35em;
        display: block;
        margin-right: 0.5em;
        margin-bottom: 0.5em; }
        .get-started .get-started__content .get-started__banner .get-started__list-item:before {
          padding-right: 0.5em; }
        @media screen and (min-width: 0px) and (max-width: 749px) {
          .get-started .get-started__content .get-started__banner .get-started__list-item {
            top: 0;
            font-size: 0.75em;
            display: block;
            margin-right: 0;
            padding-bottom: .2em; } }
    @media screen and (max-width: 749px) {
      .get-started .get-started__content .get-started__info {
        border-right: none;
        padding: 0 5%; } }
    @media screen and (max-width: 749px) {
      .get-started .get-started__content .get-started__info.optional .get-started__info-list {
        display: none; } }
    .get-started .get-started__content .get-started__info .get-started__edit {
      float: right; }
    .get-started .get-started__content .get-started__info .get-started__user-info,
    .get-started .get-started__content .get-started__info .get-started__response-list {
      float: left; }
    .get-started .get-started__content .get-started__info hr {
      clear: both; }
    .get-started .get-started__content .get-started__question {
      border-left: 0.1em solid #e4e4e4; }
      .get-started .get-started__content .get-started__question.required {
        opacity: 0.3;
        background-color: white; }
        @media screen and (min-width: 0px) and (max-width: 749px) {
          .get-started .get-started__content .get-started__question.required {
            display: none; } }
      @media screen and (max-width: 749px) {
        .get-started .get-started__content .get-started__question {
          display: block;
          margin: 0 auto; } }
      .get-started .get-started__content .get-started__question .get-started__progress {
        position: relative;
        bottom: .75em;
        height: 10px;
        border: 1px solid #e4e4e4;
        margin: 0 10%; }
        .get-started .get-started__content .get-started__question .get-started__progress .progress_bar {
          height: 100%;
          background-color: #e4e4e4; }
    .get-started .get-started__content .get-started__info,
    .get-started .get-started__content .get-started__question {
      vertical-align: top;
      display: inline-block;
      float: left; }
      @media screen and (max-width: 749px) {
        .get-started .get-started__content .get-started__info,
        .get-started .get-started__content .get-started__question {
          width: 100%;
          font-size: 1.8em;
          display: block;
          margin: 0 auto;
          float: none;
          border: none; } }
      @media screen and (min-width: 750px) {
        .get-started .get-started__content .get-started__info,
        .get-started .get-started__content .get-started__question {
          width: 50%; } }
      .get-started .get-started__content .get-started__info .basic-info h3,
      .get-started .get-started__content .get-started__info .info h3,
      .get-started .get-started__content .get-started__question .basic-info h3,
      .get-started .get-started__content .get-started__question .info h3 {
        margin: 0;
        font-size: 0.75em;
        color: #626663;
        margin-bottom: 0.5em; }
      @media screen and (max-width: 749px) {
        .get-started .get-started__content .get-started__info .info-header,
        .get-started .get-started__content .get-started__question .info-header {
          margin-bottom: 0.5em; } }
      @media screen and (max-width: 749px) {
        .get-started .get-started__content .get-started__info .info h3,
        .get-started .get-started__content .get-started__question .info h3 {
          font-size: 0.6em;
          width: 70%;
          margin: 0;
          float: left; } }
      .get-started .get-started__content .get-started__info .info .show-info,
      .get-started .get-started__content .get-started__question .info .show-info {
        border-radius: 0;
        width: 20%;
        vertical-align: top;
        text-align: center;
        float: right;
        padding: 0.5em;
        font-size: 0.333em; }
        @media screen and (min-width: 750px) {
          .get-started .get-started__content .get-started__info .info .show-info,
          .get-started .get-started__content .get-started__question .info .show-info {
            display: none; } }
      .get-started .get-started__content .get-started__info .get-started__info__content,
      .get-started .get-started__content .get-started__info .get-started__question__content,
      .get-started .get-started__content .get-started__question .get-started__info__content,
      .get-started .get-started__content .get-started__question .get-started__question__content {
        padding: 5%; }
        @media screen and (max-width: 749px) {
          .get-started .get-started__content .get-started__info .get-started__info__content,
          .get-started .get-started__content .get-started__info .get-started__question__content,
          .get-started .get-started__content .get-started__question .get-started__info__content,
          .get-started .get-started__content .get-started__question .get-started__question__content {
            padding: 0;
            height: 100%; } }
      .get-started .get-started__content .get-started__info hr,
      .get-started .get-started__content .get-started__question hr {
        margin-bottom: 0.3em; }
      .get-started .get-started__content .get-started__info .get-started__user-info,
      .get-started .get-started__content .get-started__question .get-started__user-info {
        color: #626663;
        display: inline-block;
        width: 80%;
        font-size: 0.4em;
        line-height: 1.3; }
        @media screen and (max-width: 749px) {
          .get-started .get-started__content .get-started__info .get-started__user-info,
          .get-started .get-started__content .get-started__question .get-started__user-info {
            font-size: 0.6em; } }
      .get-started .get-started__content .get-started__info .get-started__response-list,
      .get-started .get-started__content .get-started__question .get-started__response-list {
        display: inline-block;
        width: 80%;
        font-size: 0.3em;
        line-height: 1.3;
        color: #626663;
        list-style-type: none; }
        .get-started .get-started__content .get-started__info .get-started__response-list div:before,
        .get-started .get-started__content .get-started__question .get-started__response-list div:before {
          padding-right: 0.5em; }
        @media screen and (max-width: 749px) {
          .get-started .get-started__content .get-started__info .get-started__response-list,
          .get-started .get-started__content .get-started__question .get-started__response-list {
            font-size: 0.4em; } }
      .get-started .get-started__content .get-started__info .get-started__edit,
      .get-started .get-started__content .get-started__question .get-started__edit {
        vertical-align: top;
        display: inline-block;
        width: 20%; }
        .get-started .get-started__content .get-started__info .get-started__edit a,
        .get-started .get-started__content .get-started__question .get-started__edit a {
          border-radius: 0;
          vertical-align: top;
          display: block;
          padding: 0.5em;
          font-size: 0.3em;
          text-align: center; }
      .get-started .get-started__content .get-started__info .get-started__fname, .get-started .get-started__content .get-started__info .get-started__lname,
      .get-started .get-started__content .get-started__info .get-started__email, .get-started .get-started__content .get-started__info .get-started__zip,
      .get-started .get-started__content .get-started__info .get-started__phone,
      .get-started .get-started__content .get-started__question .get-started__fname,
      .get-started .get-started__content .get-started__question .get-started__lname,
      .get-started .get-started__content .get-started__question .get-started__email,
      .get-started .get-started__content .get-started__question .get-started__zip,
      .get-started .get-started__content .get-started__question .get-started__phone {
        display: block;
        font-size: 0.45em;
        line-height: normal;
        border: 0.25em solid #e4e4e4;
        padding: 0.7em;
        padding-right: 2em;
        width: 100%;
        margin-bottom: 0.25em; }
        @media screen and (max-width: 749px) {
          .get-started .get-started__content .get-started__info .get-started__fname, .get-started .get-started__content .get-started__info .get-started__lname,
          .get-started .get-started__content .get-started__info .get-started__email, .get-started .get-started__content .get-started__info .get-started__zip,
          .get-started .get-started__content .get-started__info .get-started__phone,
          .get-started .get-started__content .get-started__question .get-started__fname,
          .get-started .get-started__content .get-started__question .get-started__lname,
          .get-started .get-started__content .get-started__question .get-started__email,
          .get-started .get-started__content .get-started__question .get-started__zip,
          .get-started .get-started__content .get-started__question .get-started__phone {
            line-height: 2em;
            margin-bottom: 1.25em; } }
      .get-started .get-started__content .get-started__info .get-started__zip,
      .get-started .get-started__content .get-started__question .get-started__zip {
        width: 47.5%;
        display: inline-block;
        vertical-align: top; }
    .get-started .get-started__content .get-started__btn {
      vertical-align: top;
      padding: 0.8em 0 0.6em;
      width: 47.5%;
      margin-left: 5%;
      border-radius: 0;
      font-family: "DIN-Regular";
      letter-spacing: .05em; }
      @media screen and (max-width: 749px) {
        .get-started .get-started__content .get-started__btn {
          line-height: 1.75em;
          padding: 0.6em 0 0.45em; } }
  .get-started .get-started__phone-form {
    display: inline-block; }
    .get-started .get-started__phone-form .get-started__phone__text {
      font-size: 0.35em;
      line-height: 1.5;
      margin-top: 0.75em;
      margin-bottom: 0.75em;
      text-align: left; }
  .get-started .get-started__spacing {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10%;
    position: relative; }
    @media screen and (max-width: 749px) {
      .get-started .get-started__spacing {
        padding: 0.5em 0; } }
    .get-started .get-started__spacing.birth-date, .get-started .get-started__spacing.phone, .get-started .get-started__spacing.gender, .get-started .get-started__spacing.height, .get-started .get-started__spacing.weight, .get-started .get-started__spacing.motivation, .get-started .get-started__spacing.military-service, .get-started .get-started__spacing.military-branch, .get-started .get-started__spacing.hs-diploma, .get-started .get-started__spacing.hs-grade, .get-started .get-started__spacing.ged, .get-started .get-started__spacing.college, .get-started .get-started__spacing.college-degree, .get-started .get-started__spacing.select-degree, .get-started .get-started__spacing.review {
      color: #bababa; }
      @media screen and (max-width: 749px) {
        .get-started .get-started__spacing.birth-date, .get-started .get-started__spacing.phone, .get-started .get-started__spacing.gender, .get-started .get-started__spacing.height, .get-started .get-started__spacing.weight, .get-started .get-started__spacing.motivation, .get-started .get-started__spacing.military-service, .get-started .get-started__spacing.military-branch, .get-started .get-started__spacing.hs-diploma, .get-started .get-started__spacing.hs-grade, .get-started .get-started__spacing.ged, .get-started .get-started__spacing.college, .get-started .get-started__spacing.college-degree, .get-started .get-started__spacing.select-degree, .get-started .get-started__spacing.review {
          background-color: rgba(10, 10, 10, 0.8); } }
      @media screen and (min-width: 750px) {
        .get-started .get-started__spacing.birth-date, .get-started .get-started__spacing.phone, .get-started .get-started__spacing.gender, .get-started .get-started__spacing.height, .get-started .get-started__spacing.weight, .get-started .get-started__spacing.motivation, .get-started .get-started__spacing.military-service, .get-started .get-started__spacing.military-branch, .get-started .get-started__spacing.hs-diploma, .get-started .get-started__spacing.hs-grade, .get-started .get-started__spacing.ged, .get-started .get-started__spacing.college, .get-started .get-started__spacing.college-degree, .get-started .get-started__spacing.select-degree, .get-started .get-started__spacing.review {
          /* Generated by http://www.visualcsstools.com/ */
          background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTIuMjI0NyUiIHkxPSIxMjMuOTIyNCUiIHgyPSI4Ny43NzUzJSIgeTI9Ii0yMy45MjI0JSI+PHN0b3Agb2Zmc2V0PSIwLjk1IiBzdG9wLWNvbG9yPSJyZ2JhKDEwLCAxMCwgMTAsIDAuOCkiLz48c3RvcCBvZmZzZXQ9IjAuOTUiIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMCkiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZzEpIiAvPjwvc3ZnPg==);
          background-image: -webkit-linear-gradient(225deg, transparent 5%, rgba(10, 10, 10, 0.8) 5%);
          background-image: -moz-linear-gradient(225deg, transparent 5%, rgba(10, 10, 10, 0.8) 5%);
          background-image: -ms-linear-gradient(225deg, transparent 5%, rgba(10, 10, 10, 0.8) 5%);
          background-image: linear-gradient(225deg, transparent 5%, rgba(10, 10, 10, 0.8) 5%);
          background-size: 100% 100%;
          background-repeat: no-repeat; } }
    .get-started .get-started__spacing.birth-date h3, .get-started .get-started__spacing.phone h3, .get-started .get-started__spacing.gender h3, .get-started .get-started__spacing.height h3, .get-started .get-started__spacing.weight h3, .get-started .get-started__spacing.motivation h3 {
      margin: 0 auto;
      width: 75%;
      font-size: 0.8em;
      color: #bababa;
      text-align: center;
      padding-top: 0.5em;
      padding-bottom: 0.5em; }
    .get-started .get-started__spacing.military-service h3, .get-started .get-started__spacing.military-branch h3, .get-started .get-started__spacing.hs-diploma h3, .get-started .get-started__spacing.hs-grade h3, .get-started .get-started__spacing.ged h3, .get-started .get-started__spacing.college h3, .get-started .get-started__spacing.college-degree h3, .get-started .get-started__spacing.select-degree h3 {
      text-align: center;
      font-family: sans-serif;
      font-size: 0.5em;
      font-weight: 400;
      line-height: 1.25;
      margin: 0 auto;
      width: 75%;
      padding-top: 0.5em; }
    .get-started .get-started__spacing.review {
      text-align: center; }
      .get-started .get-started__spacing.review p {
        padding-top: 2em;
        font-size: 0.6em;
        line-height: normal;
        margin: 0.75em; }
    .get-started .get-started__spacing.birth-date .chosen-container {
      margin-right: 3%;
      float: left;
      width: 31% !important; }
    .get-started .get-started__spacing.birth-date .chosen-container:nth-of-type(3) {
      margin-right: 0; }
    .get-started .get-started__spacing.birth-date .chosen-single {
      float: left;
      width: 100%; }
    .get-started .get-started__spacing.birth-date select, .get-started .get-started__spacing.birth-date .select2-container {
      display: inline-block;
      text-align: middle; }
      @media screen and (max-width: 749px) {
        .get-started .get-started__spacing.birth-date select, .get-started .get-started__spacing.birth-date .select2-container {
          font-size: 0.45em;
          width: 25%; }
          .get-started .get-started__spacing.birth-date select:nth-of-type(2), .get-started .get-started__spacing.birth-date .select2-container:nth-of-type(2) {
            margin: 0 5%; } }
      @media screen and (min-width: 750px) {
        .get-started .get-started__spacing.birth-date select, .get-started .get-started__spacing.birth-date .select2-container {
          font-size: 0.45em;
          width: 30%; } }
    .get-started .get-started__spacing.birth-date .birth-date__text {
      padding: 0.3em 0 0.4em 0;
      text-align: center;
      vertical-align: middle;
      margin: 0 auto;
      font-size: 1.5em; }
    .get-started .get-started__spacing.birth-date .birth-date__day,
    .get-started .get-started__spacing.birth-date .birth-date__month,
    .get-started .get-started__spacing.birth-date .birth-date__year {
      width: 30%;
      font-size: 0.3em;
      display: block;
      float: left; }
    .get-started .get-started__spacing.birth-date .birth-date__day {
      margin: 0 5%; }
    .get-started .get-started__spacing.height .chosen-container {
      width: 100% !important; }
    .get-started .get-started__spacing.height .height--feet,
    .get-started .get-started__spacing.height .height--inches {
      padding-top: 0.5em;
      display: inline-block;
      text-align: center;
      width: 30%;
      font-size: 0.5em;
      margin: 0 5%; }
      .get-started .get-started__spacing.height .height--feet label,
      .get-started .get-started__spacing.height .height--inches label {
        display: block;
        padding-bottom: .6em; }
      .get-started .get-started__spacing.height .height--feet select,
      .get-started .get-started__spacing.height .height--inches select {
        width: 100%; }
    .get-started .get-started__spacing form {
      display: inline-block;
      width: 100%;
      text-align: center;
      line-height: 1; }
    .get-started .get-started__spacing .chosen-container {
      border-radius: 0; }
      .get-started .get-started__spacing .chosen-container .chosen-single {
        border-radius: 0; }

.get-started__buttons {
  width: 100%;
  height: 100%;
  /* one item */
  /* two items */
  /* three items */
  /* four items */
  /* five items */
  /* six items */
  /* seven items */
  /* eight items */ }
  .get-started__buttons .submission {
    border-radius: 0;
    display: inline-block;
    text-align: middle; }
  .get-started__buttons .submission:first-child:nth-last-child(1) {
    width: 80%;
    margin: 1.5em 0;
    font-size: 0.8em;
    padding: 0.5em; }
  .get-started__buttons .submission:first-child:nth-last-child(2),
  .get-started__buttons .submission:first-child:nth-last-child(2) ~ .submission {
    width: 80%;
    margin: 1em 0;
    font-size: 0.7em;
    padding: 0.25em; }
    .phone .get-started__buttons .submission:first-child:nth-last-child(2), .phone
    .get-started__buttons .submission:first-child:nth-last-child(2) ~ .submission {
      width: 45%;
      margin: 0.75em 0.15em;
      font-size: 0.45em;
      padding: 0.5em; }
  .get-started__buttons .submission:first-child:nth-last-child(3),
  .get-started__buttons .submission:first-child:nth-last-child(3) ~ .submission {
    width: 80%;
    margin: 1em 0;
    font-size: 0.5em;
    padding: 0.5em; }
    .motivation .get-started__buttons .submission:first-child:nth-last-child(3), .motivation
    .get-started__buttons .submission:first-child:nth-last-child(3) ~ .submission {
      width: 100%;
      margin: 1.5em 0;
      padding: 0.6em 0.2em; }
      @media screen and (max-width: 749px) {
        .motivation .get-started__buttons .submission:first-child:nth-last-child(3), .motivation
        .get-started__buttons .submission:first-child:nth-last-child(3) ~ .submission {
          font-size: 0.45em; } }
      @media screen and (min-width: 750px) {
        .motivation .get-started__buttons .submission:first-child:nth-last-child(3), .motivation
        .get-started__buttons .submission:first-child:nth-last-child(3) ~ .submission {
          font-size: 0.333em; } }
  .get-started__buttons .submission:first-child:nth-last-child(4),
  .get-started__buttons .submission:first-child:nth-last-child(4) ~ .submission {
    width: 80%;
    margin: 0.25em 0;
    font-size: 0.6em;
    padding: 0.25em; }
    .select-degree .get-started__buttons .submission:first-child:nth-last-child(4), .select-degree
    .get-started__buttons .submission:first-child:nth-last-child(4) ~ .submission {
      margin: 0.65em 0; }
  .get-started__buttons .submission:first-child:nth-last-child(6),
  .get-started__buttons .submission:first-child:nth-last-child(6) ~ .submission {
    width: 45%;
    margin: 1.5em 1%;
    font-size: 0.3em;
    padding: 0.75em 0; }

body.ng-statepage .mobile-get-started {
  width: 90%;
  margin: 0 auto; }

.mobile-get-started {
  color: white;
  background-image: none;
  background-color: #035496;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0.5em 1em;
  margin-bottom: 1em; }
  .mobile-get-started > * {
    font-size: .9em; }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    .mobile-get-started {
      display: block; } }
  @media screen and (min-width: 750px) {
    .mobile-get-started {
      display: none; } }
  .mobile-get-started .get-started__banner {
    padding-top: 0.5em; }
    .mobile-get-started .get-started__banner .get-started__banner-header {
      vertical-align: top;
      display: inline-block;
      width: 52%;
      line-height: 1.25;
      margin: 0; }
      .mobile-get-started .get-started__banner .get-started__banner-header:before {
        margin-right: 0.25em; }
    .mobile-get-started .get-started__banner .get-started__list {
      display: none;
      width: 48%;
      font-size: 0.8em;
      margin: 0; }
    .mobile-get-started .get-started__banner .get-started__list-item {
      list-style-type: none; }
      .mobile-get-started .get-started__banner .get-started__list-item:before {
        margin-right: 0.25em; }
  .mobile-get-started .basic-info .basic-info__header {
    display: none; }
  .mobile-get-started .get-started__form {
    width: 100%; }
    .mobile-get-started .get-started__form label {
      display: none; }
    .mobile-get-started .get-started__form input {
      margin-bottom: 4%;
      display: inline-block; }
    .mobile-get-started .get-started__form input[type="text"], .mobile-get-started .get-started__form input[type="email"] {
      border: none;
      background-color: #81aacb;
      color: #093a62;
      padding: 0.5em 0.5em;
      float: left; }
    .mobile-get-started .get-started__form input[type="submit"] {
      width: 64%;
      vertical-align: bottom;
      font-weight: 100;
      font-size: 1.55em;
      line-height: 1;
      padding-top: 0.25em;
      color: white;
      border: none;
      background-color: #073b5f;
      text-transform: uppercase;
      -webkit-font-smoothing: subpixel-antialiased; }
    .mobile-get-started .get-started__form .get-started__fname {
      width: 48%;
      margin-right: 4%; }
    .mobile-get-started .get-started__form .get-started__lname {
      width: 48%; }
    .mobile-get-started .get-started__form .get-started__email {
      width: 100%; }
    .mobile-get-started .get-started__form .get-started__zip {
      width: 31%;
      margin-right: 4%; }

.get-started__form label {
  display: none; }

.get-started-footer {
  width: 100%;
  color: white;
  background-image: none;
  background-color: #035496;
  position: relative; }
  .get-started-footer .basic-info .basic-info__header {
    display: none; }
  .get-started-footer .basic-info {
    width: 60%;
    display: inline-block;
    float: right; }
  .get-started-footer .get-started__banner {
    display: inline-block;
    width: 40%;
    font-size: 1.25em;
    vertical-align: top;
    text-align: left;
    padding-top: 0.3em; }
    .get-started-footer .get-started__banner h3 {
      width: 100%;
      font-size: 0.75em;
      margin: 0;
      padding-left: 0.5em;
      position: relative; }
      .get-started-footer .get-started__banner h3:before {
        position: absolute;
        top: 0.1em;
        right: 0.75em;
        font-size: 0.75em; }
    .get-started-footer .get-started__banner ul {
      font-size: 0.4em;
      list-style-type: none;
      margin: 0;
      margin-left: 2.5em;
      line-height: 1.5em; }
      .get-started-footer .get-started__banner ul li:before {
        padding-right: 3%; }
  .get-started-footer .get-started__form {
    text-align: right; }
    .get-started-footer .get-started__form label {
      display: none; }
    .get-started-footer .get-started__form input {
      margin-bottom: 3%;
      font-size: 0.6em;
      padding: 0.5em; }
    .get-started-footer .get-started__form input[type="text"], .get-started-footer .get-started__form input[type="email"] {
      border: none;
      background-color: #81aacb;
      color: #093a62; }
    .get-started-footer .get-started__form input[type="submit"] {
      width: 48%;
      vertical-align: bottom;
      font-weight: 100;
      color: white;
      border: none;
      padding-top: 0.75em;
      font-size: 0.5em;
      background-color: #073b5f;
      text-transform: uppercase;
      -webkit-font-smoothing: subpixel-antialiased; }
    .get-started-footer .get-started__form .get-started__fname {
      width: 48%;
      margin-right: 4%; }
    .get-started-footer .get-started__form .get-started__lname {
      width: 48%; }
    .get-started-footer .get-started__form .get-started__email {
      width: 64%; }
    .get-started-footer .get-started__form .get-started__zip {
      width: 32%;
      margin-left: 4%; }

.abi-get-started.marketing-get-started .subject-matter .feature {
  width: 100%;
  margin-bottom: 0; }
  .abi-get-started.marketing-get-started .subject-matter .feature .feature__content .feature__header {
    font-size: 1.7em; }
  .abi-get-started.marketing-get-started .subject-matter .feature .bmx-page-aside-image {
    float: left;
    border: none; }
.abi-get-started.marketing-get-started .feature .feature__content .feature__body {
  font-size: 1.25em;
  padding-top: .5em; }
  .abi-get-started.marketing-get-started .feature .feature__content .feature__body ul {
    margin-left: 0;
    margin-bottom: 0.5em;
    font-size: .8em !important;
    font-family: 'DIN-Regular' !important;
    margin-top: .5em; }
  .abi-get-started.marketing-get-started .feature .feature__content .feature__body li {
    color: #035496;
    line-height: 2;
    font-size: .8em; }
    .abi-get-started.marketing-get-started .feature .feature__content .feature__body li:before {
      content: "\f12e";
      padding-right: 0.5em;
      font-family: "ngicons"; }
  .abi-get-started.marketing-get-started .feature .feature__content .feature__body p {
    margin: 0;
    font-size: .8em !important;
    font-family: 'DIN-Regular' !important;
    line-height: 1.25; }
.abi-get-started.marketing-get-started .content-aside-image-wrap img {
  max-height: 30em;
  max-width: 100%; }

@media screen and (max-width: 749px) {
  .abi-get-started footer,
  .marketing-get-started footer,
  .direct-get-started footer {
    padding-top: .9em;
    background-color: #FFFFFF; } }
.abi-get-started footer .footer__top,
.marketing-get-started footer .footer__top,
.direct-get-started footer .footer__top {
  display: none; }
.abi-get-started footer .footer__bottom .quick-links,
.marketing-get-started footer .footer__bottom .quick-links,
.direct-get-started footer .footer__bottom .quick-links {
  display: none; }
@media screen and (min-width: 750px) {
  .abi-get-started footer .footer__bottom .info,
  .marketing-get-started footer .footer__bottom .info,
  .direct-get-started footer .footer__bottom .info {
    width: 70%; } }

.get-started-footer .get-started__banner h3 {
  text-align: right;
  padding-right: 1.75em; }
.get-started-footer .get-started__banner ul {
  display: none; }

.ng_facebook {
  background: #3a5796; }
  .ng_facebook:hover {
    background: #4a6db9; }

.ng_twitter {
  background: #49ace4; }
  .ng_twitter:hover {
    background: #75c0eb; }

.ng_youtube {
  background: #c32f37; }
  .ng_youtube:hover {
    background: #d55057; }

.ng_google-plus {
  background: #4b4646; }
  .ng_google-plus:hover {
    background: #655f5f; }

.ng_pintrest {
  background: #c32f37; }
  .ng_pintrest:hover {
    background: #d55057; }

.ng_instagram {
  background: #62564a; }
  .ng_instagram:hover {
    background: #7f7060; }

.ng_vine {
  background: #5dc1a7; }
  .ng_vine:hover {
    background: #82cfbb; }

.ng_tumblr {
  background: #4d81b7; }
  .ng_tumblr:hover {
    background: #719bc6; }

.socials {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em;
  background-color: #093a62; }
  .socials:after {
    content: " ";
    display: block;
    clear: both; }
  .socials .social {
    width: 25%;
    float: left;
    height: 4.4em;
    float: left;
    position: relative; }
    .breakpoint-tablet-up .socials .social {
      height: 4.9em; }
    .breakpoint-large-desktop-only .socials .social {
      height: 5.3em; }
    .socials .social:nth-child(4n) {
      float: right;
      margin-right: 0; }
    .socials .social .social__content {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      width: auto;
      height: auto;
      color: white;
      text-decoration: none;
      margin: 8%;
      text-align: center; }
      .socials .social .social__content .socials__site-name {
        display: none; }
      .socials .social .social__content::before {
        padding-top: 0.25em;
        font-size: 2.5em; }
        .breakpoint-tablet-up .socials .social .social__content::before {
          padding-top: 0.3em; }
        .breakpoint-large-desktop-only .socials .social .social__content::before {
          padding-top: 0.4em; }

@-ms-viewport {
  width: device-width; }
body, .sb-site, .subject-matter {
  -ms-overflow-style: auto; }

.breakpoint-palm-only .headroom {
  transition: transform 200ms linear;
  -webkit-transition: -webkit-transform 200ms linear; }
.breakpoint-palm-only .headroom--pinned {
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%); }
.breakpoint-palm-only .headroom--unpinned {
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%); }

.ng-global-nav {
  position: relative; }

.ng-global-nav__topbar {
  border-top: 3px solid #035496;
  position: fixed;
  z-index: 11111;
  height: 53px;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  font-size: 16px;
  background-color: rgba(10, 10, 10, 0.8);
  padding: 0px 50px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .breakpoint-palm-only .ng-global-nav__topbar {
    padding-right: 0px; }

.ng-global-nav__topbar-links {
  width: 100%; }

.ng-global-nav__topbar-link {
  display: block;
  width: 20%;
  float: left;
  border-left: 1px solid #626663;
  font-size: 14px;
  text-align: center;
  color: #bababa !important;
  height: 50px;
  line-height: 50px; }
  .ng-global-nav__topbar-link.inactive-link:hover {
    font-size: 14px;
    color: #bababa;
    background-color: inherit !important;
    cursor: default; }
  .no-touch .ng-global-nav__topbar-link:hover {
    background: #333;
    color: #fff;
    cursor: pointer; }
  .ng-global-nav__topbar-link span {
    margin-left: 10px; }
  .ng-global-nav__topbar-link.get-started__global-nav-btn {
    background: #093a62;
    color: #fff;
    border-right: 1px solid #626663; }
    .ng-global-nav__topbar-link.get-started__global-nav-btn:hover {
      background: #035496; }
    .ng-global-nav__topbar-link.get-started__global-nav-btn span {
      font-size: 14px;
      display: inline-block;
      margin-left: 5px; }
    .breakpoint-palm-only .ng-global-nav__topbar-link.get-started__global-nav-btn {
      display: none; }
  .breakpoint-palm-only .ng-global-nav__topbar-link:nth-of-type(1) {
    width: 100%; }
  .breakpoint-palm-only .ng-global-nav__topbar-link.collection-link {
    display: none; }
  .ng-global-nav__topbar-link .topbar-logo-wrapper {
    background-image: url(../images/SVG/ng_logo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    height: 50px;
    width: 100%;
    max-width: 250px;
    margin: 0 auto; }
    .breakpoint-palm-only .ng-global-nav__topbar-link .topbar-logo-wrapper {
      margin: 0; }

.ng-global-nav__topbar-icon {
  width: 50px;
  height: 50px;
  float: left;
  display: block;
  position: absolute;
  top: 0;
  color: #bababa;
  text-align: center;
  font-size: 24px; }
  .no-touch .ng-global-nav__topbar-icon:hover {
    background: #333;
    color: #fff;
    cursor: pointer; }
  .ng-global-nav__topbar-icon.explore-icon {
    left: 0;
    padding-top: 13px; }
  .ng-global-nav__topbar-icon.search-icon {
    right: 0;
    padding-top: 12px; }
    .breakpoint-palm-only .ng-global-nav__topbar-icon.search-icon {
      display: none; }

.ng-global-nav__dropdowns-wrapper {
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 11110;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: none;
  overflow: hidden; }
  .breakpoint-palm-only .ng-global-nav__dropdowns-wrapper {
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }

.ng-global-nav__dropdowns-content, .ng-global-nav__promo-collections-content {
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  background: #333;
  color: #fff;
  max-height: 100%;
  position: relative;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  display: block;
  opacity: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; }

.breakpoint-palm-only .ng-global-nav__dropdowns-content {
  position: fixed;
  height: 100%;
  width: 100%; }

.ng-global-nav__promo-collections-content {
  max-width: 1000px;
  margin: 0 auto;
  background-color: #111; }
  .ng-global-nav__promo-collections-content .ng-global-nav__dropdown {
    background: #111;
    padding: 58px 0.3em 0.3em 0.3em; }

.ng-global-nav__close {
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  position: absolute;
  z-index: 5;
  float: right;
  display: block;
  width: 40px;
  height: 40px;
  color: #bababa;
  top: 70px;
  right: 5px;
  font-size: 36px;
  cursor: pointer; }
  .breakpoint-palm-only .ng-global-nav__close {
    display: none !important; }
  .ng-global-nav__close:hover {
    color: #fff; }

.ng-global-nav__dropdown, .global-nav__promo-collection__wrapper {
  font-size: 24px;
  padding: 93px 50px 30px 50px;
  display: none;
  opacity: 1; }
  .ng-global-nav__dropdown.global-nav__explore-dropdown, .global-nav__promo-collection__wrapper.global-nav__explore-dropdown {
    padding: 53px 50px 0px 50px; }
    .breakpoint-palm-only .ng-global-nav__dropdown.global-nav__explore-dropdown, .breakpoint-palm-only .global-nav__promo-collection__wrapper.global-nav__explore-dropdown {
      padding: 53px 0 50px 0; }
    .breakpoint-tablet-only .ng-global-nav__dropdown.global-nav__explore-dropdown, .breakpoint-tablet-only .global-nav__promo-collection__wrapper.global-nav__explore-dropdown {
      padding: 53px 20px 0px 15px; }

.active-link {
  background: #333;
  color: #fff; }

.dropdown__closed {
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%); }
  .dropdown__closed .ng-global-nav__close {
    display: none !important; }

.dropdown-content__hidden {
  opacity: 0; }

.opacity-0 {
  opacity: 0; }

.breakpoint-tablet-up .inactive-link {
  opacity: 0.25;
  cursor: default; }

.breakpoint-palm-only .global-nav__search-dropdown {
  display: none !important; }

.global-nav__search-dropdown__content {
  width: 100%;
  max-width: 1000px;
  font-size: 16px;
  margin: 0 auto; }

.global-nav__search-dropdown__title {
  font-size: 26px;
  color: #bababa;
  margin-bottom: 25px; }

.ng-global-nav__search-form {
  position: relative;
  margin-bottom: 40px; }
  .breakpoint-palm-only .ng-global-nav__search-form {
    margin-bottom: 20px; }
  .ng-global-nav__search-form input[type="text"] {
    display: block;
    width: 100%;
    color: #fff;
    padding: 25px;
    background: #4b4b4b;
    border: 1px solid #979797; }
    .breakpoint-palm-only .ng-global-nav__search-form input[type="text"] {
      padding: 20px;
      font-size: 13px; }
    .ng-global-nav__search-form input[type="text"]:focus {
      outline: 3px solid #979797; }
    .ng-global-nav__search-form input[type="text"]::-webkit-input-placeholder {
      color: #fff; }
    .ng-global-nav__search-form input[type="text"]:-moz-placeholder {
      /* Firefox 18- */
      color: #fff; }
    .ng-global-nav__search-form input[type="text"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #fff; }
    .ng-global-nav__search-form input[type="text"]:-ms-input-placeholder {
      color: #fff; }
  .ng-global-nav__search-form .ng-global-nav__search-submit__wrapper {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    z-index: 4; }
    .breakpoint-palm-only .ng-global-nav__search-form .ng-global-nav__search-submit__wrapper {
      top: 9px;
      right: 5px; }
    .ng-global-nav__search-form .ng-global-nav__search-submit__wrapper:hover:before {
      color: #fff; }
    .ng-global-nav__search-form .ng-global-nav__search-submit__wrapper:before {
      position: absolute;
      top: 5px;
      left: 5px;
      font-size: 26px;
      color: #bababa; }
    .ng-global-nav__search-form .ng-global-nav__search-submit__wrapper input[type="submit"] {
      display: block;
      position: absolute;
      border: 0px solid transparent;
      width: 40px;
      height: 40px;
      background: none;
      z-index: 5; }

.ng-global-nav__search-topics__title {
  display: inline-block;
  padding: 20px 100px 20px 0;
  border-bottom: 1px solid #979797;
  margin-bottom: 20px; }

.ng-global-nav__search-topics__list {
  margin-bottom: 50px; }
  .ng-global-nav__search-topics__list li a {
    display: block;
    float: left;
    padding: 20px 25px;
    color: #fff;
    margin: 0 20px 20px 0;
    border: 1px solid #979797; }
    .ng-global-nav__search-topics__list li a:hover {
      background-color: #979797;
      cursor: pointer; }

.ng-global-nav__promo-collection__wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-size: 0.5rem;
  width: 100%;
  height: 17em;
  margin: 0 auto;
  padding: 0.2em;
  max-width: 1000px; }
  .ng-global-nav__promo-collection__wrapper:after {
    content: " ";
    display: block;
    clear: both; }
  .breakpoint-desktop-only .ng-global-nav__promo-collection__wrapper, .breakpoint-large-desktop-only .ng-global-nav__promo-collection__wrapper {
    font-size: 25px; }

.ng-global-nav__promo-collection__column {
  position: relative;
  height: 100%;
  font-size: 0.75em; }
  .ng-global-nav__promo-collection__column._1-up {
    width: 49.39759%;
    float: left;
    margin-right: 1.20482%; }
  .ng-global-nav__promo-collection__column._2-up {
    width: 24.09639%;
    float: left;
    margin-right: 1.20482%; }
  .ng-global-nav__promo-collection__column:nth-child(3) {
    float: right;
    margin-right: 0; }

.ng-global-nav__promo-collection__box {
  position: relative;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #fff;
  overflow: hidden; }
  .ng-global-nav__promo-collection__box:hover:before {
    opacity: 0.2; }
  .ng-global-nav__promo-collection__box:hover .ng-global-nav__promo-collection__box-image {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05); }
  .ng-global-nav__promo-collection__box:before {
    content: '';
    position: absolute;
    top: -5px;
    bottom: -5px;
    right: -5px;
    left: -5px;
    background: #000;
    opacity: 0.3;
    z-index: 5; }
  .ng-global-nav__promo-collection__box.primary {
    height: 100%; }
    .ng-global-nav__promo-collection__box.primary:before {
      opacity: 0.2; }
    .ng-global-nav__promo-collection__box.primary .ng-global-nav__promo-collection__box-content {
      font-size: 1.3em; }
  .ng-global-nav__promo-collection__box .ng-global-nav__promo-collection__caption {
    display: none; }
  .ng-global-nav__promo-collection__box.secondary {
    height: 60%;
    margin-bottom: 5%; }
  .ng-global-nav__promo-collection__box.tertiary {
    height: 37.5%;
    bottom: 0; }

.ng-global-nav__promo-collection__box-image {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-size: cover;
  background-position: center; }

.ng-global-nav__promo-collection__box-content {
  position: absolute;
  z-index: 10;
  bottom: 0;
  padding: 0.5em;
  width: 100%; }

.ng-global-nav__promo-collection__title {
  display: block;
  margin-bottom: 0.1em;
  position: static;
  color: #fff !important; }

.ng-global-nav__promo-collection__metadata {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-block;
  background: rgba(0, 0, 0, 0.7);
  padding: 6px 6px 4px 6px;
  margin-bottom: 5px; }

.ng-global-nav__promo-collection__caption {
  display: block;
  font-size: 0.75em;
  text-transform: none;
  color: #fff !important; }
  .breakpoint-desktop-only .ng-global-nav__promo-collection__caption, .breakpoint-large-desktop-only .ng-global-nav__promo-collection__caption {
    display: block; }

.global-nav__explore-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-size: 15px; }
  .global-nav__explore-content:after {
    content: " ";
    display: block;
    clear: both; }
  .breakpoint-tablet-up .global-nav__explore-content .io-accordion__content-wrapper {
    display: block !important; }
  .global-nav__explore-content .explore__column {
    height: 100%; }
  .breakpoint-desktop-only .global-nav__explore-content .explore__column, .breakpoint-large-desktop-only .global-nav__explore-content .explore__column {
    width: 20%;
    float: left; }
    .breakpoint-desktop-only .global-nav__explore-content .explore__column:nth-of-type(5), .breakpoint-large-desktop-only .global-nav__explore-content .explore__column:nth-of-type(5) {
      float: right;
      margin-right: 0; }
  .breakpoint-tablet-only .global-nav__explore-content .explore__column {
    width: 25%;
    float: left; }
    .breakpoint-tablet-only .global-nav__explore-content .explore__column:nth-of-type(4) {
      float: right;
      margin-right: 0; }

.global-nav__explore__main-menu__link {
  display: block;
  color: #bababa;
  font-size: 26px;
  padding: 20px 0 15px 0;
  border-bottom: 1px solid #bababa;
  margin-bottom: 15px;
  margin-right: 20px; }
  .breakpoint-tablet-only .global-nav__explore__main-menu__link {
    font-size: 23px; }
  .breakpoint-palm-only .global-nav__explore__main-menu__link {
    border-bottom: 1px solid #555;
    margin-right: 0;
    margin-bottom: 0;
    color: #fff;
    padding: 25px;
    font-size: 18px; }

.global-nav__accordion-status {
  display: none; }
  .breakpoint-palm-only .global-nav__accordion-status {
    display: inline-block;
    float: right;
    font-size: 14px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg); }

.global-nav__explore__sub-menu {
  list-style-type: none;
  margin: 0;
  padding: 0 0 30px 0;
  font-size: 15px; }
  .breakpoint-tablet-only .global-nav__explore__sub-menu {
    font-size: 12px; }
  .breakpoint-palm-only .global-nav__explore__sub-menu {
    padding: 0 0 0 0; }

.global-nav__explore__sub-menu__link {
  display: block;
  text-decoration: none;
  list-style-type: none;
  color: #fff !important;
  padding: 15px 0;
  margin-right: 10px; }
  .global-nav__explore__sub-menu__link:hover {
    color: #008CFF !important; }
  .breakpoint-palm-only .global-nav__explore__sub-menu__link {
    padding: 20px;
    background: #222;
    margin-right: 0;
    border-bottom: 1px solid #444; }

.global-nav__explore__sub-menu__link-caption {
  color: #626663;
  display: block;
  font-size: 13px;
  text-transform: none;
  margin-top: 5px; }
  .breakpoint-tablet-up .global-nav__explore__sub-menu__link-caption {
    display: none; }

.global-nav__explore__call-to-action {
  position: absolute;
  z-index: 1;
  right: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
  min-height: 100%; }
  .breakpoint-tablet-only .global-nav__explore__call-to-action {
    display: none; }
  .breakpoint-palm-only .global-nav__explore__call-to-action {
    position: static; }
  .global-nav__explore__call-to-action:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5); }
    .breakpoint-palm-only .global-nav__explore__call-to-action:before {
      display: none; }

.global-nav__explore__call-to-action__content {
  position: relative;
  z-index: 3;
  height: 100%;
  width: 100%;
  text-align: center;
  display: table; }
  .breakpoint-palm-only .global-nav__explore__call-to-action__content {
    display: block; }
  .global-nav__explore__call-to-action__content .table-wrapper {
    display: table;
    width: 100%; }
    .breakpoint-palm-only .global-nav__explore__call-to-action__content .table-wrapper {
      display: block; }
  .global-nav__explore__call-to-action__content .table-cell-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%; }
    .breakpoint-palm-only .global-nav__explore__call-to-action__content .table-cell-wrapper {
      display: block; }

.global-nav__explore__call-to-action__title {
  display: block;
  font-size: 28px;
  width: 85%;
  margin: 0 auto 10px auto; }
  .breakpoint-palm-only .global-nav__explore__call-to-action__title {
    display: none; }

.global-nav__explore__call-to-action__link {
  display: block;
  background: #035496;
  color: #fff !important;
  font-size: 18px;
  padding: 10px;
  width: 85%;
  margin: 0 auto;
  max-width: 230px; }
  .global-nav__explore__call-to-action__link:hover {
    background: #093a62; }
  .breakpoint-palm-only .global-nav__explore__call-to-action__link {
    width: 100%;
    max-width: none;
    padding: 25px;
    font-size: 18px;
    text-align: left; }
  .global-nav__explore__call-to-action__link span {
    font-size: 14px; }
    .breakpoint-palm-only .global-nav__explore__call-to-action__link span {
      float: right; }

.global-nav__explore__mobile-content {
  padding: 20px; }
  .breakpoint-tablet-up .global-nav__explore__mobile-content {
    display: none; }

.global-nav__explore__mobile-content__phone {
  display: block;
  color: #bababa;
  font-size: 32px;
  text-align: center; }

/*
 *		National Guard Header Navigation Layouts
 *		v 2.0.0
 *		Created by Dabney Morris for iOStudio
 *		http://iostudio.com
 *		November-December 2016
*/
@-ms-viewport {
  width: device-width; }
body, .sb-site, .subject-matter {
  -ms-overflow-style: auto; }

.global-nav {
  position: fixed;
  z-index: 11111;
  top: 0;
  right: 0;
  left: 0;
  font-size: 16px; }
  .global-nav .global-nav-wrapper {
    background-color: rgba(10, 10, 10, 0.8);
    height: 53px;
    border-top: 3px solid #035496; }
    .global-nav .global-nav-wrapper.mobile-open .nav-content-wrapper {
      transform: translateY(0%);
      visibility: visible; }
    .global-nav .global-nav-wrapper.mobile-open .mobile-menu-button {
      background-color: #333; }
    .global-nav .global-nav-wrapper .mobile-menu-button {
      width: 50px;
      height: 50px;
      display: block;
      position: absolute;
      left: 0;
      color: #bababa;
      text-align: center;
      font-size: 24px;
      line-height: 50px;
      color: #bababa !important; }
      @media (min-width: 48em) {
        .global-nav .global-nav-wrapper .mobile-menu-button {
          display: none; } }
    .global-nav .global-nav-wrapper #site-title {
      margin-left: 50px; }
      @media (min-width: 48em) {
        .global-nav .global-nav-wrapper #site-title {
          margin-left: 0; } }
      .global-nav .global-nav-wrapper #site-title a.site-logo {
        width: 100%;
        float: left;
        height: 50px;
        border-left: 1px solid #626663;
        transition: background-color 0.2s ease-in-out; }
        @media (min-width: 48em) {
          .global-nav .global-nav-wrapper #site-title a.site-logo {
            border-left: none;
            width: 20%;
            max-width: 250px;
            border-left: none; } }
        .global-nav .global-nav-wrapper #site-title a.site-logo:hover {
          background: #333; }
        .global-nav .global-nav-wrapper #site-title a.site-logo .site-logo-wrapper {
          background-image: url(../images/SVG/ng_logo.svg);
          background-repeat: no-repeat;
          background-position: center;
          background-size: 85%;
          height: 47px;
          width: 100%;
          max-width: 250px; }
          @media (min-width: 48em) {
            .global-nav .global-nav-wrapper #site-title a.site-logo .site-logo-wrapper {
              margin: 0 auto; } }
    .global-nav .global-nav-wrapper .nav-content-wrapper {
      transition: all 0.2s ease 0s;
      -webkit-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
      visibility: hidden;
      transform: translateY(-110%);
      position: fixed;
      top: 50px;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #333;
      overflow: auto;
      z-index: -10; }
      @media (min-width: 48em) {
        .global-nav .global-nav-wrapper .nav-content-wrapper {
          position: relative;
          top: auto;
          right: auto;
          left: auto;
          bottom: auto;
          background-color: transparent;
          overflow: visible;
          transform: none;
          z-index: 0;
          visibility: visible; } }
      .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav {
        transition: opacity 0.2s ease 0.2s;
        -webkit-transition: opacity 0.2s ease 0.2s;
        -ms-transition: opacity 0.2s ease 0.2s;
        opacity: 1;
        float: none; }
        .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav.nav-disabled {
          transition: opacity 0.2s ease 0s;
          -webkit-transition: opacity 0.2s ease 0s;
          -ms-transition: opacity 0.2s ease 0s;
          pointer-events: none;
          opacity: 0.3; }
        @media (min-width: 48em) {
          .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav {
            display: inline-block;
            float: left;
            width: 55%; } }
        @media (min-width: 80.625em) {
          .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav {
            width: 56%; } }
        .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded {
          width: 100%; }
          .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded.mobile-sub-open a.nav-link span {
            transform: rotate(-180deg); }
          @media (min-width: 48em) {
            .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded {
              width: 25%;
              float: left;
              height: 50px;
              position: relative; }
              .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded:hover ul.sub-nav {
                opacity: 1;
                visibility: visible; }
              .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded:hover a.nav-link {
                background-color: #035496;
                color: #fff !important; } }
          .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded a {
            transition: background-color 0.1s ease 0s;
            -webkit-transition: background-color 0.1s ease 0s;
            -ms-transition: background-color 0.1s ease 0s; }
          .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded a.nav-link {
            display: block;
            font-size: 18px;
            padding: 25px;
            border-bottom: 1px solid #555;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            color: #fff !important; }
            .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded a.nav-link span {
              margin-left: 5px;
              font-size: 0.75em;
              float: right;
              transition: transform 0.2s ease 0s;
              -webkit-transition: transform 0.2s ease 0s;
              -ms-transition: transform 0.2s ease 0s; }
              @media (min-width: 48em) {
                .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded a.nav-link span {
                  float: none; } }
            @media (min-width: 48em) {
              .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded a.nav-link {
                font-size: 13px;
                width: 100%;
                text-align: center;
                line-height: 50px;
                height: 50px;
                padding: 0;
                border-bottom: none;
                text-transform: none;
                color: #bababa !important; } }
            @media (min-width: 64em) {
              .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded a.nav-link {
                font-size: 14px; } }
          .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav {
            background-color: #222;
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.2s ease 0s;
            -webkit-transition: max-height 0.2s ease 0s;
            -ms-transition: max-height 0.2s ease 0s; }
            @media (min-width: 48em) {
              .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav {
                width: 200%;
                transition: all 0.1s ease 0s;
                -webkit-transition: all 0.1s ease 0s;
                -ms-transition: all 0.1s ease 0s;
                position: absolute;
                top: 50px;
                visibility: hidden;
                overflow: visible;
                opacity: 0;
                background-color: #e7e7e7;
                max-height: none; } }
            @media (min-width: 64em) {
              .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav {
                width: 150%; } }
            .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li a.sub-item {
              color: #fff;
              padding: 20px;
              border-bottom: 1px solid #444;
              display: block; }
              @media (min-width: 48em) {
                .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li a.sub-item {
                  font-size: 1em;
                  padding: 0.5em 1em;
                  text-transform: none;
                  color: #393939;
                  border-bottom: none; }
                  .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li a.sub-item:hover {
                    background-color: #d5d5d5; } }
              @media (min-width: 64em) {
                .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li a.sub-item {
                  font-size: 1.1em;
                  padding: 0.6em 1em; } }
              @media (min-width: 80.625em) {
                .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li a.sub-item {
                  font-size: 1.15em;
                  padding: 0.75em 1em; } }
            @media (min-width: 48em) {
              .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li.nav-states {
                position: relative;
                -ms-overflow-style: -ms-autohiding-scrollbar; }
                .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li.nav-states:hover {
                  background-color: #035496; }
                  .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li.nav-states:hover ul.nav-state-list {
                    height: 200px;
                    -webkit-transition-delay: 0s;
                    /* Safari */
                    transition-delay: 0s; }
                  .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li.nav-states:hover a.sub-item {
                    color: #fff;
                    background-color: #035496; } }
            .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li.nav-states a.sub-item span {
              display: none; }
              @media (min-width: 48em) {
                .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li.nav-states a.sub-item span {
                  display: inline;
                  float: right;
                  font-size: 0.75em; } }
            .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li.nav-states ul.nav-state-list {
              overflow: scroll;
              height: 0px;
              position: absolute;
              width: 100%;
              background-color: #fff;
              transition: height 0.2s ease 0.3s;
              -webkit-transition: height 0.2s ease 0.3s;
              -ms-transition: height 0.2s ease 0.3s; }
              .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li.nav-states ul.nav-state-list li.nav-state-item {
                height: auto; }
                .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li.nav-states ul.nav-state-list li.nav-state-item a.nav-state-link {
                  text-transform: none;
                  color: #393939;
                  display: block;
                  padding: 0.66em 1em; }
                  .global-nav .global-nav-wrapper .nav-content-wrapper ul.ng-nav li.expanded ul.sub-nav li.nav-states ul.nav-state-list li.nav-state-item a.nav-state-link:hover {
                    background-color: #d5d5d5; }
      .global-nav .global-nav-wrapper .nav-content-wrapper #chat-search {
        display: none; }
        @media (min-width: 48em) {
          .global-nav .global-nav-wrapper .nav-content-wrapper #chat-search {
            display: block;
            width: 10%;
            float: right;
            text-align: right; } }
        @media (min-width: 80.625em) {
          .global-nav .global-nav-wrapper .nav-content-wrapper #chat-search {
            width: 7%; } }
        .global-nav .global-nav-wrapper .nav-content-wrapper #chat-search a {
          line-height: 50px;
          transition: all 0.1s ease 0s;
          -webkit-transition: all 0.1s ease 0s;
          -ms-transition: all 0.1s ease 0s;
          color: #bababa;
          margin-right: 7px; }
          @media (min-width: 48em) {
            .global-nav .global-nav-wrapper .nav-content-wrapper #chat-search a {
              font-size: 18px; } }
          @media (min-width: 64em) {
            .global-nav .global-nav-wrapper .nav-content-wrapper #chat-search a {
              font-size: 22px; } }
          @media (min-width: 80.625em) {
            .global-nav .global-nav-wrapper .nav-content-wrapper #chat-search a {
              font-size: 24px; } }
          .global-nav .global-nav-wrapper .nav-content-wrapper #chat-search a.search {
            margin-right: 14px; }
          .global-nav .global-nav-wrapper .nav-content-wrapper #chat-search a:hover {
            color: #fff; }
      .global-nav .global-nav-wrapper .nav-content-wrapper #how-to-join {
        width: 100%; }
        @media (min-width: 48em) {
          .global-nav .global-nav-wrapper .nav-content-wrapper #how-to-join {
            display: block;
            height: 50px;
            width: 15%;
            float: right; } }
        @media (min-width: 80.625em) {
          .global-nav .global-nav-wrapper .nav-content-wrapper #how-to-join {
            width: 17%;
            max-width: 250px; } }
        .global-nav .global-nav-wrapper .nav-content-wrapper #how-to-join a {
          transition: background-color 0.1s ease 0s;
          -webkit-transition: background-color 0.1s ease 0s;
          -ms-transition: background-color 0.1s ease 0s;
          background-color: #035496;
          color: #fff;
          font-size: 18px;
          padding: 25px;
          display: block;
          letter-spacing: 0.5px; }
          @media (min-width: 48em) {
            .global-nav .global-nav-wrapper .nav-content-wrapper #how-to-join a {
              font-size: 12px;
              padding: 0;
              color: #bababa;
              width: 100%;
              height: 100%;
              line-height: 50px;
              text-align: center;
              text-transform: none; }
              .global-nav .global-nav-wrapper .nav-content-wrapper #how-to-join a:hover {
                background-color: #0c70c1;
                color: #fff; } }
          @media (min-width: 64em) {
            .global-nav .global-nav-wrapper .nav-content-wrapper #how-to-join a {
              font-size: 14px; } }
          .global-nav .global-nav-wrapper .nav-content-wrapper #how-to-join a span {
            font-size: 0.75em;
            margin-left: 5px;
            float: right; }
            @media (min-width: 48em) {
              .global-nav .global-nav-wrapper .nav-content-wrapper #how-to-join a span {
                float: none; } }
  .global-nav .nav-search-form {
    position: relative;
    margin-bottom: 40px; }
    .breakpoint-palm-only .global-nav .nav-search-form {
      margin-bottom: 20px; }
    .global-nav .nav-search-form input[type="text"] {
      display: block;
      width: 100%;
      color: #fff;
      padding: 25px;
      background: #4b4b4b;
      border: 1px solid #979797; }
      .breakpoint-palm-only .global-nav .nav-search-form input[type="text"] {
        padding: 20px;
        font-size: 13px; }
      .global-nav .nav-search-form input[type="text"]:focus {
        outline: 3px solid #979797; }
      .global-nav .nav-search-form input[type="text"]::-webkit-input-placeholder {
        color: #fff; }
      .global-nav .nav-search-form input[type="text"]:-moz-placeholder {
        /* Firefox 18- */
        color: #fff; }
      .global-nav .nav-search-form input[type="text"]::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff; }
      .global-nav .nav-search-form input[type="text"]:-ms-input-placeholder {
        color: #fff; }
    .global-nav .nav-search-form .nav-search-submit-wrapper {
      display: block;
      position: absolute;
      top: 15px;
      right: 15px;
      width: 40px;
      height: 40px;
      z-index: 4; }
      .breakpoint-palm-only .global-nav .nav-search-form .nav-search-submit-wrapper {
        top: 9px;
        right: 5px; }
      .global-nav .nav-search-form .nav-search-submit-wrapper:hover:before {
        color: #fff; }
      .global-nav .nav-search-form .nav-search-submit-wrapper:before {
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 26px;
        color: #bababa; }
      .global-nav .nav-search-form .nav-search-submit-wrapper input[type="submit"] {
        display: block;
        position: absolute;
        border: 0px solid transparent;
        width: 40px;
        height: 40px;
        background: none;
        z-index: 5; }
  .global-nav .nav-mobile-search-wrapper {
    padding: 20px; }
    @media (min-width: 48em) {
      .global-nav .nav-mobile-search-wrapper {
        display: none; } }
    .global-nav .nav-mobile-search-wrapper .nav-mobile-phone {
      display: block;
      color: #bababa;
      font-size: 32px;
      text-align: center; }
  .global-nav .nav-search-dropdown-wrapper {
    font-size: 24px;
    color: #fff;
    position: fixed;
    top: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -10; }
    .global-nav .nav-search-dropdown-wrapper.closed {
      transition: background-color 0.2s ease 0.2s, visibility 0.2s ease 0.2s;
      visibility: hidden;
      background-color: transparent; }
      .global-nav .nav-search-dropdown-wrapper.closed .nav-search-dropdown {
        transition: transform 0.2s ease;
        transform: translateY(-110%); }
    .global-nav .nav-search-dropdown-wrapper.open {
      transition: background-color 0.2s ease, visibility 0.2s ease;
      visibility: visible;
      background-color: rgba(0, 0, 0, 0.8); }
      .global-nav .nav-search-dropdown-wrapper.open .nav-search-dropdown {
        transition: transform 0.2s ease 0.2s;
        transform: translateY(0%); }
    .global-nav .nav-search-dropdown-wrapper .nav-search-dropdown {
      padding: 93px 50px 30px 50px;
      width: 100%;
      background-color: #333;
      position: absolute;
      top: 50px; }
      .breakpoint-palm-only .global-nav .nav-search-dropdown-wrapper .nav-search-dropdown {
        display: none !important; }
      .global-nav .nav-search-dropdown-wrapper .nav-search-dropdown .nav-search-close {
        transition: all 0.1s ease 0s;
        -webkit-transition: all 0.1s ease 0s;
        -ms-transition: all 0.1s ease 0s;
        position: absolute;
        z-index: 5;
        float: right;
        display: block;
        width: 40px;
        height: 40px;
        color: #bababa;
        top: 15px;
        right: 10px;
        font-size: 36px;
        cursor: pointer; }
        .global-nav .nav-search-dropdown-wrapper .nav-search-dropdown .nav-search-close:hover {
          color: #fff; }
    .global-nav .nav-search-dropdown-wrapper .nav-search-dropdown-content {
      width: 100%;
      max-width: 1000px;
      font-size: 16px;
      margin: 0 auto; }
    .global-nav .nav-search-dropdown-wrapper .nav-search-dropdown-title {
      font-size: 26px;
      color: #bababa;
      margin-bottom: 25px; }
    .global-nav .nav-search-dropdown-wrapper .nav-search-topics-title {
      display: inline-block;
      padding: 20px 100px 20px 0;
      border-bottom: 1px solid #979797;
      margin-bottom: 20px; }
    .global-nav .nav-search-dropdown-wrapper .nav-search-topics-list {
      margin-bottom: 50px; }
      .global-nav .nav-search-dropdown-wrapper .nav-search-topics-list li a {
        display: block;
        float: left;
        padding: 20px 25px;
        color: #fff;
        margin: 0 20px 20px 0;
        border: 1px solid #979797; }
        .global-nav .nav-search-dropdown-wrapper .nav-search-topics-list li a:hover {
          background-color: #979797;
          cursor: pointer; }

.feature {
  display: block;
  margin-bottom: 6%; }
  .feature .feature__content {
    color: #626663; }
    .feature .feature__content .feature__header {
      font-size: 1.15em;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 4px solid #e4e4e4; }
      .home .feature .feature__content .feature__header, .marketing-get-started .feature .feature__content .feature__header {
        font-size: 2.5em; }
    .feature .feature__content .feature__body {
      display: block;
      font-size: 0.75em;
      line-height: 1.5; }
      .feature .feature__content .feature__body p {
        margin-bottom: 0.3em; }
      .feature .feature__content .feature__body ul {
        margin-left: 3em;
        margin-bottom: 0.3em; }
        body.star-bullets .feature .feature__content .feature__body ul li:before {
          display: inline-block;
          position: relative;
          top: -0.15em;
          margin-left: -1.4em;
          padding-right: 0.4em;
          font-size: 0.7em;
          font-family: "ngicons";
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          line-height: 1;
          text-decoration: inherit;
          text-rendering: optimizeLegibility;
          text-transform: none;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
          font-smoothing: antialiased;
          content: "\f13b"; }
      .feature .feature__content .feature__body a {
        color: #035496; }
      .feature .feature__content .feature__body .blue-button {
        color: #FFF;
        background: #035496;
        padding: 0.5em 1em 0.4em;
        margin-bottom: 0.5em;
        display: inline-block;
        font-family: 'DIN-Medium';
        letter-spacing: 0.5px; }

.breadcrumb .breadcrumb__link {
  vertical-align: top;
  text-decoration: none;
  color: #035496;
  font-size: 0.5em; }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    .breadcrumb .breadcrumb__link {
      font-size: 0.75em; } }

#sequence {
  height: 11em;
  background-color: #000;
  margin-bottom: 1em;
  margin-top: 53px; }
  .breakpoint-large-desktop-only #sequence {
    font-size: 60px; }
  #sequence .sequence-canvas {
    margin: 0; }
    #sequence .sequence-canvas > li {
      list-style-type: none; }
    @media screen and (min-width: 1025px) {
      .home #sequence .sequence-canvas .slide {
        background-image: none !important; } }
    @media screen and (max-width: 1024px) {
      .home #sequence .sequence-canvas .slide.mobile-video-visible {
        background-image: none !important; } }
  @media screen and (max-width: 749px) {
    #sequence {
      padding-bottom: 100%; }
      .home #sequence {
        padding-bottom: 0;
        height: 320px; } }

#sequence {
  position: relative; }
  #sequence > .sequence-canvas > li {
    /* required */
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; }
    #sequence > .sequence-canvas > li > * {
      /* required */
      position: absolute;
      width: 100%;
      height: 100%;
      color: white;
      background-repeat: repeat, no-repeat;
      background-size: auto, cover;
      background-position: center, center; }

.slide {
  opacity: 0; }
  .no-csstransitions .slide {
    opacity: 1; }
  .animate-in .slide {
    opacity: 1;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -ms-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity; }
  .animate-out .slide {
    opacity: 0;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity; }

.sequence-pagination {
  position: absolute;
  margin-top: 9.2em;
  margin-left: 0.4em;
  z-index: 15; }
  .sequence-pagination .page {
    display: inline-block;
    margin-right: 0.15em;
    border: 1px solid white;
    width: 0.25em;
    height: 0.25em; }
  .sequence-pagination .page.current {
    background-color: white; }
  @media screen and (max-width: 749px) {
    .sequence-pagination {
      display: none; } }

.slide__container, .sequence-pagination-wrapper {
  position: relative;
  margin: 0 12.5%;
  height: 100%;
  opacity: 1; }
  .breakpoint-palm-only .slide__container, .breakpoint-palm-only .sequence-pagination-wrapper, .breakpoint-tablet-only .slide__container, .breakpoint-tablet-only .sequence-pagination-wrapper {
    margin: 0 5%; }
  .breakpoint-large-desktop-only .slide__container, .breakpoint-large-desktop-only .sequence-pagination-wrapper {
    width: 75%;
    font-size: 60px; }
  @media screen and (max-width: 749px) {
    .slide__container, .sequence-pagination-wrapper {
      margin: 0 5%; }
      .home .slide__container, .home .sequence-pagination-wrapper {
        font-size: 2em;
        margin: 0; } }
  .slide__container .slide__title, .sequence-pagination-wrapper .slide__title {
    padding-top: 3em;
    font-size: 1.25em;
    margin: 0;
    font-weight: 400; }
    .home .slide__container .slide__title, .home .sequence-pagination-wrapper .slide__title {
      padding-top: 4em; }
    @media screen and (max-width: 749px) {
      .slide__container .slide__title, .sequence-pagination-wrapper .slide__title {
        bottom: 1.2em;
        max-width: 80%;
        padding-top: 0;
        position: absolute; }
        .home .slide__container .slide__title, .home .sequence-pagination-wrapper .slide__title {
          position: relative;
          padding-top: 160px;
          transform: translateY(-25%);
          bottom: auto;
          max-width: inherit; } }
  .slide__container > section, .sequence-pagination-wrapper > section {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    font-size: 0.5em; }
    .slide__container > section > *, .sequence-pagination-wrapper > section > * {
      display: inline-block;
      vertical-align: top; }
  .slide__container .slide__subtitle, .sequence-pagination-wrapper .slide__subtitle {
    vertical-align: top;
    display: inline-block;
    color: white;
    font-weight: 200;
    padding: 2.5%;
    padding-bottom: 7.5%;
    font-size: 0.45em;
    width: 33.333%;
    line-height: 1.5; }
    .slide__container .slide__subtitle p, .sequence-pagination-wrapper .slide__subtitle p {
      margin: 0;
      padding: 0; }
    @media screen and (max-width: 749px) {
      .slide__container .slide__subtitle, .sequence-pagination-wrapper .slide__subtitle {
        display: none; } }
  .slide__container .slide__link, .sequence-pagination-wrapper .slide__link {
    color: white;
    padding-top: 2.5%;
    padding-left: 5%; }
    .slide__container .slide__link::before, .sequence-pagination-wrapper .slide__link::before {
      position: relative;
      vertical-align: 7%;
      padding-right: 0.25em;
      font-size: 0.8em; }
    @media screen and (max-width: 749px) {
      .slide__container .slide__link, .sequence-pagination-wrapper .slide__link {
        font-size: 1.2em;
        padding-left: 0; }
        .home .slide__container .slide__link, .home .sequence-pagination-wrapper .slide__link {
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0; } }
  .slide__container .slide__crosshair, .sequence-pagination-wrapper .slide__crosshair {
    position: absolute;
    top: 11%;
    right: 18%;
    font-size: 0.6em; }
    .slide__container .slide__crosshair .tooltip-wrapper, .sequence-pagination-wrapper .slide__crosshair .tooltip-wrapper {
      position: absolute;
      z-index: -1;
      bottom: 1.2em;
      left: -5em;
      width: 15em;
      background-color: rgba(10, 10, 10, 0.85);
      color: #bababa;
      padding: 1.2em;
      line-height: 1.5em;
      display: block;
      opacity: 0;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      -ms-transition-property: opacity;
      transition-property: opacity; }
      .slide__container .slide__crosshair .tooltip-wrapper .tooltip__title, .sequence-pagination-wrapper .slide__crosshair .tooltip-wrapper .tooltip__title {
        display: block;
        font-size: 1.1em;
        color: white; }
      .slide__container .slide__crosshair .tooltip-wrapper .tooltip__subtitle, .sequence-pagination-wrapper .slide__crosshair .tooltip-wrapper .tooltip__subtitle {
        display: block;
        font-size: 0.9em; }
      .slide__container .slide__crosshair .tooltip-wrapper .tooltip__description, .sequence-pagination-wrapper .slide__crosshair .tooltip-wrapper .tooltip__description {
        display: block;
        border-top: 1px solid #bababa;
        padding-top: 0.2em;
        font-size: 0.75em; }
    .slide__container .slide__crosshair:hover .tooltip-wrapper, .sequence-pagination-wrapper .slide__crosshair:hover .tooltip-wrapper {
      opacity: 1;
      z-index: 5; }
    @media screen and (max-width: 749px) {
      .slide__container .slide__crosshair, .sequence-pagination-wrapper .slide__crosshair {
        display: none; } }
  .slide__container .slide__state, .sequence-pagination-wrapper .slide__state {
    position: absolute;
    top: 11%;
    right: 9%;
    font-size: 2.75em;
    line-height: 1; }
    @media screen and (max-width: 749px) {
      .slide__container .slide__state, .sequence-pagination-wrapper .slide__state {
        display: none; } }
  .slide__container .slide__number, .sequence-pagination-wrapper .slide__number {
    position: absolute;
    right: 0;
    font-size: 2.5em;
    line-height: 1; }
    @media screen and (max-width: 749px) {
      .slide__container .slide__number, .sequence-pagination-wrapper .slide__number {
        bottom: 13%; } }
    @media screen and (min-width: 750px) {
      .slide__container .slide__number, .sequence-pagination-wrapper .slide__number {
        top: 13%; } }

.slider.option-b .slide__container .slide__link, .slider.option-b .sequence-pagination-wrapper .slide__link, .slider.option-b .sequence-pagination-wrapper .slide__link {
  padding: 1.5% 2.5%;
  margin-left: 5%;
  vertical-align: bottom;
  background: #035496;
  transition: all 0.2s ease; }
  .slider.option-b .slide__container .slide__link:hover, .slider.option-b .sequence-pagination-wrapper .slide__link:hover, .slider.option-b .sequence-pagination-wrapper .slide__link:hover {
    background: #0c70c1; }
.slider.option-b .slide__container .slide__crosshair, .slider.option-b .sequence-pagination-wrapper .slide__crosshair, .slider.option-b .sequence-pagination-wrapper .slide__crosshair {
  display: none; }
.slider.option-b .slide__container .slide__state, .slider.option-b .sequence-pagination-wrapper .slide__state, .slider.option-b .sequence-pagination-wrapper .slide__state {
  display: none; }
.slider.option-b .slide__container .slide__number, .slider.option-b .sequence-pagination-wrapper .slide__number, .slider.option-b .sequence-pagination-wrapper .slide__number {
  display: none; }

.slider.home-slider .slide__container, .slider.home-slider .sequence-pagination-wrapper {
  text-align: center; }
  .slider.home-slider .slide__container .slide__title, .slider.home-slider .sequence-pagination-wrapper .slide__title {
    text-align: center;
    font-size: 1em;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 749px) {
      .slider.home-slider .slide__container .slide__title, .slider.home-slider .sequence-pagination-wrapper .slide__title {
        letter-spacing: 0.015em; } }
  .slider.home-slider .slide__container .slide__link, .slider.home-slider .sequence-pagination-wrapper .slide__link {
    margin-left: 0;
    font-size: 0.5em;
    padding: 0.5em 1em;
    font-weight: 700;
    letter-spacing: 1px; }
    @media screen and (max-width: 749px) {
      .slider.home-slider .slide__container .slide__link, .slider.home-slider .sequence-pagination-wrapper .slide__link {
        padding: 1em; } }

@media screen and (max-width: 749px) {
  body:not(.home) .slider.option-b .slide__container .slide__title, body:not(.home) .slider.option-b .sequence-pagination-wrapper .slide__title, body:not(.home) .slider.option-b .sequence-pagination-wrapper .slide__title {
    bottom: 1.4em;
    max-width: 90%;
    padding-top: 0;
    position: absolute;
    font-size: 2.5em;
    font-weight: 400; }
  body:not(.home) .slider.option-b .slide__container .slide__link, body:not(.home) .slider.option-b .sequence-pagination-wrapper .slide__link, body:not(.home) .slider.option-b .sequence-pagination-wrapper .slide__link {
    font-size: 2.7em;
    padding: 2.5%;
    margin-left: 0; } }
/*
    Document   : _share
    Created on : Mar 20, 2014, 8:49:06 AM
    Author     : micahflatt
    Description:
    Purpose of the stylesheet follows.
*/
/*
    TODO customize this sample style
    Syntax recommendation http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html
*/
.share-row {
  clear: both;
  width: 100%;
  margin: 1.5em 0; }
  .share-row .button-div {
    vertical-align: middle; }
    @media screen and (max-width: 749px) {
      .share-row .button-div {
        margin: 0 auto;
        width: 50%;
        font-size: 1.5em; } }
    @media screen and (min-width: 750px) {
      .share-row .button-div {
        display: inline-block;
        width: 20%;
        font-size: 0.75em; } }
  .share-row .rule-div {
    display: inline-block;
    width: 80%;
    vertical-align: middle;
    padding: 2%; }
    @media screen and (max-width: 749px) {
      .share-row .rule-div {
        display: none; } }
    .share-row .rule-div hr {
      border: 0;
      height: 0.3em;
      background-color: #e4e4e4; }

.share-wrapper {
  margin-top: 0.5em; }

a.share {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0.75em 0;
  line-height: 1em;
  border-radius: 0.3em;
  color: #035496;
  background-color: #e4e4e4;
  cursor: pointer; }
  a.share:before {
    display: inline-block;
    position: relative;
    vertical-align: middle; }

.map-content-wrapper {
  padding-top: 1.5em;
  margin-bottom: 3em; }
  .map-content-wrapper h2 {
    color: #023A60; }
  .map-content-wrapper .contact-instructions {
    text-transform: none;
    color: #333;
    margin-bottom: 1em;
    font-size: 0.5em; }
    .breakpoint-palm-only .map-content-wrapper .contact-instructions {
      font-size: 1em; }

.map-wrapper {
  position: relative; }
  .map-wrapper > svg {
    width: 100%;
    height: 15em;
    overflow: hidden;
    border: 1px solid #ccc; }
    .breakpoint-palm-only .map-wrapper > svg {
      display: none; }
    .map-wrapper > svg > g {
      transform-origin: center center;
      cursor: pointer; }
    .map-wrapper > svg .active {
      fill: #023A60; }
  .map-wrapper .contact-info {
    display: none;
    position: absolute;
    z-index: 10;
    opacity: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-size: 0.5em;
    background: rgba(255, 255, 255, 0.9);
    color: #035496;
    width: 80%;
    height: 80%;
    margin: auto; }
    .breakpoint-palm-only .map-wrapper .contact-info {
      position: relative;
      width: 100%;
      padding-bottom: 3em;
      margin-top: 3em; }
    .map-wrapper .contact-info .contact-info-header {
      font-size: 1.5em;
      background: #035496;
      color: #fff;
      padding: 1em; }
      .map-wrapper .contact-info .contact-info-header .close-contact-info {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
        color: #fff;
        font-size: 1.5em;
        cursor: pointer; }
    .map-wrapper .contact-info .contact-info-data-wrapper {
      overflow: scroll;
      height: 19em; }
      .breakpoint-palm-only .map-wrapper .contact-info .contact-info-data-wrapper {
        height: auto; }
    .map-wrapper .contact-info .contact-info-data {
      font-size: 1.2em;
      line-height: 1.5;
      color: #555;
      padding: 1em;
      text-transform: none;
      padding-top: 1.3em;
      float: left;
      max-width: 65%; }
      .breakpoint-palm-only .map-wrapper .contact-info .contact-info-data {
        max-width: 100%;
        padding-top: 1em;
        padding-left: 1em;
        font-size: 2.5em;
        width: 100%;
        float: none; }
      .map-wrapper .contact-info .contact-info-data .no-contacts {
        float: none;
        width: 100%; }
      .map-wrapper .contact-info .contact-info-data .contact-info-title {
        font-size: 0.5em;
        text-transform: uppercase;
        margin: 0;
        line-height: 0.6;
        margin-top: 1em;
        padding-top: 1.5em;
        border-top: 1px solid #ccc; }
        .map-wrapper .contact-info .contact-info-data .contact-info-title:nth-of-type(1) {
          margin-top: 0;
          padding-top: 0;
          border-top: none; }
      .map-wrapper .contact-info .contact-info-data .contact-info-label {
        display: block;
        text-transform: uppercase;
        color: #023A60;
        font-size: 0.55em;
        line-height: 0.5; }
        .breakpoint-palm-only .map-wrapper .contact-info .contact-info-data .contact-info-label {
          font-size: 0.7em; }
        .map-wrapper .contact-info .contact-info-data .contact-info-label:nth-of-type(1) {
          margin-top: 2em; }
      .map-wrapper .contact-info .contact-info-data p {
        font-size: 0.9em;
        margin-bottom: 0.6em; }
        .map-wrapper .contact-info .contact-info-data p .contact-email {
          color: #035496;
          text-decoration: underline;
          font-size: 0.75em;
          word-break: break-all; }
          .breakpoint-palm-only .map-wrapper .contact-info .contact-info-data p .contact-email {
            font-size: 0.9em; }
        .map-wrapper .contact-info .contact-info-data p .contact-website {
          color: #035496;
          text-decoration: underline;
          font-size: 0.75em;
          word-break: break-all; }
          .breakpoint-palm-only .map-wrapper .contact-info .contact-info-data p .contact-website {
            font-size: 0.9em; }
        .map-wrapper .contact-info .contact-info-data p .contact-phone {
          color: #035496;
          font-size: 1em; }
          .breakpoint-palm-only .map-wrapper .contact-info .contact-info-data p .contact-phone {
            text-decoration: underline;
            font-size: 1.3em; }
      .map-wrapper .contact-info .contact-info-data .contact-info-area {
        margin: 0 0 0 0;
        font-size: 0.65em; }
    .map-wrapper .contact-info .contact-info-state-outline {
      font-size: 12em;
      display: block;
      width: 35%;
      float: left;
      text-align: center; }
      .breakpoint-palm-only .map-wrapper .contact-info .contact-info-state-outline {
        display: none; }
      .map-wrapper .contact-info .contact-info-state-outline:before {
        color: #023A60; }

.map-btn {
  padding: 0.5em 1.5em;
  margin-bottom: 3em;
  margin-top: 1em;
  float: right;
  font-size: 0.3em; }
  .breakpoint-palm-only .map-btn {
    display: none; }

.state-select-wrapper {
  display: block;
  width: 12em;
  margin-bottom: 0.25em; }
  .state-select-wrapper:after {
    content: '';
    display: block;
    clear: both; }
  .breakpoint-palm-only .state-select-wrapper {
    width: 100%;
    font-size: 2em; }
  .state-select-wrapper select {
    text-transform: none;
    padding: 1em;
    width: 80%;
    font-size: 0.5em !important; }
    .breakpoint-palm-only .state-select-wrapper select {
      width: 100%;
      font-size: 0.8em !important; }
  .state-select-wrapper .chosen-container {
    display: block;
    width: 15em !important;
    border: 1px solid #035496;
    font-size: 0.4em;
    border-radius: 0;
    float: left;
    margin-bottom: 1em;
    margin-right: 1em;
    height: 3.1em; }
    .breakpoint-palm-only .state-select-wrapper .chosen-container {
      width: 100% !important; }

.modal-background {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20000; }

.modal-container {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  text-align: center; }
  .breakpoint-tablet-up .modal-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    margin-right: -1px;
    vertical-align: middle; }
  .breakpoint-palm-only .modal-container {
    width: 100%;
    font-size: 2.5em;
    padding: 0; }
  .modal-container .modal {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
    max-height: 90%; }
    .breakpoint-palm-only .modal-container .modal {
      width: 100%;
      display: block;
      max-height: 100%; }
    .modal-container .modal .info {
      position: relative;
      font-size: 0.75em;
      padding-bottom: 1em;
      background: #FFFFFF;
      text-align: left;
      overflow: scroll; }
      .breakpoint-large-desktop-only .modal-container .modal .info {
        font-size: 50px; }
      .modal-container .modal .info .info-header {
        padding: 0.25em;
        background-color: #035496;
        color: white; }
        .modal-container .modal .info .info-header h3 {
          float: left;
          width: 100%;
          font-size: 0.5em;
          margin: 0;
          vertical-align: middle; }
        .modal-container .modal .info .info-header h3.icon-ng_arrow-right:before {
          display: inline-block;
          margin-right: 0.5em; }
        .modal-container .modal .info .info-header .close-box {
          cursor: pointer;
          display: inline-block;
          float: right;
          vertical-align: top;
          font-size: 0.5em;
          position: absolute;
          top: 0.35em;
          right: 0.45em; }
          .modal-container .modal .info .info-header .close-box:before {
            font-size: 2.3em; }
      .modal-container .modal .info .info-content {
        color: #626663;
        margin: 0.4em 1em 0 1em; }
        .modal-container .modal .info .info-content p {
          font-size: 0.25em;
          line-height: 1.8em;
          margin-bottom: 0; }
        .modal-container .modal .info .info-content .modal-instructions {
          font-size: 0.4em;
          margin-top: 2em; }
          .breakpoint-palm-only .modal-container .modal .info .info-content .modal-instructions {
            font-size: 0.75em; }
        .modal-container .modal .info .info-content .terms-wrapper {
          text-align: center;
          margin: 0 0 1em 0; }
          .modal-container .modal .info .info-content .terms-wrapper input {
            margin-right: 1em; }
          .breakpoint-palm-only .modal-container .modal .info .info-content .terms-wrapper {
            font-size: 0.9em;
            margin: 0 0 0.8em 0; }

.continue-timeline {
  padding: 1em;
  font-size: 1em;
  margin-top: 1em; }

.more-info {
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }

.more-info .modal-container .modal {
  padding: 1em; }
  .breakpoint-palm-only .more-info .modal-container .modal {
    padding: 0; }
  .more-info .modal-container .modal .info {
    box-shadow: 0 0 1em black;
    background-image: none;
    background-color: #444;
    color: #fff;
    padding: 0.5em;
    position: relative;
    font-size: 50px; }
    .breakpoint-palm-only .more-info .modal-container .modal .info {
      font-size: 0.6em; }
    .more-info .modal-container .modal .info .info-header {
      background-color: #444; }
      .breakpoint-palm-only .more-info .modal-container .modal .info .info-header h3 {
        margin-top: 1em; }
    .more-info .modal-container .modal .info .info-content {
      background-color: #444;
      margin: 0;
      color: #fff; }
      .more-info .modal-container .modal .info .info-content .p1 {
        font-size: 0.4em;
        line-height: 1.5;
        padding: 0.25em; }
      .more-info .modal-container .modal .info .info-content ul {
        list-style-type: square;
        padding: 0.25em 0.25em 0.25em 0.8em; }
        .more-info .modal-container .modal .info .info-content ul li {
          color: #fff;
          font-size: 0.4em;
          margin-bottom: 0.6em; }

.ajax-modal .modal-container .modal {
  max-width: 650px; }
  .ajax-modal .modal-container .modal .info {
    padding-bottom: 0; }
  .ajax-modal .modal-container .modal .info-header .close-box {
    font-size: 0.35em; }
  .ajax-modal .modal-container .modal .info-content {
    font-size: 0.5em;
    padding-top: 1.5em;
    min-height: 6em;
    text-align: center; }

.breakpoint-tablet-up #newsletter-modal .modal-container .modal {
  width: 90%;
  max-width: 675px !important; }
#newsletter-modal .modal-container .modal .info {
  padding-bottom: 0; }
  .breakpoint-tablet-only #newsletter-modal .modal-container .modal .info, .breakpoint-desktop-only #newsletter-modal .modal-container .modal .info {
    font-size: 1em; }
  .breakpoint-large-desktop-only #newsletter-modal .modal-container .modal .info {
    font-size: 60px; }
  #newsletter-modal .modal-container .modal .info .info-header .close-box {
    font-size: 0.35em; }
  #newsletter-modal .modal-container .modal .info #email-signup-results {
    position: relative;
    margin: 0em 1em;
    padding-bottom: 0.5em; }
    .breakpoint-palm-only #newsletter-modal .modal-container .modal .info #email-signup-results {
      margin: 0em 0.35em;
      font-size: 1.3em; }
    .breakpoint-tablet-only #newsletter-modal .modal-container .modal .info #email-signup-results {
      font-size: 1.4em; }
    #newsletter-modal .modal-container .modal .info #email-signup-results p.intro {
      text-align: center;
      line-height: 1.5 !important;
      padding: 1em 0;
      width: 30em;
      margin: 1em auto 0 auto; }
      .breakpoint-palm-only #newsletter-modal .modal-container .modal .info #email-signup-results p.intro {
        width: 90%;
        font-size: 0.2em; }
    #newsletter-modal .modal-container .modal .info #email-signup-results .float-wrapper {
      float: none;
      margin: 0 auto;
      width: 100%; }
      .breakpoint-palm-only #newsletter-modal .modal-container .modal .info #email-signup-results .float-wrapper {
        width: 100%; }
      #newsletter-modal .modal-container .modal .info #email-signup-results .float-wrapper p {
        text-align: center; }
      #newsletter-modal .modal-container .modal .info #email-signup-results .float-wrapper ul {
        float: none;
        width: 35em;
        margin: 1em auto; }
        .breakpoint-palm-only #newsletter-modal .modal-container .modal .info #email-signup-results .float-wrapper ul {
          width: 80%;
          margin-top: 1.5em; }
        #newsletter-modal .modal-container .modal .info #email-signup-results .float-wrapper ul li {
          display: inline-block;
          width: 49%; }
    #newsletter-modal .modal-container .modal .info #email-signup-results p {
      font-size: 0.25em;
      margin-bottom: 0;
      color: #626663; }
    #newsletter-modal .modal-container .modal .info #email-signup-results input[type="email"] {
      color: #035496;
      font-size: 0.35em;
      border-radius: 0.3em;
      width: 90%;
      display: block;
      float: none;
      padding: 0.5em;
      border: 0.3em solid #e4e4e4;
      vertical-align: top;
      margin: 1em auto;
      text-align: center; }
    #newsletter-modal .modal-container .modal .info #email-signup-results ul {
      font-size: 0.25em;
      margin-bottom: 0.25em;
      margin-top: 0.75em;
      float: left; }
      .breakpoint-tablet-only #newsletter-modal .modal-container .modal .info #email-signup-results ul {
        font-size: 0.2em; }
      #newsletter-modal .modal-container .modal .info #email-signup-results ul li {
        padding-bottom: 0.75em;
        color: #626663; }
    #newsletter-modal .modal-container .modal .info #email-signup-results input.submission {
      font-size: 0.3em;
      padding: 0.8em 1em;
      margin: 1.5em auto 0 auto;
      display: block; }
      .breakpoint-palm-only #newsletter-modal .modal-container .modal .info #email-signup-results input.submission {
        width: 100%; }

.breakpoint-palm-only .modal-container.career-field {
  width: 100%;
  font-size: 1.6em; }
.modal-container.career-field .modal .info {
  border: 0.3em solid #181818;
  box-shadow: 0px 0px 1em #000;
  padding-bottom: 0; }
  .breakpoint-palm-only .modal-container.career-field .modal .info {
    border: none; }
  .modal-container.career-field .modal .info .close-box {
    position: absolute;
    right: 0.25em;
    top: 0.25em;
    color: white;
    cursor: pointer;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }
    .breakpoint-palm-only .modal-container.career-field .modal .info .close-box {
      right: 0.5em;
      top: 0.5em; }
  .modal-container.career-field .modal .info .info-content {
    font-size: 1.1em;
    margin: 0;
    padding-bottom: 1em;
    background-color: #333; }
    .breakpoint-tablet-only .modal-container.career-field .modal .info .info-content, .breakpoint-desktop-only .modal-container.career-field .modal .info .info-content {
      font-size: 1.3em; }
    .modal-container.career-field .modal .info .info-content .career-field__modal-header {
      background-color: #333;
      color: white;
      background-size: cover;
      background-position: center; }
      .modal-container.career-field .modal .info .info-content .career-field__modal-header .shadow {
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, transparent 20%, black 150%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(150%, black));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, transparent 20%, black 150%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, transparent 20%, black 150%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, transparent 20%, black 150%);
        /* IE10+ */
        background: linear-gradient(to bottom, transparent 20%, black 150%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
        /* IE6-9 */
        padding: 2em 1em 0.5em 1em; }
    .modal-container.career-field .modal .info .info-content .career-field__modal-content {
      max-width: 85%;
      margin-left: auto;
      margin-right: auto;
      padding-top: 1em;
      color: white; }
      .modal-container.career-field .modal .info .info-content .career-field__modal-content:after {
        content: " ";
        display: block;
        clear: both; }
      .breakpoint-palm-only .modal-container.career-field .modal .info .info-content .career-field__modal-content {
        font-size: 1.8em;
        padding-top: 0.5em; }
      .modal-container.career-field .modal .info .info-content .career-field__modal-content .career-field-description, .modal-container.career-field .modal .info .info-content .career-field__modal-content .career-field-motivation-copy, .modal-container.career-field .modal .info .info-content .career-field__modal-content .career-field-jobs {
        font-size: .275em;
        padding: 0.5em 0;
        line-height: 1.3; }
        .breakpoint-tablet-up .modal-container.career-field .modal .info .info-content .career-field__modal-content .career-field-description, .breakpoint-tablet-up .modal-container.career-field .modal .info .info-content .career-field__modal-content .career-field-motivation-copy, .breakpoint-tablet-up .modal-container.career-field .modal .info .info-content .career-field__modal-content .career-field-jobs {
          width: 30%;
          float: left;
          margin-right: 5%; }
      .breakpoint-tablet-up .modal-container.career-field .modal .info .info-content .career-field__modal-content .career-field-jobs {
        width: 30%;
        float: left;
        margin-right: 5%;
        float: right;
        margin-right: 0; }

.create-account-modal .modal-container .modal {
  box-shadow: 0 0 1em black; }
  .create-account-modal .modal-container .modal .info {
    padding-bottom: 0; }
    .create-account-modal .modal-container .modal .info .info-content {
      margin: 0.5em auto; }
.create-account-modal .info-header h3 {
  float: none;
  width: 100%;
  font-size: 0.8em;
  text-align: center;
  padding: 0.5em 0; }
.create-account-modal .info-content {
  width: 75%; }
  .create-account-modal .info-content p {
    text-align: center;
    font-size: 0.4em !important;
    line-height: 1.5 !important;
    padding: 1em 2em;
    margin-top: 0 !important; }
  .create-account-modal .info-content .form-errors {
    font-size: 0.4em;
    color: #990000; }
  .create-account-modal .info-content form {
    text-align: center; }
    .create-account-modal .info-content form input[type="text"], .create-account-modal .info-content form input[type="password"], .create-account-modal .info-content form input[type="email"] {
      width: 100%;
      font-size: 0.5em;
      padding: 0.5em;
      border: 2px solid #035496;
      border-radius: 0.25em;
      margin-top: 0.25em;
      transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease; }
      .create-account-modal .info-content form input[type="text"]:focus, .create-account-modal .info-content form input[type="password"]:focus, .create-account-modal .info-content form input[type="email"]:focus {
        outline: none;
        border: 4px solid #035496; }
      .breakpoint-tablet-up .create-account-modal .info-content form input[type="text"].desk-half, .breakpoint-tablet-up .create-account-modal .info-content form input[type="password"].desk-half, .breakpoint-tablet-up .create-account-modal .info-content form input[type="email"].desk-half {
        width: 48.71795%;
        float: left;
        margin-right: 2.5641%; }
        .breakpoint-tablet-up .create-account-modal .info-content form input[type="text"].desk-half:nth-child(2n), .breakpoint-tablet-up .create-account-modal .info-content form input[type="password"].desk-half:nth-child(2n), .breakpoint-tablet-up .create-account-modal .info-content form input[type="email"].desk-half:nth-child(2n) {
          width: 48.71795%;
          float: right;
          margin-right: 0; }
      .breakpoint-palm-only .create-account-modal .info-content form input[type="text"], .breakpoint-palm-only .create-account-modal .info-content form input[type="password"], .breakpoint-palm-only .create-account-modal .info-content form input[type="email"] {
        padding: 1em;
        margin-bottom: 0.5em;
        font-size: 0.5em; }
    .create-account-modal .info-content form input[type="submit"] {
      font-size: 0.5em;
      margin: 0.5em auto 0 auto;
      padding: 0.5em 0.75em 0.35em 0.75em;
      width: auto;
      line-height: 1;
      display: block; }
      .breakpoint-palm-only .create-account-modal .info-content form input[type="submit"] {
        margin-bottom: 1em; }
    .create-account-modal .info-content form label {
      font-size: 0.4em; }
  .create-account-modal .info-content .forgot-password, .create-account-modal .info-content .cancel {
    display: inline-block;
    text-align: center;
    font-size: 0.45em;
    margin-top: 0.25em;
    padding: 0.3em 0 1.5em 0; }
    .create-account-modal .info-content .forgot-password.cancel-edit, .create-account-modal .info-content .cancel.cancel-edit {
      display: block; }
    .breakpoint-palm-only .create-account-modal .info-content .forgot-password, .breakpoint-palm-only .create-account-modal .info-content .cancel {
      display: block;
      margin-top: 0.5em;
      padding: 0.3em 0 0.3em 0; }
  .create-account-modal .info-content .no-account {
    text-align: center;
    font-size: 0.4em;
    color: #333;
    padding: 1em 0 0 0;
    margin-top: 0.3em;
    border-top: 1px solid #ccc;
    width: 80%;
    margin: 0 auto; }
    .breakpoint-palm-only .create-account-modal .info-content .no-account {
      margin-top: 1em;
      font-size: 0.5em;
      width: 100%;
      padding-bottom: 1em; }
    .create-account-modal .info-content .no-account span {
      display: block;
      font-size: 1em; }
    .create-account-modal .info-content .no-account .begin-here {
      padding: 0.5em 1.5em;
      font-size: 1.2em;
      margin-top: 1em; }

.mgt-info {
  background-color: #035496; }

.timeline {
  font-weight: 100;
  background-color: #373737; }
  .timeline-row {
    stroke: rgba(255, 255, 255, 0.4);
    fill: transparent; }
  .timeline-column {
    stroke: transparent; }

.timeline text.bar {
  fill: #035496;
  font-size: 1em; }

.io-accordion__item:not(.io-accordion--is-open) > .io-accordion__content {
  display: none; }

.io-accordion__item.io-accordion--is-open > .io-accordion__content-wrapper,
.io-accordion__item.io-accordion--is-closing > .io-accordion__content-wrapper {
  display: block; }

.io-accordion__content-wrapper {
  display: block; }

#bgvideo-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-image: url(/media/video-bg.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center; }
  @media screen and (min-width: 0px) and (max-width: 1024px) {
    #bgvideo-wrapper {
      display: none; }
      #bgvideo-wrapper.mobile-video-visible {
        display: block; } }
  #bgvideo-wrapper video#ng-video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%); }

.youtube-box-content {
  width: 100%;
  margin-bottom: 2em; }
  .youtube-box-content iframe {
    position: relative; }

.hero {
  background-repeat: repeat, no-repeat;
  background-size: auto, cover; }
  @media screen and (max-width: 749px) {
    .hero {
      height: 20em;
      padding-top: 40px;
      margin-bottom: 2em; } }
  .hero .hero__content {
    color: white;
    margin: 0 auto;
    font-weight: 100; }
    .breakpoint-large-desktop-only .hero .hero__content {
      font-size: 50px; }
    @media screen and (max-width: 749px) {
      .hero .hero__content {
        position: relative;
        width: 90%;
        font-size: 0.9em;
        height: 100%; } }
    @media screen and (min-width: 750px) and (max-width: 1024px) {
      .hero .hero__content {
        padding-top: 10em;
        width: 90%;
        font-size: 0.9em; } }
    @media screen and (min-width: 1025px) {
      .hero .hero__content {
        padding-top: 12em;
        width: 75%;
        font-size: 0.75em; } }
    .hero .hero__content .hero__text {
      vertical-align: top;
      width: 100%; }
      @media screen and (max-width: 749px) {
        .hero .hero__content .hero__text {
          position: absolute;
          bottom: .75em; } }
      @media screen and (min-width: 750px) {
        .hero .hero__content .hero__text {
          display: inline-block;
          padding-right: 3%;
          padding-bottom: .5em;
          font-size: 0.5em; } }
      .hero .hero__content .hero__text .hero__title {
        margin: 0;
        line-height: 1.5;
        font-size: 1.5em;
        opacity: 0.8; }
      .hero .hero__content .hero__text .hero__headline {
        line-height: 1.2;
        margin: 0;
        font-size: 3em; }
        .hero .hero__content .hero__text .hero__headline:before {
          margin-right: 5%; }
        @media screen and (min-width: 750px) {
          .stem_interior .hero .hero__content .hero__text .hero__headline {
            font-size: 2em; } }
    @media screen and (max-width: 749px) {
      .hero .hero__content .hero__media {
        width: 100%;
        clear: both;
        position: absolute;
        top: 115%;
        left: 0; } }
    @media screen and (min-width: 750px) {
      .hero .hero__content .hero__media {
        width: 50%;
        display: inline-block; } }

.footer {
  display: block;
  background-color: #035496; }
  .footer .footer__top {
    line-height: 0.5;
    width: 100%;
    overflow: hidden; }
    @media screen and (min-width: 0px) and (max-width: 749px) {
      .pay-calculator .footer .footer__top, .fitness-calculator .footer .footer__top, .weight-calculator .footer .footer__top {
        display: none; } }
    .footer .footer__top .footer__top-content-wrapper {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
      margin: 0 auto;
      margin-top: 0 !important; }
      .footer .footer__top .footer__top-content-wrapper:after {
        content: " ";
        display: block;
        clear: both; }
      .breakpoint-palm-only .footer .footer__top .footer__top-content-wrapper {
        text-align: center; }
    .footer .footer__top .footer__swap {
      width: 66.66667%;
      float: left;
      float: right;
      margin-right: 0;
      vertical-align: bottom;
      margin-top: 0.5em;
      text-align: center; }
      .breakpoint-desktop-only .footer .footer__top .footer__swap {
        margin-top: 1em; }
      .breakpoint-large-desktop-only .footer .footer__top .footer__swap {
        margin-top: 0.75em; }
      @media screen and (min-width: 0px) and (max-width: 749px) {
        .footer .footer__top .footer__swap {
          display: none; } }
      @media screen and (min-width: 750px) and (max-width: 1024px) {
        .footer .footer__top .footer__swap {
          font-size: 0.6em; } }
      @media screen and (min-width: 1025px) {
        .footer .footer__top .footer__swap {
          font-size: 0.5em; } }
  .footer .socials {
    width: 33.33333%;
    float: left; }
    .breakpoint-palm-only .footer .socials {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: none;
      margin-right: auto;
      margin-left: auto; }
    .breakpoint-large-desktop-only .footer .socials {
      font-size: 0.25em; }
    @media screen and (min-width: 0px) and (max-width: 749px) {
      .footer .socials {
        font-size: 0.9em; } }
    @media screen and (min-width: 750px) and (max-width: 1024px) {
      .footer .socials {
        font-size: 0.3em; } }
    @media screen and (min-width: 1025px) {
      .footer .socials {
        font-size: 0.3em; } }
  .footer .footer__alternate {
    display: inline-block;
    color: white;
    height: 100%; }
    .footer .footer__alternate .footer__alternate__image {
      background-image: url(../images/usa-color.svg);
      background-repeat: no-repeat;
      background-size: contain;
      width: 90%;
      height: 3em;
      margin: 0 auto; }
    .footer .footer__alternate .footer__alternate__before {
      display: inline-block;
      width: 35%;
      vertical-align: top; }
    .footer .footer__alternate .footer__alternate__after {
      display: inline-block;
      width: 65%;
      vertical-align: top; }
    .footer .footer__alternate .footer__alternate__header {
      font-size: 1em;
      font-weight: 200;
      text-transform: uppercase;
      margin-bottom: 0;
      line-height: 1.5; }
    .footer .footer__alternate .footer__alternate__text {
      margin-left: 0.5em;
      margin-bottom: 0.5em;
      text-align: left;
      font-size: 0.5em;
      line-height: 1.5;
      padding-bottom: 0.5em; }
    .footer .footer__alternate a {
      width: 30%;
      background-color: #023A60;
      color: white;
      font-weight: 200;
      text-transform: uppercase;
      font-size: 0.6em;
      padding: 0.25em;
      font-size: 0.6em;
      line-height: 1.5; }
      .footer .footer__alternate a:nth-child(2n) {
        margin: 0 0.5em; }
  .footer .footer__bottom,
  .footer #footer-view-more {
    background: #FFFFFF;
    height: 100%; }
  .footer .footer__bottom-content-wrapper {
    width: 90%;
    margin: 0 auto;
    margin-top: 0 !important; }
  .footer #footer-view-more .footer-view-more-content-wrapper {
    width: 90%;
    margin: 0 auto;
    width: 100% !important;
    margin-top: 0 !important; }
  .js .footer #footer-view-more {
    display: none; }
  @media screen and (min-width: 750px) and (max-width: 1024px) {
    .footer #footer-view-more {
      padding: 0.5em 5%;
      font-size: 0.9em; } }
  @media screen and (min-width: 1025px) {
    .footer #footer-view-more {
      padding: 0.5em 12.5%;
      font-size: 0.75em; } }
  .footer #footer-view-more .footer-primary-nav {
    display: inline-block;
    width: 17%;
    vertical-align: top; }
    .footer #footer-view-more .footer-primary-nav a {
      display: block;
      text-align: center;
      background-color: #023A60;
      font-size: 0.5em;
      line-height: normal;
      padding: 0.25em;
      margin-bottom: 0.5em;
      width: 100%; }
  .footer #footer-view-more .footer-secondary-nav {
    width: 23%;
    margin-left: 2%; }
  .footer #footer-view-more .footer-tertiary-nav {
    width: 23%;
    margin-right: 2%; }
  .footer #footer-view-more .footer-secondary-nav,
  .footer #footer-view-more .footer-tertiary-nav {
    display: inline-block;
    vertical-align: top; }
    .footer #footer-view-more .footer-secondary-nav a,
    .footer #footer-view-more .footer-tertiary-nav a {
      display: block;
      line-height: 1.5;
      font-size: 0.35em;
      font-weight: bold;
      margin-bottom: 0.25em;
      text-transform: uppercase;
      color: #035496; }
      .footer #footer-view-more .footer-secondary-nav a:before,
      .footer #footer-view-more .footer-tertiary-nav a:before {
        font-size: 0.65em;
        padding-right: 2%;
        vertical-align: 0.25em; }
  .footer #footer-view-more .footer-promo {
    display: inline-block;
    width: 32%;
    vertical-align: top;
    font-size: 0.32em; }
    .footer #footer-view-more .footer-promo .info-box {
      width: 100%;
      display: block;
      position: relative;
      height: 14em; }
      .footer #footer-view-more .footer-promo .info-box .info-box__header {
        font-size: 1.4em;
        margin-bottom: 0.5em; }
      .footer #footer-view-more .footer-promo .info-box .info-box__link {
        font-size: 1.25em;
        padding: 0 1em;
        line-height: 2;
        text-transform: uppercase; }
        .footer #footer-view-more .footer-promo .info-box .info-box__link:before {
          vertical-align: 0;
          font-size: 0.8em;
          padding-right: 0.25em; }
  .footer .banner {
    margin: 0 auto;
    vertical-align: top; }
    @media screen and (max-width: 749px) {
      .footer .banner {
        line-height: 1.75;
        height: 5em; } }
    @media screen and (max-width: 1024px) {
      .footer .banner {
        width: 100%; } }
    @media screen and (min-width: 1025px) {
      .footer .banner {
        width: 100%; } }
    .footer .banner .quick-links,
    .footer .banner .info,
    .footer .banner .chat {
      vertical-align: top;
      color: #626663;
      display: inline-block;
      text-transform: uppercase;
      padding-top: 15px; }
      @media screen and (max-width: 749px) {
        .footer .banner .quick-links,
        .footer .banner .info,
        .footer .banner .chat {
          font-size: 0.8em; } }
      @media screen and (min-width: 750px) {
        .footer .banner .quick-links,
        .footer .banner .info,
        .footer .banner .chat {
          font-size: 0.25em;
          height: 65px; } }
      .footer .banner .quick-links a,
      .footer .banner .info a,
      .footer .banner .chat a {
        color: #626663; }
        .footer .banner .quick-links a:hover,
        .footer .banner .info a:hover,
        .footer .banner .chat a:hover {
          color: #373737; }
    .footer .banner .privacy,
    .footer .banner .tech-support,
    .footer .banner .guard-number,
    .footer .banner .copyright {
      display: block;
      float: left;
      text-align: center;
      padding-bottom: 10px; }
    .footer .banner .quick-links {
      width: 25%;
      background-image: url("../images/SVG/ng_view-more-down.svg");
      background-size: 36%;
      background-repeat: no-repeat;
      background-position: 76% top;
      cursor: pointer; }
      @media screen and (max-width: 749px) {
        .footer .banner .quick-links {
          display: none; } }
      @media screen and (min-width: 750px) {
        .footer .banner .quick-links {
          font-size: 0.3em; } }
    .footer .banner .info {
      overflow: auto; }
      @media screen and (max-width: 749px) {
        .footer .banner .info {
          width: 100%;
          float: right; } }
      @media screen and (min-width: 750px) {
        .footer .banner .info {
          width: 50%;
          display: inline-block; } }
    @media screen and (min-width: 0px) and (max-width: 749px) {
      .footer .banner .privacy {
        text-align: left;
        width: 50%; } }
    @media screen and (min-width: 750px) {
      .footer .banner .privacy {
        width: 30%; } }
    @media screen and (min-width: 0px) and (max-width: 749px) {
      .footer .banner .tech-support {
        width: 50%;
        text-align: right; } }
    @media screen and (min-width: 750px) {
      .footer .banner .tech-support {
        width: 40%; } }
    @media screen and (min-width: 0px) and (max-width: 749px) {
      .footer .banner .guard-number {
        width: 100%;
        text-align: center; } }
    @media screen and (min-width: 750px) {
      .footer .banner .guard-number {
        width: 30%; } }
    @media screen and (min-width: 0px) and (max-width: 749px) {
      .footer .banner .copyright {
        width: 100%;
        text-align: center;
        font-size: 0.7em; } }
    @media screen and (min-width: 750px) {
      .footer .banner .copyright {
        width: 100%;
        font-size: 0.9em;
        text-align: center; } }
    .footer .banner .chat {
      display: inline-block; }
      @media screen and (max-width: 749px) {
        .footer .banner .chat {
          width: 100%;
          text-align: center;
          display: block;
          float: right;
          font-size: 1.5em;
          margin-bottom: 0.5em; } }
      @media screen and (min-width: 750px) {
        .footer .banner .chat {
          width: 25%;
          text-align: right;
          display: inline-block;
          font-size: 0.3em; } }
      .footer .banner .chat a {
        display: block; }
        .footer .banner .chat a:before {
          font-size: 1.25em; }

.landing-nav {
  margin: 0 auto;
  text-align: center; }

.landing-links {
  text-align: left;
  padding: 0;
  position: relative;
  display: inline-block; }
  .landing-links .landing-links__content {
    text-decoration: none;
    color: white;
    padding-top: 1em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .landing-links .landing-links__content::before {
      margin-left: 0.5em;
      font-size: 1.25em;
      vertical-align: middle; }

.more-topics {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  width: 100%;
  height: 100%;
  padding: 0.25em 10%;
  font-size: 1.5em;
  background: #FFFFFF;
  margin-bottom: 1em; }
  .more-topics:after {
    content: " ";
    display: block;
    clear: both; }
  .breakpoint-tablet-only .more-topics {
    padding: 0.25em 5%; }
  .breakpoint-palm-only .more-topics {
    padding: 0.25em 5%; }
  .breakpoint-large-desktop-only .more-topics {
    padding: 0.25em 0;
    font-size: 65px; }
  .more-topics .columns-one.more-topics__links li {
    width: 100%;
    font-size: 1em; }
  .more-topics .columns-two.more-topics__links li {
    width: 50%;
    font-size: 0.5em; }
  .more-topics .columns-three.more-topics__links li {
    width: 33.33333%;
    float: left;
    font-size: 0.25em; }
  .more-topics .columns-three.more-topics__links li:nth-child(3) {
    float: right;
    margin-right: 0; }
  .more-topics .chosen-container {
    display: none; }
    .breakpoint-palm-only .more-topics .chosen-container {
      display: block;
      width: 100% !important; }
  .more-topics .more-topics__header {
    margin: 0 auto;
    color: #bababa;
    font-size: 0.5em;
    font-weight: 200; }
    @media screen and (max-width: 749px) {
      .more-topics .more-topics__header {
        margin-left: 5%;
        margin-bottom: 2%;
        font-size: 1em; } }
  .more-topics .more-topics__select {
    width: 100%;
    font-size: 90%;
    margin-bottom: 5%; }
    @media screen and (min-width: 750px) {
      .more-topics .more-topics__select {
        display: none; } }
  @media screen and (max-width: 749px) {
    .more-topics .more-topics__links {
      display: none; } }
  .breakpoint-tablet-only .more-topics .more-topics__links, .breakpoint-desktop-only .more-topics .more-topics__links {
    margin: 0 auto;
    font-weight: 100;
    list-style-type: none;
    font-size: 0.75em;
    overflow: hidden; }
  .more-topics .more-topics__links li {
    display: inline-block;
    float: left;
    line-height: 2.5em; }
  .more-topics .more-topics__links a {
    text-decoration: none;
    color: #035496; }
    .more-topics .more-topics__links a:before {
      padding-right: 5px;
      font-size: 0.65em;
      vertical-align: 25%; }

.fitness-calculator .subject-matter,
.weight-calculator .subject-matter,
.pay-calculator .subject-matter,
.direct-get-started .subject-matter {
  display: none; }

.subject-matter {
  margin: 0 auto; }
  .breakpoint-large-desktop-only .subject-matter {
    font-size: 50px; }
  @media screen and (max-width: 749px) {
    .subject-matter {
      margin-top: 53px; } }
  @media screen and (min-width: 750px) {
    .subject-matter {
      margin-top: 53px; } }
  .promo-menu .subject-matter, .search .subject-matter, .interior .subject-matter, .event-list .subject-matter, .event-detail .subject-matter {
    padding-top: 50px; }
    .breakpoint-palm-only .promo-menu .subject-matter, .breakpoint-palm-only .search .subject-matter, .breakpoint-palm-only .interior .subject-matter, .breakpoint-palm-only .event-list .subject-matter, .breakpoint-palm-only .event-detail .subject-matter {
      padding-top: 1px; }
  .home .subject-matter {
    max-width: none; }
  @media screen and (min-width: 0px) and (max-width: 1024px) {
    .subject-matter {
      width: 90%;
      font-size: 0.9em; }
      .home .subject-matter {
        width: 100%; } }
  @media screen and (min-width: 1025px) {
    .subject-matter {
      width: 75%;
      font-size: 0.75em; }
      .home .subject-matter {
        width: 100%; } }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    .subject-matter .feature {
      width: 100%;
      font-size: 1em;
      margin-top: 50px; } }
  @media screen and (min-width: 750px) {
    .subject-matter .feature {
      width: 66%;
      display: inline-block;
      font-size: 0.66em;
      vertical-align: top;
      float: left; } }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    .subject-matter .aside-list {
      width: 100%;
      font-size: 1em; } }
  @media screen and (min-width: 750px) {
    .subject-matter .aside-list {
      width: 32%;
      display: inline-block;
      font-size: 0.32em;
      vertical-align: top;
      float: right; } }
  .subject-matter .aside-list .related-media__content:hover .related-media__image,
  .subject-matter .aside-list .related-media__content:hover .promo-box__image,
  .subject-matter .aside-list .promo-box__content:hover .related-media__image,
  .subject-matter .aside-list .promo-box__content:hover .promo-box__image {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05); }
  .subject-matter .aside-list .related-media__content .related-media__image,
  .subject-matter .aside-list .related-media__content .promo-box__image,
  .subject-matter .aside-list .promo-box__content .related-media__image,
  .subject-matter .aside-list .promo-box__content .promo-box__image {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease; }
  .subject-matter .video-box {
    margin-bottom: 1em; }

.guard-experience {
  padding-bottom: 1em; }
  .guard-experience .guard-experience__header {
    padding: 0.5em 0;
    margin-bottom: 0;
    margin-top: 0; }
    @media screen and (max-width: 749px) {
      .guard-experience .guard-experience__header {
        width: 80%;
        margin-left: 5%;
        padding: 1em 0; } }
    @media screen and (min-width: 750px) {
      .guard-experience .guard-experience__header {
        width: 50%;
        margin-left: 12.5%; } }
    .guard-experience .guard-experience__header figcaption {
      visibility: hidden;
      font-size: 15px; }
  .home .guard-experience .guard-experience__header {
    margin: 2em auto;
    display: block;
    text-align: center;
    font-size: 16px;
    width: 100%; }
    @media screen and (max-width: 749px) {
      .home .guard-experience .guard-experience__header {
        margin: 0 auto; } }
    .home .guard-experience .guard-experience__header figcaption {
      color: #555;
      visibility: visible;
      font-size: 2.5em;
      text-transform: uppercase;
      font-family: "DIN-Medium";
      letter-spacing: 1px; }
      @media screen and (max-width: 749px) {
        .home .guard-experience .guard-experience__header figcaption {
          font-size: 1.5em;
          line-height: 1.3; } }
  .guard-experience .guard-experience__container {
    overflow-y: hidden;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch; }
    @media screen and (max-width: 749px) {
      .guard-experience .guard-experience__container {
        width: 90%;
        overflow-x: scroll;
        height: 10.5em; }
        .no-touch .guard-experience .guard-experience__container {
          overflow-x: hidden; }
        .no-touch .guard-experience .guard-experience__container:hover {
          overflow-x: scroll; } }
    @media screen and (min-width: 750px) and (max-width: 1024px) {
      .guard-experience .guard-experience__container {
        overflow-x: scroll;
        height: 10em; }
        .no-touch .guard-experience .guard-experience__container {
          overflow-x: hidden; }
        .no-touch .guard-experience .guard-experience__container:hover {
          overflow-x: scroll; } }
    @media screen and (min-width: 1025px) {
      .guard-experience .guard-experience__container {
        overflow-x: auto;
        height: 7em; } }
  @media screen and (max-width: 749px) {
    .guard-experience .guard-experience__gallery {
      width: 700%;
      font-size: 0.8em; } }
  @media screen and (min-width: 750px) and (max-width: 1024px) {
    .guard-experience .guard-experience__gallery {
      width: 150%;
      font-size: 0.35em; } }
  @media screen and (min-width: 1025px) {
    .guard-experience .guard-experience__gallery {
      width: 100%;
      font-size: 0.25em; } }
  .guard-experience .related-media, .guard-experience .promo-box, .guard-experience .info-box {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -moz-perspective: none;
    display: block;
    height: 14em; }
    @media screen and (max-width: 749px) {
      .guard-experience .related-media, .guard-experience .promo-box, .guard-experience .info-box {
        width: 12.5%; } }
    @media screen and (min-width: 750px) and (max-width: 1024px) {
      .guard-experience .related-media, .guard-experience .promo-box, .guard-experience .info-box {
        width: 25%; } }
    @media screen and (min-width: 1025px) {
      .guard-experience .related-media, .guard-experience .promo-box, .guard-experience .info-box {
        width: 25%; } }

@media screen and (min-width: 0px) and (max-width: 749px) {
  .aside-list {
    border-top: 0.25em solid #e4e4e4; } }
.aside-list .downloadable-file, .aside-list .promo-box, .aside-list .info-box, .aside-list .related-media {
  margin-bottom: 6%;
  clear: both; }
.aside-list .info-box {
  display: block;
  position: relative;
  padding-bottom: 2em; }

.info-box-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  width: 100%; }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    .info-box-row {
      display: none; } }
  .info-box-row .promo-box {
    display: inline-block;
    font-size: 0.32em; }
    .info-box-row .promo-box:nth-child(3n + 2) {
      margin: 0 2%; }
  .info-box-row .info-box {
    font-size: 0.32em;
    flex: 1;
    position: relative; }
    .info-box-row .info-box:nth-child(3n + 2) {
      margin: 0 2%; }
  .info-box-row .info-box__content {
    padding-bottom: 2em;
    margin-bottom: 6%; }
  .info-box-row .promo-box {
    width: 32%; }

.calculator-background {
  width: 100%;
  background-size: cover;
  padding: 3em 0; }
  @media screen and (max-width: 749px) {
    .calculator-background {
      padding: 0; } }
  .breakpoint-large-desktop-only .calculator-background {
    font-size: 60px; }

.calculator {
  margin: 0 auto;
  background: #FFFFFF; }
  .calculator .chosen-container {
    width: 100% !important; }
  @media screen and (max-width: 749px) {
    .calculator {
      width: 100%;
      font-size: 1em;
      margin-top: 53px;
      margin-bottom: 1em; } }
  @media screen and (min-width: 750px) and (max-width: 1024px) {
    .calculator {
      width: 60%;
      font-size: 0.6em; } }
  @media screen and (min-width: 1025px) {
    .calculator {
      width: 40%;
      font-size: 0.4em; } }
  .breakpoint-large-desktop-only .calculator {
    max-width: 600px; }
  .calculator .submission {
    font-size: 1em;
    padding: 0.5em 0.25em;
    width: 55%;
    vertical-align: middle; }
  .calculator #email-signup-results {
    padding-top: 0.25em;
    clear: both;
    display: block; }
  .calculator #email-signup .submission {
    font-size: 0.75em;
    width: 25%;
    vertical-align: baseline; }
  .calculator .calculator__email-label {
    text-align: left;
    font-size: 0.75em;
    line-height: 3; }
  .calculator .calculator__email-address {
    font-size: 0.7em;
    padding: 0.5em;
    width: 70%;
    margin-right: 5%;
    margin-bottom: 0.5em;
    border-radius: 0.3em;
    border: 0.3em solid #e4e4e4;
    color: #035496; }
  .calculator .calculator__disclaimer {
    margin-top: 75px;
    font-size: 0.5em;
    text-align: left;
    color: #626663; }
  .calculator .birth-date .submission,
  .calculator .type .submission,
  .calculator .service .submission,
  .calculator .gender .submission {
    margin: 1.25em 0; }
  .calculator .age .submission {
    width: 33%;
    margin: 1.25em 0.5em; }
  .calculator .birth-year,
  .calculator .birth-month,
  .calculator .birth-day {
    display: inline-block;
    width: 15%;
    margin: 0 1%;
    font-size: 0.6em;
    min-width: 1.5rem; }
    .breakpoint-palm-only .calculator .birth-year, .breakpoint-palm-only
    .calculator .birth-month, .breakpoint-palm-only
    .calculator .birth-day {
      width: 25%;
      font-size: 0.8em; }
    .breakpoint-tablet-only .calculator .birth-year, .breakpoint-tablet-only
    .calculator .birth-month, .breakpoint-tablet-only
    .calculator .birth-day {
      min-width: 6em; }
    .calculator .birth-year .chosen-container,
    .calculator .birth-month .chosen-container,
    .calculator .birth-day .chosen-container {
      width: 100% !important; }
    .calculator .birth-year label,
    .calculator .birth-month label,
    .calculator .birth-day label {
      margin: 0.5em 0;
      display: block; }
  .calculator #fitness-form.score {
    height: 92%; }
  .calculator .fitness-results section {
    width: 80%;
    margin: 0 auto; }
    .calculator .fitness-results section #email-signup-results {
      margin: 0; }
      .calculator .fitness-results section #email-signup-results input.submission {
        font-size: 0.65em;
        bottom: 2.8em;
        padding: 1em; }
        .breakpoint-palm-only .calculator .fitness-results section #email-signup-results input.submission {
          bottom: -1em; }
  .calculator .fitness-results hr {
    margin-bottom: 0.5em; }
  .calculator .fitness-results .reset {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: right; }
    .calculator .fitness-results .reset a {
      color: #035496;
      font-size: 0.75em; }
      .calculator .fitness-results .reset a:before {
        margin-right: 0.5em; }
  .calculator .fitness-results .values.total-score strong {
    font-size: 0.8em; }
  .calculator .fitness-results .values.total-score .value,
  .calculator .fitness-results .values.total-score .value_max {
    font-size: 1.75em; }
  .calculator .fitness-results .values {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    color: #373737; }
    .calculator .fitness-results .values strong {
      display: block;
      font-size: 0.7em;
      margin-bottom: 0.75em; }
    .calculator .fitness-results .values .value.red {
      color: red; }
    .calculator .fitness-results .values .value.green {
      color: green; }
    .calculator .fitness-results .values .value,
    .calculator .fitness-results .values .value_max {
      font-size: 1.5em; }
    .calculator .fitness-results .values.total-score {
      width: 70%; }
  .calculator .fitness-results .details {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    color: #373737; }
    .calculator .fitness-results .details ul, .calculator .fitness-results .details li {
      margin: 0;
      list-style-type: none; }
    .calculator .fitness-results .details ul {
      margin-top: 0.5em; }
    .calculator .fitness-results .details li {
      font-size: 0.5em;
      line-height: 1.5; }
      .calculator .fitness-results .details li:before {
        content: "- "; }
    .calculator .fitness-results .details .completed {
      font-size: 0.65em; }
  .calculator .fitness-list {
    margin: 0;
    margin-bottom: 3%;
    list-style-type: none; }
    .breakpoint-palm-only .calculator .fitness-list {
      padding-top: 1em; }
    .calculator .fitness-list li {
      vertical-align: middle;
      font-size: 0.7em;
      color: #626663;
      display: inline-block;
      text-align: center; }
      .calculator .fitness-list li:before {
        margin-right: 0.5em; }
    .calculator .fitness-list .fitness-list__gender {
      width: 25%; }
    .calculator .fitness-list .fitness-list__birth-date {
      width: 50%; }
    .calculator .fitness-list .fitness-list__btn {
      text-align: left;
      width: 25%; }
      .calculator .fitness-list .fitness-list__btn a {
        text-align: center;
        width: 60%;
        font-size: 0.8em;
        padding: 0.5em; }

.calculator__banner {
  background-color: #035496;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  padding-top: 0.25em;
  font-size: 1.5em; }
  .calculator__banner:before, .calculator__banner::before {
    font-size: 0.8em;
    text-align: center;
    vertical-align: middle;
    color: #e4e4e4;
    margin-bottom: 0.25em;
    margin-right: 0.25em; }

.calculator__results {
  position: relative; }
  @media screen and (min-width: 750px) {
    .calculator__results {
      margin: 0.75em; } }

.calculator__content {
  text-align: center;
  padding-bottom: 1.5em;
  background-color: rgba(10, 10, 10, 0.8); }
  .calculator__content #email-signup-results {
    margin-top: 1em; }
    .calculator__content #email-signup-results .calculator__email-label {
      display: block;
      float: none;
      text-align: center; }
    .calculator__content #email-signup-results input#email_signup_emailAddress {
      width: 70%;
      font-size: 0.75em;
      margin: 1em 0; }
    .calculator__content #email-signup-results input.submission {
      width: 25%;
      float: right;
      margin-top: 1.1em; }
  @media screen and (max-width: 749px) {
    .calculator__content {
      color: #bababa; }
      .calculator__content.result-page {
        background-color: transparent;
        color: #626663;
        padding: 0.75em; } }
  @media screen and (min-width: 750px) {
    .calculator__content {
      color: #bababa; }
      .calculator__content.result-page {
        background-image: none;
        color: #626663;
        background: #fff; } }
  .calculator__content .height--feet,
  .calculator__content .height--inches {
    display: inline-block;
    width: 15%;
    margin: 0 3%;
    margin-bottom: 2em;
    font-size: 0.75em; }
    .calculator__content .height--feet label,
    .calculator__content .height--inches label {
      margin: 0.5em 0; }
  .calculator__content .height-error {
    width: 100%;
    font-size: 0.75em; }
    .calculator__content .height-error ul {
      margin: 0; }
      .calculator__content .height-error ul li {
        list-style-type: none; }
  .calculator__content .calculator--rank {
    width: 45%; }
  .calculator__content .calculator--years {
    width: 17%; }
  .calculator__content .calculator--rank,
  .calculator__content .calculator--years {
    display: inline-block;
    font-size: 0.75em;
    margin: 0.75em 3%; }
    @media screen and (max-width: 749px) {
      .calculator__content .calculator--rank,
      .calculator__content .calculator--years {
        width: 70%;
        display: block;
        margin: 0.75em auto; } }
    .calculator__content .calculator--rank .label,
    .calculator__content .calculator--years .label {
      padding: 0.5em; }
    .calculator__content .calculator--rank select,
    .calculator__content .calculator--years select {
      width: 100%; }
  .calculator__content .calculator__content-header {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    display: block;
    padding-top: 1em;
    font-family: 'DIN-Medium';
    color: #FFF; }
  .calculator__content.service .calculator__content-header {
    line-height: 5;
    font-size: 0.75em;
    text-transform: none; }
  .calculator__content .set-of-buttons {
    text-align: center;
    font-family: 'DIN-Regular';
    margin-bottom: 1em; }
    .calculator__content .set-of-buttons .submission {
      letter-spacing: .03em; }
    .calculator__content .set-of-buttons > .submission {
      margin-bottom: 0; }
  .calculator__content .calculator__result-header {
    text-align: left;
    width: 70%;
    font-size: 0.9em;
    float: left;
    text-transform: uppercase;
    vertical-align: top;
    line-height: 2;
    font-weight: bold; }
  .calculator__content .calculator__reset {
    text-align: right;
    width: 30%;
    font-size: 0.75em;
    float: left;
    text-transform: uppercase;
    vertical-align: top;
    line-height: 2.5;
    font-weight: bold; }
    .calculator__content .calculator__reset a {
      color: #035496;
      text-decoration: none; }
      .calculator__content .calculator__reset a:before {
        margin-right: 0.5em; }
  .calculator__content .calculator__values {
    clear: both;
    text-align: left;
    border-top: 0.1em solid #bababa; }
    .calculator__content .calculator__values .calculator__value-header {
      font-size: 0.7em;
      line-height: 1;
      margin: 0.75em 0;
      font-weight: medium; }
    .calculator__content .calculator__values .calculator__value {
      font-size: 1.75em;
      line-height: normal;
      margin-bottom: 0.25em; }
    .calculator__content .calculator__values .calculator__values-before {
      width: 50%;
      float: left;
      border-right: 0.1em solid #bababa;
      padding-right: 5%; }
    .calculator__content .calculator__values .calculator__values-after {
      padding-left: 5%;
      width: 50%;
      float: left; }
      .calculator__content .calculator__values .calculator__values-after p {
        font-size: 0.5em;
        margin-bottom: 1em;
        line-height: 1.5; }
      .calculator__content .calculator__values .calculator__values-after ul {
        margin: 5%;
        padding: 5%; }
        .calculator__content .calculator__values .calculator__values-after ul li {
          list-style-type: none;
          font-size: 0.5em; }
    .calculator__content .calculator__values .calculator__values-weight .bsa,
    .calculator__content .calculator__values .calculator__values-weight .min,
    .calculator__content .calculator__values .calculator__values-weight .standards,
    .calculator__content .calculator__values .calculator__values-weight .max {
      display: inline-block;
      width: 50%;
      vertical-align: top; }
    .calculator__content .calculator__values .calculator__values-weight .bsa,
    .calculator__content .calculator__values .calculator__values-weight .min {
      padding-right: 1.5em; }
    .calculator__content .calculator__values .calculator__values-weight .standards,
    .calculator__content .calculator__values .calculator__values-weight .max {
      padding-left: 5%; }
    .calculator__content .calculator__values .calculator__values-weight .bsa .calculator__value {
      text-align: center; }
    .calculator__content .calculator__values .calculator__values-weight p {
      font-size: 0.5em;
      margin-bottom: 1em;
      line-height: 1.5; }
    .calculator__content .calculator__values .calculator__values-weight ul {
      margin: 0; }
      .calculator__content .calculator__values .calculator__values-weight ul li {
        list-style-type: none;
        font-size: 0.5em;
        line-height: 1.5; }
        .calculator__content .calculator__values .calculator__values-weight ul li:before, .calculator__content .calculator__values .calculator__values-weight ul li::before {
          padding-right: 0.5em; }
  .calculator__content .calculator__content.score {
    height: 90%; }
  .calculator__content .score__layout .run,
  .calculator__content .score__layout .situps,
  .calculator__content .score__layout .pushups {
    display: inline-block;
    vertical-align: top; }
    .calculator__content .score__layout .run .calc__input,
    .calculator__content .score__layout .situps .calc__input,
    .calculator__content .score__layout .pushups .calc__input {
      margin: 0; }
    .calculator__content .score__layout .run .label,
    .calculator__content .score__layout .situps .label,
    .calculator__content .score__layout .pushups .label {
      font-size: 1em;
      color: #bababa;
      margin: 0.5em 0; }
    .calculator__content .score__layout .run .text,
    .calculator__content .score__layout .situps .text,
    .calculator__content .score__layout .pushups .text {
      display: block;
      font-size: 0.75em;
      color: #626663;
      margin: 0.5em 0; }
    .calculator__content .score__layout .run input[type='number'],
    .calculator__content .score__layout .situps input[type='number'],
    .calculator__content .score__layout .pushups input[type='number'] {
      height: 3em;
      width: 60%;
      font-size: 0.75em;
      color: #035496;
      border-radius: 0.3em;
      padding: 0 0.5em; }
  .calculator__content .score__layout .run {
    width: 100%; }
    .calculator__content .score__layout .run .label {
      width: 100%; }
    .calculator__content .score__layout .run > div {
      vertical-align: middle;
      display: inline-block; }
    .calculator__content .score__layout .run .chosen-container {
      width: 100% !important; }
    .calculator__content .score__layout .run .run__minutes,
    .calculator__content .score__layout .run .run__seconds {
      font-size: 0.75em;
      width: 18%; }
    .calculator__content .score__layout .run .run__layout {
      width: 9%;
      line-height: 4;
      vertical-align: inherit; }
  .calculator__content .score__layout .situps,
  .calculator__content .score__layout .pushups {
    width: 40%;
    margin: 5%; }
  .calculator__content p.pay-calc-note {
    font-size: .75em;
    color: #fff;
    padding: 1.25em 3em 0;
    line-height: 1.25; }
    .calculator__content p.pay-calc-note a {
      color: #81aacb; }
      .calculator__content p.pay-calc-note a:hover {
        text-decoration: underline; }

.gx {
  background: #e7e7e7;
  padding-bottom: 0.5em; }
  @media screen and (max-width: 749px) {
    .gx {
      padding-top: 55px; } }
  @media screen and (min-width: 750px) {
    .gx {
      padding-top: 80px; } }
  .breakpoint-desktop-only .gx .banner-content-wrapper {
    width: 75%;
    margin: 0 auto; }
  .gx .gx__header {
    padding: 0.2em 0;
    margin: 0; }
    @media screen and (max-width: 1024px) {
      .gx .gx__header {
        width: 80%;
        margin-left: 5%; } }
    @media screen and (min-width: 1025px) {
      .gx .gx__header {
        width: 50%; } }
    .gx .gx__header figcaption {
      visibility: hidden;
      font-size: 15px; }
  .gx .gx__container {
    margin: 0 auto; }
    .breakpoint-large-desktop-only .gx .gx__container {
      width: 100%; }
    @media screen and (max-width: 1024px) {
      .gx .gx__container {
        width: 90%; } }

.guard-experience-page #video-search {
  clear: both;
  width: 100%;
  margin-bottom: 2%; }
@media screen and (min-width: 750px) {
  .guard-experience-page select {
    margin-top: 2px !important;
    height: 2.9em; } }
@media screen and (min-width: 750px) {
  .guard-experience-page .chosen-container {
    height: auto; } }
.guard-experience-page select,
.guard-experience-page .select2-container,
.guard-experience-page .chosen-container {
  display: block;
  float: left; }
  .guard-experience-page select .chosen-single span,
  .guard-experience-page .select2-container .chosen-single span,
  .guard-experience-page .chosen-container .chosen-single span {
    font-size: 1em; }
    .breakpoint-tablet-up .guard-experience-page select .chosen-single span, .breakpoint-tablet-up
    .guard-experience-page .select2-container .chosen-single span, .breakpoint-tablet-up
    .guard-experience-page .chosen-container .chosen-single span {
      font-size: 0.7em;
      line-height: 4.5em; }
  @media screen and (max-width: 749px) {
    .guard-experience-page select,
    .guard-experience-page .select2-container,
    .guard-experience-page .chosen-container {
      width: 100% !important;
      margin: 0;
      margin-bottom: 1em; } }
  @media screen and (min-width: 750px) {
    .guard-experience-page select,
    .guard-experience-page .select2-container,
    .guard-experience-page .chosen-container {
      width: 32%;
      font-size: 0.5em;
      margin: 0; } }
.guard-experience-page .criteria-container {
  position: relative;
  display: block;
  float: left;
  vertical-align: top;
  position: relative; }
  @media screen and (max-width: 749px) {
    .guard-experience-page .criteria-container {
      width: 100%;
      margin: 0;
      margin-bottom: 1em; } }
  @media screen and (min-width: 750px) {
    .guard-experience-page .criteria-container {
      width: 32%;
      font-size: 0.5em;
      margin: 0 2%;
      margin-bottom: 1.4em; } }
.guard-experience-page #search-pagination, .guard-experience-page #search-pagination-bottom {
  float: right;
  font-size: 0.5em;
  margin-top: 1em; }
  .breakpoint-palm-only .guard-experience-page #search-pagination, .breakpoint-palm-only .guard-experience-page #search-pagination-bottom {
    font-size: 1.5em; }
  .guard-experience-page #search-pagination .pagination, .guard-experience-page #search-pagination-bottom .pagination {
    color: #035496; }
    .guard-experience-page #search-pagination .pagination a, .guard-experience-page #search-pagination-bottom .pagination a {
      color: #035496; }
    .guard-experience-page #search-pagination .pagination .current, .guard-experience-page #search-pagination-bottom .pagination .current {
      color: #626663; }
.guard-experience-page #search-pagination-bottom {
  float: none;
  text-align: left;
  display: block;
  margin-bottom: 2em; }
.guard-experience-page .criteria {
  width: 100%;
  vertical-align: top;
  height: 3em;
  border: 0.3em solid #e4e4e4;
  border-radius: 0.3em;
  padding: 6px 0;
  padding-left: 0.5em;
  padding-right: 1.75em;
  color: #035496;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 1em 2em, 100%;
  background-position: center right 0.25em, center; }
.guard-experience-page .submission {
  display: none; }
.breakpoint-large-desktop-only .guard-experience-page .video-results {
  font-size: 60px; }
.guard-experience-page .video-results:before {
  content: '';
  display: block;
  clear: both;
  margin-top: 0.75em; }
.breakpoint-large-desktop-only .guard-experience-page .related-media .related-media__content {
  height: 11.5em; }
.breakpoint-large-desktop-only .guard-experience-page .related-media .related-media__content .related-media__title {
  font-size: 0.9em; }
@media screen and (max-width: 749px) {
  .guard-experience-page .related-media {
    margin-bottom: 0.5em; } }
@media screen and (min-width: 750px) {
  .guard-experience-page .related-media {
    width: 32%;
    font-size: 0.32em;
    margin-bottom: 1em; }
    .guard-experience-page .related-media:nth-child(3n + 2) {
      margin: 0 2%; } }

.search .feature__header {
  display: none; }

.search .feature__body {
  padding: 0; }

#search-page-results {
  padding: 0.3em; }
  #search-page-results .search-results-total {
    line-height: 3; }
  #search-page-results .pagination {
    float: right;
    color: #035496; }
    #search-page-results .pagination a {
      color: #035496; }
    #search-page-results .pagination .current {
      color: #626663; }
  #search-page-results hr {
    clear: both;
    border: 0.1em solid #e4e4e4; }
  #search-page-results > p {
    font-size: 0.9em; }
  #search-page-results .search-title {
    text-decoration: none;
    color: #035496;
    font-size: 1em;
    line-height: 2.5; }
    #search-page-results .search-title:before {
      padding-right: 0.5em; }
  #search-page-results .search-description {
    font-size: 0.75em; }

form#search-form {
  width: 100%; }
  form#search-form .criteria-container {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%; }
  form#search-form .search-criteria {
    width: 100%;
    padding: 0.5em;
    padding-right: 1.5em;
    color: #035496;
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: right 0.25em center;
    border: 0.3em solid #e4e4e4;
    border-radius: 0.3em; }
    @media screen and (min-width: 0px) and (max-width: 749px) {
      form#search-form .search-criteria {
        font-size: 2em; } }
    @media screen and (min-width: 750px) {
      form#search-form .search-criteria {
        font-size: 1em; } }

.pagination > ul {
  list-style: none;
  margin: 0px; }

.pagination > ul li {
  display: inline-block;
  margin-right: 10px; }
  .breakpoint-palm-only .pagination > ul li {
    margin-right: 20px; }

.promo-menu select,
.promo-menu .select2-container {
  font-size: 0.3em; }
.promo-menu .promo-menu__headline {
  color: #626663;
  line-height: normal;
  display: inline-block;
  vertical-align: top;
  padding-top: 0.2em; }
  .breakpoint-palm-only .promo-menu .promo-menu__headline {
    padding-top: 10px; }
  @media screen and (max-width: 749px) {
    .promo-menu .promo-menu__headline {
      font-size: 1.5em; } }
  @media screen and (min-width: 750px) {
    .promo-menu .promo-menu__headline {
      width: 66%;
      float: left; } }
@media screen and (max-width: 749px) {
  .promo-menu .promo-menu__select {
    font-size: 4em; } }
@media screen and (min-width: 750px) {
  .promo-menu .promo-menu__select {
    width: 32%;
    float: right; } }
.breakpoint-palm-only .promo-menu .promo-menu__select .link-menu {
  font-size: 0.3em;
  width: 100%; }
.promo-menu .promo-menu__select .chosen-container {
  width: 100% !important;
  margin-bottom: 1.3em; }
.promo-menu .promo-menu__careers {
  clear: both;
  margin-top: 0.5em;
  margin-bottom: 1em; }
  .promo-menu .promo-menu__careers:before, .promo-menu .promo-menu__careers:after {
    content: '';
    display: block;
    clear: both; }
  @media screen and (min-width: 750px) {
    .promo-menu .promo-menu__careers .promo-box {
      display: inline-block;
      font-size: 0.32em;
      margin-bottom: 2%;
      width: 32.25806%;
      float: left;
      margin-right: 1.6129%; }
      .promo-menu .promo-menu__careers .promo-box:nth-child(3n) {
        float: right;
        margin-right: 0; } }

.careers-page .subject-matter {
  width: 100%;
  max-width: none;
  background: #f6f6f6; }

.cf-icon-admin-and-relations:before {
  content: "\e900"; }

.cf-icon-air-defense:before {
  content: "\e901"; }

.cf-icon-aviation:before {
  content: "\e902"; }

.cf-icon-engineer:before,
.cf-icon-engineering:before {
  content: "\e903"; }

.cf-icon-ground-defense:before {
  content: "\e904"; }

.cf-icon-infantry:before {
  content: "\e905"; }

.cf-icon-intelligence:before {
  content: "\e906"; }

.cf-icon-mathematics:before {
  content: "\e907"; }

.cf-icon-mechanic-and-maintenance:before {
  content: "\e908"; }

.cf-icon-medical:before {
  content: "\e909"; }

.cf-icon-military-police:before {
  content: "\e90a"; }

.cf-icon-munitions:before {
  content: "\e90b"; }

.cf-icon-science:before {
  content: "\e90c"; }

.cf-icon-special-forces:before {
  content: "\e90d"; }

.cf-icon-stem-careers:before {
  content: "\e90e"; }

.cf-icon-support-and-logistics:before {
  content: "\e90f"; }

.cf-icon-technology-and-networking:before {
  content: "\e910"; }

.cf-icon-technology:before {
  content: "\e911"; }

.cf-icon-transport:before {
  content: "\e912"; }

.cf-icon {
  vertical-align: text-bottom; }

.cf-nav-wrap {
  width: 320px;
  float: left;
  font-size: 16px;
  color: #626663;
  font-family: 'DIN-Regular'; }
  .breakpoint-tablet-only .cf-nav-wrap {
    width: 265px; }
  .breakpoint-palm-only .cf-nav-wrap {
    float: none;
    display: none; }
  .cf-nav-wrap a {
    color: #393939;
    line-height: 1.2em;
    font-size: .9em; }
    .cf-nav-wrap a:hover {
      color: #626663; }
  .cf-nav-wrap .cf-nav-title-wrap {
    padding: 1em 1em 0 1em;
    background-color: #e7e7e7;
    font-size: 1.4em;
    color: #626663; }
    .cf-nav-wrap .cf-nav-title-wrap:hover {
      color: #393939; }
  .cf-nav-wrap .cf-nav-title {
    text-transform: uppercase;
    padding-bottom: .5em;
    font-size: 1.3em; }
  .cf-nav-wrap .cf-title-wrap,
  .cf-nav-wrap .stem-title-wrap {
    padding: .5em 1em; }
    .cf-nav-wrap .cf-title-wrap:after,
    .cf-nav-wrap .stem-title-wrap:after {
      display: block;
      clear: both;
      content: ''; }
    .cf-nav-wrap .cf-title-wrap .cf-icon,
    .cf-nav-wrap .stem-title-wrap .cf-icon {
      float: left; }
    .cf-nav-wrap .cf-title-wrap .cf-title,
    .cf-nav-wrap .cf-title-wrap .stem-title,
    .cf-nav-wrap .stem-title-wrap .cf-title,
    .cf-nav-wrap .stem-title-wrap .stem-title {
      margin-left: 2em;
      float: left;
      line-height: 1.3em; }
  .cf-nav-wrap .cf-field .cf-mos-opts {
    display: none;
    background: #e7e7e7;
    padding-left: 1.2em;
    padding-right: 1em;
    padding-bottom: 1.25em;
    padding-top: .25em; }
    .cf-nav-wrap .cf-field .cf-mos-opts li {
      padding-top: .5em;
      padding-bottom: .3em; }
    .cf-nav-wrap .cf-field .cf-mos-opts .cf-sub-title {
      font-size: .8em;
      margin-top: .6em;
      color: #035496;
      text-transform: uppercase;
      font-family: 'DIN-Medium'; }
  .cf-nav-wrap .cf-field:hover {
    background: #e7e7e7; }
  .cf-nav-wrap .cf-icon {
    display: inline-block;
    position: relative; }
    .cf-nav-wrap .cf-icon:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1.5em;
      width: 1.5em;
      font-size: 1.5em;
      line-height: .7em; }
  .cf-nav-wrap .arrow-icon {
    height: 1em;
    width: 1em;
    line-height: 1.5em;
    display: inline-block;
    float: right; }
  .cf-nav-wrap .cf-stem {
    border-top: #e7e7e7 1px solid; }
    .cf-nav-wrap .cf-stem .stem-fields-wrap {
      background: #e7e7e7; }
    .cf-nav-wrap .cf-stem .cf-mos-opts {
      background: #d5d5d5; }
    .cf-nav-wrap .cf-stem .cf-field {
      display: none; }
    .cf-nav-wrap .cf-stem:hover {
      border-top: #fff 1px solid;
      background: #e7e7e7; }
  .cf-nav-wrap .stem-sub-title {
    margin-left: 2.5em;
    line-height: 1.5em; }
  .cf-nav-wrap .cf-field.active .cf-title-wrap {
    background: #035496; }
  .cf-nav-wrap .cf-field.active .cf-icon:before {
    color: #fff; }
  .cf-nav-wrap .cf-field.active .cf-title,
  .cf-nav-wrap .cf-field.active .stem-sub-title {
    color: #fff; }
  .cf-nav-wrap .cf-field.active .icon-ng_point-right {
    transform: rotateZ(90deg);
    transform-origin: 50% 65%; }
    .cf-nav-wrap .cf-field.active .icon-ng_point-right:before {
      color: #fff; }
  .cf-nav-wrap .cf-field.active .cf-mos-opts {
    display: block; }
  .cf-nav-wrap .cf-field.current-page .cf-title-wrap {
    background: #035496;
    color: #fff; }
  .cf-nav-wrap .cf-stem.active .stem-title-wrap {
    background: #093a62; }
  .cf-nav-wrap .cf-stem.active .stem-icon:before {
    color: #fff; }
  .cf-nav-wrap .cf-stem.active .stem-title {
    color: #fff; }
  .cf-nav-wrap .cf-stem.active .stem-arrow.icon-ng_point-right {
    transform: rotateZ(90deg);
    transform-origin: 50% 65%; }
    .cf-nav-wrap .cf-stem.active .stem-arrow.icon-ng_point-right:before {
      color: #fff; }
  .cf-nav-wrap .cf-stem.active .cf-field {
    display: block; }

.cf-content {
  max-width: 1300px;
  width: calc(100% - 320px);
  float: left;
  font-size: 16px;
  font-family: 'DIN-Regular';
  border-left: solid 1px #d5d5d5;
  padding-bottom: 3em; }
  .breakpoint-tablet-only .cf-content {
    width: calc(100% - 265px); }
  .breakpoint-palm-only .cf-content {
    width: 100%;
    float: none;
    border-left: none; }
  .cf-content .cf-content-header {
    height: 364px;
    color: white;
    position: relative; }
    .cf-content .cf-content-header .cf-header-title-wrap {
      position: absolute;
      left: 2em;
      bottom: .7em; }
      .cf-content .cf-content-header .cf-header-title-wrap .header-back-link {
        display: none; }
        .breakpoint-palm-only .cf-content .cf-content-header .cf-header-title-wrap .header-back-link {
          display: inline-block;
          color: #fff;
          font-size: 1.5em;
          vertical-align: text-bottom; }
      .breakpoint-palm-only .cf-content .cf-content-header .cf-header-title-wrap .header-desktop {
        display: none; }
      .cf-content .cf-content-header .cf-header-title-wrap .cf-icon {
        font-size: 3em;
        margin-right: .1em; }
        .breakpoint-palm-only .cf-content .cf-content-header .cf-header-title-wrap .cf-icon {
          font-size: 1.5em; }
      .cf-content .cf-content-header .cf-header-title-wrap .cf-header-title {
        font-size: 3em;
        text-transform: uppercase; }
        .breakpoint-palm-only .cf-content .cf-content-header .cf-header-title-wrap .cf-header-title {
          font-size: 1.5em; }
  .cf-content .cf-content-feature {
    margin: 2em;
    color: #626663;
    line-height: 1.5em; }
    .cf-content .cf-content-feature .mobile-cf-wrap {
      display: none; }
      .breakpoint-palm-only .cf-content .cf-content-feature .mobile-cf-wrap {
        display: block; }
    .cf-content .cf-content-feature .mobile-cf-nav {
      font-size: 1em;
      color: #fff;
      background-color: #035496;
      border: none;
      padding: 1em;
      margin-bottom: 2em;
      -webkit-appearance: none;
      -webkit-border-radius: 0px;
      background-image: url("../images/icon-ng_point-down.svg");
      background-repeat: no-repeat;
      background-position: right 1em center;
      padding-right: 4em; }
    .cf-content .cf-content-feature.has_video .cf-upper-text-content {
      display: block;
      width: 50%;
      float: left;
      padding-right: 1.5em; }
      .breakpoint-palm-only .cf-content .cf-content-feature.has_video .cf-upper-text-content, .breakpoint-tablet-only .cf-content .cf-content-feature.has_video .cf-upper-text-content {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-bottom: 1.5em; }
    .cf-content .cf-content-feature.has_video .career-timeline-button-wrap {
      width: 50%;
      float: right;
      margin-top: 1em; }
      .breakpoint-palm-only .cf-content .cf-content-feature.has_video .career-timeline-button-wrap, .breakpoint-tablet-only .cf-content .cf-content-feature.has_video .career-timeline-button-wrap {
        width: inherit;
        float: none;
        margin-top: 2.5em; }
      .cf-content .cf-content-feature.has_video .career-timeline-button-wrap .career-timeline-button {
        color: #fff;
        background: #035496;
        text-transform: uppercase;
        padding: .7em 1em; }
        .cf-content .cf-content-feature.has_video .career-timeline-button-wrap .career-timeline-button:hover {
          background: #0c70c1; }
        .cf-content .cf-content-feature.has_video .career-timeline-button-wrap .career-timeline-button .icon-ng_point-right {
          padding-left: .5em; }
    .cf-content .cf-content-feature .feature__video {
      display: block;
      width: 50%;
      float: left; }
      .breakpoint-palm-only .cf-content .cf-content-feature .feature__video, .breakpoint-tablet-only .cf-content .cf-content-feature .feature__video {
        width: 100%;
        float: none; }
    .cf-content .cf-content-feature .feature__body {
      font-family: 'Droid'; }
      .cf-content .cf-content-feature .feature__body a {
        font-family: 'DIN-Regular';
        color: #035496; }
      .cf-content .cf-content-feature .feature__body a:hover {
        color: #093a62; }
    .cf-content .cf-content-feature .cf-clearfix {
      clear: both; }
    .cf-content .cf-content-feature #stem-signup-results {
      margin-top: 2em;
      font-size: 1em; }
      .cf-content .cf-content-feature #stem-signup-results .stem__email-label {
        display: block;
        font-family: 'DIN-Regular'; }
      .cf-content .cf-content-feature #stem-signup-results input[type="email"] {
        border: 0;
        border-radius: 0;
        height: 2.4em;
        width: 60%; }
      .cf-content .cf-content-feature #stem-signup-results .submission {
        border-radius: 0;
        font-size: 1em;
        -webkit-font-smoothing: antialiased;
        padding: .7em 1em;
        vertical-align: bottom; }
        .cf-content .cf-content-feature #stem-signup-results .submission:hover {
          background: #0c70c1; }
  .cf-content .feature__header {
    font-size: 1.5em;
    text-transform: uppercase;
    margin-bottom: 1em; }
  .cf-content .stem-careers-menu {
    padding-top: 2em; }
    .cf-content .stem-careers-menu li {
      padding-top: 1em; }
    .cf-content .stem-careers-menu .stem-career-item {
      height: 200px;
      position: relative; }
      .cf-content .stem-careers-menu .stem-career-item h2 {
        position: absolute;
        bottom: 1em;
        left: 1em; }
      .cf-content .stem-careers-menu .stem-career-item span {
        font-size: 3em;
        color: #fff; }
        .breakpoint-palm-only .cf-content .stem-careers-menu .stem-career-item span {
          font-size: 2em; }
  .cf-content .mos-menu .menu-header {
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: bold;
    color: #035496;
    border-bottom: 0.05em solid #979797;
    padding-bottom: 1em;
    padding-top: 2em;
    letter-spacing: .05em;
    font-family: 'DIN-Regular'; }
    .breakpoint-palm-only .cf-content .mos-menu .menu-header, .breakpoint-tablet-only .cf-content .mos-menu .menu-header {
      letter-spacing: 0;
      font-family: 'DIN-Medium'; }
  .cf-content .mos-menu .mos-wrap {
    border-bottom: 0.1em solid #979797; }
    .cf-content .mos-menu .mos-wrap .mos-title {
      font-size: 1.2em;
      padding: 1em 0 1em .5em;
      background: url("../images/plus.svg") no-repeat right 1em center;
      line-height: 1.5em;
      cursor: pointer; }
      .cf-content .mos-menu .mos-wrap .mos-title:hover {
        background-color: #e7e7e7; }
      .cf-content .mos-menu .mos-wrap .mos-title .mos-title-span {
        display: block;
        padding-right: 2em; }
    .cf-content .mos-menu .mos-wrap .mos-content {
      padding-left: .5em;
      margin-bottom: 1em;
      display: none;
      width: 70%;
      font-family: 'Droid'; }
      .cf-content .mos-menu .mos-wrap .mos-content strong {
        letter-spacing: .04em;
        color: #626663;
        font-family: 'DIN-Regular' !important; }
      .cf-content .mos-menu .mos-wrap .mos-content ul {
        list-style-type: disc;
        list-style-position: inside; }
    .cf-content .mos-menu .mos-wrap .get-started-button-wrap {
      display: none;
      padding-left: .5em;
      margin-bottom: 1em; }
      .cf-content .mos-menu .mos-wrap .get-started-button-wrap .get-started-button {
        display: inline-block;
        color: #fff;
        background: #035496;
        text-transform: uppercase;
        padding: .7em 1em; }
        .cf-content .mos-menu .mos-wrap .get-started-button-wrap .get-started-button .icon-ng_point-right {
          padding-left: .5em; }
        .cf-content .mos-menu .mos-wrap .get-started-button-wrap .get-started-button:hover {
          background: #0c70c1; }
    .cf-content .mos-menu .mos-wrap.active .mos-title {
      background: url("../images/minus.svg") no-repeat right 1em center; }
      .cf-content .mos-menu .mos-wrap.active .mos-title:hover {
        background-color: #e7e7e7; }
    .cf-content .mos-menu .mos-wrap.active .mos-content {
      display: block; }
    .cf-content .mos-menu .mos-wrap.active .get-started-button-wrap {
      display: block; }
  .cf-content .back-to-careers,
  .cf-content .back-to-stem {
    display: none;
    position: absolute; }
    .breakpoint-palm-only .cf-content .back-to-careers, .breakpoint-palm-only
    .cf-content .back-to-stem {
      display: block;
      background: #035496;
      color: #fff;
      text-transform: uppercase;
      padding-top: 1em;
      padding-bottom: 1em;
      text-align: center;
      font-family: 'DIN-Medium';
      width: 100%; }
      .breakpoint-palm-only .cf-content .back-to-careers .icon-ng_point-left, .breakpoint-palm-only
      .cf-content .back-to-stem .icon-ng_point-left {
        margin-right: .25em; }

#app-tech-support-results {
  line-height: 2;
  margin: 1em 0; }

#app-tech-support .captcha_reload {
  font-size: 0.6em;
  color: #035496;
  margin-left: 1em; }
  .breakpoint-palm-only #app-tech-support .captcha_reload {
    display: block;
    margin: 0 auto 1em auto;
    font-size: 1em; }
  #app-tech-support .captcha_reload:before {
    content: 'Can\'t read it? ';
    margin: 0;
    color: #035496; }
#app-tech-support .ts__inputs input {
  height: 3em; }
#app-tech-support .ts__inputs textarea {
  height: 9em; }
#app-tech-support .ts__inputs input,
#app-tech-support .ts__inputs textarea {
  padding: 0.25em;
  width: 100%;
  color: #035496;
  border: 0.3em solid #e4e4e4;
  border-radius: 0.3em;
  font-size: 0.7em;
  margin-bottom: 1em; }
#app-tech-support .ts__inputs input[type='text'] {
  width: 48%; }
#app-tech-support .ts__inputs .ts__first-name {
  margin-right: 4%; }
#app-tech-support .ts__inputs .captcha-message {
  font-size: 0.7em;
  line-height: 1;
  margin-bottom: 0.5em; }
#app-tech-support .ts__inputs .ts_captcha {
  display: block; }
#app-tech-support .ts__inputs .submission {
  width: 25%;
  margin: 0;
  font-size: 0.6em;
  padding: 0 0.25em; }

#app-warrant-officer-contact-results .info-box {
  font-size: 0.5em;
  margin-bottom: 1.5em;
  padding-bottom: 33%; }
  .breakpoint-palm-only #app-warrant-officer-contact-results .info-box {
    padding-bottom: 47%; }
#app-warrant-officer-contact-results .info-box__header {
  font-size: 1.5em;
  text-transform: none; }
#app-warrant-officer-contact-results .warrant-officer__inputs {
  font-size: 1.5em; }
#app-warrant-officer-contact-results .warrant-officer__text {
  width: 70%;
  float: left;
  vertical-align: top; }
#app-warrant-officer-contact-results .warrant-officer__right {
  width: 30%;
  text-align: right;
  float: left; }
#app-warrant-officer-contact-results .warrant-officer__result-info {
  color: #ced8e0; }
#app-warrant-officer-contact-results input[type='email'],
#app-warrant-officer-contact-results select,
#app-warrant-officer-contact-results .chosen-container {
  font-size: 0.75em;
  vertical-align: top;
  margin-bottom: 1em;
  width: 48% !important;
  display: block;
  float: left; }
  .breakpoint-palm-only #app-warrant-officer-contact-results input[type='email'], .breakpoint-palm-only
  #app-warrant-officer-contact-results select, .breakpoint-palm-only
  #app-warrant-officer-contact-results .chosen-container {
    display: block;
    width: 100% !important; }
#app-warrant-officer-contact-results input[type='email'] {
  border: 0.3em solid #e4e4e4;
  border-radius: 0.3em;
  height: 3em;
  padding: 0.25em;
  color: #035496;
  margin-right: 4%; }
#app-warrant-officer-contact-results input[type='submit'] {
  font-size: 1.5em;
  padding: 0.4em 1em;
  text-align: right; }
#app-warrant-officer-contact-results .warrant-officer__result-info,
#app-warrant-officer-contact-results .warrant-officer__confirm {
  width: 48%;
  float: left; }
#app-warrant-officer-contact-results .warrant-officer__confirm {
  margin-right: 4%; }

.subject-matter .home-content {
  font-size: 16px;
  font-family: "DIN-Medium";
  color: #555; }
  .subject-matter .home-content .header {
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 0.5em;
    letter-spacing: 1px; }
  .subject-matter .home-content h2.header {
    font-size: 2.5em;
    line-height: 1.5;
    margin: 0.75em 0; }
    @media screen and (min-width: 0px) and (max-width: 749px) {
      .subject-matter .home-content h2.header {
        font-size: 1.75em;
        font-family: "DIN-Bold"; } }
  .subject-matter .home-content h4.header {
    font-size: 1.3em;
    font-family: "DIN-Bold"; }
  .subject-matter .home-content .home-body {
    font-size: 1.1em;
    line-height: 2;
    margin-bottom: 50px; }
  .subject-matter .home-content .home-top-content,
  .subject-matter .home-content .home-bottom-content {
    margin: 0 auto;
    max-width: 1000px;
    text-align: center; }
    @media screen and (min-width: 0px) and (max-width: 1024px) {
      .subject-matter .home-content .home-top-content,
      .subject-matter .home-content .home-bottom-content {
        width: 90%; } }
    @media screen and (min-width: 1025px) {
      .subject-matter .home-content .home-top-content,
      .subject-matter .home-content .home-bottom-content {
        width: 75%; } }
  @media screen and (min-width: 0px) and (max-width: 1024px) {
    .subject-matter .home-content .home-bottom-content .home-body {
      text-align: left; } }

/*
    Document   : _validation
    Created on : Jan 29, 2014, 2:28:56 PM
    Author     : micahflatt
    Description:
    Simple classes for inputs to show validation is good or in error
*/
form.blur-validation input.error {
  background-image: url("../images/SVG/ng_x.svg");
  background-repeat: no-repeat;
  background-position: right 0.5em center;
  background-size: 1em; }
form.blur-validation input.valid {
  background-image: url("../images/SVG/ng_check.svg");
  background-repeat: no-repeat;
  background-position: right 0.5em center;
  background-size: 1em; }

.form-errors {
  color: #990000; }
  #app-tech-support-results .form-errors {
    font-size: 0.65em; }
  .form-errors ul {
    margin-left: 1em;
    margin-bottom: 0.2em; }
    .get-started__question__content form .form-errors ul li {
      font-size: 0.4em; }

select {
  color: #035496;
  background-color: #fff; }
  .breakpoint-palm-only select {
    font-size: 1.5em; }

.chosen-container {
  text-transform: none;
  border-radius: 0.3em;
  width: 100%;
  position: relative;
  display: block;
  vertical-align: middle;
  font-size: 16px;
  font-family: "DIN-Medium";
  color: #035496;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  /* IE6-9 */ }
  .chosen-container .chosen-drop {
    position: absolute;
    top: 95%;
    left: -9999em;
    z-index: 1010;
    width: 100%;
    border: border-thickness solid red;
    border-top: 0;
    background: #fff;
    box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.15); }
  .chosen-container.chosen-with-drop .chosen-drop {
    left: 0; }
  .chosen-container a {
    cursor: pointer; }

/* @end */
/* @group Single Chosen */
.chosen-container-single {
  background-color: #fff; }
  .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    height: 3em;
    border: border-thickness solid red;
    border-radius: 0.3em;
    background-clip: padding-box;
    box-shadow: 0 0 0.1em white inset, 0 0.1em 0.1em rgba(0, 0, 0, 0.1);
    color: #035496;
    text-decoration: none;
    white-space: nowrap;
    line-height: 3; }
  .chosen-container-single .chosen-default {
    color: #ccc; }
  .chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    text-align: left;
    margin-left: 1em;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .chosen-container-single .chosen-single-with-deselect span {
    margin-right: 3em; }
  .chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 0.6em;
    right: 2.6em;
    display: block;
    width: 1.2em;
    height: 1.2em;
    font-size: 1em; }
  .chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    width: 3em;
    height: 100%;
    background-color: transparent;
    color: black; }
    .chosen-container-single .chosen-single div b {
      display: block;
      background-position: center;
      background-image: url("../images/chosen-icons/chosen-arrow-down.svg");
      background-repeat: no-repeat;
      background-size: contain;
      vertical-align: middle;
      margin: 1em;
      height: 1em;
      width: 2em; }
  .chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 0.3em 0.4em;
    white-space: nowrap; }
    .chosen-container-single .chosen-search input[type="text"] {
      margin: 0.1em 0;
      padding: 0.4em 2em 0.4em 0.5em;
      width: 100%;
      height: auto;
      outline: 0;
      border: border-thickness solid red;
      font-size: 1em;
      line-height: normal;
      border-radius: 0; }
    .chosen-container-single .chosen-search:after {
      content: '';
      display: block;
      position: absolute;
      width: 1em;
      height: 1em;
      right: 0.9em;
      top: 1em;
      background-position: center;
      background-repeat: no-repeat;
      vertical-align: middle; }
  .chosen-container-single .chosen-drop {
    border-radius: 0 0 0.3em 0.3em;
    background-clip: padding-box; }
  .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999em; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #035496;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 12em;
  -webkit-overflow-scrolling: touch; }
  .chosen-container .chosen-results li {
    padding: 0.5em 1em;
    list-style: none;
    line-height: 1.5em;
    word-wrap: break-word;
    -webkit-touch-callout: none; }
    .chosen-container .chosen-results li:nth-of-type(odd) {
      background-color: #fff; }
    .chosen-container .chosen-results li:nth-of-type(even) {
      background-color: #f7f7f7; }
    .chosen-container .chosen-results li.active-result {
      display: list-item;
      cursor: pointer; }
    .chosen-container .chosen-results li.disabled-result {
      display: list-item;
      cursor: default; }
      .chosen-container .chosen-results li.disabled-result:nth-of-type(odd) {
        background-color: #e6e6e6; }
      .chosen-container .chosen-results li.disabled-result:nth-of-type(even) {
        background-color: #e6e6e6; }
    .chosen-container .chosen-results li.highlighted {
      color: #fff;
      background-color: #035496; }
    .chosen-container .chosen-results li.no-results {
      color: #777;
      display: list-item;
      background: #f4f4f4; }
    .chosen-container .chosen-results li.group-result {
      display: list-item;
      font-weight: bold;
      cursor: default; }
    .chosen-container .chosen-results li.group-option {
      padding-left: 1.5em; }
    .chosen-container .chosen-results li em {
      font-style: normal;
      text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 0.5em;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: border-thickness solid red;
  cursor: text; }
  .chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none; }
    .chosen-container-multi .chosen-choices li.search-field {
      margin: 0;
      padding: 0;
      white-space: nowrap; }
      .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
        margin: 0.1em 0;
        padding: 0;
        height: 2.5em;
        outline: 0;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none;
        color: #999;
        font-size: 100%;
        line-height: normal;
        border-radius: 0; }
    .chosen-container-multi .chosen-choices li.search-choice {
      position: relative;
      margin: 0.3em 0.5em 0.3em 0;
      padding: 0.3em 2em 0.3em 0.5em;
      border: border-thickness solid red;
      max-width: 100%;
      border-radius: 0.3em;
      background-color: #ccc;
      background-size: 100% 1.9em;
      background-repeat: repeat-x;
      background-clip: padding-box;
      box-shadow: 0 0 0.2em white inset, 0 0.1em 0 rgba(0, 0, 0, 0.05);
      color: #035496;
      line-height: 1.3em;
      cursor: default; }
      .chosen-container-multi .chosen-choices li.search-choice span {
        word-wrap: break-word; }
      .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
        position: absolute;
        top: 0.4em;
        right: 0.25em;
        display: block;
        width: 1em;
        height: 1em; }
        .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
          content: '';
          display: block;
          width: 100%;
          height: 100%;
          background-position: center;
          background-repeat: no-repeat;
          vertical-align: middle; }
    .chosen-container-multi .chosen-choices li.search-choice-disabled {
      padding-right: 0.5em;
      border: 0.1em solid gray;
      color: white; }
    .chosen-container-multi .chosen-choices li.search-choice-focus {
      background: #d4d4d4; }
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }
.chosen-container-multi .chosen-drop .result-selected {
  color: #69bafc;
  cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 0;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3); }
.chosen-container-active.chosen-with-drop .chosen-single {
  border: border-thickness solid red;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */
  box-shadow: 0 0.1em 0 #fff inset; }
  .chosen-container-active.chosen-with-drop .chosen-single div b {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg); }
.chosen-container-active .chosen-choices {
  border: border-thickness solid red;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3); }
  .chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }
  .chosen-disabled .chosen-single, .chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right; }
  .chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 0.5em 0 0; }
    .chosen-rtl .chosen-single span {
      margin-right: 0;
      margin-left: 2em;
      direction: rtl; }
  .chosen-rtl .chosen-single-with-deselect span {
    margin-left: 3em; }
  .chosen-rtl .chosen-single div {
    right: auto;
    left: 0.5em; }
  .chosen-rtl .chosen-single abbr {
    right: auto;
    left: 2em; }
  .chosen-rtl .chosen-choices li {
    float: right; }
    .chosen-rtl .chosen-choices li.search-field input[type="text"] {
      direction: rtl; }
    .chosen-rtl .chosen-choices li.search-choice {
      margin: 0.25em 0.5em 0.25em 0;
      padding: 0.3em 0.5em 0.3em 1.25em; }
      .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
        right: auto;
        left: 0.5em; }
  .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
    left: 9999em; }
  .chosen-rtl .chosen-results li.group-option {
    padding-left: 0; }
  .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none; }
  .chosen-rtl .chosen-search input[type="text"] {
    padding: 0.25em 0.333em 0.25em 1.25em;
    direction: rtl; }

/* @import "form/jquery.selectBoxIt"; */
body.advanced-interior .feature .feature__content div.heirarchical-menu {
  font-size: 0.7em;
  line-height: 1.5em; }
  body.advanced-interior .feature .feature__content div.heirarchical-menu span.menu-header {
    font-weight: bold;
    text-transform: uppercase; }
  body.advanced-interior .feature .feature__content div.heirarchical-menu ul {
    list-style: none;
    margin: 0 0 0.5rem 0; }
    body.advanced-interior .feature .feature__content div.heirarchical-menu ul li a {
      color: #035496; }
    body.advanced-interior .feature .feature__content div.heirarchical-menu ul li a.icon-ng_arrow-right:before {
      display: inline-block;
      font-size: 0.6em;
      margin-left: 0.3em;
      margin-bottom: 0.3em;
      vertical-align: center; }

body.dual-video-interior .dual-feature, body.stem_interior .dual-feature {
  display: inline-block;
  vertical-align: top;
  float: left; }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    body.dual-video-interior .dual-feature, body.stem_interior .dual-feature {
      width: 100%;
      font-size: 1em !important; } }
  @media screen and (min-width: 750px) {
    body.dual-video-interior .dual-feature, body.stem_interior .dual-feature {
      width: 66%;
      font-size: 1em !important; } }
  body.dual-video-interior .dual-feature .feature, body.stem_interior .dual-feature .feature {
    width: 100%;
    float: none; }
body.dual-video-interior aside .downloadable-file .downloadable-file__content, body.stem_interior aside .downloadable-file .downloadable-file__content {
  padding: 5%; }
body.dual-video-interior aside .downloadable-file .downloadable-file__name, body.stem_interior aside .downloadable-file .downloadable-file__name {
  font-size: 1.5em;
  margin: 0.2em 0 0.5em 0;
  text-transform: uppercase; }
body.dual-video-interior aside .downloadable-file .downloadable-file__extension, body.stem_interior aside .downloadable-file .downloadable-file__extension {
  display: none; }
body.dual-video-interior aside .downloadable-file .downloadable-file__link, body.stem_interior aside .downloadable-file .downloadable-file__link {
  position: relative;
  right: auto;
  top: auto;
  font-size: 0.9em; }
body.dual-video-interior aside .downloadable-file a[class*="icon-"]:before, body.stem_interior aside .downloadable-file a[class*="icon-"]:before {
  display: inline-block;
  margin-right: 0.4em; }
body.dual-video-interior aside .downloadable-file p, body.stem_interior aside .downloadable-file p {
  clear: both;
  line-height: 1.5;
  margin: 1em; }

#stem-signup-results {
  font-size: 0.5em;
  margin-top: 1em;
  margin-bottom: 1.5em; }
  .breakpoint-palm-only #stem-signup-results {
    font-size: 0.7em; }
  #stem-signup-results .info-box {
    padding-bottom: 0;
    display: block; }
    #stem-signup-results .info-box .info-box__content {
      position: relative; }
  #stem-signup-results .info-box__header {
    line-height: 2;
    text-transform: none; }
  #stem-signup-results input[type="email"] {
    border: 0.3em solid #e4e4e4;
    border-radius: 0.3em;
    height: 3em;
    padding: 0.25em;
    color: #035496;
    margin-right: 3%;
    width: 70%; }
  #stem-signup-results .submission {
    padding: 0.4em 0.75em;
    font-size: 1.3em;
    top: 0.1em;
    position: relative; }

.max-preps .hero {
  max-height: 9.5em; }
.max-preps .hero .hero__content {
  visibility: hidden; }
.max-preps #scroll {
  margin: 0 auto; }
  @media screen and (min-width: 0px) and (max-width: 749px) {
    .max-preps #scroll {
      width: 100%; } }
  @media screen and (min-width: 750px) and (max-width: 1024px) {
    .max-preps #scroll {
      width: 90%; } }
  @media screen and (min-width: 1025px) {
    .max-preps #scroll {
      width: 75%; } }
  .max-preps #scroll #schedule {
    text-align: left;
    font-family: "DIN Next W01 Medium", Arial, Helvetica, sans-serif; }
    .max-preps #scroll #schedule td {
      padding: 0.25em 0.5em; }
      @media screen and (min-width: 0px) and (max-width: 749px) {
        .max-preps #scroll #schedule td {
          font-size: 0.6em; } }
      @media screen and (min-width: 750px) and (max-width: 1024px) {
        .max-preps #scroll #schedule td {
          font-size: 0.5em; } }
      @media screen and (min-width: 1025px) {
        .max-preps #scroll #schedule td {
          font-size: 0.3em; } }
    .max-preps #scroll #schedule th {
      padding: 0.5em;
      font-size: 0.6em;
      background-color: #525252;
      color: #fff; }
      @media screen and (min-width: 1025px) {
        .max-preps #scroll #schedule th {
          padding: 7px;
          font-size: 32px; } }
    .max-preps #scroll #schedule tr.even {
      background-color: #F5F5F5;
      color: #000; }
    .max-preps #scroll #schedule tr.odd {
      background-color: #C4C4C4;
      color: #000; }
.max-preps .highschool-rankings-image {
  width: 100%;
  background-repeat: no-repeat; }

@media screen and (max-width: 749px) {
  .event-detail .events__left, .event-list .events__left {
    text-align: center;
    font-size: 3em;
    margin: 0.5em 0; } }
@media screen and (min-width: 750px) {
  .event-detail .events__left, .event-list .events__left {
    width: 40%;
    float: left; } }
.event-detail .events__right, .event-list .events__right {
  vertical-align: top; }
  @media screen and (max-width: 749px) {
    .event-detail .events__right, .event-list .events__right {
      font-size: 01.25em; } }
  @media screen and (min-width: 750px) {
    .event-detail .events__right, .event-list .events__right {
      width: 60%;
      float: right;
      font-size: 0.7em; } }
.event-detail ul, .event-list ul {
  margin: 0;
  position: relative; }
.event-detail li, .event-list li {
  margin: 0;
  list-style-type: none; }
  .event-detail li:before, .event-list li:before {
    left: -1.5em;
    position: absolute;
    top: 0.25em; }
.event-detail .date, .event-list .date {
  display: inline-block;
  vertical-align: middle;
  color: #626663;
  border: 4px solid #626663;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.05em;
  margin-right: 25px; }
  @media screen and (max-width: 749px) {
    .event-detail .date, .event-list .date {
      font-size: 2em; } }
  @media screen and (min-width: 750px) {
    .event-detail .date, .event-list .date {
      font-size: 1.5em; } }
  .event-detail .date .month, .event-list .date .month {
    background-color: #626663;
    color: white;
    display: block;
    font-size: 0.5em;
    letter-spacing: 1px;
    margin-bottom: 10px; }
.event-detail .range-coupler, .event-list .range-coupler {
  display: inline-block;
  font-size: 0.7em;
  vertical-align: middle;
  margin-left: -18px;
  margin-right: 8px; }

.event-detail .feature__body .grid {
  margin-top: 1em; }
.event-detail .aside-list {
  position: relative;
  top: -1.5em; }
.event-detail .feature .feature__content .feature__header {
  text-transform: none; }

.event-list .feature {
  padding-top: 1em; }
.event-list .feature__body {
  position: relative; }
  .event-list .feature__body ul.event-list {
    clear: both;
    list-style: none;
    margin-left: 0px; }
    .event-list .feature__body ul.event-list li {
      border-bottom: 4px solid #e4e4e4;
      margin: 20px 0 0 0;
      padding: 0 0 20px 0; }
      .event-list .feature__body ul.event-list li a {
        width: 100%;
        height: 100%;
        color: #626663; }
.event-list .event-name {
  display: block;
  vertical-align: top; }
  @media screen and (max-width: 749px) {
    .event-list .event-name {
      font-size: 1.25em;
      margin-top: 1em; } }
  @media screen and (min-width: 750px) {
    .event-list .event-name {
      float: right;
      width: 65%;
      font-size: 0.65em; } }
  .event-list .event-name .event-title {
    display: block;
    font-size: 1.5em;
    color: #035496;
    margin-bottom: 0.55em; }
.event-list .head-push {
  position: absolute;
  right: 0; }
  @media screen and (max-width: 749px) {
    .event-list .head-push {
      top: -5em; } }
  @media screen and (min-width: 750px) {
    .event-list .head-push {
      top: -3em; } }
.event-list .aside-list {
  padding-top: 25px; }
.event-list .pagination {
  float: right; }
.event-list .pagination > ul {
  list-style: none;
  margin: 0px; }
.event-list .pagination > ul li {
  display: inline-block;
  font-size: 0.75em;
  margin-right: 1em; }
  .event-list .pagination > ul li a {
    color: #035496; }

.rrnco .feature .feature__content h4 {
  margin-bottom: 0.5em; }
.rrnco .feature .feature__content .feature__body {
  font-size: 0.5em;
  line-height: 1.5;
  margin-bottom: 15px; }
.rrnco .feature .feature__content .retention_table {
  font-size: 0.38em;
  margin: 0px;
  padding: 0px;
  width: 115%; }
  .rrnco .feature .feature__content .retention_table thead tr {
    border-bottom: 1px solid #bababa; }
    .rrnco .feature .feature__content .retention_table thead tr th {
      padding: 0px; }
    .rrnco .feature .feature__content .retention_table thead tr .state {
      width: 15%; }
    .rrnco .feature .feature__content .retention_table thead tr .name {
      width: 23%; }
    .rrnco .feature .feature__content .retention_table thead tr .office {
      width: 17%; }
    .rrnco .feature .feature__content .retention_table thead tr .cell {
      width: 17%; }
  .rrnco .feature .feature__content .retention_table tbody tr td {
    padding: 0px; }
@media (max-width: 1260px) and (min-width: 1025px) {
  .rrnco .feature .feature__content .feature__body {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px; }
  .rrnco .retention_table th {
    font-size: 14px; }
  .rrnco .retention_table td {
    font-size: 12px; } }
@media (max-width: 1024px) {
  .rrnco .feature .feature__content .feature__body {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px; }
  .rrnco table {
    border: 0;
    padding-bottom: 0;
    display: block;
    width: 100%;
    /*
     * make everything display block so it
     * aligns vertically
     */
    /* Labeling
     * adding a data-title attribute to the cells
     * lets us add text before the content to provide
     * the missing context
     *
     * Markup:
     *   <td data-title="Column Header">Content Here</td>
     *
     * Display:
     *   Column Header: Content Here
     */ }
    .rrnco table caption {
      display: block; }
    .rrnco table thead {
      display: none;
      visibility: hidden; }
    .rrnco table tbody, .rrnco table tr, .rrnco table th, .rrnco table td {
      border: 0;
      display: block;
      padding: 0;
      text-align: left;
      white-space: normal; }
    .rrnco table tr {
      margin-bottom: 10px; }
    .rrnco table td {
      font-size: 14px; }
    .rrnco table th[data-title]:before,
    .rrnco table td[data-title]:before {
      content: attr(data-title) ": ";
      font-weight: bold;
      font-size: 14px; }
    .rrnco table th:not([data-title]) {
      font-weight: bold; }
    .rrnco table td:empty {
      display: none; } }

#app-state-education-contact-results .state-education__submit,
#app-state-education-contact-results .state-education__select-state,
#app-state-education-contact-results .state-education__confirm,
#app-state-education-contact-results .state-edu__result-info {
  width: 50%;
  float: left; }
#app-state-education-contact-results .state-education__submit {
  text-align: right; }
#app-state-education-contact-results .info-box {
  font-size: 0.5em;
  margin-bottom: 1.5em; }
  #app-state-education-contact-results .info-box.state-edu__form {
    display: block;
    padding-bottom: 2em; }
  #app-state-education-contact-results .info-box.state-edu__result {
    display: block;
    padding-bottom: 2em; }
#app-state-education-contact-results .info-box__header {
  font-size: 1.5em;
  text-transform: none;
  margin-bottom: 20px; }
#app-state-education-contact-results .info-box__link {
  margin-top: 1em; }
#app-state-education-contact-results .state-edu__result-info {
  color: #ced8e0; }
#app-state-education-contact-results .submission {
  font-size: 1.5em;
  padding: 0.4em 1em; }

.stem-home .hero__title {
  display: none; }
@media screen and (max-width: 749px) {
  .stem-home .hero .hero__content .hero__text {
    margin-top: 12em; } }
@media screen and (min-width: 750px) {
  .stem-home .hero .hero__content {
    height: 10em; }
    .stem-home .hero .hero__content .hero__text {
      width: 100%;
      font-size: 0.7em; }
      .stem-home .hero .hero__content .hero__text .hero__headline {
        margin-top: -1em;
        width: 100%; } }
.stem-home .feature.first {
  float: right;
  margin-top: -4.75em; }
.stem-home .aside-list.first {
  float: left; }
.stem-home #email-signup-results {
  padding-top: 0.25em;
  clear: both;
  display: block; }
.stem-home #stem-signup .submission {
  font-size: 0.75em;
  padding: 0;
  height: 2.5em;
  width: 25%;
  vertical-align: baseline; }
.stem-home .email-label {
  color: #626663;
  text-align: left;
  font-size: 0.75em;
  margin: 0.75em 0; }
.stem-home .email-address {
  font-size: 0.7em;
  padding: 0.5em;
  width: 70%;
  margin-right: 5%;
  margin-bottom: 0.5em;
  border-radius: 0.3em;
  border: 0.3em solid #e4e4e4;
  color: #035496; }

.stem_interior .stem-navigation {
  margin-bottom: 0.5em; }
  .stem_interior .stem-navigation select {
    width: 32%;
    float: right;
    font-size: 0.4em; }
    .breakpoint-palm-only .stem_interior .stem-navigation select {
      font-size: 1.25em;
      width: 100%; }
  .stem_interior .stem-navigation .chosen-container {
    float: right;
    font-size: 0.3em;
    width: 32% !important; }
    .breakpoint-palm-only .stem_interior .stem-navigation .chosen-container {
      width: 100% !important;
      font-size: 0.6em; }
  .stem_interior .stem-navigation.footer-version {
    display: inline-block;
    vertical-align: top;
    margin-left: 0.5em;
    margin-top: 0.6em;
    width: 30%; }
    .breakpoint-palm-only .stem_interior .stem-navigation.footer-version {
      display: block;
      width: 100%;
      margin-left: 0;
      margin-top: 2.2em; }
    .stem_interior .stem-navigation.footer-version .stem-select {
      width: 100%; }
    .stem_interior .stem-navigation.footer-version .chosen-container {
      width: 100% !important;
      font-size: 0.3em; }
      .breakpoint-palm-only .stem_interior .stem-navigation.footer-version .chosen-container {
        font-size: 0.6em; }
  .stem_interior .stem-navigation .menu-header {
    display: block;
    font-size: 0.5em;
    margin-bottom: 0.6em;
    text-transform: uppercase;
    color: #035496; }
    .breakpoint-palm-only .stem_interior .stem-navigation .menu-header {
      font-size: 1em; }
  .stem_interior .stem-navigation .menu-header:before {
    display: inline-block;
    font-size: 0.55em;
    position: relative;
    top: -0.2em;
    margin-right: 0.25em; }
.stem_interior .breadcrumb {
  display: inline-block; }
  @media screen and (max-width: 749px) {
    .stem_interior .breadcrumb {
      width: 100%;
      font-size: 2em;
      line-height: normal; } }
  @media screen and (min-width: 750px) {
    .stem_interior .breadcrumb {
      float: left;
      width: 65%;
      font-size: 1.15em;
      margin-right: 2%; } }
.stem_interior select,
.stem_interior .select2-container,
.stem_interior .stem-select {
  display: block;
  font-size: 0.32em; }
  @media screen and (max-width: 749px) {
    .stem_interior select,
    .stem_interior .select2-container,
    .stem_interior .stem-select {
      width: 100%;
      margin-bottom: 1.5em;
      font-size: 1em; } }
  .breakpoint-palm-only .stem_interior select, .breakpoint-palm-only
  .stem_interior .select2-container, .breakpoint-palm-only
  .stem_interior .stem-select {
    font-size: 0.75em; }
.breakpoint-desktop-only .stem_interior #stem-signup-results, .breakpoint-large-desktop-only .stem_interior #stem-signup-results, .breakpoint-desktop-only
.stem_interior .share-row, .breakpoint-large-desktop-only
.stem_interior .share-row {
  width: 66%;
  font-size: 0.5em; }
.stem_interior .share-row {
  margin: 0 0 1.5em 0; }
.stem_interior .stem-interior__title {
  clear: both;
  color: #626663;
  font-weight: bold; }
  @media screen and (min-width: 750px) {
    .stem_interior .stem-interior__title {
      font-size: 0.5em;
      margin-bottom: 0.75em; } }
.stem_interior .mos {
  position: relative;
  vertical-align: top;
  color: #626663;
  border-bottom: 0.3em solid #e4e4e4;
  padding-bottom: 1em;
  margin-bottom: 1em; }
  @media screen and (max-width: 749px) {
    .stem_interior .mos {
      border-bottom: 0.3em solid #e4e4e4; } }
  @media screen and (min-width: 750px) {
    .stem_interior .mos {
      width: 49%;
      font-size: 0.5em;
      display: block;
      float: left;
      clear: right;
      height: 20em; }
      .stem_interior .mos:nth-child(even) {
        margin-right: 1%; }
      .stem_interior .mos:nth-child(even) {
        margin-left: 1%; } }
  .stem_interior .mos .mos-pane {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain; }
    @media screen and (max-width: 749px) {
      .stem_interior .mos .mos-pane {
        width: 100%;
        height: 20em;
        margin-bottom: 0.5em; } }
    @media screen and (min-width: 750px) {
      .stem_interior .mos .mos-pane {
        width: 48%;
        font-size: 0.5em;
        margin-right: 2%;
        height: 18em; } }
    .stem_interior .mos .mos-pane .mos-code {
      height: auto;
      font-size: 2.5em;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0.75em; }
  .stem_interior .mos .mos-description {
    display: inline-block;
    vertical-align: top; }
    @media screen and (max-width: 749px) {
      .stem_interior .mos .mos-description {
        width: 100%; } }
    @media screen and (min-width: 750px) {
      .stem_interior .mos .mos-description {
        width: 48%;
        font-size: 0.8em;
        line-height: 1; } }
    .stem_interior .mos .mos-description .mos-title {
      color: #035496;
      font-size: 1.3em;
      margin-bottom: 0.5em; }
    .stem_interior .mos .mos-description .mos-body {
      line-height: 1.5;
      margin-bottom: 0.25em; }
      .stem_interior .mos .mos-description .mos-body p {
        margin-bottom: 0.25em; }
  .stem_interior .mos .mos-careers {
    display: inline-block;
    vertical-align: top;
    line-height: 2; }
    @media screen and (max-width: 749px) {
      .stem_interior .mos .mos-careers {
        width: 100%;
        margin-bottom: 1em; } }
    @media screen and (min-width: 750px) {
      .stem_interior .mos .mos-careers {
        width: 48%;
        font-size: 0.65em;
        float: right; } }
    .stem_interior .mos .mos-careers .mos-careers__header {
      font-size: 1em;
      margin: 0;
      padding: 1em 0;
      padding-right: 0.5em; }
    .stem_interior .mos .mos-careers ul {
      margin: 0;
      font-size: 0.8em; }
      .stem_interior .mos .mos-careers ul li {
        margin-left: 1em; }
  .stem_interior .mos .mos-navigation {
    display: inline-block;
    vertical-align: top; }
    @media screen and (max-width: 749px) {
      .stem_interior .mos .mos-navigation {
        width: 100%;
        margin-bottom: 1em; } }
    @media screen and (min-width: 750px) {
      .stem_interior .mos .mos-navigation {
        width: 48%;
        font-size: 0.5em;
        margin-right: 2%;
        margin-top: 2em; } }
    .stem_interior .mos .mos-navigation a {
      text-decoration: none;
      color: #035496;
      font-size: 1.3em; }
      @media screen and (min-width: 750px) {
        .stem_interior .mos .mos-navigation a {
          position: absolute;
          top: 15em; } }
      .stem_interior .mos .mos-navigation a:before {
        margin-right: 0.25em; }
.stem_interior #stem-signup-results {
  width: 66%;
  float: left;
  font-size: 0.5em;
  margin-bottom: 2em; }
  .breakpoint-palm-only .stem_interior #stem-signup-results {
    width: 100%;
    font-size: 1.1em; }
  .stem_interior #stem-signup-results .info-box {
    font-size: 0.6em; }
.stem_interior .stem__disclaimer {
  font-size: 0.5em;
  text-align: left;
  color: #bababa; }

body.faq .feature .feature__content .feature__body ul {
  list-style: none;
  margin: 0; }
  @media screen and (max-width: 749px) {
    body.faq .feature .feature__content .feature__body ul li {
      font-size: 1.25em;
      margin-bottom: 0.75em; } }
  @media screen and (min-width: 750px) {
    body.faq .feature .feature__content .feature__body ul li {
      font-size: 0.9em;
      margin-bottom: 0.3em; } }
  body.faq .feature .feature__content .feature__body ul li a {
    color: #035496; }
body.faq div.faq-answers {
  clear: both;
  color: #626663; }
  @media screen and (max-width: 749px) {
    body.faq div.faq-answers {
      font-size: 1em;
      width: 99%; } }
  @media screen and (min-width: 750px) {
    body.faq div.faq-answers {
      font-size: 0.6em;
      width: 66%; } }
  body.faq div.faq-answers .faq-entry {
    position: relative;
    margin-bottom: 1.5em; }
    body.faq div.faq-answers .faq-entry a.anchor {
      position: absolute;
      top: -1.4rem; }
    body.faq div.faq-answers .faq-entry .faq-entry__header {
      font-size: 1em;
      font-weight: bold;
      line-height: 1.5em; }
    body.faq div.faq-answers .faq-entry p {
      font-size: 0.7em;
      margin-bottom: 1em;
      line-height: 1.5em; }
    body.faq div.faq-answers .faq-entry a.icon-ng_arrow-right {
      color: #035496;
      margin-bottom: 2rem; }
body.faq a.icon-ng_arrow-right:before {
  display: inline-block;
  font-size: 0.6em;
  margin-right: 0.3em;
  margin-bottom: 0.3em;
  vertical-align: middle; }

body .feature .feature__content div.recruiter-info-app p, body .feature .feature__content div.recruiter-info-app .recruiter-info {
  font-size: 0.75em;
  line-height: 1.5em;
  margin-bottom: 0.5rem; }
body .feature .feature__content div.recruiter-info-app a {
  color: #035496; }

.my-enlistment-timeline .subject-matter {
  width: 100%;
  padding: 0;
  font-size: 1em;
  max-width: none !important; }
  .breakpoint-large-desktop-only .my-enlistment-timeline .subject-matter .timeline-content-wrapper {
    font-size: 40px; }
  .breakpoint-palm-only .my-enlistment-timeline .subject-matter, .breakpoint-tablet-only .my-enlistment-timeline .subject-matter, .breakpoint-desktop-only .my-enlistment-timeline .subject-matter {
    background-repeat: repeat, no-repeat;
    background-size: auto auto, cover;
    background-position: center center, center top; }
.my-enlistment-timeline [type='submit'] {
  border: none;
  font-size: 1.5em;
  display: block;
  margin: auto;
  width: 4em;
  color: white;
  background-color: #035496;
  height: 2em;
  line-height: 2em;
  border-radius: 0.2em; }
.breakpoint-tablet-up .my-enlistment-timeline .spacing, .breakpoint-tablet-up
.my-enlistment-timeline .right-column {
  width: 50%;
  float: left;
  font-size: 0.5em;
  margin-top: 5%; }
.breakpoint-tablet-up .my-enlistment-timeline .options {
  width: 80%; }
.my-enlistment-timeline .edit-questionnairre {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: auto;
  padding-bottom: 2em; }
  .my-enlistment-timeline .edit-questionnairre:after {
    content: " ";
    display: block;
    clear: both; }
  .breakpoint-palm-only .my-enlistment-timeline .edit-questionnairre, .breakpoint-tablet-up .my-enlistment-timeline .edit-questionnairre {
    background: #FFFFFF; }
  .breakpoint-tablet-only .my-enlistment-timeline .edit-questionnairre {
    font-size: 0.8em; }
  .breakpoint-desktop-only .my-enlistment-timeline .edit-questionnairre {
    font-size: 0.6em; }
  .my-enlistment-timeline .edit-questionnairre .edit-answer-list {
    font-size: 0.6em;
    padding: 0 0 2em 0; }
    .breakpoint-palm-only .my-enlistment-timeline .edit-questionnairre .edit-answer-list {
      padding-top: 4.5em; }
    .breakpoint-large-desktop-only .my-enlistment-timeline .edit-questionnairre .edit-answer-list {
      font-size: 30px; }
    .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div {
      padding: 1.5em 0;
      border-bottom: 1px solid black; }
      .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .question-text {
        margin: 0.25em 0;
        min-height: 1.75em; }
      .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .first-answer, .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .second-answer {
        margin-top: 0.5em;
        position: relative;
        padding-left: 2em;
        font-size: 0.9em;
        font-weight: bold; }
        .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .first-answer:before, .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .second-answer:before {
          position: absolute;
          width: 1.5em;
          left: 0;
          font-size: 1.3em; }
      .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .first-answer:before {
        color: #035496; }
      .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .second-answer:before {
        color: #888888; }
      .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .single-answer {
        width: 83.05085%;
        float: left;
        margin-right: 1.69492%;
        font-weight: bold;
        padding-top: 0.5em; }
      .breakpoint-palm-only .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto; }
        .breakpoint-palm-only .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div:after {
          content: " ";
          display: block;
          clear: both; }
        .breakpoint-palm-only .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .question-text {
          width: 64.28571%;
          float: left;
          margin-right: 7.14286%; }
        .breakpoint-palm-only .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .edit-answer {
          text-align: center;
          padding: 0.5em 0;
          font-size: 1em;
          width: 21.05263%;
          float: right;
          margin-right: 0; }
        .breakpoint-palm-only .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .first-answer, .breakpoint-palm-only .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .second-answer {
          width: 40.67797%;
          float: left;
          margin-right: 1.69492%; }
      .breakpoint-tablet-up .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div {
        font-size: 0.8em;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto; }
        .breakpoint-tablet-up .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div:after {
          content: " ";
          display: block;
          clear: both; }
        .breakpoint-tablet-up .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .question-text {
          width: 73.68421%;
          float: left;
          margin-right: 5.26316%; }
        .breakpoint-tablet-up .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .edit-answer {
          text-align: center;
          padding: 0.5em 0;
          font-size: 1em;
          width: 13.7931%;
          float: right;
          margin-right: 0; }
        .breakpoint-tablet-up .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .first-answer, .breakpoint-tablet-up .my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .second-answer {
          width: 37.5%;
          float: left;
          margin-right: 4.16667%; }
    .my-enlistment-timeline .edit-questionnairre .edit-answer-list .finished-editing {
      display: block;
      width: 75%;
      font-size: 2em;
      margin: 0.5em auto;
      padding: 0.5em 0;
      text-align: center; }
      .breakpoint-tablet-up .my-enlistment-timeline .edit-questionnairre .edit-answer-list .finished-editing {
        font-size: 1.4em;
        width: 40%; }
.my-enlistment-timeline .questionnairre .question-header, .my-enlistment-timeline .edit-questionnairre .question-header {
  font-size: 0.75em;
  font-weight: 100;
  background-color: #035496;
  padding: .5em 0;
  text-align: center; }
  .breakpoint-large-desktop-only .my-enlistment-timeline .questionnairre .question-header, .breakpoint-large-desktop-only .my-enlistment-timeline .edit-questionnairre .question-header {
    font-size: 20px; }
  .my-enlistment-timeline .questionnairre .question-header .header__text, .my-enlistment-timeline .edit-questionnairre .question-header .header__text {
    margin: auto;
    padding-top: 0.5em;
    color: white;
    text-transform: uppercase;
    font-size: 1em; }
  .my-enlistment-timeline .questionnairre .question-header .bar, .my-enlistment-timeline .edit-questionnairre .question-header .bar {
    margin: 0.5em auto;
    width: 14.1em;
    border: 1px solid white;
    height: 0.5em;
    text-align: left;
    line-height: 0.3; }
    .my-enlistment-timeline .questionnairre .question-header .bar .completed, .my-enlistment-timeline .edit-questionnairre .question-header .bar .completed {
      height: 100%;
      background-color: white; }
.my-enlistment-timeline .questionnairre {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: auto;
  padding-bottom: 2em; }
  .my-enlistment-timeline .questionnairre:after {
    content: " ";
    display: block;
    clear: both; }
  .breakpoint-palm-only .my-enlistment-timeline .questionnairre, .breakpoint-tablet-up .my-enlistment-timeline .questionnairre {
    background: #FFFFFF; }
  .breakpoint-tablet-only .my-enlistment-timeline .questionnairre {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8em; }
    .breakpoint-tablet-only .my-enlistment-timeline .questionnairre:after {
      content: " ";
      display: block;
      clear: both; }
  .breakpoint-desktop-only .my-enlistment-timeline .questionnairre {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.6em; }
    .breakpoint-desktop-only .my-enlistment-timeline .questionnairre:after {
      content: " ";
      display: block;
      clear: both; }
  .breakpoint-large-desktop-only .my-enlistment-timeline .questionnairre {
    font-size: 50px; }
  .my-enlistment-timeline .questionnairre .spacing {
    position: relative; }
    .my-enlistment-timeline .questionnairre .spacing a.previous-question {
      position: absolute;
      z-index: 10;
      top: 50%;
      left: 1em; }
      .breakpoint-palm-only .my-enlistment-timeline .questionnairre .spacing a.previous-question {
        top: 25%; }
      .my-enlistment-timeline .questionnairre .spacing a.previous-question:before {
        font-size: 2em;
        color: #333; }
        .breakpoint-palm-only .my-enlistment-timeline .questionnairre .spacing a.previous-question:before {
          color: white; }
  .breakpoint-palm-only .my-enlistment-timeline .questionnairre .gray-box, .breakpoint-palm-only .my-enlistment-timeline .questionnairre .stem_interior .mos .mos-pane .mos-code, .stem_interior .mos .mos-pane .breakpoint-palm-only .my-enlistment-timeline .questionnairre .mos-code {
    display: block;
    background-image: linear-gradient(rgba(10, 10, 10, 0.8) 95%, transparent 0%); }
    .breakpoint-palm-only .my-enlistment-timeline .questionnairre .gray-box h2, .breakpoint-palm-only .my-enlistment-timeline .questionnairre .stem_interior .mos .mos-pane .mos-code h2, .stem_interior .mos .mos-pane .breakpoint-palm-only .my-enlistment-timeline .questionnairre .mos-code h2 {
      padding: 1em 1em 1.5em 1em;
      font-size: 1.1em;
      width: 70%;
      line-height: 1.3em;
      color: white; }
  .breakpoint-tablet-up .my-enlistment-timeline .questionnairre .gray-box, .breakpoint-tablet-up .my-enlistment-timeline .questionnairre .stem_interior .mos .mos-pane .mos-code, .stem_interior .mos .mos-pane .breakpoint-tablet-up .my-enlistment-timeline .questionnairre .mos-code {
    display: table;
    margin: auto;
    margin-top: 4.25em;
    height: 22em;
    width: 65%;
    font-size: 0.65em;
    padding: 1em;
    line-height: 1.2; }
    .breakpoint-tablet-up .my-enlistment-timeline .questionnairre .gray-box .question, .breakpoint-tablet-up .my-enlistment-timeline .questionnairre .stem_interior .mos .mos-pane .mos-code .question, .stem_interior .mos .mos-pane .breakpoint-tablet-up .my-enlistment-timeline .questionnairre .mos-code .question {
      color: white; }
  .my-enlistment-timeline .questionnairre .question {
    text-align: center;
    margin: 0 auto;
    color: black; }
    .breakpoint-palm-only .my-enlistment-timeline .questionnairre .question {
      font-size: 1.5em;
      padding: 1em 0;
      padding-top: 90px; }
    .breakpoint-tablet-up .my-enlistment-timeline .questionnairre .question {
      font-size: 2em;
      display: table-cell;
      vertical-align: middle; }
  .my-enlistment-timeline .questionnairre .form-errors {
    margin: auto;
    width: 80%;
    text-align: center;
    margin-bottom: 1em; }
.my-enlistment-timeline .selection-statement {
  margin: 1.8em 0 0.9em 0;
  line-height: 1.5;
  min-height: 1.8em; }
  .breakpoint-palm-only .my-enlistment-timeline .selection-statement {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto; }
    .breakpoint-palm-only .my-enlistment-timeline .selection-statement:after {
      content: " ";
      display: block;
      clear: both; }
  .breakpoint-tablet-up .my-enlistment-timeline .selection-statement {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .breakpoint-tablet-up .my-enlistment-timeline .selection-statement:after {
      content: " ";
      display: block;
      clear: both; }
    .breakpoint-tablet-up .my-enlistment-timeline .selection-statement:after {
      clear: both;
      width: 100%; }
  .my-enlistment-timeline .selection-statement span {
    width: 58.33333%;
    float: left;
    margin-right: 4.16667%;
    display: block;
    font-size: 0.85em;
    margin: 0.5em 0; }
    .breakpoint-tablet-up .my-enlistment-timeline .selection-statement span {
      width: 64.28571%;
      float: left;
      margin-right: 7.14286%; }
  .my-enlistment-timeline .selection-statement a.answer-reset {
    width: 28.57143%;
    float: right;
    margin-right: 0;
    background-color: #AAAAAA;
    font-size: 0.65em;
    padding: 0.5em 0em;
    text-align: center; }
    .my-enlistment-timeline .selection-statement a.answer-reset:before {
      margin-right: 0.25em; }
.breakpoint-tablet-up .my-enlistment-timeline .timeline-answers {
  width: 100%;
  -webkit-overflow-scroll: touch; }
.my-enlistment-timeline .timeline-answers .answer-wrapper {
  position: relative;
  border-radius: 0.2em; }
  .breakpoint-palm-only .my-enlistment-timeline .timeline-answers .answer-wrapper {
    width: 70%;
    margin: 0 auto; }
  .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option {
    display: table;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 1em;
    color: #035496;
    border: 0.15em solid #035496;
    border-radius: 0.2em;
    text-align: center; }
    .breakpoint-palm-only .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option {
      width: 100%;
      font-size: 1em;
      padding: 0.6em 0; }
    .breakpoint-tablet-up .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option {
      width: 100%;
      font-size: 0.75em;
      padding: 0.75em 0; }
    .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option__text {
      font-size: 1.5em;
      display: table-cell;
      vertical-align: middle;
      line-height: normal; }
    .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option.first, .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option.second, .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option.selected {
      position: relative;
      background-color: #035496;
      color: white; }
    .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option:before {
      position: absolute;
      padding: 0.4em;
      left: -2em;
      top: 0em;
      font-size: 1.25em; }
    .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option.first {
      border: 0.15em solid #035496; }
      .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option.first:before {
        color: #035496; }
    .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option.second {
      border: 0.15em solid #888;
      background-color: #888; }
      .my-enlistment-timeline .timeline-answers .answer-wrapper .answer-option.second:before {
        color: #888; }
  .my-enlistment-timeline .timeline-answers .answer-wrapper .modal-link {
    color: #035496;
    position: absolute;
    right: -2em;
    top: 0.6em;
    border: 0.15em solid #035496;
    padding: 0.20em 0.25em;
    height: 1.5em;
    border-radius: 50%;
    width: 1.5em;
    text-align: center;
    font-size: 0.75em; }
.breakpoint-palm-only .my-enlistment-timeline #other-career-fields {
  width: 70%;
  margin: 0 auto; }
.my-enlistment-timeline .see-all-career-fields {
  font-size: 0.7em;
  padding: 1em; }
.my-enlistment-timeline .post-question-note p {
  margin: 0 auto; }
  .breakpoint-palm-only .my-enlistment-timeline .post-question-note p {
    width: 70%;
    font-size: 1em;
    padding: 0.6em 0; }
  .breakpoint-tablet-up .my-enlistment-timeline .post-question-note p {
    width: 55%;
    font-size: 0.75em;
    padding: 0.5em 0; }
.my-enlistment-timeline .fake-timeline {
  border: 1px solid #023A60; }
  .my-enlistment-timeline .fake-timeline .timeline-chunk {
    display: inline-block;
    font-size: 0.3em;
    margin: 0.2em; }
.my-enlistment-timeline .steps .step-header {
  font-size: 20px;
  font-weight: 100;
  position: fixed;
  z-index: 2;
  top: 65;
  left: 0;
  right: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-overflow-scroll: touch;
  color: white;
  background-color: rgba(10, 10, 10, 0.8);
  width: 100%;
  text-align: center; }
  .breakpoint-tablet-up .my-enlistment-timeline .steps .step-header {
    height: auto !important; }
  .my-enlistment-timeline .steps .step-header .step-title {
    width: 66.66667%;
    float: left;
    display: block; }
    .my-enlistment-timeline .steps .step-header .step-title h1 {
      margin: 1.5em 0 0.5em 0;
      font-size: 0.9em; }
    .my-enlistment-timeline .steps .step-header .step-title h3 {
      font-size: 0.75em; }
  .my-enlistment-timeline .steps .step-header .previous,
  .my-enlistment-timeline .steps .step-header .next {
    width: 16.66667%;
    float: left;
    color: white;
    display: block;
    vertical-align: top;
    font-size: 3em;
    height: 1.5em;
    line-height: 1.5em; }
    .my-enlistment-timeline .steps .step-header .previous:before, .my-enlistment-timeline .steps .step-header .previous:after,
    .my-enlistment-timeline .steps .step-header .next:before,
    .my-enlistment-timeline .steps .step-header .next:after {
      font-size: 0.75em; }
    .my-enlistment-timeline .steps .step-header .previous:hover:before,
    .my-enlistment-timeline .steps .step-header .next:hover:before {
      font-size: .85em; }
.my-enlistment-timeline .steps .step-faqs {
  padding-top: 90px; }
.my-enlistment-timeline .steps .section-head {
  margin-top: 1em;
  font-size: 1.1em;
  text-transform: uppercase; }
.my-enlistment-timeline .overview-wrapper {
  background: #FFFFFF; }
  .my-enlistment-timeline .overview-wrapper .dashboard {
    padding-top: 0; }
  .my-enlistment-timeline .overview-wrapper .timeline-overview-title {
    display: block;
    background-color: #035496;
    color: #FFFFFF;
    text-align: center;
    font-size: 0.5em;
    padding: 0.65em 0 0.5em 0; }
    .breakpoint-palm-only .my-enlistment-timeline .overview-wrapper .timeline-overview-title {
      font-size: 1em; }
    .breakpoint-large-desktop-only .my-enlistment-timeline .overview-wrapper .timeline-overview-title {
      font-size: 30px; }
  .my-enlistment-timeline .overview-wrapper .overview-summary {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    background-position: center;
    color: #FFFFFF; }
    .my-enlistment-timeline .overview-wrapper .overview-summary:after {
      content: " ";
      display: block;
      clear: both; }
    .breakpoint-palm-only .my-enlistment-timeline .overview-wrapper .overview-summary .overview-shadow {
      width: 100%;
      height: 100%;
      background: -moz-linear-gradient(top, transparent 20%, black 120%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(120%, black));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, transparent 20%, black 120%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, transparent 20%, black 120%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, transparent 20%, black 120%);
      /* IE10+ */
      background: linear-gradient(to bottom, transparent 20%, black 120%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ }
    .breakpoint-large-desktop-only .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-content-wrapper {
      font-size: 60px; }
    .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-header {
      text-align: center;
      font-size: 1.1em;
      padding: 1em 0 0.5em 0;
      text-shadow: 0px 0px 0.25em #000; }
      .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-header {
        text-align: left;
        font-size: .55em;
        padding-left: 1.5em; }
    .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-career-category-wrapper .timeline-career-category {
      background: rgba(0, 0, 0, 0.6);
      padding: 2em 1em;
      text-align: center; }
      .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-career-category-wrapper .timeline-career-category span {
        display: block;
        font-size: 1.1em;
        text-transform: none;
        margin-bottom: 0.7em; }
        .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-career-category-wrapper .timeline-career-category span {
          margin-top: 1em; }
      .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-career-category-wrapper .timeline-career-category h2 {
        font-size: 1.5em; }
        .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-career-category-wrapper .timeline-career-category h2 {
          font-size: 1.75em; }
      .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-career-category-wrapper .timeline-career-category {
        text-align: left;
        padding: 2em 3em 1em 3em; }
    .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-career-category-wrapper .timeline-career-summary {
      text-transform: none;
      padding: 1.5em;
      line-height: 1.2;
      font-size: 1em; }
      .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-career-category-wrapper .timeline-career-summary {
        background: rgba(0, 0, 0, 0.6);
        padding: 0em 3em 3em 3em; }
    .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .overview-summary .timeline-career-category-wrapper {
      width: 50%;
      float: left;
      font-size: 0.3em;
      text-align: left; }
    .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .overview-summary {
      padding-bottom: 1em; }
  .my-enlistment-timeline .overview-wrapper .timeline-details-button-wrapper-top {
    display: none; }
    .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .timeline-details-button-wrapper-top {
      display: block;
      width: 50%;
      float: left;
      float: right;
      margin-right: 0;
      text-align: center; }
      .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .timeline-details-button-wrapper-top .see-the-details-top {
        margin: 2.9em 0 0.75em 0;
        padding: 0 1em;
        height: 2em;
        line-height: 2.2em;
        font-size: 0.5em; }
    .my-enlistment-timeline .overview-wrapper .timeline-details-button-wrapper-top .create-timeline {
      color: #fff;
      font-size: 0.3em;
      text-transform: none;
      display: block;
      margin: 0 auto;
      text-align: center;
      text-decoration: underline; }
  .my-enlistment-timeline .overview-wrapper .timeline-details-button-wrapper-bottom {
    display: block;
    padding: 0 0 1.5em 0; }
    .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .timeline-details-button-wrapper-bottom {
      display: none; }
    .my-enlistment-timeline .overview-wrapper .timeline-details-button-wrapper-bottom .create-timeline {
      color: #333;
      display: block;
      margin: 0 auto;
      text-align: center;
      text-decoration: underline; }
  .my-enlistment-timeline .overview-wrapper .timeline-steps {
    padding: 2em 1em; }
    .my-enlistment-timeline .overview-wrapper .timeline-steps ol {
      list-style-type: none;
      counter-reset: ol-counter;
      margin: 1.8em 0 0 2.1em;
      font-size: 1em;
      text-transform: uppercase; }
    .my-enlistment-timeline .overview-wrapper .timeline-steps ol > li {
      position: relative;
      margin-bottom: 1.1em; }
    .my-enlistment-timeline .overview-wrapper .timeline-steps ol > li:before {
      content: counter(ol-counter);
      counter-increment: ol-counter;
      position: absolute;
      left: -1.55em;
      top: -0.25em;
      margin: 0 0 0 0;
      padding: 0.25em 0.3em 0.1em;
      background-color: #222;
      color: #FFFFFF; }
    .my-enlistment-timeline .overview-wrapper .timeline-steps a {
      color: #222; }
      .my-enlistment-timeline .overview-wrapper .timeline-steps a:hover {
        text-decoration: underline; }
    .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .timeline-steps {
      display: none; }
  .my-enlistment-timeline .overview-wrapper .timeline-graph {
    background: #222;
    color: #FFFFFF;
    padding: 1em; }
  .my-enlistment-timeline .overview-wrapper .see-the-details-bottom {
    width: 80%;
    margin: 0 auto;
    display: block;
    height: 2em;
    line-height: 2em;
    font-size: 1.3em;
    text-align: center; }
    .breakpoint-tablet-up .my-enlistment-timeline .overview-wrapper .see-the-details-bottom {
      display: none; }

body.my-enlistment-timeline .flow-divider {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 1.6em 3em 2.5em 3em;
  color: white;
  text-align: center; }
  body.my-enlistment-timeline .flow-divider:after {
    content: " ";
    display: block;
    clear: both; }
  .breakpoint-tablet-only body.my-enlistment-timeline .flow-divider {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 2em 10%;
    font-size: 0.75em; }
    .breakpoint-tablet-only body.my-enlistment-timeline .flow-divider:after {
      content: " ";
      display: block;
      clear: both; }
  .breakpoint-desktop-only body.my-enlistment-timeline .flow-divider {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 4em 20%;
    font-size: 0.5em; }
    .breakpoint-desktop-only body.my-enlistment-timeline .flow-divider:after {
      content: " ";
      display: block;
      clear: both; }
  .breakpoint-large-desktop-only body.my-enlistment-timeline .flow-divider {
    font-size: 70px; }
  .breakpoint-palm-only body.my-enlistment-timeline .flow-divider {
    padding: 2.5em 1em;
    font-size: 1.2em; }
  body.my-enlistment-timeline .flow-divider .flow-number {
    display: inline-block;
    border: 1px solid white;
    padding: 0.5em 0.5em 0em 0.5em;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    margin-bottom: 1.5em;
    text-shadow: 0 0 0.2em #000; }
    .breakpoint-palm-only body.my-enlistment-timeline .flow-divider .flow-number {
      font-size: 1.5em; }
  body.my-enlistment-timeline .flow-divider p {
    line-height: 1.3;
    text-transform: none; }
    .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider p {
      margin: 0 4.5em; }
    .breakpoint-phone body.my-enlistment-timeline .flow-divider p {
      margin: 0 1.5em; }
  body.my-enlistment-timeline .flow-divider p.congrats {
    padding-bottom: 1em; }
  body.my-enlistment-timeline .flow-divider .smaller-text {
    font-size: .7em;
    text-shadow: 0 0 0.3em #000; }
    .breakpoint-palm-only body.my-enlistment-timeline .flow-divider .smaller-text {
      font-size: 1em;
      margin-bottom: 1em; }
  body.my-enlistment-timeline .flow-divider p.all-caps {
    font-size: 1.1em;
    text-transform: uppercase;
    text-shadow: 0 0 0.3em #000; }
    .breakpoint-large-desktop-only body.my-enlistment-timeline .flow-divider p.all-caps {
      max-width: 500px;
      margin-right: auto;
      margin-left: auto; }
  body.my-enlistment-timeline .flow-divider a.ng-button, body.my-enlistment-timeline .flow-divider .info-box a.info-box__link, .info-box body.my-enlistment-timeline .flow-divider a.info-box__link, body.my-enlistment-timeline .flow-divider .downloadable-file a.downloadable-file__link, .downloadable-file body.my-enlistment-timeline .flow-divider a.downloadable-file__link, body.my-enlistment-timeline .flow-divider .promo-box-extra a.promo-box-extra__link, .promo-box-extra body.my-enlistment-timeline .flow-divider a.promo-box-extra__link, body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__info .info a.show-info, .get-started .get-started__content .get-started__info .info body.my-enlistment-timeline .flow-divider a.show-info,
  body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__question .info a.show-info,
  .get-started .get-started__content .get-started__question .info body.my-enlistment-timeline .flow-divider a.show-info, body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__info .get-started__edit a, .get-started .get-started__content .get-started__info .get-started__edit body.my-enlistment-timeline .flow-divider a,
  body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__question .get-started__edit a,
  .get-started .get-started__content .get-started__question .get-started__edit body.my-enlistment-timeline .flow-divider a, body.my-enlistment-timeline .flow-divider .get-started .get-started__content a.get-started__btn, .get-started .get-started__content body.my-enlistment-timeline .flow-divider a.get-started__btn, body.my-enlistment-timeline .flow-divider .get-started__buttons a.submission, .get-started__buttons body.my-enlistment-timeline .flow-divider a.submission, body.my-enlistment-timeline .flow-divider a.map-btn, body.my-enlistment-timeline .flow-divider .footer .footer__alternate a, .footer .footer__alternate body.my-enlistment-timeline .flow-divider a, body.my-enlistment-timeline .flow-divider .footer #footer-view-more .footer-primary-nav a, .footer #footer-view-more .footer-primary-nav body.my-enlistment-timeline .flow-divider a, body.my-enlistment-timeline .flow-divider .calculator a.submission, .calculator body.my-enlistment-timeline .flow-divider a.submission, body.my-enlistment-timeline .flow-divider .calculator .fitness-list .fitness-list__btn a, .calculator .fitness-list .fitness-list__btn body.my-enlistment-timeline .flow-divider a, body.my-enlistment-timeline .flow-divider #app-tech-support .ts__inputs a.submission, #app-tech-support .ts__inputs body.my-enlistment-timeline .flow-divider a.submission, body.my-enlistment-timeline .flow-divider #stem-signup-results a.submission, #stem-signup-results body.my-enlistment-timeline .flow-divider a.submission, body.my-enlistment-timeline .flow-divider #app-state-education-contact-results a.submission, #app-state-education-contact-results body.my-enlistment-timeline .flow-divider a.submission, body.my-enlistment-timeline .flow-divider .stem-home #stem-signup a.submission, .stem-home #stem-signup body.my-enlistment-timeline .flow-divider a.submission, .breakpoint-palm-only body.my-enlistment-timeline .flow-divider .edit-questionnairre .edit-answer-list > div a.edit-answer, .breakpoint-palm-only body.my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .flow-divider a.edit-answer, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .edit-questionnairre .edit-answer-list > div a.edit-answer, .breakpoint-tablet-up body.my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .flow-divider a.edit-answer, body.my-enlistment-timeline .flow-divider .edit-questionnairre .edit-answer-list a.finished-editing, body.my-enlistment-timeline .edit-questionnairre .edit-answer-list .flow-divider a.finished-editing, body.my-enlistment-timeline .flow-divider .selection-statement a.answer-reset, body.my-enlistment-timeline .selection-statement .flow-divider a.answer-reset, body.my-enlistment-timeline .flow-divider a.see-all-career-fields, body.my-enlistment-timeline .flow-divider a.build-timeline, body.my-enlistment-timeline .flow-divider main.dashboard header a, body.my-enlistment-timeline main.dashboard header .flow-divider a, body.my-enlistment-timeline .flow-divider a.ng-statepage__component__content-link, body.my-enlistment-timeline .flow-divider a.ng-downloads__item-link, body.my-enlistment-timeline .flow-divider a.pagination__control, body.my-enlistment-timeline .flow-divider a.ng-downloads__entry-link {
    font-size: 0.8em;
    margin: 1.5em 0 2em 0;
    padding: 1em 0em;
    width: 80%; }
    .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.ng-button, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .info-box a.info-box__link, .info-box .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.info-box__link, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .downloadable-file a.downloadable-file__link, .downloadable-file .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.downloadable-file__link, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .promo-box-extra a.promo-box-extra__link, .promo-box-extra .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.promo-box-extra__link, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__info .info a.show-info, .get-started .get-started__content .get-started__info .info .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.show-info,
    .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__question .info a.show-info,
    .get-started .get-started__content .get-started__question .info .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.show-info, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__info .get-started__edit a, .get-started .get-started__content .get-started__info .get-started__edit .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a,
    .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .get-started .get-started__content .get-started__question .get-started__edit a,
    .get-started .get-started__content .get-started__question .get-started__edit .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .get-started .get-started__content a.get-started__btn, .get-started .get-started__content .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.get-started__btn, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .get-started__buttons a.submission, .get-started__buttons .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.submission, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.map-btn, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .footer .footer__alternate a, .footer .footer__alternate .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .footer #footer-view-more .footer-primary-nav a, .footer #footer-view-more .footer-primary-nav .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .calculator a.submission, .calculator .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.submission, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .calculator .fitness-list .fitness-list__btn a, .calculator .fitness-list .fitness-list__btn .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider #app-tech-support .ts__inputs a.submission, #app-tech-support .ts__inputs .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.submission, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider #stem-signup-results a.submission, #stem-signup-results .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.submission, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider #app-state-education-contact-results a.submission, #app-state-education-contact-results .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.submission, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .stem-home #stem-signup a.submission, .stem-home #stem-signup .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.submission, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .edit-questionnairre .edit-answer-list > div a.edit-answer, .breakpoint-tablet-up body.my-enlistment-timeline .edit-questionnairre .edit-answer-list > div .flow-divider a.edit-answer, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .edit-questionnairre .edit-answer-list a.finished-editing, .breakpoint-tablet-up body.my-enlistment-timeline .edit-questionnairre .edit-answer-list .flow-divider a.finished-editing, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider .selection-statement a.answer-reset, .breakpoint-tablet-up body.my-enlistment-timeline .selection-statement .flow-divider a.answer-reset, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.see-all-career-fields, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.build-timeline, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider main.dashboard header a, .breakpoint-tablet-up body.my-enlistment-timeline main.dashboard header .flow-divider a, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.ng-statepage__component__content-link, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.ng-downloads__item-link, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.pagination__control, .breakpoint-tablet-up body.my-enlistment-timeline .flow-divider a.ng-downloads__entry-link {
      width: 60%; }

.my-enlistment-timeline .timeline-tagged:before {
  position: absolute;
  top: 1em;
  left: 1em;
  color: white;
  font-size: 0.5em;
  text-shadow: 0 0 0.2em #000;
  content: 'My Enlistment Timeline';
  text-transform: uppercase; }
  .breakpoint-palm-only .my-enlistment-timeline .timeline-tagged:before {
    font-size: 1em;
    top: 0.5em; }
  .breakpoint-large-desktop-only .my-enlistment-timeline .timeline-tagged:before {
    font-size: 30px; }
.my-enlistment-timeline .timeline-splash {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #AAAAAA;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .my-enlistment-timeline .timeline-splash:after {
    content: " ";
    display: block;
    clear: both; }
  .my-enlistment-timeline .timeline-splash .shadow-wrapper {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: .5em 1em 2.5em 1em;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(40%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, transparent 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 40%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */ }
    .my-enlistment-timeline .timeline-splash .shadow-wrapper:after {
      content: " ";
      display: block;
      clear: both; }
  .breakpoint-large-desktop-only .my-enlistment-timeline .timeline-splash .timeline-splash-content-wrapper {
    font-size: 55px; }
  .my-enlistment-timeline .timeline-splash .account-actions {
    float: right;
    font-size: 0.3em; }
    .my-enlistment-timeline .timeline-splash .account-actions a {
      color: #FFFFFF;
      position: fixed;
      top: 68px;
      right: 15px;
      display: block;
      background-color: transparent;
      border: 1px solid #fff;
      padding: 14px;
      font-size: 13px;
      width: 120px;
      text-align: center;
      text-decoration: none; }
      .my-enlistment-timeline .timeline-splash .account-actions a:hover {
        border: 1px solid #035496;
        background: #035496; }
    .breakpoint-palm-only .my-enlistment-timeline .timeline-splash .account-actions {
      display: none; }
  .my-enlistment-timeline .timeline-splash h1, .my-enlistment-timeline .timeline-splash h3 {
    color: #FFFFFF;
    margin-bottom: 0.1em;
    text-shadow: 0 0 0.25em #000; }
  .my-enlistment-timeline .timeline-splash h1 {
    font-size: 1.3em;
    margin-top: 1em; }
  .my-enlistment-timeline .timeline-splash h3 {
    font-size: 0.65em; }
  .breakpoint-palm-only .my-enlistment-timeline .timeline-splash h1 {
    display: block;
    font-size: 3em;
    text-align: center;
    margin-bottom: 0.7em; }
  .breakpoint-palm-only .my-enlistment-timeline .timeline-splash h3 {
    display: block;
    text-align: center;
    font-size: 0.8em; }
  .breakpoint-tablet-up .my-enlistment-timeline .timeline-splash h1, .breakpoint-tablet-up .my-enlistment-timeline .timeline-splash h3 {
    width: 73.68421%;
    float: left;
    margin-right: 5.26316%; }
  .my-enlistment-timeline .timeline-splash .how-it-works {
    color: white;
    font-size: 0.5em;
    margin-top: 4em;
    text-shadow: 0 0 0.2em #000; }
    .my-enlistment-timeline .timeline-splash .how-it-works strong {
      display: block;
      font-weight: normal;
      text-align: center;
      margin-bottom: 1em; }
      .breakpoint-palm-only .my-enlistment-timeline .timeline-splash .how-it-works strong {
        font-size: 2em; }
    .my-enlistment-timeline .timeline-splash .how-it-works ol {
      display: table;
      counter-reset: how-to-counter; }
      .my-enlistment-timeline .timeline-splash .how-it-works ol li {
        text-transform: capitalize;
        list-style: none;
        display: table-cell;
        width: 33%;
        padding: 0.5em;
        text-align: center; }
        .my-enlistment-timeline .timeline-splash .how-it-works ol li span {
          display: block;
          margin-top: 0.5em;
          font-size: .6em;
          text-transform: none; }
          .breakpoint-palm-only .my-enlistment-timeline .timeline-splash .how-it-works ol li span {
            font-size: 1em; }
        .my-enlistment-timeline .timeline-splash .how-it-works ol li:before {
          display: inline-block;
          border: 1px solid white;
          border-radius: 50%;
          width: 3em;
          height: 3em;
          padding-top: 0.9em;
          margin-bottom: 0.3em;
          content: counter(how-to-counter);
          counter-increment: how-to-counter; }
          .breakpoint-tablet-up .my-enlistment-timeline .timeline-splash .how-it-works ol li:before {
            width: 2em;
            height: 2em;
            padding-top: 0.55em; }
    .breakpoint-palm-only .my-enlistment-timeline .timeline-splash .how-it-works {
      font-size: 0.7em; }
    .breakpoint-tablet-up .my-enlistment-timeline .timeline-splash .how-it-works {
      width: 58.33333%;
      float: left;
      margin-right: 4.16667%;
      margin-top: 4em; }
.my-enlistment-timeline a.build-timeline {
  font-size: 0.4em;
  text-align: center;
  line-height: 2.5em;
  margin: 1em auto 0 auto; }
  .breakpoint-palm-only .my-enlistment-timeline a.build-timeline {
    display: block;
    width: 80%;
    font-size: 1em; }
  .breakpoint-tablet-up .my-enlistment-timeline a.build-timeline {
    width: 28.57143%;
    float: right;
    margin-right: 0;
    margin-right: 2em;
    margin-top: 5.5em; }
.my-enlistment-timeline .palm-only {
  text-align: center;
  font-size: 0.85em; }
  .my-enlistment-timeline .palm-only .or-div, .my-enlistment-timeline .palm-only .modal-link {
    color: #FFFFFF;
    padding: 1em 0; }
  .my-enlistment-timeline .palm-only .modal-link {
    text-decoration: underline; }
  .breakpoint-tablet-up .my-enlistment-timeline .palm-only {
    display: none; }
.my-enlistment-timeline .overview-summary .account-menu {
  font-size: 0.5em; }
.my-enlistment-timeline .account-menu {
  position: absolute;
  font-size: 0.6em;
  color: white;
  top: 0.5em;
  text-align: right;
  right: 1em;
  font-family: sans-serif;
  text-transform: none; }
  .breakpoint-palm-only .my-enlistment-timeline .account-menu {
    font-size: 1.4em;
    right: 1em; }
  .my-enlistment-timeline .account-menu span {
    display: inline-block;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-shadow: 0 0 0.2em #000; }
    .my-enlistment-timeline .account-menu span.smaller {
      font-size: 0.6em; }
  .my-enlistment-timeline .account-menu nav {
    position: absolute;
    top: 1.25em;
    right: 0;
    background: #DEDEDE;
    display: block;
    transition-duration: 1s;
    opacity: 0;
    padding: 0.25em 0.5em; }
    .my-enlistment-timeline .account-menu nav a.mgt-dropdown-link {
      display: block !important;
      width: 100% !important;
      background: none !important;
      color: #035496 !important;
      float: none !important;
      text-transform: none !important;
      font-size: 0.5em;
      margin: 0.5em 0;
      white-space: nowrap;
      text-align: left !important; }
      .my-enlistment-timeline .account-menu nav a.mgt-dropdown-link:hover {
        background: #035496;
        color: white; }
  .my-enlistment-timeline .account-menu:hover nav {
    opacity: 1; }
.my-enlistment-timeline main.dashboard {
  position: relative; }
  .my-enlistment-timeline main.dashboard header {
    font-size: 0.75em;
    min-height: 8em;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 2em 10% 1em;
    background-size: cover;
    background-position: center; }
    .my-enlistment-timeline main.dashboard header:after {
      content: " ";
      display: block;
      clear: both; }
    .breakpoint-palm-only .my-enlistment-timeline main.dashboard header {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding: 3em 5% 1em; }
      .breakpoint-palm-only .my-enlistment-timeline main.dashboard header:after {
        content: " ";
        display: block;
        clear: both; }
    .breakpoint-large-desktop-only .my-enlistment-timeline main.dashboard header {
      font-size: 50px; }
    .my-enlistment-timeline main.dashboard header .mgt-header {
      width: 58.33333%;
      float: left;
      margin-right: 4.16667%;
      min-height: 2.5em;
      color: white; }
      .my-enlistment-timeline main.dashboard header .mgt-header span {
        margin-bottom: 0.25em;
        text-shadow: 0 0 0.2em #000; }
      .my-enlistment-timeline main.dashboard header .mgt-header p {
        font-size: 0.5em;
        line-height: 1.2;
        text-shadow: 0 0 0.2em #000; }
        .breakpoint-palm-only .my-enlistment-timeline main.dashboard header .mgt-header p {
          font-size: 0.75em; }
      .breakpoint-palm-only .my-enlistment-timeline main.dashboard header .mgt-header {
        width: 44.44444%;
        float: left;
        margin-right: 11.11111%;
        margin-bottom: 1.5em; }
    .my-enlistment-timeline main.dashboard header a {
      width: 28.57143%;
      float: right;
      margin-right: 0;
      font-size: 0.5em;
      padding: 0.6em 0;
      text-align: center; }
      .breakpoint-palm-only .my-enlistment-timeline main.dashboard header a {
        width: 44.44444%;
        float: left;
        margin-right: 11.11111%;
        float: right;
        margin-right: 0;
        font-size: 1em; }
  .my-enlistment-timeline main.dashboard .white-out {
    width: 100%;
    background: #FFFFFF;
    font-size: 0.5em;
    padding: 2em 0; }
    .breakpoint-palm-only .my-enlistment-timeline main.dashboard .white-out {
      padding: 2em 0 4em 0; }
    .breakpoint-large-desktop-only .my-enlistment-timeline main.dashboard .white-out {
      font-size: 30px; }
    .my-enlistment-timeline main.dashboard .white-out > span {
      display: block;
      text-align: center;
      margin-bottom: 1em; }
      .breakpoint-palm-only .my-enlistment-timeline main.dashboard .white-out > span {
        font-size: 2em; }
    .my-enlistment-timeline main.dashboard .white-out .timeline-actions {
      max-width: 80%;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      list-style: none; }
      .my-enlistment-timeline main.dashboard .white-out .timeline-actions:after {
        content: " ";
        display: block;
        clear: both; }
      .breakpoint-large-desktop-only .my-enlistment-timeline main.dashboard .white-out .timeline-actions {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto; }
        .breakpoint-large-desktop-only .my-enlistment-timeline main.dashboard .white-out .timeline-actions:after {
          content: " ";
          display: block;
          clear: both; }
      .my-enlistment-timeline main.dashboard .white-out .timeline-actions li {
        text-align: center; }
        .my-enlistment-timeline main.dashboard .white-out .timeline-actions li a[class^="icon"] {
          display: block;
          color: #222;
          font-size: 0.8em;
          margin-bottom: 0.5em; }
          .breakpoint-palm-only .my-enlistment-timeline main.dashboard .white-out .timeline-actions li a[class^="icon"] {
            margin-top: 1em;
            font-size: 1.8em; }
          .my-enlistment-timeline main.dashboard .white-out .timeline-actions li a[class^="icon"]:hover {
            color: #444; }
            .my-enlistment-timeline main.dashboard .white-out .timeline-actions li a[class^="icon"]:hover:before {
              background-color: #444; }
          .my-enlistment-timeline main.dashboard .white-out .timeline-actions li a[class^="icon"]:before {
            display: block;
            width: 35%;
            margin: 0 auto 0.35em auto;
            padding: 0.35em 0;
            font-size: 1.6em;
            background-color: black;
            color: white;
            border-radius: 0.1em;
            text-align: center; }
        .my-enlistment-timeline main.dashboard .white-out .timeline-actions li p {
          font-size: 0.5em; }
          .breakpoint-palm-only .my-enlistment-timeline main.dashboard .white-out .timeline-actions li p {
            font-size: 1em; }
        .breakpoint-palm-only .my-enlistment-timeline main.dashboard .white-out .timeline-actions li {
          width: 44.44444%;
          float: left;
          margin-right: 11.11111%; }
          .breakpoint-palm-only .my-enlistment-timeline main.dashboard .white-out .timeline-actions li:nth-child(2n) {
            width: 44.44444%;
            float: right;
            margin-right: 0; }
        .breakpoint-tablet-up .my-enlistment-timeline main.dashboard .white-out .timeline-actions li {
          width: 21.05263%;
          float: left;
          margin-right: 5.26316%; }
          .breakpoint-tablet-up .my-enlistment-timeline main.dashboard .white-out .timeline-actions li:nth-child(4n) {
            width: 21.05263%;
            float: right;
            margin-right: 0; }

.breakpoint-tablet-up .questionairre-wrapper {
  width: 100%;
  height: 100%;
  padding: 1.5em 0 2.5em 0; }
.questionairre-wrapper .questionnaire {
  margin-top: 3em; }
  .questionairre-wrapper .questionnaire header {
    background-color: #373737;
    text-align: center;
    height: 100%;
    position: relative; }
    .questionairre-wrapper .questionnaire header:before, .questionairre-wrapper .questionnaire header:after {
      position: absolute;
      top: 0;
      content: "";
      width: 100%;
      height: 100%;
      background-color: #373737; }
    .questionairre-wrapper .questionnaire header:before {
      left: -100%; }
    .questionairre-wrapper .questionnaire header:after {
      right: -100%; }
  .questionairre-wrapper .questionnaire__header {
    margin: auto;
    padding-top: 0.5em;
    color: white;
    text-transform: uppercase;
    font-size: 2em; }
  .questionairre-wrapper .questionnaire__timeline {
    margin: 0.75em auto;
    width: 95%;
    border: 1px solid white;
    height: 0.5em; }
    .questionairre-wrapper .questionnaire__timeline .completed {
      height: 100%;
      background-color: white; }
.questionairre-wrapper .question__header {
  text-align: center;
  font-size: 1.25em;
  margin: 0.75em auto; }
.questionairre-wrapper .question__reset {
  margin: auto;
  margin-bottom: 0.75em;
  display: block;
  background: transparent;
  border: none; }
.questionairre-wrapper .question__choice {
  display: table;
  cursor: pointer;
  margin: auto;
  margin-bottom: 1.5em;
  width: 80%;
  height: 5em;
  border: 0.25em solid #035496;
  border-radius: 0.5em;
  text-align: center; }
  .questionairre-wrapper .question__choice input {
    display: none; }
.questionairre-wrapper .question__text {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2em; }

.step-detail-wrapper {
  background: #FFFFFF; }
  .breakpoint-tablet-up .step-detail-wrapper {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .breakpoint-tablet-up .step-detail-wrapper:after {
      content: " ";
      display: block;
      clear: both; }
  .breakpoint-tablet-up .step-detail-wrapper .steps {
    padding-top: 1em; }
  .step-detail-wrapper .steps .close-step-header {
    transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    display: block;
    opacity: 0;
    z-index: 5;
    position: absolute;
    top: 45px;
    right: 10px;
    width: 1.5em;
    height: 1.5em;
    background-image: url(/images/cross.png);
    background-size: cover; }
  .step-detail-wrapper .steps .step-header {
    font-size: 1em;
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-overflow-scroll: touch;
    color: white;
    background-color: #373737;
    width: 100%;
    text-align: center;
    padding-top: 65px; }
    .breakpoint-palm-only .step-detail-wrapper .steps .step-header {
      padding-top: 40px;
      min-height: 123px;
      font-size: 16px; }
      .breakpoint-palm-only .step-detail-wrapper .steps .step-header.headroom {
        transition: all 200ms linear;
        -webkit-transition: all 200ms linear; }
      .breakpoint-palm-only .step-detail-wrapper .steps .step-header.headroom--pinned {
        padding-top: 40px;
        min-height: 123px; }
        .breakpoint-palm-only .step-detail-wrapper .steps .step-header.headroom--pinned .step-header__steps-list {
          top: 6em; }
        .breakpoint-palm-only .step-detail-wrapper .steps .step-header.headroom--pinned .close-step-header {
          top: 45px; }
      .breakpoint-palm-only .step-detail-wrapper .steps .step-header.headroom--unpinned {
        padding-top: 0px;
        min-height: 83px; }
        .breakpoint-palm-only .step-detail-wrapper .steps .step-header.headroom--unpinned .step-header__steps-list {
          top: 4em; }
        .breakpoint-palm-only .step-detail-wrapper .steps .step-header.headroom--unpinned .close-step-header {
          top: 15px; }
    .step-detail-wrapper .steps .step-header .step-header__steps-list {
      transition: all 200ms linear;
      -webkit-transition: all 200ms linear;
      display: none;
      overflow: hidden;
      opacity: 0;
      display: none;
      position: absolute;
      top: 6em;
      bottom: 3.3em;
      right: 0;
      left: 0;
      overflow: scroll; }
      .step-detail-wrapper .steps .step-header .step-header__steps-list ol {
        counter-reset: ol-counter;
        width: 15em;
        margin: 0 auto; }
        .step-detail-wrapper .steps .step-header .step-header__steps-list ol li {
          position: relative;
          padding-left: 2em;
          margin: 1em auto; }
          .step-detail-wrapper .steps .step-header .step-header__steps-list ol li a {
            color: #fff; }
          .step-detail-wrapper .steps .step-header .step-header__steps-list ol li p {
            text-align: left; }
      .step-detail-wrapper .steps .step-header .step-header__steps-list ol > li:before {
        content: counter(ol-counter);
        counter-increment: ol-counter;
        position: absolute;
        left: 0.35em;
        top: -0.25em;
        margin: 0 0 0 0;
        padding: 0.25em 0.3em 0.1em;
        background-color: #222;
        color: #FFFFFF; }
    .step-detail-wrapper .steps .step-header .d3-timeline-wrapper {
      background: none; }
      .step-detail-wrapper .steps .step-header .d3-timeline-wrapper #d3-timeline {
        width: 100%;
        max-width: none;
        font-size: 1em;
        overflow: hidden; }
    .step-detail-wrapper .steps .step-header .step-header-title {
      padding-bottom: 0.3em;
      position: relative;
      display: none; }
      .breakpoint-palm-only .step-detail-wrapper .steps .step-header .step-header-title {
        opacity: 0; }
      .step-detail-wrapper .steps .step-header .step-header-title .step-header-timeline-title, .step-detail-wrapper .steps .step-header .step-header-title .step-header-career-title {
        display: block;
        text-align: center;
        font-size: 1.1em;
        padding: 1em 0 0.2em 0; }
        .breakpoint-tablet-up .step-detail-wrapper .steps .step-header .step-header-title .step-header-timeline-title, .breakpoint-tablet-up .step-detail-wrapper .steps .step-header .step-header-title .step-header-career-title {
          text-align: left;
          font-size: .55em;
          padding-left: 1.5em; }
        .breakpoint-large-desktop-only .step-detail-wrapper .steps .step-header .step-header-title .step-header-timeline-title, .breakpoint-large-desktop-only .step-detail-wrapper .steps .step-header .step-header-title .step-header-career-title {
          padding-left: 0; }
      .step-detail-wrapper .steps .step-header .step-header-title .step-header-career-title {
        padding-top: 0; }
        .breakpoint-tablet-only .step-detail-wrapper .steps .step-header .step-header-title .step-header-career-title {
          width: 70%;
          margin: 0 auto; }
    .step-detail-wrapper .steps .step-header .step-title {
      width: 66.66667%;
      float: left;
      display: block; }
      .step-detail-wrapper .steps .step-header .step-title h1 {
        margin: 0.9em 0 0.2em 0;
        font-size: 0.8em; }
      .step-detail-wrapper .steps .step-header .step-title h3 {
        font-size: 0.5em; }
      .breakpoint-palm-only .step-detail-wrapper .steps .step-header .step-title {
        display: block; }
    .step-detail-wrapper .steps .step-header .step-controls {
      max-width: 95%;
      margin-left: auto;
      margin-right: auto;
      padding: 0.25em 0 0.5em 0;
      position: relative; }
      .step-detail-wrapper .steps .step-header .step-controls:after {
        content: " ";
        display: block;
        clear: both; }
      .breakpoint-palm-only .step-detail-wrapper .steps .step-header .step-controls {
        position: relative;
        background-color: #373737;
        bottom: 0;
        right: 0;
        left: 0;
        padding-bottom: 0.75em;
        padding-top: 0.5em; }
      .step-detail-wrapper .steps .step-header .step-controls .drawer-tab {
        width: 65%;
        margin: 0 auto;
        height: 2em;
        bottom: -0.5em;
        cursor: pointer;
        position: absolute;
        left: 0;
        right: 0; }
        .step-detail-wrapper .steps .step-header .step-controls .drawer-tab .toggle-drawer {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          width: 12em;
          display: block;
          color: #fff;
          font-size: 0.3em;
          height: 2.5em;
          background-color: #373737; }
          .step-detail-wrapper .steps .step-header .step-controls .drawer-tab .toggle-drawer:before {
            content: '';
            height: 2.5em;
            width: 2.5em;
            background-color: #373737;
            position: absolute;
            top: 0;
            left: -2.5em;
            transform: skewX(45deg);
            transform-origin: top;
            -webkit-transform: skewX(45deg);
            -webkit-transform-origin: 0 0;
            -ms-transform: skewX(45deg);
            -ms-transform-origin: 0 0; }
          .step-detail-wrapper .steps .step-header .step-controls .drawer-tab .toggle-drawer:after {
            content: '';
            height: 2.5em;
            width: 2.5em;
            background-color: #373737;
            position: absolute;
            top: 0;
            right: -2.5em;
            left: auto;
            transform: skewX(-45deg);
            transform-origin: top;
            -webkit-transform: skewX(-45deg);
            -webkit-transform-origin: 0 0;
            -ms-transform: skewX(-45deg);
            -ms-transform-origin: 0 0; }
      .step-detail-wrapper .steps .step-header .step-controls .previous,
      .step-detail-wrapper .steps .step-header .step-controls .next {
        width: 50%;
        float: left;
        color: white;
        display: block;
        vertical-align: top;
        font-size: 0.35em;
        height: 1.5em;
        line-height: 1.5em; }
        .step-detail-wrapper .steps .step-header .step-controls .previous:before, .step-detail-wrapper .steps .step-header .step-controls .previous:after,
        .step-detail-wrapper .steps .step-header .step-controls .next:before,
        .step-detail-wrapper .steps .step-header .step-controls .next:after {
          font-size: 1.85em;
          display: inline-block; }
        .breakpoint-palm-only .step-detail-wrapper .steps .step-header .step-controls .previous, .breakpoint-palm-only
        .step-detail-wrapper .steps .step-header .step-controls .next {
          width: 16.66667%;
          float: left; }
          .breakpoint-palm-only .step-detail-wrapper .steps .step-header .step-controls .previous:before, .breakpoint-palm-only .step-detail-wrapper .steps .step-header .step-controls .previous:after, .breakpoint-palm-only
          .step-detail-wrapper .steps .step-header .step-controls .next:before, .breakpoint-palm-only
          .step-detail-wrapper .steps .step-header .step-controls .next:after {
            font-size: 4em;
            padding-top: 0.4em;
            display: inline-block; }
        .step-detail-wrapper .steps .step-header .step-controls .previous span,
        .step-detail-wrapper .steps .step-header .step-controls .next span {
          display: inline-block;
          padding-top: 0.25em; }
          .breakpoint-palm-only .step-detail-wrapper .steps .step-header .step-controls .previous span, .breakpoint-palm-only
          .step-detail-wrapper .steps .step-header .step-controls .next span {
            display: none; }
      .step-detail-wrapper .steps .step-header .step-controls .previous {
        text-align: left; }
        .step-detail-wrapper .steps .step-header .step-controls .previous:before {
          float: left; }
      .step-detail-wrapper .steps .step-header .step-controls .next {
        float: right;
        margin-right: 0;
        text-align: right; }
        .step-detail-wrapper .steps .step-header .step-controls .next:before {
          float: right; }
    .step-detail-wrapper .steps .step-header .mini-timeline {
      width: 85%;
      margin: 0.25em auto 0 auto;
      height: 0.35em;
      font-size: 1em; }
      .step-detail-wrapper .steps .step-header .mini-timeline .timeline-segment {
        margin: 0;
        float: left;
        height: 100%;
        border-right: 1px solid #373737;
        background-color: #5f5f5f; }
        .step-detail-wrapper .steps .step-header .mini-timeline .timeline-segment:last-child {
          border-right: none; }
      .breakpoint-palm-only .step-detail-wrapper .steps .step-header .mini-timeline {
        height: 0.5em;
        margin: 0.75em auto 0 auto;
        width: 95%; }
    .step-detail-wrapper .steps .step-header.closed .step-header-title {
      display: none; }
    .step-detail-wrapper .steps .step-header.closed #divTest {
      display: none; }
    .step-detail-wrapper .steps .step-header.closed .step-controls {
      padding-bottom: 0.4em; }
      .step-detail-wrapper .steps .step-header.closed .step-controls .mini-timeline {
        display: block; }
      .step-detail-wrapper .steps .step-header.closed .step-controls .step-title {
        width: 75%;
        float: left;
        display: block;
        text-align: center;
        font-size: 0.55em;
        padding-top: 0.35em; }
        .step-detail-wrapper .steps .step-header.closed .step-controls .step-title h1, .step-detail-wrapper .steps .step-header.closed .step-controls .step-title h3 {
          display: inline-block;
          margin-top: 0.3em; }
          .breakpoint-palm-only .step-detail-wrapper .steps .step-header.closed .step-controls .step-title h1, .breakpoint-palm-only .step-detail-wrapper .steps .step-header.closed .step-controls .step-title h3 {
            display: block; }
        .step-detail-wrapper .steps .step-header.closed .step-controls .step-title h1 {
          padding-right: 1em;
          margin-right: 1em;
          border-right: 1px solid white; }
          .breakpoint-palm-only .step-detail-wrapper .steps .step-header.closed .step-controls .step-title h1 {
            margin-right: 0;
            padding-right: 0;
            border: none;
            padding-top: 0.3em; }
      .step-detail-wrapper .steps .step-header.closed .step-controls .previous, .step-detail-wrapper .steps .step-header.closed .step-controls .next {
        width: 12.5%;
        float: left;
        padding-top: 0.5em;
        margin-top: -1.4em; }
        .step-detail-wrapper .steps .step-header.closed .step-controls .previous:before, .step-detail-wrapper .steps .step-header.closed .step-controls .previous:after, .step-detail-wrapper .steps .step-header.closed .step-controls .next:before, .step-detail-wrapper .steps .step-header.closed .step-controls .next:after {
          padding-top: 0.2em; }
          .breakpoint-palm-only .step-detail-wrapper .steps .step-header.closed .step-controls .previous:before, .breakpoint-palm-only .step-detail-wrapper .steps .step-header.closed .step-controls .previous:after, .breakpoint-palm-only .step-detail-wrapper .steps .step-header.closed .step-controls .next:before, .breakpoint-palm-only .step-detail-wrapper .steps .step-header.closed .step-controls .next:after {
            padding-top: 0.5em; }
        .step-detail-wrapper .steps .step-header.closed .step-controls .previous span, .step-detail-wrapper .steps .step-header.closed .step-controls .next span {
          display: none; }
        .breakpoint-palm-only .step-detail-wrapper .steps .step-header.closed .step-controls .previous, .breakpoint-palm-only .step-detail-wrapper .steps .step-header.closed .step-controls .next {
          margin-top: 0; }
      .breakpoint-palm-only .step-detail-wrapper .steps .step-header.closed .step-controls {
        padding-bottom: 1em; }
        .breakpoint-palm-only .step-detail-wrapper .steps .step-header.closed .step-controls .step-title {
          padding-top: 0.5em;
          font-size: 1em;
          text-align: center; }
  .breakpoint-palm-only .step-detail-wrapper .steps .step-faqs {
    padding-top: 80px; }
  .step-detail-wrapper .steps .section-head {
    margin-top: 1em;
    font-size: 1.1em;
    text-transform: uppercase; }
  .step-detail-wrapper .step-headline {
    width: 90%;
    margin: 0 auto 1em auto;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; }
    .step-detail-wrapper .step-headline:after {
      content: " ";
      display: block;
      clear: both; }
    .breakpoint-palm-only .step-detail-wrapper .step-headline {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-top: 1.5em; }
      .breakpoint-palm-only .step-detail-wrapper .step-headline:after {
        content: " ";
        display: block;
        clear: both; }
    .step-detail-wrapper .step-headline h2 {
      font-weight: normal;
      font-size: 1.3em;
      line-height: 0.5;
      margin: 0 0 .3em 0;
      line-height: 1; }
      .breakpoint-tablet-up .step-detail-wrapper .step-headline h2 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; }
      .breakpoint-palm-only .step-detail-wrapper .step-headline h2 {
        display: none; }
    .breakpoint-large-desktop-only .step-detail-wrapper .step-headline {
      font-size: 50px; }
    .breakpoint-tablet-up .step-detail-wrapper .step-headline .headline-left {
      width: 59.09091%;
      float: left;
      margin-right: 2.27273%;
      font-size: .7428571em; }
    .step-detail-wrapper .step-headline .headline-left .step-number {
      line-height: 2.5em;
      display: block; }
      .breakpoint-tablet-up .step-detail-wrapper .step-headline .headline-left .step-number {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        font-size: 0.6em; }
      .breakpoint-palm-only .step-detail-wrapper .step-headline .headline-left .step-number {
        display: none; }
    .step-detail-wrapper .step-headline .headline-left .step-description {
      font-size: 1em;
      text-transform: uppercase; }
      .breakpoint-tablet-up .step-detail-wrapper .step-headline .headline-left .step-description {
        font-size: 0.75em;
        display: inline-block; }
      .breakpoint-palm-only .step-detail-wrapper .step-headline .headline-left .step-description {
        width: 85%;
        margin: 0 auto;
        display: block;
        text-align: center;
        line-height: 1.1em; }
    .breakpoint-tablet-up .step-detail-wrapper .step-headline .headline-right {
      width: 38.63636%;
      float: left;
      margin-right: 2.27273%;
      float: right;
      margin-right: 0;
      font-size: .2em; }
    .breakpoint-palm-only .step-detail-wrapper .step-headline .headline-right {
      display: none; }
    .step-detail-wrapper .step-headline .headline-right .timer {
      text-transform: uppercase;
      font-size: 2.7em;
      padding-top: 2em;
      text-align: right; }
      .step-detail-wrapper .step-headline .headline-right .timer:before {
        margin-right: .2em; }
  .step-detail-wrapper .what-it-is-wrapper {
    margin-bottom: 1.5em;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.9em; }
    .step-detail-wrapper .what-it-is-wrapper:after {
      content: " ";
      display: block;
      clear: both; }
    .breakpoint-palm-only .step-detail-wrapper .what-it-is-wrapper {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      font-size: 1em; }
      .breakpoint-palm-only .step-detail-wrapper .what-it-is-wrapper:after {
        content: " ";
        display: block;
        clear: both; }
    .step-detail-wrapper .what-it-is-wrapper .step-detail-media {
      height: 11.25em; }
      .breakpoint-tablet-up .step-detail-wrapper .what-it-is-wrapper .step-detail-media {
        width: 47.05882%;
        float: left;
        margin-right: 5.88235%;
        font-size: .4705882em; }
      .breakpoint-large-desktop-only .step-detail-wrapper .what-it-is-wrapper .step-detail-media {
        height: 9.25em !important; }
      .breakpoint-palm-only .step-detail-wrapper .what-it-is-wrapper .step-detail-media {
        margin-bottom: 1.5em; }
      .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-boundary._is-fullscreen {
        position: fixed;
        z-index: 22222;
        background: rgba(0, 0, 0, 0.75);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        font-size: 2em;
        opacity: 0; }
        .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-boundary._is-fullscreen .slider-content-wrapper {
          position: absolute;
          z-index: 22333;
          height: 11.25em;
          width: 90%;
          font-size: 0.9em;
          margin: auto;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          display: none; }
          .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-boundary._is-fullscreen .slider-content-wrapper .slider-content {
            height: 11.5em; }
          .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-boundary._is-fullscreen .slider-content-wrapper .slider-slide {
            height: 11.5em; }
          .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-boundary._is-fullscreen .slider-content-wrapper .control {
            font-size: 1.15em;
            top: 1.6em; }
          .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-boundary._is-fullscreen .slider-content-wrapper .close-slider {
            display: block;
            opacity: 0.7;
            cursor: pointer; }
            .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-boundary._is-fullscreen .slider-content-wrapper .close-slider:hover {
              opacity: 1; }
        .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-boundary._is-fullscreen .slider-content-wrapper {
          overflow: visible; }
        .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-boundary._is-fullscreen .slide-expand {
          cursor: default; }
      .step-detail-wrapper .what-it-is-wrapper .step-detail-media .control {
        position: absolute;
        top: 0.3em;
        z-index: 10;
        display: block;
        padding: 2em 0em;
        width: auto;
        height: auto;
        font-size: 1.5em;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: 600;
        opacity: 0.7;
        cursor: pointer; }
        .breakpoint-large-desktop-only .step-detail-wrapper .what-it-is-wrapper .step-detail-media .control {
          top: -0.2em; }
        .step-detail-wrapper .what-it-is-wrapper .step-detail-media .control:before {
          position: absolute;
          padding: 1em 0; }
      .step-detail-wrapper .what-it-is-wrapper .step-detail-media .control:hover {
        opacity: 1; }
      .step-detail-wrapper .what-it-is-wrapper .step-detail-media .control_prev {
        left: 0; }
        .step-detail-wrapper .what-it-is-wrapper .step-detail-media .control_prev:before {
          left: 0em;
          text-shadow: 0px 0px 5px black; }
      .step-detail-wrapper .what-it-is-wrapper .step-detail-media .control_next {
        right: 0; }
        .step-detail-wrapper .what-it-is-wrapper .step-detail-media .control_next:before {
          right: 0;
          text-shadow: 0px 0px 5px black; }
      .step-detail-wrapper .what-it-is-wrapper .step-detail-media .close-slider {
        position: absolute;
        z-index: 10;
        right: 0.2em;
        top: -1.1em;
        font-size: 1em;
        text-decoration: none;
        display: none; }
      .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper {
        position: relative; }
      .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper {
        width: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        position: relative;
        height: 11.25em; }
        .breakpoint-large-desktop-only .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content, .breakpoint-large-desktop-only .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper {
          height: 9.25em; }
        .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content .slider-container, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper .slider-container {
          position: absolute;
          margin: 0 0 0 -100%;
          padding: 0;
          list-style: none; }
        .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content .slider-slide, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper .slider-slide {
          width: 100%;
          position: relative;
          color: #FFFFFF;
          display: block;
          float: left;
          margin: 0;
          padding: 0;
          height: 11.25em;
          font-size: inherit;
          background-size: cover;
          background-position: center;
          text-align: center; }
          .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content .slider-slide .video-box, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper .slider-slide .video-box {
            margin-bottom: 0; }
            .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content .slider-slide .video-box .mejs-container, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper .slider-slide .video-box .mejs-container {
              height: 100%; }
              .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content .slider-slide .video-box .mejs-container .mejs-inner, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper .slider-slide .video-box .mejs-container .mejs-inner {
                height: 100%; }
                .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content .slider-slide .video-box .mejs-container .mejs-inner .mejs-layers, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper .slider-slide .video-box .mejs-container .mejs-inner .mejs-layers {
                  height: 100%;
                  margin-top: -1px; }
                  .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content .slider-slide .video-box .mejs-container .mejs-inner .mejs-layers .mejs-layer, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper .slider-slide .video-box .mejs-container .mejs-inner .mejs-layers .mejs-layer {
                    height: 100% !important;
                    width: 100%;
                    position: absolute; }
                    .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content .slider-slide .video-box .mejs-container .mejs-inner .mejs-layers .mejs-layer .mejs-overlay-button, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper .slider-slide .video-box .mejs-container .mejs-inner .mejs-layers .mejs-layer .mejs-overlay-button {
                      top: 0;
                      right: 0;
                      left: 0;
                      bottom: 0;
                      margin: auto !important; }
          .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content .slider-slide .slide-expand, .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content-wrapper .slider-slide .slide-expand {
            text-shadow: 0px 0px 5px #000;
            display: block;
            width: 100%;
            height: 100%;
            padding-top: 9.5em;
            text-decoration: none; }
      .step-detail-wrapper .what-it-is-wrapper .step-detail-media .slider-content {
        width: 99%; }
    .step-detail-wrapper .what-it-is-wrapper .what-it-is {
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
      font-size: 0.9em; }
      .step-detail-wrapper .what-it-is-wrapper .what-it-is:after {
        content: " ";
        display: block;
        clear: both; }
      .breakpoint-tablet-up .step-detail-wrapper .what-it-is-wrapper .what-it-is {
        width: 47.05882%;
        float: left;
        margin-right: 5.88235%;
        float: right;
        margin-right: 0;
        font-size: .4705882em; }
  .step-detail-wrapper .what-youll-do-wrapper {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-position: center, top;
    margin-bottom: 1.5em;
    color: #FFFFFF; }
    .step-detail-wrapper .what-youll-do-wrapper .what-youll-do {
      width: 50%;
      margin: 0 auto;
      padding: 2.5em;
      background: rgba(0, 0, 0, 0.5);
      font-size: 0.5em; }
      .breakpoint-palm-only .step-detail-wrapper .what-youll-do-wrapper .what-youll-do {
        width: 100%;
        font-size: 1em;
        padding: 2.5em 1.5em; }
      .breakpoint-large-desktop-only .step-detail-wrapper .what-youll-do-wrapper .what-youll-do {
        font-size: 30px;
        max-width: 600px; }
      .step-detail-wrapper .what-youll-do-wrapper .what-youll-do .what-youll-do-content {
        font-size: .7em;
        line-height: 1.3em; }
    .step-detail-wrapper .what-youll-do-wrapper h3 {
      text-align: center; }
      .breakpoint-palm-only .step-detail-wrapper .what-youll-do-wrapper h3 {
        text-align: left; }
  .step-detail-wrapper .bottom-row {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.5em;
    font-size: 0.9em; }
    .step-detail-wrapper .bottom-row:after {
      content: " ";
      display: block;
      clear: both; }
    .breakpoint-tablet-up .step-detail-wrapper .bottom-row .how-to-prepare {
      width: 47.05882%;
      float: left;
      margin-right: 5.88235%;
      font-size: .4705882em; }
    .breakpoint-palm-only .step-detail-wrapper .bottom-row .how-to-prepare {
      margin-bottom: 2em; }
    .step-detail-wrapper .bottom-row .how-to-prepare ol {
      list-style-type: none;
      counter-reset: ol-counter;
      margin: 1em 0 2em 2.5em;
      text-transform: capitalize;
      font-size: 1em; }
      .breakpoint-palm-only .step-detail-wrapper .bottom-row .how-to-prepare ol {
        display: none; }
    .step-detail-wrapper .bottom-row .how-to-prepare ol > li {
      line-height: 2em;
      position: relative; }
    .step-detail-wrapper .bottom-row .how-to-prepare ol > li:before {
      content: counter(ol-counter);
      counter-increment: ol-counter;
      position: absolute;
      left: -1em;
      top: 0;
      font-size: 1.8em;
      margin: 0 .5em 0 0; }
    .breakpoint-tablet-up .step-detail-wrapper .bottom-row .things-youll-need {
      width: 47.05882%;
      float: left;
      margin-right: 5.88235%;
      float: right;
      margin-right: 0;
      font-size: .4705882em; }
  .step-detail-wrapper .step-faqs a {
    color: #FFFFFF;
    text-decoration: underline; }
  .step-detail-wrapper .step-faqs ul {
    list-style-type: square;
    padding-left: 1em; }
    .step-detail-wrapper .step-faqs ul li {
      margin-bottom: .3em; }
  .step-detail-wrapper .step-faqs .step-detail-paragraph {
    font-size: .8em;
    line-height: 1.5em; }
  .step-detail-wrapper .step-faqs .section-head {
    font-size: 1.35em;
    margin: 0 0 .25em 0; }
    .breakpoint-palm-only .step-detail-wrapper .step-faqs .section-head {
      font-size: 1.1em; }

.timeline {
  background-color: #333; }
  .timeline .timespan, .timeline .timeline-span-step {
    cursor: pointer; }

.d3-timeline-wrapper {
  background: #333; }

#d3-timeline {
  display: block;
  position: relative; }

.chart-tooltips {
  position: absolute;
  width: 62.5%;
  left: 6.5em; }
  .breakpoint-large-desktop-only .chart-tooltips {
    width: 61%; }
  .breakpoint-palm-only .chart-tooltips {
    width: 100%;
    left: 0; }

.chart-tooltip {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0.7em 0.7em 0.85em 0.7em;
  position: absolute;
  z-index: 110;
  font-size: 1em;
  background-color: rgba(55, 55, 55, 0.95);
  color: #fff;
  display: none;
  text-align: left; }
  .breakpoint-palm-only .chart-tooltip {
    font-size: 2.6em;
    padding: 0.5em; }

.chart-tooltip-step, .chart-tooltip-description, .chart-tooltip-go {
  display: block;
  font-size: 0.4em;
  line-height: 1;
  margin-bottom: 0.5em; }

.chart-tooltip-description {
  font-size: 0.3em;
  text-transform: none;
  margin-top: 0.5em;
  width: 73%;
  display: inline-block;
  float: left; }

.chart-tooltip-title {
  font-size: 0.65em; }

.chart-tooltip-go {
  position: absolute;
  right: 1em;
  bottom: 0.5em;
  float: right;
  margin-top: 0.5em;
  padding: 0.7em 1.75em 0.6em 1.75em;
  background-color: #035496;
  border-radius: 0.2em;
  color: #fff;
  text-decoration: none !important; }

.close-tooltip {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  color: #fff;
  float: right;
  font-size: 0.8em;
  text-decoration: none !important; }

body.timeline-phase-2 {
  -webkit-overflow-scrolling: touch; }
  body.timeline-phase-2 .subject-matter {
    max-width: none; }
  body.timeline-phase-2 #career-fields {
    width: 100%;
    font-size: 1.15em;
    color: #333; }
  body.timeline-phase-2 .bounce-up {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease-in-out; }
  body.timeline-phase-2 .chosen-container-active .chosen-results {
    height: 15em !important;
    overflow: scroll;
    padding: 0.5em; }
  body.timeline-phase-2 .chosen-container {
    width: 100% !important;
    cursor: pointer; }
    body.timeline-phase-2 .chosen-container .chosen-single {
      display: block;
      padding: 0.5em;
      color: #fff;
      background: none;
      border: 0.15em solid #fff;
      position: relative; }
      body.timeline-phase-2 .chosen-container .chosen-single:after {
        display: block;
        position: absolute;
        right: 0.5em;
        top: 0;
        color: #fff;
        content: '\203A';
        font-size: 2em;
        transform: rotateZ(90deg);
        -webkit-transform: rotateZ(90deg); }
    body.timeline-phase-2 .chosen-container .chosen-search {
      display: none; }
    body.timeline-phase-2 .chosen-container .chosen-drop input {
      width: 100%;
      padding: 0.5em;
      background: none;
      border: 0.15em solid white; }
    body.timeline-phase-2 .chosen-container .chosen-results {
      text-transform: none;
      background-color: #fff;
      line-height: 1.5;
      font-size: 0.7em;
      height: 0;
      overflow: hidden; }
      body.timeline-phase-2 .chosen-container .chosen-results .active-result {
        padding: 0.5em;
        margin-bottom: 0.5em;
        border-bottom: 1px solid #ccc; }
  body.timeline-phase-2 .loading-animation {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 12000;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8); }
    body.timeline-phase-2 .loading-animation .loading-elements {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 5em;
      height: 5em; }
      .breakpoint-palm-only body.timeline-phase-2 .loading-animation .loading-elements {
        width: 10em;
        height: 10em; }
      body.timeline-phase-2 .loading-animation .loading-elements .ring-svg {
        width: 100%;
        height: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        z-index: 2; }
      body.timeline-phase-2 .loading-animation .loading-elements .flag-svg {
        width: 60%;
        left: 1em;
        top: 1.5em;
        height: auto;
        position: absolute;
        z-index: 3; }
        .breakpoint-palm-only body.timeline-phase-2 .loading-animation .loading-elements .flag-svg {
          left: 2em;
          top: 3em; }
  body.timeline-phase-2 .play-video {
    cursor: pointer; }
  body.timeline-phase-2 .timeline-video-content-wrapper {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 12000;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0; }
    body.timeline-phase-2 .timeline-video-content-wrapper .timeline-video-content {
      position: absolute;
      opacity: 0;
      display: none;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      margin: auto;
      width: 100%;
      max-width: 800px;
      background: #000; }
    body.timeline-phase-2 .timeline-video-content-wrapper .timeline-video-close {
      display: block;
      position: absolute;
      z-index: 100;
      width: 80px;
      height: 80px;
      background: url(../images/cross.png) no-repeat center center;
      background-size: 75%;
      top: 25px;
      right: 25px;
      cursor: pointer;
      transition: all 0.2s ease-out;
      -webkit-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out; }
      body.timeline-phase-2 .timeline-video-content-wrapper .timeline-video-close:hover {
        background-size: 82%; }
  body.timeline-phase-2 .scroll-down {
    display: none;
    width: 1.2em;
    height: 1.2em;
    background-color: #CB292A;
    color: white;
    text-align: center;
    cursor: pointer;
    padding-top: 0.05em;
    position: fixed;
    z-index: 2100;
    bottom: 0;
    left: 0;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -ms-transition: 0.2s all ease; }
    .breakpoint-tablet-only body.timeline-phase-2 .scroll-down {
      position: fixed; }
    body.timeline-phase-2 .scroll-down:before {
      font-size: 0.5em; }
    body.timeline-phase-2 .scroll-down:hover {
      -webkit-transform: scaleX(1.15) scaleY(1.15) !important;
      -ms-transform: scaleX(1.15) scaleY(1.15) !important;
      transform: scaleX(1.15) scaleY(1.15) !important; }
    .breakpoint-palm-only body.timeline-phase-2 .scroll-down {
      display: none !important; }
  body.timeline-phase-2 .video-wrapper {
    height: 15em;
    position: relative;
    overflow: hidden;
    background-size: cover; }
    .breakpoint-desktop-only body.timeline-phase-2 .video-wrapper {
      font-size: 50px; }
    body.timeline-phase-2 .video-wrapper .matrix {
      background: url(../images/matrix.png);
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 10; }
    body.timeline-phase-2 .video-wrapper .video-slide-content {
      position: absolute;
      right: 0;
      left: 0em;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 200;
      color: #fff;
      width: 70%;
      max-width: 900px;
      margin: 0 auto;
      text-transform: none; }
      .breakpoint-tablet-only body.timeline-phase-2 .video-wrapper .video-slide-content {
        left: -4em;
        width: 61%; }
      .breakpoint-palm-only body.timeline-phase-2 .video-wrapper .video-slide-content {
        left: 0;
        width: 90%; }
      body.timeline-phase-2 .video-wrapper .video-slide-content .video-slide-title {
        font-size: 1.2em;
        text-transform: none;
        margin-bottom: 1em; }
        .breakpoint-palm-only body.timeline-phase-2 .video-wrapper .video-slide-content .video-slide-title {
          font-size: 1em;
          text-transform: uppercase; }
      body.timeline-phase-2 .video-wrapper .video-slide-content .video-slide-description {
        font-size: 0.5em;
        line-height: 1.4; }
        .breakpoint-palm-only body.timeline-phase-2 .video-wrapper .video-slide-content .video-slide-description {
          font-size: 0.8em; }
    body.timeline-phase-2 .video-wrapper video.bkg-video {
      position: absolute;
      z-index: 0;
      left: -10%;
      bottom: 0;
      top: 0;
      min-width: 100%;
      width: 120%; }
    body.timeline-phase-2 .video-wrapper:after {
      display: block;
      position: absolute;
      z-index: 10;
      content: '';
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.7); }
  body.timeline-phase-2 .select2-drop {
    border-radius: 0;
    margin-top: -0.1em; }
    body.timeline-phase-2 .select2-drop .select2-results .select2-result {
      min-height: 2em;
      padding-top: 0.4em;
      font-size: 0.7em; }
      .breakpoint-palm-only body.timeline-phase-2 .select2-drop .select2-results .select2-result {
        min-height: 3.5em;
        padding-top: 1.1em; }
  body.timeline-phase-2 .subject-matter {
    width: 100%;
    -webkit-overflow-scrolling: touch; }
    .breakpoint-palm-only body.timeline-phase-2 .subject-matter {
      background-color: #ccc; }
  body.timeline-phase-2 footer {
    display: none; }
  body.timeline-phase-2 .timeline-intro {
    display: block;
    width: 100%;
    min-height: 8em;
    position: relative;
    background-image: url(../images/mgt/mgt-concrete.jpg);
    color: #FFFFFF;
    padding-top: 2em; }
    .breakpoint-palm-only body.timeline-phase-2 .timeline-intro {
      margin: 0;
      border-left: none; }
    body.timeline-phase-2 .timeline-intro:before {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: -0.01em;
      left: 0;
      content: '';
      background-color: black;
      opacity: 0.85; }
    body.timeline-phase-2 .timeline-intro .print-header-branding {
      display: none; }
    body.timeline-phase-2 .timeline-intro .timeline-slide {
      text-transform: none; }
      .breakpoint-desktop-only body.timeline-phase-2 .timeline-intro .timeline-slide, .breakpoint-large-desktop-only body.timeline-phase-2 .timeline-intro .timeline-slide {
        font-size: 46px; }
      .breakpoint-palm-only body.timeline-phase-2 .timeline-intro .timeline-slide {
        padding: 1.5em 0; }
      body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper {
        display: block;
        max-width: 1024px;
        margin: auto;
        position: relative; }
        body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper > svg {
          position: absolute;
          left: 0;
          bottom: 0; }
          .breakpoint-palm-only body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper > svg {
            display: none; }
        body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html {
          width: 66%;
          margin: 0 auto; }
          .breakpoint-palm-only body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.desktop-intro {
            width: 80%;
            padding-bottom: 0; }
          .breakpoint-tablet-only body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.desktop-intro {
            font-size: 1em; }
          body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro {
            width: 80%; }
            .breakpoint-tablet-up body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro {
              display: none; }
            body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .page-title {
              display: block;
              font-size: 3.5em; }
              body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .page-title .small-title {
                font-size: 0.5em;
                display: block; }
            body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .field-label {
              font-size: 1em;
              margin-bottom: 0.5em; }
            body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .chosen-container {
              background: none;
              color: #fff;
              border: 0.3em solid white;
              border-radius: 0;
              text-transform: uppercase; }
              body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .chosen-container .chosen-single {
                border: none;
                padding: 0; }
                body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .chosen-container .chosen-single:after {
                  top: -0.7em; }
                body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .chosen-container .chosen-single > div {
                  opacity: 0; }
              body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .chosen-container .chosen-drop .chosen-results {
                height: 20em; }
                body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .chosen-container .chosen-drop .chosen-results .active-result {
                  background: none;
                  color: #000;
                  font-size: 1.5em; }
            body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .mobile-intro-description {
              color: #fff;
              text-transform: none;
              line-height: 1.4;
              margin-top: 1.5em; }
            body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .mobile-start-timeline {
              display: block;
              background-color: #035496;
              color: #fff;
              border-radius: none;
              width: 100%;
              margin: 1.75em auto;
              padding: 1em;
              text-align: center;
              font-size: 1.5em;
              letter-spacing: 0.025em; }
            body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .mobile-login {
              color: #ddd;
              text-transform: none;
              text-align: center;
              display: none; }
              body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .mobile-login .mobile-login-link {
                text-transform: uppercase;
                color: #fff; }
                body.timeline-phase-2 .timeline-intro .timeline-slide object.wrapper .timeline-slide-html.mobile-intro .mobile-login .mobile-login-link:hover {
                  color: #CB292A; }
    body.timeline-phase-2 .timeline-intro > h2 {
      margin-bottom: 0.5em;
      line-height: 1.2; }
    body.timeline-phase-2 .timeline-intro .show-on-selection {
      opacity: 0; }
    body.timeline-phase-2 .timeline-intro .login-link {
      width: 120px;
      position: absolute;
      z-index: 1000;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-overflow-scrolling: touch;
      top: 15px;
      right: 15px;
      background-color: transparent;
      font-size: 13px;
      height: 40px;
      text-align: center;
      color: white;
      padding: 13px 0 0 0;
      border: 1px solid #fff; }
      body.timeline-phase-2 .timeline-intro .login-link:hover {
        background-color: #035496;
        border: 1px solid #035496; }
      .breakpoint-palm-only body.timeline-phase-2 .timeline-intro .login-link {
        display: none; }
    body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html {
      position: relative !important;
      opacity: 1 !important;
      padding-bottom: 1.5em; }
      body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .field-label {
        font-size: 0.45em;
        display: inline-block;
        color: #CB292A;
        padding-right: 0.5em;
        margin-right: 0.5em;
        line-height: 1.5em; }
        body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .field-label.choose-career-field {
          color: #fff;
          background-color: #035496;
          padding: 0.25em 0.5em 0.1em; }
          .breakpoint-palm-only body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .field-label.choose-career-field {
            font-size: 1.1em;
            margin-bottom: 0.5em;
            color: #035496;
            background: #fff;
            padding: 0.25em 1em; }
      body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .welcome-introduction {
        color: #fff;
        font-size: 0.4em;
        line-height: 1.4;
        margin-bottom: 1em;
        width: 85%; }
      body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .start-timeline {
        background: #035496;
        display: inline-block;
        float: none;
        font-size: 0.4em;
        padding: 1em 1.6em 1em 1.6em;
        margin-top: 0.7em;
        text-align: center;
        color: #fff;
        transition: 0.2s all ease;
        -webkit-transition: 0.2s all ease;
        -ms-transition: 0.2s all ease;
        cursor: pointer;
        margin-top: 1em; }
        body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .start-timeline:hover {
          background-color: #023864;
          color: #fff; }
      body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html div .page-title {
        display: inline-block;
        color: #fff;
        padding-bottom: 0.3em; }
        .breakpoint-palm-only body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html div .page-title {
          font-size: 2.4em;
          margin: 0.3em 0; }
        body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html div .page-title .small-title {
          font-size: 0.7em; }
      body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html div h4 {
        font-size: 0.4em;
        text-transform: uppercase;
        padding-bottom: 0.5em; }
        .breakpoint-palm-only body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html div h4 {
          font-size: 1em; }
      body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html div h5 {
        font-size: 0.5em;
        line-height: 1.3em; }
        .breakpoint-palm-only body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html div h5 {
          font-size: 1em;
          line-height: 1.3em;
          text-transform: none;
          margin: 0 0 2em; }
      body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html div .page-title-line {
        display: inline-block;
        width: 5em;
        margin-left: 0.25em;
        border-bottom: 0.05em solid white; }
        .breakpoint-tablet-only body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html div .page-title-line {
          width: 4em; }
        .breakpoint-palm-only body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html div .page-title-line {
          display: none; }
      body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .icon-title {
        font-size: 0.35em;
        color: white;
        line-height: 1.5em;
        display: inline-block;
        padding-left: 0.8em;
        border-left: 0.15em solid #fff; }
      body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .field-matrix ul {
        width: 100%;
        margin-top: 0.5em; }
        .breakpoint-palm-only body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .field-matrix ul {
          display: none; }
      body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .field-matrix ul li {
        display: inline-block;
        position: relative;
        cursor: pointer;
        list-style: none;
        border: 0.15em solid #999; }
        .breakpoint-tablet-only body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .field-matrix ul li {
          width: 2em;
          height: 2em;
          margin-right: 0.6em;
          margin-bottom: 0.6em; }
        .breakpoint-desktop-only body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .field-matrix ul li, .breakpoint-large-desktop-only body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .field-matrix ul li {
          width: 1.3em;
          height: 1.3em;
          margin-right: 3.5%;
          margin-bottom: 3%;
          border: 0.1em solid #999; }
        body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .field-matrix ul li svg {
          position: absolute;
          top: 10%;
          left: 10%;
          width: 80%;
          height: 80%; }
      .breakpoint-palm-only body.timeline-phase-2 .timeline-intro object.wrapper .timeline-slide-html .explore {
        display: none; }
  .breakpoint-palm-only body.timeline-phase-2 .year-wrapper:first-child {
    padding-top: 2em; }
  .breakpoint-desktop-only body.timeline-phase-2 .year-wrapper, .breakpoint-large-desktop-only body.timeline-phase-2 .year-wrapper {
    font-size: 46px; }
  body.timeline-phase-2 .year-wrapper .timeline-slide-show-overlay {
    display: block;
    color: #CB292A;
    float: right; }
  body.timeline-phase-2 .year-wrapper .timeline-slide-card-status {
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    font-size: 0.65em;
    padding: 0;
    color: #555;
    margin-bottom: 1em; }
    body.timeline-phase-2 .year-wrapper .timeline-slide-card-status:after {
      content: " ";
      display: block;
      clear: both; }
    body.timeline-phase-2 .year-wrapper .timeline-slide-card-status:before {
      content: '-';
      font-size: 2em;
      color: #fff;
      position: absolute;
      left: -0.5em;
      top: -0.3em; }
    body.timeline-phase-2 .year-wrapper .timeline-slide-card-status .mobile-trigger {
      display: block;
      position: absolute;
      right: -2.5em;
      top: -1.3em;
      display: inline-block;
      float: right;
      background: #CB292A;
      color: white;
      padding: 1.1em 1.5em;
      font-size: 1em;
      cursor: pointer; }
      body.timeline-phase-2 .year-wrapper .timeline-slide-card-status .mobile-trigger:before {
        float: right;
        font-size: 0.8em;
        margin: 0 0.2em; }
    .breakpoint-tablet-up body.timeline-phase-2 .year-wrapper .timeline-slide-card-status {
      display: none; }
  .breakpoint-palm-only body.timeline-phase-2 .year-wrapper {
    margin-bottom: 2em; }
    .breakpoint-palm-only body.timeline-phase-2 .year-wrapper .year-label {
      display: inline-block;
      margin-right: 0.5em;
      padding-right: 0.5em;
      padding-left: 0.5em;
      border-right: 0.15em solid #fff; }
    .breakpoint-palm-only body.timeline-phase-2 .year-wrapper .rank-label {
      text-transform: none;
      display: inline-block; }
  body.timeline-phase-2 .mobile-modal {
    position: fixed;
    z-index: 200;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    background: #ccc;
    padding: 2em 1em;
    overflow: scroll;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .breakpoint-desktop-only body.timeline-phase-2 .mobile-modal {
      display: none; }
    body.timeline-phase-2 .mobile-modal .mobile-modal-close {
      opacity: 0; }
      body.timeline-phase-2 .mobile-modal .mobile-modal-close:before {
        margin-right: 1em; }
      .breakpoint-palm-only body.timeline-phase-2 .mobile-modal .mobile-modal-close {
        border: none;
        display: block;
        position: fixed;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        width: 100%;
        background: #035496 !important;
        text-indent: 0;
        color: #fff;
        height: 4em;
        text-align: center;
        padding-top: 1.5em; }
    body.timeline-phase-2 .mobile-modal .mobile-modal-status {
      display: block;
      margin: 0.75em 0; }
      body.timeline-phase-2 .mobile-modal .mobile-modal-status span {
        display: inline-block;
        color: #fff;
        margin: 0.5em 0;
        font-size: 0.75em; }
        body.timeline-phase-2 .mobile-modal .mobile-modal-status span:first-child {
          border-right: 0.2em solid #333;
          padding-right: 1em;
          margin-right: 1em; }
    body.timeline-phase-2 .mobile-modal .mobile-modal-content-wrapper {
      opacity: 0;
      padding-top: 1em;
      padding-bottom: 5em;
      height: 100%;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; }
      body.timeline-phase-2 .mobile-modal .mobile-modal-content-wrapper .mobile-modal-content {
        background-color: #fff;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto; }
        body.timeline-phase-2 .mobile-modal .mobile-modal-content-wrapper .mobile-modal-content:after {
          content: " ";
          display: block;
          clear: both; }
        body.timeline-phase-2 .mobile-modal .mobile-modal-content-wrapper .mobile-modal-content .mobile-modal-content-header {
          display: block;
          height: 10em;
          background-size: cover;
          background-position: center; }
        body.timeline-phase-2 .mobile-modal .mobile-modal-content-wrapper .mobile-modal-content .mobile-modal-content-pog {
          position: absolute;
          right: 2em;
          top: 9.95em;
          width: 8em;
          height: 8em; }
          body.timeline-phase-2 .mobile-modal .mobile-modal-content-wrapper .mobile-modal-content .mobile-modal-content-pog > svg {
            width: 100%;
            height: 100%; }
        body.timeline-phase-2 .mobile-modal .mobile-modal-content-wrapper .mobile-modal-content .mobile-modal-content-title {
          width: 90%;
          margin: 4em auto 0.5em auto;
          display: block;
          color: #035496; }
        body.timeline-phase-2 .mobile-modal .mobile-modal-content-wrapper .mobile-modal-content .mobile-modal-content-description {
          width: 90%;
          margin: auto;
          text-transform: none;
          font-size: 1em;
          line-height: 1.4;
          padding-bottom: 3em; }
  body.timeline-phase-2 .overlay {
    position: fixed;
    z-index: 12000;
    width: 100%;
    height: 100%;
    top: 53px;
    left: 100%;
    background: rgba(0, 0, 0, 0.9); }
    body.timeline-phase-2 .overlay:before {
      content: '';
      display: block;
      position: relative;
      height: 53px;
      top: -53px;
      right: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.9); }
    body.timeline-phase-2 .overlay.open {
      width: 100%;
      box-shadow: 20px solid #000; }
    body.timeline-phase-2 .overlay .view-profile-sidebar {
      width: 175px;
      position: absolute;
      z-index: 100;
      top: 60px;
      right: 0;
      height: 130px;
      overflow: visible;
      cursor: pointer;
      background-image: url(../images/transparency.png);
      background-repeat: no-repeat; }
      body.timeline-phase-2 .overlay .view-profile-sidebar:hover .view-profile {
        background-color: #023864; }
      body.timeline-phase-2 .overlay .view-profile-sidebar:hover + .overlay-sidebar .sidebar-counter {
        color: #fff; }
        body.timeline-phase-2 .overlay .view-profile-sidebar:hover + .overlay-sidebar .sidebar-counter:before {
          background-image: url(../images/mgt/blue-hexagon.svg);
          background-repeat: no-repeat;
          background-position: center center;
          opacity: 1; }
      .breakpoint-palm-only body.timeline-phase-2 .overlay .view-profile-sidebar {
        display: none; }
      body.timeline-phase-2 .overlay .view-profile-sidebar .view-profile {
        cursor: pointer;
        background-color: #035496;
        color: white;
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        z-index: 10;
        top: 50px;
        left: 0;
        text-align: center;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease; }
        body.timeline-phase-2 .overlay .view-profile-sidebar .view-profile:before {
          font-size: 23px;
          display: block;
          margin: 0 auto;
          margin-top: 13px; }
        body.timeline-phase-2 .overlay .view-profile-sidebar .view-profile:after {
          content: '';
          display: block;
          width: 0;
          height: 0;
          margin-top: 14px;
          border-style: solid;
          border-width: 0 25px 25px 0;
          border-color: transparent #193c61 transparent transparent; }
    body.timeline-phase-2 .overlay .overlay-sidebar {
      width: 150px;
      position: absolute;
      z-index: 80;
      right: 0;
      top: 0px;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.8);
      overflow: visible;
      overflow-x: scroll; }
      .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-sidebar {
        display: none; }
      body.timeline-phase-2 .overlay .overlay-sidebar .login-link {
        display: block;
        width: 100%;
        height: 53px;
        background-color: #035496;
        color: #fff;
        font-size: 18px;
        text-align: center;
        padding-top: 18px; }
        body.timeline-phase-2 .overlay .overlay-sidebar .login-link:hover {
          background-color: #023864; }
      body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats {
        background-color: #ddd;
        color: #333;
        padding: 1px 10px 10px 10px;
        position: relative; }
        body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-label-wrapper {
          font-size: 15px;
          margin: 10px auto 3px auto;
          position: relative;
          z-index: 0; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-label-wrapper.rank-label-wrapper {
            margin-top: 100px; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-label-wrapper::after {
            display: block;
            clear: both;
            width: 100%; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-label-wrapper .sidebar-label {
            background: #ddd;
            padding: 6px 10px;
            display: inline-block;
            font-size: 10px; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-label-wrapper .sidebar-label-line {
            position: absolute;
            z-index: -1;
            top: 4px;
            width: 100%;
            border-bottom: 1px solid #999;
            height: 7px; }
        body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-counter {
          display: block;
          width: 80px;
          height: 80px;
          margin: 0 auto;
          background-image: url(../images/mgt/white-hexagon.svg);
          background-repeat: no-repeat;
          background-position: center center;
          transition: all 0.2s ease;
          -webkit-transition: all 0.2s ease;
          -ms-transition: all 0.2s ease;
          cursor: pointer;
          text-align: center;
          line-height: 3.5;
          font-size: 25px;
          position: relative;
          color: #333; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-counter:before, body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-counter::before {
            content: 'VIEW PROFILE';
            display: block;
            width: 80px;
            height: 80px;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: 0 auto;
            padding: 30px 10px;
            text-align: center;
            font-size: 12px;
            line-height: 1;
            z-index: 90;
            color: #fff;
            opacity: 0;
            transition-property: opacity;
            -webkit-transition-property: opacity;
            -ms-transition-property: opacity;
            transition-duration: 0.2s;
            -webkit-transition-duration: all 0.2s ease;
            -ms-transition-duration: all 0.2s ease;
            transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-counter.pogged:after {
            opacity: 1; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-counter:hover {
            color: #fff; }
            body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-counter:hover:before {
              background-image: url(../images/mgt/blue-hexagon.svg);
              background-repeat: no-repeat;
              background-position: center center;
              opacity: 1; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-counter svg {
            position: absolute;
            z-index: 10;
            top: -3px;
            left: -3px;
            right: 0;
            margin: auto;
            width: 85px;
            height: 85px; }
        body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-rank-container {
          font-size: 0.3em; }
        body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .career-field-icon-wrapper {
          width: 130px;
          height: 90px;
          background-size: 80%;
          background-position: center;
          background-repeat: no-repeat;
          position: absolute;
          transition: all 0.25s ease;
          margin: 0;
          display: table; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .career-field-icon-wrapper:hover span.career-field-name {
            opacity: 1;
            transition: 0.2s all ease;
            -webkit-transition: 0.2s all ease;
            -ms-transition: 0.2s all ease; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .career-field-icon-wrapper:hover svg.career-field {
            opacity: 0.3;
            transition: 0.2s all ease;
            -webkit-transition: 0.2s all ease;
            -ms-transition: 0.2s all ease; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .career-field-icon-wrapper svg.career-field {
            position: absolute;
            top: 10%;
            left: 10%;
            width: 80%;
            height: 80%;
            border: 5px solid #fff;
            padding: 6px;
            width: 65px;
            height: 65px;
            margin-left: 20px;
            margin-top: 5px;
            transition: 0.2s all ease;
            -webkit-transition: 0.2s all ease;
            -ms-transition: 0.2s all ease; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .career-field-icon-wrapper span.career-field-name {
            position: relative;
            z-index: 5;
            text-align: center;
            font-size: 16px;
            line-height: 1.2;
            margin: auto;
            text-transform: none;
            width: 130px;
            display: table-cell;
            vertical-align: middle;
            opacity: 0;
            transition: 0.2s all ease;
            -webkit-transition: 0.2s all ease;
            -ms-transition: 0.2s all ease; }
        body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-rank-container {
          padding: 0 10px 10px 10px; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-rank-container .current-rank-title {
            width: 50%;
            height: 30px;
            display: inline-block;
            padding-top: 6px;
            border-right: 2px dashed #bbb;
            text-align: center;
            float: left;
            font-size: 20px; }
          body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-rank-container .current-rank-icon {
            width: 30px;
            height: 30px;
            margin-left: 10px;
            display: inline-block; }
            body.timeline-phase-2 .overlay .overlay-sidebar .sidebar-stats .sidebar-rank-container .current-rank-icon > svg {
              width: 100%;
              height: 100%;
              margin: auto; }
    body.timeline-phase-2 .overlay .overlay-bank-wrapper {
      max-width: 1300px;
      margin: 0 auto;
      padding: 0px 2em 2em 2em;
      opacity: 0;
      height: 100%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper {
        margin-top: 0px;
        padding-top: 0;
        padding-bottom: 10em; }
      .breakpoint-desktop-only body.timeline-phase-2 .overlay .overlay-bank-wrapper {
        font-size: 50px; }
      body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info {
        width: 44.44444%;
        float: left;
        margin-right: 11.11111%; }
        .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; }
        body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-title {
          color: #fff;
          font-size: 0.65em;
          margin-bottom: 0em; }
          .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-title {
            font-size: 1.5em; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-title .small-title {
            display: block;
            font-size: 1em; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-title .large-title {
            display: block;
            font-size: 2em; }
        body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-label-wrapper {
          color: #fff;
          position: relative;
          overflow-x: hidden;
          margin: 0.2em 0;
          clear: both; }
          .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-label-wrapper {
            display: none; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-label-wrapper .bank-label {
            display: inline-block;
            font-size: 0.3em;
            height: 0.5em; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-label-wrapper .bank-label-line-wrapper {
            display: inline-block;
            position: relative;
            height: 0.5em;
            width: 1em; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-label-wrapper .bank-label-line {
            display: block;
            padding-top: 0.35em;
            height: 0.25em;
            width: 50em;
            border-bottom: 1px solid #999; }
        body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-career-field {
          color: #fff;
          font-size: 0.7em;
          padding-bottom: 0.1em; }
          .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-career-field {
            display: block;
            width: 90%;
            height: 4em;
            padding: 1em 0;
            border-bottom: 0.1em solid #777;
            margin: 0 auto 0 auto;
            font-size: 1em; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-career-field .bank-career-field-title {
            padding-top: 0.5em; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-career-field .bank-career-field-icon {
            width: 2em;
            height: 2em;
            background-repeat: no-repeat;
            float: left;
            background-position: center;
            border: 0.15em solid white;
            margin-right: 0.5em;
            position: relative; }
            body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-career-field .bank-career-field-icon > svg {
              position: absolute;
              width: 80%;
              height: 80%;
              top: 10%;
              right: 10%; }
        body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-rank {
          background: none;
          color: white;
          font-size: 0.7em;
          text-align: left;
          padding-bottom: 0.1em; }
          .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-rank {
            display: block;
            width: 90%;
            height: 4em;
            padding: 1em 0;
            border-bottom: 0.1em solid #777;
            margin: 0 auto 0 auto;
            font-size: 1em; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-rank .bank-rank-icon {
            width: 2em;
            height: 2em;
            display: inline-block;
            margin-right: 0.5em;
            float: left; }
            body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-rank .bank-rank-icon > svg {
              width: 100%;
              height: 100%;
              margin: auto; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-rank .bank-rank-title {
            padding-top: 0.5em;
            display: block; }
        body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-pay {
          color: #fff;
          font-size: 0.7em; }
          .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-pay {
            display: block;
            width: 90%;
            height: 4em;
            padding: 1em 0;
            border-bottom: 0.1em solid #777;
            margin: 0 auto 0 auto;
            font-size: 1em;
            margin-bottom: 2em; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-pay .bank-pay-icon {
            display: inline-block;
            width: 2em;
            height: 2em;
            float: left;
            margin-right: 0.5em;
            text-align: center; }
            body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-pay .bank-pay-icon span {
              font-size: 2em; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-pay .bank-pay-amount {
            padding-top: 0.5em;
            display: block; }
        body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-description {
          color: white;
          font-size: 0.35em;
          text-transform: none;
          line-height: 1.4;
          margin: 2em 0;
          clear: both; }
          .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .bank-info .bank-info-description {
            display: none; }
      body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-wrapper {
        width: 44.44444%;
        float: left;
        margin-right: 11.11111%;
        float: right;
        margin-right: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        color: #fff;
        text-transform: none; }
        body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-wrapper:after {
          content: " ";
          display: block;
          clear: both; }
        .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-wrapper {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          max-width: 90%;
          margin-left: auto;
          margin-right: auto;
          margin: 0 auto;
          float: none;
          text-align: center; }
          .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-wrapper:after {
            content: " ";
            display: block;
            clear: both; }
      body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-info {
        font-size: 0.5em;
        margin-bottom: 2em; }
        .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-info {
          font-size: 1.1em;
          text-align: left; }
      body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-info-title {
        margin-bottom: 0.7em;
        font-weight: bold; }
        body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-info-title .pog-bank-info-title-label {
          font-size: 0.85em;
          color: #CB292A;
          display: block; }
        body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-info-title .pog-bank-info-title-text {
          font-size: 1.2em; }
          .breakpoint-tablet-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-info-title .pog-bank-info-title-text {
            font-size: 1em; }
      body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank-info-description {
        font-size: 0.7em;
        height: 2em; }
      body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank {
        font-size: 0.5em; }
        body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank > .bank-pog {
          display: block;
          width: 23.25581%;
          float: left;
          margin-right: 2.32558%;
          margin-bottom: 0.5em;
          transition: 0.15s all ease;
          -webkit-transition: 0.15s all ease;
          -ms-transition: 0.15s all ease;
          cursor: pointer; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank > .bank-pog:nth-of-type(4n) {
            float: right;
            margin-right: 0; }
          .breakpoint-desktop-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank > .bank-pog {
            cursor: default; }
          .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank > .bank-pog {
            width: 31.25%;
            float: left;
            margin-right: 3.125%;
            margin-bottom: 2em;
            height: 11em; }
            .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank > .bank-pog:nth-of-type(3n) {
              float: right;
              margin-right: 0; }
          body.timeline-phase-2 .overlay .overlay-bank-wrapper .pog-bank > .bank-pog:hover {
            transform: scale(1.05); }
    body.timeline-phase-2 .overlay .overlay-close {
      display: block;
      opacity: 0;
      width: 60px;
      height: 60px;
      position: absolute;
      right: 15px;
      top: -40px;
      overflow: hidden;
      border: none;
      background: url(../images/cross.png) no-repeat center center;
      background-size: 65%;
      text-indent: 200%;
      color: transparent;
      outline: none;
      z-index: 100;
      transition: 0.15s all ease;
      -webkit-transition: 0.15s all ease;
      -ms-transition: 0.15s all ease; }
      body.timeline-phase-2 .overlay .overlay-close:before {
        margin-right: 1em; }
      .breakpoint-desktop-only body.timeline-phase-2 .overlay .overlay-close:hover {
        background-size: 75%; }
      .breakpoint-palm-only body.timeline-phase-2 .overlay .overlay-close {
        display: block;
        text-align: center;
        height: 4em;
        bottom: 53px;
        left: 0;
        right: 0;
        top: auto;
        width: 100%;
        background: #035496 !important;
        text-indent: 0;
        color: #fff;
        padding-top: 1.5em; }
    body.timeline-phase-2 .overlay .bank-status {
      width: 150px;
      height: 60px;
      background-color: #eee;
      color: #333;
      padding: 13px 0 0 0; }
      body.timeline-phase-2 .overlay .bank-status:after {
        content: '';
        clear: both; }
      body.timeline-phase-2 .overlay .bank-status .current-year {
        float: left;
        width: 50%;
        margin: 3px 0;
        border-right: 1px solid black;
        text-align: center;
        font-size: 35px; }
      body.timeline-phase-2 .overlay .bank-status svg {
        float: right;
        width: 50%;
        height: 35px; }
  body.timeline-phase-2 .timeline-console {
    width: 150px;
    font-size: 55px;
    margin-bottom: 100px; }
    body.timeline-phase-2 .timeline-console .sidebar-years {
      font-size: 0.75em; }
    body.timeline-phase-2 .timeline-console .sidebar-year-item {
      display: block;
      font-size: 12px;
      color: #fff;
      background-color: #111;
      border-bottom: 1px solid #333;
      text-align: left;
      padding: 11px 10px 8px 10px;
      cursor: pointer;
      transition: all 0.25s ease;
      -webkit-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease; }
      body.timeline-phase-2 .timeline-console .sidebar-year-item:hover {
        background: #CB292A;
        color: #fff; }
  body.timeline-phase-2 #timeline {
    text-transform: none; }
    .breakpoint-palm-only body.timeline-phase-2 #timeline {
      background-color: #ccc;
      margin: 0 1em;
      border-left: 0.15em solid white; }
    body.timeline-phase-2 #timeline .timeline-slide.photo-background {
      background-size: cover;
      background-position: center; }
      body.timeline-phase-2 #timeline .timeline-slide.photo-background:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: -0.01em;
        left: 0;
        background-color: rgba(0, 0, 0, 0.6); }
      .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.photo-background:before {
        bottom: 0; }
      body.timeline-phase-2 #timeline .timeline-slide.photo-background .timeline-slide-html {
        color: #eee; }
        .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.photo-background .timeline-slide-html {
          color: #333; }
    body.timeline-phase-2 #timeline .timeline-slide {
      position: relative;
      width: 100%;
      min-height: 8em; }
      .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide {
        max-width: 94%;
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        background: none !important;
        margin-bottom: 1em;
        min-height: 4em; }
        .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide:after {
          content: " ";
          display: block;
          clear: both; }
      .breakpoint-desktop-only body.timeline-phase-2 #timeline .timeline-slide {
        font-size: 46px; }
      body.timeline-phase-2 #timeline .timeline-slide h1 {
        font-size: 1.3em; }
      body.timeline-phase-2 #timeline .timeline-slide p {
        line-height: 1.5;
        text-transform: none; }
      body.timeline-phase-2 #timeline .timeline-slide.content .timeline-slide-html, body.timeline-phase-2 #timeline .timeline-slide.end .timeline-slide-html {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-left: 3.5em; }
        body.timeline-phase-2 #timeline .timeline-slide.content .timeline-slide-html:after, body.timeline-phase-2 #timeline .timeline-slide.end .timeline-slide-html:after {
          content: " ";
          display: block;
          clear: both; }
        .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.content .timeline-slide-html, .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.end .timeline-slide-html {
          background: #ccc;
          position: relative; }
        .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.content .timeline-slide-html .timeline-slide-overview, .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.end .timeline-slide-html .timeline-slide-overview {
          background-color: #fff;
          text-align: left;
          font-size: 1em;
          margin: 0;
          height: 9.5em; }
        body.timeline-phase-2 #timeline .timeline-slide.content .timeline-slide-html .timeline-slide-overview .timeline-slide-card-image, body.timeline-phase-2 #timeline .timeline-slide.end .timeline-slide-html .timeline-slide-overview .timeline-slide-card-image {
          display: none; }
          .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.content .timeline-slide-html .timeline-slide-overview .timeline-slide-card-image, .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.end .timeline-slide-html .timeline-slide-overview .timeline-slide-card-image {
            width: 9.5em;
            height: 9.5em;
            float: left;
            display: inline-block;
            background-size: cover;
            background-position: center; }
            .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.content .timeline-slide-html .timeline-slide-overview .timeline-slide-card-image > svg, .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.end .timeline-slide-html .timeline-slide-overview .timeline-slide-card-image > svg {
              width: 80%;
              height: 100%;
              margin: auto 10%; }
        body.timeline-phase-2 #timeline .timeline-slide.content .timeline-slide-html .timeline-slide-overview .timeline-card-blurb, body.timeline-phase-2 #timeline .timeline-slide.end .timeline-slide-html .timeline-slide-overview .timeline-card-blurb {
          display: none; }
          .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.content .timeline-slide-html .timeline-slide-overview .timeline-card-blurb, .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.end .timeline-slide-html .timeline-slide-overview .timeline-card-blurb {
            display: inline-block;
            width: 8.4em;
            height: 7em;
            font-size: 0.9em;
            line-height: 1.4;
            text-transform: none;
            overflow: hidden;
            margin: 1em; }
      .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.decision .timeline-slide-html {
        width: 100% !important;
        padding: 0.5em;
        margin: 0; }
      .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.decision .timeline-slide-html .timeline-slide-overview {
        background-color: #fff;
        text-align: center;
        font-size: 1em;
        margin: 0; }
      body.timeline-phase-2 #timeline .timeline-slide.decision .timeline-slide-html .timeline-slide-overview .timeline-card-blurb {
        display: none; }
        .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.decision .timeline-slide-html .timeline-slide-overview .timeline-card-blurb {
          display: inline-block;
          font-size: 0.9em;
          line-height: 1.4;
          text-transform: none;
          margin: 1.5em 1em; }
      body.timeline-phase-2 #timeline .timeline-slide.end .timeline-card-blurb {
        display: none; }
        .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.end .timeline-card-blurb {
          display: inline-block;
          font-size: 0.7em;
          line-height: 1.4;
          text-transform: none;
          margin: 1.5em 1em; }
      body.timeline-phase-2 #timeline .timeline-slide.no-line {
        background-image: url(../images/mgt/mgt-concrete.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative; }
        body.timeline-phase-2 #timeline .timeline-slide.no-line:before {
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          content: '';
          background-color: #035496;
          opacity: 0.9; }
        body.timeline-phase-2 #timeline .timeline-slide.no-line object.wrapper .timeline-slide-html {
          width: 63%;
          padding: 0;
          top: 25%;
          left: -1em;
          color: #eee; }
          .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.no-line object.wrapper .timeline-slide-html {
            left: 0;
            top: 0; }
            .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.no-line object.wrapper .timeline-slide-html .timeline-slide-overview {
              background-image: url(../images/mgt/mgt-concrete.jpg);
              background-size: cover;
              background-repeat: no-repeat;
              background-position: center;
              position: relative;
              height: inherit; }
              .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.no-line object.wrapper .timeline-slide-html .timeline-slide-overview:before {
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                content: '';
                background-color: #035496;
                opacity: 0.9; }
              .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.no-line object.wrapper .timeline-slide-html .timeline-slide-overview .timeline-card-blurb {
                position: relative;
                z-index: 10;
                width: 90%;
                margin: 1.5em;
                height: inherit; }
              .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide.no-line object.wrapper .timeline-slide-html .timeline-slide-overview .timeline-card-read-more {
                display: none; }
      body.timeline-phase-2 #timeline .timeline-slide object.wrapper {
        display: block;
        position: relative;
        overflow: hidden;
        text-align: center;
        width: 100%;
        max-width: 1024px;
        margin: 0 auto; }
        .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide object.wrapper > svg {
          display: none; }
        .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide object.wrapper {
          max-width: 100%;
          margin-left: auto;
          margin-right: auto;
          text-align: center;
          width: 100%;
          height: 100% !important;
          min-height: 7.5em;
          color: #333;
          padding: 0 0 0 0;
          overflow: visible; }
          .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide object.wrapper:after {
            content: " ";
            display: block;
            clear: both; }
      body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html {
        vertical-align: middle;
        text-align: left;
        padding: 2em 0 0 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-left: 3.5em;
        width: 60%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        color: #333;
        opacity: 0; }
        body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html:after {
          content: " ";
          display: block;
          clear: both; }
        .breakpoint-desktop-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html {
          width: 66%; }
        .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html {
          position: relative;
          width: 100% !important;
          height: 100%;
          margin-left: auto !important;
          margin-right: auto !important;
          padding: 0;
          background: none;
          text-align: center;
          font-size: 1em; }
        body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks {
          max-width: 100%;
          margin-left: auto;
          margin-right: auto; }
          body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks:after {
            content: " ";
            display: block;
            clear: both; }
          .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks {
            background: #fff; }
          body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks a:nth-child(2) {
            margin-left: 1em; }
          body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks .learn-more {
            background: #035496;
            display: inline-block;
            float: none;
            font-size: 0.4em;
            padding: 1em 1.6em 1em 1.6em;
            margin-top: 0.7em;
            text-align: center;
            color: #fff;
            transition: 0.2s all ease;
            -webkit-transition: 0.2s all ease;
            -ms-transition: 0.2s all ease;
            cursor: pointer; }
            body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks .learn-more:hover {
              background-color: #023864;
              color: #fff; }
            .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks .learn-more {
              display: none; }
            body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks .learn-more span.icon-ng_arrow-right {
              float: left;
              margin-right: 0.2em;
              margin-top: 0.2em;
              font-size: 1.4em; }
            body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks .learn-more span.button-text {
              display: inline-block;
              float: left;
              margin: 0.6em 0.4em 0.4em 0.2em; }
          body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks .modal-video {
            background: #035496;
            display: inline-block;
            float: none;
            font-size: 0.4em;
            padding: 1em 1.6em 1em 1.6em;
            margin-top: 0.7em;
            text-align: center;
            color: #fff;
            transition: 0.2s all ease;
            -webkit-transition: 0.2s all ease;
            -ms-transition: 0.2s all ease;
            cursor: pointer;
            width: 11.2em; }
            body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks .modal-video:hover {
              background-color: #023864;
              color: #fff; }
            .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks .modal-video {
              display: none; }
            body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks .modal-video span {
              display: inline-block;
              float: left;
              margin-top: 0.6em; }
            body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-blocks .modal-video object {
              height: 2em;
              width: 2em;
              float: left;
              margin-right: 0.5em; }
        body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-slide-title {
          margin: 0.25em 0 0.5em 0;
          text-transform: none;
          font-size: 1.25em; }
          .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-slide-title {
            font-size: 0.75em;
            padding: 0.5em 0;
            height: inherit;
            text-transform: uppercase;
            text-align: left;
            color: #035496; }
        body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-slide-description {
          font-size: 0.5em;
          line-height: 1.4;
          margin: 1em 0 2em 0;
          text-transform: none; }
          .breakpoint-tablet-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-slide-description {
            font-size: 0.45em; }
          .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-slide-description {
            display: none; }
        body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-card-read-more {
          display: none; }
          .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-card-read-more {
            display: block;
            text-transform: uppercase;
            text-align: right;
            padding-right: 1em;
            font-size: 0.8em;
            color: #035496; }
        body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers {
          position: relative;
          width: 60%; }
          .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers {
            display: block;
            width: 127%;
            left: -1.675em;
            font-size: 1.5em; }
            .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers:after {
              content: "";
              width: 100%;
              display: block;
              clear: both; }
          body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers .timeline-answer {
            background: #ccc;
            display: inline-block;
            float: none;
            font-size: 0.4em;
            padding: 1em 1.6em 1em 1.6em;
            margin-top: 0.7em;
            text-align: center;
            color: #333;
            transition: 0.2s all ease;
            -webkit-transition: 0.2s all ease;
            -ms-transition: 0.2s all ease;
            cursor: pointer;
            width: 48%;
            font-size: 0.3em;
            cursor: pointer; }
            body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers .timeline-answer:hover {
              background-color: #b3b3b3;
              color: #333; }
            body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers .timeline-answer:first-child {
              margin-right: 0.7em; }
              .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers .timeline-answer:first-child {
                margin-right: 0;
                border-right: 0.25em solid #fff; }
            body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers .timeline-answer.chosen {
              background-color: #035496;
              color: #fff;
              box-shadow: 0px 4px 0px #022a4b;
              border-bottom: 1px solid #0462af; }
            .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers .timeline-answer {
              font-size: 0.5em;
              float: none;
              display: inline-block;
              background-color: #eee;
              margin: 0;
              width: 50%;
              border-radius: 0;
              height: 4em;
              padding: 0;
              line-height: 4em;
              box-shadow: none !important; }
              .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers .timeline-answer:hover {
                background-color: #333;
                color: #fff; }
              .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .timeline-answers .timeline-answer.chosen {
                background-color: #035496;
                color: #fff; }
        body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block {
          width: 46.15385%;
          float: left;
          margin-right: 7.69231%;
          font-size: 0.5em;
          text-transform: none;
          float: left; }
          body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block:nth-child(2) {
            float: right;
            margin-right: 0; }
            .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block:nth-child(2) {
              margin-top: 0;
              padding-bottom: 2.5em; }
          .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block {
            background: #fff;
            display: block;
            text-align: center;
            padding: 1em 0;
            margin-top: 2em;
            width: 100%; }
          body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .badged-block:after {
            display: block;
            clear: both;
            content: ''; }
          body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .badge-icon {
            display: block;
            width: 5em;
            height: 5em;
            margin: 0 auto 0em auto;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 50%; }
            .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .badge-icon {
              float: left;
              width: 10em;
              height: 10em;
              margin: 1em 0 0 3em; }
            .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .badge-icon > svg path {
              fill: #333; }
          body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .content-block-text-wrapper {
            display: block;
            text-align: center; }
            .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .content-block-text-wrapper {
              float: left;
              width: 50%;
              margin: 0.5em 0 0 2em;
              font-size: 1.5em;
              text-align: left; }
            body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .content-block-text-wrapper .content-block-title {
              text-transform: uppercase;
              display: block;
              color: #CB292A;
              font-size: 0.9em;
              text-align: center;
              padding: 0.3em 0; }
              .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .content-block-text-wrapper .content-block-title {
                font-size: 1.1em;
                text-align: left; }
              .breakpoint-tablet-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .content-block-text-wrapper .content-block-title {
                font-size: 0.8em; }
            body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .content-block-text-wrapper .content-block-text {
              font-size: 0.7em;
              font-weight: normal; }
              .breakpoint-tablet-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .content-block-text-wrapper .content-block-text {
                font-size: 0.7em; }
              .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html .content-block .content-block-text-wrapper .content-block-text {
                font-size: 0.9em; }
        .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html.pog-box {
          background: #ccc; }
        .breakpoint-tablet-up body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html.pog-box .timeline-slide-title {
          height: 1em; }
        body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html.pog-box .timeline-answers {
          margin-left: 5.5em; }
          .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html.pog-box .timeline-answers {
            display: block;
            width: 124%;
            left: -7em;
            right: -1.3em;
            font-size: 1.5em; }
            .breakpoint-palm-only body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html.pog-box .timeline-answers:after {
              content: "";
              width: 100%;
              display: block;
              clear: both; }
        body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html.pog-box .timeline-slide-overview {
          margin: 2em 0 0.5em 5.5em; }
          body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html.pog-box .timeline-slide-overview .timeline-slide-description {
            margin: 1em 0; }
        body.timeline-phase-2 #timeline .timeline-slide .timeline-slide-html.pog-box .content-blocks {
          margin-left: 5.5em; }
      body.timeline-phase-2 #timeline .timeline-slide[data-id="sAIT"] .timeline-slide-html .content-blocks {
        margin: 1em 0 0 2em; }
  body.timeline-phase-2 .ending-slide {
    background-color: #ccc; }
    .breakpoint-tablet-up body.timeline-phase-2 .ending-slide {
      margin-top: -4em; }
    .breakpoint-palm-only body.timeline-phase-2 .ending-slide {
      padding-bottom: 2em;
      margin-bottom: 0 !important; }
    .breakpoint-desktop-only body.timeline-phase-2 .ending-slide {
      font-size: 45px; }
    body.timeline-phase-2 .ending-slide .ending-bar-wrapper {
      width: 100%;
      background: #fff;
      font-size: 0.7em;
      height: 2em;
      margin-bottom: 2em; }
      .breakpoint-palm-only body.timeline-phase-2 .ending-slide .ending-bar-wrapper {
        height: inherit; }
      body.timeline-phase-2 .ending-slide .ending-bar-wrapper .ending-bar {
        width: 50%;
        max-width: 1024px;
        margin: 0 auto; }
        body.timeline-phase-2 .ending-slide .ending-bar-wrapper .ending-bar .ending-bar-link {
          width: 50%;
          float: left;
          padding: 0.9em 0;
          display: block;
          font-size: 0.8em;
          color: #333; }
          .breakpoint-palm-only body.timeline-phase-2 .ending-slide .ending-bar-wrapper .ending-bar .ending-bar-link {
            width: 100%;
            text-align: center;
            font-size: 1.5em;
            float: none !important; }
          .breakpoint-palm-only body.timeline-phase-2 .ending-slide .ending-bar-wrapper .ending-bar .ending-bar-link.save-timeline {
            display: none; }
          body.timeline-phase-2 .ending-slide .ending-bar-wrapper .ending-bar .ending-bar-link.restart-timeline {
            text-align: right; }
    body.timeline-phase-2 .ending-slide .timeline-summary, body.timeline-phase-2 .ending-slide .timeline-calltoaction, body.timeline-phase-2 .ending-slide .timeline-badge_summary {
      width: 60%;
      max-width: 1024px;
      margin: 0 auto;
      font-size: 0.7em;
      color: #555; }
      .breakpoint-tablet-only body.timeline-phase-2 .ending-slide .timeline-summary, .breakpoint-tablet-only body.timeline-phase-2 .ending-slide .timeline-calltoaction, .breakpoint-tablet-only body.timeline-phase-2 .ending-slide .timeline-badge_summary {
        width: 60%;
        margin: 0 auto 0 4em; }
      .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-summary, .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-calltoaction, .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-badge_summary {
        width: 90%;
        margin: 0 auto 0 auto; }
    body.timeline-phase-2 .ending-slide .timeline-summary {
      text-transform: none; }
    body.timeline-phase-2 .ending-slide .timeline-summary-title {
      text-transform: uppercase;
      color: #035496;
      font-size: 1.7em;
      margin-bottom: 1em; }
      .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-summary-title {
        font-size: 3em;
        margin-bottom: 0.5em;
        text-align: center; }
      body.timeline-phase-2 .ending-slide .timeline-summary-title .small-title {
        display: block;
        font-size: 0.5em; }
    body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper {
      margin-bottom: 2em;
      padding-bottom: 2em;
      border-bottom: 1px solid #999; }
      body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper:after {
        content: '';
        display: block;
        clear: both; }
      body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section {
        width: 33%;
        float: left;
        padding: 0; }
        .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section {
          width: 100%;
          float: none !important;
          border-bottom: 1px solid #999;
          padding-bottom: 2em;
          margin-bottom: 2em; }
        body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section:nth-of-type(2) {
          border-right: 1px solid #999;
          border-left: 1px solid #999; }
          .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section:nth-of-type(2) {
            border-right: 0px;
            border-left: 0px; }
        body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section:nth-of-type(3) {
          float: right;
          border-bottom: none !important;
          margin-bottom: 0em; }
        body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section .timeline-summary-section-description {
          font-weight: normal;
          display: block;
          font-size: 0.5em;
          margin-bottom: 0;
          text-align: center;
          padding: 0 1em; }
          .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section .timeline-summary-section-description {
            font-size: 1.5em; }
        body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section .timeline-summary-section-rank {
          text-transform: uppercase;
          height: 3em;
          margin-bottom: 0.5em; }
          .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section .timeline-summary-section-rank {
            height: 6em;
            margin: 2em auto; }
          body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section .timeline-summary-section-rank > svg {
            display: block;
            margin: 0.5em auto;
            height: 100%; }
            body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section .timeline-summary-section-rank > svg > path {
              fill: #555; }
            body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section .timeline-summary-section-rank > svg > g path {
              fill: #555; }
        body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section .timeline-summary-section-title {
          display: block;
          font-size: 0.8em;
          text-align: center;
          text-transform: uppercase; }
          .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section .timeline-summary-section-title {
            font-size: 3em; }
          body.timeline-phase-2 .ending-slide .timeline-summary-section-wrapper .timeline-summary-section .timeline-summary-section-title .big-section-title {
            font-size: 1.9em;
            display: block;
            margin-top: 0.4em;
            margin-bottom: 0.2em; }
    body.timeline-phase-2 .ending-slide .timeline-badge_summary-list {
      width: 80%;
      margin: 0 auto;
      padding-bottom: 2em;
      font-size: 1.5em; }
      .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-badge_summary-list {
        font-size: 2.2em;
        width: 100%; }
      body.timeline-phase-2 .ending-slide .timeline-badge_summary-list .summary-badge {
        margin-bottom: 1em;
        overflow: hidden;
        font-size: 0.7em; }
        body.timeline-phase-2 .ending-slide .timeline-badge_summary-list .summary-badge:after {
          content: '';
          display: block;
          clear: both; }
        body.timeline-phase-2 .ending-slide .timeline-badge_summary-list .summary-badge > svg {
          display: block;
          float: left;
          width: 4.5em;
          height: 4em;
          margin-right: 1em;
          margin-bottom: 0.5em; }
          .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-badge_summary-list .summary-badge > svg {
            margin-bottom: 0.7em; }
        body.timeline-phase-2 .ending-slide .timeline-badge_summary-list .summary-badge .summary-badge-info-wrapper {
          float: left; }
        body.timeline-phase-2 .ending-slide .timeline-badge_summary-list .summary-badge .badge-title {
          display: block;
          color: #CB292A;
          font-size: 0.8em;
          margin: 0.5em 0; }
        body.timeline-phase-2 .ending-slide .timeline-badge_summary-list .summary-badge .badge-description {
          display: block;
          color: #444;
          font-size: 0.5em;
          line-height: 1.3;
          text-transform: none;
          padding-bottom: 1em; }
          .breakpoint-large-desktop-only body.timeline-phase-2 .ending-slide .timeline-badge_summary-list .summary-badge .badge-description {
            width: 80%; }
    body.timeline-phase-2 .ending-slide .timeline-calltoaction {
      text-transform: none;
      padding-bottom: 3em; }
      body.timeline-phase-2 .ending-slide .timeline-calltoaction .timeline-calltoaction-title {
        font-size: 2em;
        text-transform: none; }
      body.timeline-phase-2 .ending-slide .timeline-calltoaction .timeline-calltoaction-description {
        font-size: 0.6em;
        margin: 1.5em 0;
        line-height: 1.4; }
        .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-calltoaction .timeline-calltoaction-description {
          font-size: 1.3em; }
        body.timeline-phase-2 .ending-slide .timeline-calltoaction .timeline-calltoaction-description span {
          color: #CB292A; }
      body.timeline-phase-2 .ending-slide .timeline-calltoaction .timeline-calltoaction-button {
        display: block;
        width: 100%;
        border-radius: 0.2em;
        background-color: #035496;
        color: #fff;
        text-align: center;
        padding: 0.5em; }
        .breakpoint-palm-only body.timeline-phase-2 .ending-slide .timeline-calltoaction .timeline-calltoaction-button {
          font-size: 2em; }

html, body {
  overflow: visible;
  margin: 0;
  -webkit-overflow-scrolling: touch; }

body.ng-statepage {
  text-transform: none; }
  body.ng-statepage a {
    color: #035496; }
  body.ng-statepage .subject-matter {
    font-size: 32px;
    max-width: none;
    width: 100%; }
    body.ng-statepage .subject-matter .ng-statepage-wrapper {
      position: relative; }
      body.ng-statepage .subject-matter .ng-statepage-wrapper .ng-statepage-home-content {
        width: 90%;
        max-width: 900px;
        margin: 0 auto;
        padding: 0; }
        .breakpoint-palm-only body.ng-statepage .subject-matter .ng-statepage-wrapper .ng-statepage-home-content select {
          margin: 0;
          font-size: 1em;
          width: 100%; }
        .breakpoint-tablet-up body.ng-statepage .subject-matter .ng-statepage-wrapper .ng-statepage-home-content {
          padding-top: 1em; }
        body.ng-statepage .subject-matter .ng-statepage-wrapper .ng-statepage-home-content svg {
          margin-top: 1em;
          width: 100%;
          height: 100%; }

.ng-statepage-home-title {
  color: #035496;
  font-family: 'DIN-Bold';
  text-transform: uppercase;
  padding: 0.5em 1em 0 0;
  display: inline-block; }

.ng-statepage__content {
  font-size: 0.5em;
  line-height: 1.9;
  margin: 0 auto;
  max-width: 800px;
  color: #626663; }
  .breakpoint-tablet-up .ng-statepage__content {
    width: 90%;
    margin-top: 2em; }

.ng-statepage__intro {
  line-height: 1.9;
  padding-bottom: 2em;
  width: 90%;
  margin: 1em auto; }
  .breakpoint-tablet-up .ng-statepage__intro {
    margin-top: 4em; }

.ng-statepage__promos {
  width: 100%; }
  .breakpoint-tablet-up .ng-statepage__promos {
    width: 40%;
    float: left;
    float: right;
    margin-right: 0;
    margin-left: 1.5em; }
  .ng-statepage__promos .related-media__content:hover .related-media__image,
  .ng-statepage__promos .related-media__content:hover .promo-box__image,
  .ng-statepage__promos .promo-box__content:hover .related-media__image,
  .ng-statepage__promos .promo-box__content:hover .promo-box__image {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05); }
  .ng-statepage__promos .related-media__content .related-media__image,
  .ng-statepage__promos .related-media__content .promo-box__image,
  .ng-statepage__promos .promo-box__content .related-media__image,
  .ng-statepage__promos .promo-box__content .promo-box__image {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease; }

.ng-statepage__promo {
  width: 100%;
  background: none;
  margin: 0; }
  .ng-statepage__promo .promo-box {
    margin-bottom: 15px; }
    .breakpoint-palm-only .ng-statepage__promo .promo-box {
      font-size: 0.9rem; }

.ng-statepage__header {
  position: relative;
  background-size: cover;
  background-position: center;
  z-index: 1; }
  .ng-statepage__header > svg {
    display: none; }
  .breakpoint-tablet-up .ng-statepage__header {
    height: auto; }

.ng-statepage__header-content {
  position: relative;
  z-index: 5; }

.ng-statepage__header-title {
  width: 90%;
  margin: 0 auto;
  max-width: 800px;
  color: #fff;
  padding: 3.25em 0 0.75em 1em;
  font-size: 2em; }
  .breakpoint-palm-only .ng-statepage__header-title {
    width: 90%;
    font-size: 1.25em;
    padding-left: 0.25em; }

#ng-statepage__header-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden; }

.ng-statepage__header-slider-slide {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0; }

.ng-statepage__header-slider-slide-back:after, .ng-statepage__header-slider-slide-front:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4); }

.ng-statepage__header-slider-slide-front {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 1;
  max-width: 800px;
  margin: auto;
  z-index: 3; }

.ng-statepage__header-slider-slide-back {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  opacity: 1;
  z-index: 1;
  -webkit-filter: blur(15px);
  filter: blur(15px); }
  .ng-statepage__header-slider-slide-back:after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); }

.ng-statepage__header-single-image-front {
  position: relative;
  width: 100%;
  max-width: 800px;
  z-index: 3;
  left: 50%;
  margin-right: 50%;
  transform: translate(-50%, 0); }

.ng-statepage__header-single-image-back {
  position: absolute;
  top: -50%;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  -webkit-filter: blur(15px);
  filter: blur(15px); }

.ng-statepage__main-nav {
  font-size: 1rem;
  background-color: #035496;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  z-index: 4; }

.ng-statepage__main-nav-content {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto; }
  .breakpoint-large-desktop-only .ng-statepage__main-nav-content {
    font-size: 60px; }

.ng-statepage__main-nav-item {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  font-size: 1.3em;
  padding: 0.6em 0.4em 0.6em 1em;
  color: #fff !important; }
  .ng-statepage__main-nav-item:nth-of-type(3) {
    float: right;
    margin-right: 0;
    border: none !important; }
  .ng-statepage__main-nav-item:hover {
    cursor: pointer;
    background-color: #03467d; }
  .ng-statepage__main-nav-item.ng-statepage__phone span, .ng-statepage__main-nav-item.ng-statepage__phone a {
    color: #fff !important; }
  .ng-statepage__main-nav-item.ng-statepage__phone:hover {
    cursor: default;
    background-color: #035496; }
  .ng-statepage__main-nav-item .ng-statepage__main-nav-icon {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    border: 0.15em solid white;
    border-radius: 50%;
    font-size: 0.6em;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 0.2em; }
    .ng-statepage__main-nav-item .ng-statepage__main-nav-icon.compass {
      background-image: url(/images/SVG/ng-statepage/ng-statepage-icon-compass.svg); }
    .ng-statepage__main-nav-item .ng-statepage__main-nav-icon.phone {
      background-image: url(/images/SVG/ng-statepage/ng-statepage-icon-phone.svg); }
  .ng-statepage__main-nav-item .ng-statepage__main-nav-item-label {
    display: inline-block;
    padding-top: 0; }
  .ng-statepage__main-nav-item span {
    display: block;
    padding-top: 0.1em;
    line-height: 1; }
  .breakpoint-tablet-up .ng-statepage__main-nav-item {
    width: 33.33333%;
    float: left;
    font-size: 0.45em;
    line-height: 1.6em;
    padding: 0.8em 0;
    border-right: 1px solid #fff;
    text-align: center; }

.transition, .ng-global-nav__topbar-link, .ng-global-nav__dropdown, .global-nav__promo-collection__wrapper, .ng-global-nav__search-topics__list li a, .ng-global-nav__promo-collection__box, .ng-global-nav__promo-collection__box:before, .ng-global-nav__promo-collection__box-content, .global-nav__accordion-status, .global-nav .nav-search-dropdown-wrapper .nav-search-topics-list li a, .component__links .component__links__social-links .component__links-social-link, .bx-next, .bx-prev, .ng-statepage-slider li:not(.brigade-slide):before, .ng-downloads__category__header, .ng-downloads__sub-category__header {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease; }

.ng-statepage-loading-wrapper {
  position: relative;
  width: 100%;
  height: 10em; }
  .ng-statepage-loading-wrapper img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
  .ng-statepage-loading-wrapper .ng-statepage-loading-ring {
    width: 125px;
    height: 125px; }
  .ng-statepage-loading-wrapper .ng-statepage-loading-flag {
    width: 75px;
    height: 75px; }

.ng-statepage-lightbox-overlay#video-container {
  display: none;
  opacity: 0; }
  .ng-statepage-lightbox-overlay#video-container #video-lightbox-close {
    font-size: 16px;
    top: -70px; }
  .ng-statepage-lightbox-overlay#video-container .ng-statepage-lightbox-overlay-inner {
    position: relative;
    width: 100%;
    height: 100%; }
  .ng-statepage-lightbox-overlay#video-container .ng-statepage-video-container {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: auto;
    max-width: 800px; }
    .breakpoint-palm-only .ng-statepage-lightbox-overlay#video-container .ng-statepage-video-container {
      width: 100%; }
  .ng-statepage-lightbox-overlay#video-container .ng-statepage-video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0; }
    .ng-statepage-lightbox-overlay#video-container .ng-statepage-video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

body.ng-statepage .io-accordion__content-wrapper {
  display: block; }
  .breakpoint-tablet-up .ng-statepage__component body.ng-statepage .io-accordion__content-wrapper {
    display: block; }
.breakpoint-tablet-up body.ng-statepage .io-accordion__content-wrapper {
  display: block !important; }

.ng-statepage__component {
  width: 100%;
  border-top: 5px solid #626663; }

.ng-statepage__component-header {
  padding: 0.75em 0.75em 0.6em 0.75em;
  color: #626663;
  font-size: 1.75em;
  width: 100%;
  position: relative; }
  .ng-statepage__component-header h3 {
    font-size: 0.9em;
    width: 80%; }
    .breakpoint-tablet-up .ng-statepage__component-header h3 {
      font-size: 1em; }
  .ng-statepage__component-header .accordion-toggle-status {
    width: 1.15em;
    height: 1.15em;
    position: absolute;
    text-align: center;
    right: 0.55em;
    top: 0.55em;
    border: 0.15em solid #035496;
    border-radius: 50%;
    padding-top: 0;
    display: none;
    opacity: 0; }
    .ng-statepage__component-header .accordion-toggle-status svg {
      width: 100%;
      height: 100%; }
    .breakpoint-tablet-up .ng-statepage__component-header .accordion-toggle-status {
      display: none !important; }
  .breakpoint-tablet-up .ng-statepage__component-header {
    font-size: 2.3em;
    margin: 0.75em 0;
    padding: 0; }

.ng-statepage__component__content {
  max-width: 600px;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 3em; }
  .breakpoint-palm-only .ng-statepage__component__content {
    opacity: 0;
    width: 85%; }

.ng-statepage__component__content-entry {
  border-bottom: 3px solid #e4e4e4;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em; }

.ng-statepage__component__content-entry-image {
  display: none; }
  .breakpoint-tablet-up .ng-statepage__component__content-entry-image {
    display: block;
    width: 8em;
    height: 8em;
    background-color: #ddd;
    background-size: cover;
    background-position: center;
    float: left;
    margin-right: 2em; }

.breakpoint-tablet-up .component__jobs .ng-statepage__component__content-entry-info {
  margin-left: 3em; }

.component__facebook__entry-title, .component__custom__entry-title {
  line-height: 1;
  color: #035496;
  font-size: 1.1em;
  text-transform: none; }
  .component__facebook__entry-title span:hover, .component__custom__entry-title span:hover {
    border-bottom: 3px solid #035496; }

.component__facebook__entry-description, .component__custom__entry-description {
  line-height: 1.9; }

.ng-statepage__component__content-link-wrapper {
  text-align: center; }

.ng-statepage__component__content-link {
  font-size: 1.25em;
  color: #fff !important;
  margin: 0.3em auto;
  display: inline-block;
  text-align: center;
  padding: 0.4em 1em 0.2em 1em; }

.component__jobs .ng-statepage__component__content-entry:nth-of-type(n+5) {
  display: none;
  height: 0;
  overflow: hidden;
  opacity: 0; }
.component__jobs .component__jobs__entry-title {
  font-size: 1.25em;
  position: relative;
  color: #035496;
  line-height: 1.2;
  margin: 1em 0 0.5em 0;
  padding-left: 1em; }
  .breakpoint-tablet-up .component__jobs .component__jobs__entry-title {
    font-size: 1.75em;
    padding-left: 0; }
  .component__jobs .component__jobs__entry-title:before {
    font-size: 0.7em;
    margin-right: 0.5em;
    position: absolute;
    left: 0;
    top: 0.2em; }
    .breakpoint-tablet-up .component__jobs .component__jobs__entry-title:before {
      left: -2em; }
.component__jobs .component__jobs__entry-description {
  line-height: 1.9;
  margin-bottom: 1em;
  display: none; }
  .component__jobs .component__jobs__entry-description .show-full-job-description:hover {
    text-decoration: underline; }
.component__jobs .component__jobs__entry-contact-link {
  text-transform: none;
  margin: 1em 0 0 0;
  font-size: 1.1em;
  display: block; }
  .component__jobs .component__jobs__entry-contact-link:before {
    content: '';
    display: block;
    float: left;
    height: 1em;
    width: 1em;
    margin: -0.1em 0.3em 0 0;
    background-size: cover;
    background-position: center;
    background-image: url(/images/SVG/ng-statepage/ng-statepage-icon-envelope.svg); }

.component__events .ng-statepage__component__content-entry {
  background-color: #eee;
  position: relative;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 2em; }
  .component__events .ng-statepage__component__content-entry:nth-of-type(n+5) {
    display: none;
    height: 0;
    overflow: hidden;
    opacity: 0; }
.component__events .ng-statepage__component__content-entry-info {
  padding: 2em;
  float: left;
  margin-right: 0; }
  .breakpoint-tablet-up .component__events .ng-statepage__component__content-entry-info {
    margin-right: 5em; }
.component__events .component__events__entry-title {
  text-transform: none;
  font-size: 1.5em; }
.component__events .component__events__entry-description {
  font-size: 0.9em;
  line-height: 1.75;
  margin: 1.5em 0; }
.component__events .ng-statepage__event-buttons {
  width: 100%;
  float: left;
  background-color: #ccc; }
  .breakpoint-tablet-up .component__events .ng-statepage__event-buttons {
    float: right;
    width: 5em;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0; }
  .component__events .ng-statepage__event-buttons .component__event__more-link {
    background-image: url(/images/SVG/ng-statepage/ng-statepage-icon-link.svg); }
  .component__events .ng-statepage__event-buttons .component__event__map-link {
    background-image: url(/images/SVG/ng-statepage/ng-statepage-icon-pin.svg); }
  .component__events .ng-statepage__event-buttons a {
    display: block;
    background: #035496;
    background-size: 18% auto;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    float: left;
    width: 50%;
    height: 4em;
    padding-top: 1em;
    border-radius: 0; }
    .component__events .ng-statepage__event-buttons a:first-child {
      border-right: 1px solid #eee; }
    .breakpoint-tablet-up .component__events .ng-statepage__event-buttons a {
      background-size: 50% auto;
      display: block;
      float: none;
      height: 50%;
      width: 100%; }
      .breakpoint-tablet-up .component__events .ng-statepage__event-buttons a:first-child {
        border-right: none;
        border-bottom: 1px solid #eee; }
    .component__events .ng-statepage__event-buttons a:hover {
      background-color: #03467d; }

.breakpoint-palm-only .component__facebook .ng-statepage__component__content {
  padding-top: 1.5em; }
.breakpoint-tablet-up .component__facebook .ng-statepage__component__content-entry-info {
  margin-left: 10em; }
.component__facebook .component__facebook__entry-time {
  font-size: 0.8em; }
.component__facebook .component__facebook__entry-links {
  margin-top: 1em; }
  .component__facebook .component__facebook__entry-links a:hover {
    text-decoration: underline; }
  .component__facebook .component__facebook__entry-links a:after {
    content: ' •'; }
  .component__facebook .component__facebook__entry-links a:nth-child(3):after {
    content: ''; }

.component__twitter .ng-statepage__component__content-entry {
  padding: 2.25em 0;
  margin-bottom: 0; }
.component__twitter .ng-statepage__component__content-entry:first-of-type {
  padding-top: 0; }
.component__twitter .ng-statepage__component__content-entry:nth-child(5) {
  margin-bottom: 1.5em; }
.component__twitter .twitter-name {
  text-transform: none; }
  .component__twitter .twitter-name:hover {
    text-decoration: underline; }
.component__twitter .twitter-handle {
  font-size: 0.8em; }
.component__twitter .tweet-date {
  font-size: 0.8em;
  float: right;
  line-height: 2.5;
  display: inline-block; }
  .breakpoint-palm-only .component__twitter .tweet-date {
    display: block;
    float: none; }
.component__twitter .tweet-content {
  margin-top: 1em;
  line-height: 1.5;
  width: 100%;
  margin: 1em auto 0 auto; }
  .breakpoint-palm-only .component__twitter .tweet-content {
    width: 100%; }

.component__links .ng-statepage__component__content {
  font-size: 1rem;
  text-align: center;
  max-width: 600px;
  width: 90%; }
  .breakpoint-tablet-up .component__links .ng-statepage__component__content {
    font-size: 25px !important;
    max-width: 370px; }
.component__links .component__links__social-links .component__links-social-link {
  font-size: 1.5em;
  height: 2.1em;
  width: 2.1em;
  display: inline-block;
  padding: 0.1em 0 0 0;
  border-radius: 50%;
  border: 0.15em solid #035496;
  text-align: center;
  margin-bottom: 0.5em;
  margin-right: 0.25em; }
  .component__links .component__links__social-links .component__links-social-link:hover {
    background: #035496;
    color: #fff; }
  .component__links .component__links__social-links .component__links-social-link:nth-of-type(4n) {
    margin-right: 0; }
  .component__links .component__links__social-links .component__links-social-link.inactive {
    opacity: 0.3; }
.component__links .component__links__custom-links {
  font-size: 20px;
  text-align: left;
  margin-top: 20px; }
  .component__links .component__links__custom-links .component__links-custom-link {
    display: block;
    border-bottom: 3px solid #e4e4e4;
    padding: 0.5em 0 0.5em 1.5em;
    position: relative;
    line-height: 1; }
    .component__links .component__links__custom-links .component__links-custom-link:before {
      font-size: 0.7em;
      position: absolute;
      left: 0; }
    .component__links .component__links__custom-links .component__links-custom-link:last-of-type {
      border-bottom: none; }
    .component__links .component__links__custom-links .component__links-custom-link:hover {
      border-bottom: 3px solid #035496; }

.ng-statepage__map {
  position: relative; }
  .ng-statepage__map svg {
    display: block;
    width: 100%;
    margin-bottom: 3em;
    height: 100% !important; }
    .breakpoint-tablet-up .ng-statepage__map svg {
      min-height: 20em !important; }

#ng-statepage__map-canvas {
  width: 100%;
  height: 15em;
  max-width: 500px;
  margin: auto; }
  .breakpoint-tablet-up #ng-statepage__map-canvas {
    height: 25em;
    max-width: 800px; }

.component__map .ng-statepage__component__content {
  width: 100%;
  max-width: 800px; }

.float-wrapper {
  width: 75%;
  float: left;
  float: right;
  margin-right: 0; }

.info-window-image {
  width: 25%;
  float: left;
  text-align: center; }
  .info-window-image img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 60px; }

.breakpoint-palm-only .infoBox {
  width: 100% !important;
  font-size: 0.7em; }
.infoBox > img {
  z-index: 1;
  margin: 20px 50px 0 0 !important;
  width: 30px;
  height: 30px; }

.ng-statepage__map__info-window {
  text-transform: none;
  font-size: 1.5em;
  margin-top: 12px;
  background: #fff;
  box-shadow: 0px 0px 5px #333;
  position: relative;
  margin-right: 40px; }
  .ng-statepage__map__info-window:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 1px;
    left: 237px;
    box-sizing: border-box;
    border: 0.5em solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4); }
  .ng-statepage__map__info-window .info-window-content {
    min-height: 6em;
    max-height: 9em;
    overflow-y: scroll;
    padding: 1em; }
    .breakpoint-tablet-up .ng-statepage__map__info-window .info-window-content {
      padding-top: 2em;
      font-size: 0.8em; }
  .ng-statepage__map__info-window .info-window-entry {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.75em; }
    .ng-statepage__map__info-window .info-window-entry:after {
      content: " ";
      display: block;
      clear: both; }
  .ng-statepage__map__info-window h3 {
    display: block;
    font-size: 1.25em;
    margin-top: 0.5em;
    padding-top: 1em; }
    .breakpoint-tablet-up .ng-statepage__map__info-window h3 {
      padding-top: 0; }
  .ng-statepage__map__info-window p {
    text-transform: none;
    font-size: 1em;
    margin: 0.5em 0; }

.ng-statepage__map-controls {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em; }
  .ng-statepage__map-controls:after {
    content: " ";
    display: block;
    clear: both; }

.ng-statepage__map-control {
  width: 90%;
  margin: 0 auto;
  max-width: 300px;
  padding: 1em;
  background-color: #035496;
  color: #fff !important;
  text-align: center;
  font-size: 1em;
  margin-bottom: 1em; }
  .breakpoint-tablet-up .ng-statepage__map-control {
    width: 48%;
    float: left;
    margin-right: 4%;
    max-width: none; }
    .breakpoint-tablet-up .ng-statepage__map-control:nth-of-type(2) {
      float: right;
      margin-right: 0; }

.bx-wrapper {
  position: relative;
  margin: 0 auto 2em auto; }
  .breakpoint-palm-only .bx-wrapper {
    width: 65%;
    margin: 0 auto 2em auto; }

.bx-next, .bx-prev {
  position: absolute;
  display: block;
  height: 35px;
  width: 35px;
  background-size: 30px auto;
  background-repeat: no-repeat;
  top: 45%;
  text-indent: -9999px;
  transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease; }
  .bx-next.disabled, .bx-prev.disabled {
    opacity: 0;
    cursor: default; }
  .bx-next:hover, .bx-prev:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1); }

.bx-next {
  background-image: url(/images/SVG/ng_point-right.svg);
  right: -3em; }

.bx-prev {
  background-image: url(/images/SVG/ng_point-left.svg);
  left: -3em; }

.ng-statepage-lightbox-overlay {
  display: none;
  position: fixed;
  z-index: 11115;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85); }

.ng-statepage-lightbox-slider-wrapper {
  position: relative;
  height: 100%; }
  .ng-statepage-lightbox-slider-wrapper .bx-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: 800px;
    width: 85%;
    height: 75%;
    max-height: 600px; }
    .breakpoint-palm-only .ng-statepage-lightbox-slider-wrapper .bx-wrapper {
      width: 100%;
      height: 100%;
      max-height: 100%; }
    .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-viewport {
      height: 100% !important;
      overflow: hidden; }
    .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-controls-direction {
      background: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 70px;
      bottom: 4.3em;
      position: relative; }
      .breakpoint-tablet-up .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-controls-direction {
        background: none;
        position: static;
        width: auto;
        height: auto;
        bottom: auto; }
    .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-next, .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-prev {
      height: 65px;
      width: 65px;
      background-size: 40px auto;
      background-position: center; }
      .breakpoint-palm-only .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-next, .breakpoint-palm-only .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-prev {
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        position: static;
        width: 50%;
        height: 70px;
        display: inline-block;
        background-size: 30px auto;
        background-position: center; }
    .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-next {
      background-image: url(/images/SVG/ng_point-right-white.svg);
      right: 2em; }
      .breakpoint-desktop-only .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-next, .breakpoint-large-desktop-only .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-next {
        right: -5em; }
      .breakpoint-tablet-only .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-next {
        right: -3.5em; }
    .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-prev {
      background-image: url(/images/SVG/ng_point-left-white.svg);
      left: 2em; }
      .breakpoint-desktop-only .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-prev, .breakpoint-large-desktop-only .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-prev {
        left: -5em; }
      .breakpoint-tablet-only .ng-statepage-lightbox-slider-wrapper .bx-wrapper .bx-prev {
        left: -3.5em; }
  .ng-statepage-lightbox-slider-wrapper .ng-statepage-lightbox-slider {
    height: 100%; }
    .ng-statepage-lightbox-slider-wrapper .ng-statepage-lightbox-slider li {
      height: 100%;
      opacity: 0; }
    .ng-statepage-lightbox-slider-wrapper .ng-statepage-lightbox-slider li:last-child:after {
      content: '';
      display: block;
      clear: both; }
    .ng-statepage-lightbox-slider-wrapper .ng-statepage-lightbox-slider .ng-statepage-slider-image {
      display: block;
      max-width: 100%;
      max-height: 600px;
      margin: auto;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%); }
      .breakpoint-palm-only .ng-statepage-lightbox-slider-wrapper .ng-statepage-lightbox-slider .ng-statepage-slider-image {
        max-height: 100%; }

.ng-statepage-lightbox-close {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 30px;
  height: 40px;
  width: 40px;
  cursor: pointer; }
  .ng-statepage-lightbox-close:before {
    font-size: 3em;
    color: #fff;
    padding: 0.1em;
    background: rgba(0, 0, 0, 0.5); }

.ng-statepage-slider .ng-statepage-video-slide:before {
  background-image: url(/images/SVG/ng_play-box.svg);
  background-size: 50px auto; }
.ng-statepage-slider .ng-statepage-photo-slide:not(.brigade-slide):before {
  opacity: 0;
  background-image: url(/images/SVG/ng_search.svg);
  background-size: 35px auto;
  background-position: center 65%; }
.breakpoint-tablet-up .ng-statepage-slider .ng-statepage-photo-slide:not(.brigade-slide):hover:before {
  background-position: center center; }
.ng-statepage-slider li {
  position: relative;
  overflow: hidden;
  display: none;
  opacity: 0; }
  .breakpoint-tablet-up .ng-statepage-slider li:not(.brigade-slide):hover:before {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    cursor: pointer; }
  .ng-statepage-slider li:not(.brigade-slide):before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
    background-size: 50px auto;
    background-position: center center;
    background-repeat: no-repeat; }
  .ng-statepage-slider li .ng-statepage-slider-image {
    background-size: cover;
    height: 190px; }
  .ng-statepage-slider li.brigade-slide .brigade-slide-title {
    text-transform: none;
    line-height: 1;
    text-align: center;
    display: block;
    margin-top: 0.5em; }
  .ng-statepage-slider li.brigade-slide .ng-statepage-slider-image {
    background-size: contain;
    background-position: center;
    background-color: #fff;
    background-repeat: no-repeat; }

.ng-statepage__state-select {
  margin: 0.9em; }

body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default {
  position: relative;
  text-align: left;
  padding: 0em 0.3em 0em 0em; }
  .breakpoint-tablet-up body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default {
    padding: 0; }
  body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default:focus {
    outline: none; }
  body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default span {
    padding-top: 0;
    width: 100%; }
    body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default span.selectboxit-enabled {
      line-height: 0.4;
      padding: 0.9em 1em 1.05em 1em;
      margin: 0; }
      .breakpoint-tablet-up body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default span.selectboxit-enabled {
        padding-left: 1.8em; }
      body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default span.selectboxit-enabled.selectboxit-open {
        background-color: #03467d; }
  body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default .selectboxit {
    width: 100% !important; }
    body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default .selectboxit:focus {
      outline: none; }
  body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default .selectboxit-option-icon-container {
    display: block !important;
    width: auto !important;
    float: left; }
    body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default .selectboxit-option-icon-container .selectboxit-default-icon {
      display: inline-block;
      background-image: url(/images/SVG/ng_point-down-white.svg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 60%;
      border: 0.15em solid #fff;
      border-radius: 50%;
      width: 1.6em;
      height: 1.6em;
      margin-right: 0.5em;
      font-size: 0.6em;
      padding: 0.3em 0 0;
      position: relative;
      top: 0.2em; }
  body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default .selectboxit-list {
    background-color: #035496;
    display: none;
    max-height: 450px !important;
    overflow: scroll;
    position: absolute;
    text-align: left;
    text-transform: none;
    top: 100% !important;
    left: 0;
    right: 0;
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
    z-index: 5; }
  body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default .selectboxit-option {
    border-bottom: 1px solid #0462af;
    font-size: 0.8em;
    padding-left: 2.8em;
    line-height: 2; }
    body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default .selectboxit-option:hover {
      background-color: #03467d; }
    body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default .selectboxit-option.selectboxit-selected {
      text-transform: none;
      background-color: #03467d;
      position: relative; }
      body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default .selectboxit-option.selectboxit-selected:before {
        position: absolute;
        left: 1.5em;
        top: 0.5em;
        content: '';
        display: block;
        width: 0.75em;
        height: 0.75em;
        background-image: url(/images/SVG/ng_check-white.svg);
        background-size: 80% auto;
        background-repeat: no-repeat;
        background-position: center; }
  body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default .selectboxit-text {
    display: inline-block !important;
    max-width: 100% !important;
    width: auto !important;
    line-height: 1;
    padding-top: 0.2em; }
  body.ng-statepage a.ng-statepage__select-container.ng-statepage-select-default a.selectboxit-option-anchor {
    color: #fff; }

.ng-statepage-select-home {
  width: 100% !important;
  max-width: 300px;
  display: inline-block;
  padding-top: .23em; }
  .ng-statepage-select-home .chosen-container-single .chosen-default {
    color: #035496; }
  .ng-statepage-select-home .chosen-container {
    border-radius: 0;
    border: 1px solid #035496;
    width: 100% !important;
    max-width: 300px;
    display: inline-block; }

html, body {
  overflow: visible;
  margin: 0;
  -webkit-overflow-scrolling: touch; }

body.ng-fullwidth-fluid {
  text-transform: none; }
  body.ng-fullwidth-fluid .subject-matter {
    font-size: 32px;
    max-width: none;
    width: 100%; }

.ng-downloads-wrapper {
  position: relative; }

.ng-downloads__header {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background-size: cover;
  background-position: center top; }

.ng-downloads__header-content {
  width: 100%;
  max-width: 800px;
  margin: 0 auto; }

.ng-downloads__header-title {
  width: 100%;
  margin: 0 auto;
  color: #fff;
  padding: 3.25em 0 0.75em 0;
  font-size: 2em; }
  .breakpoint-palm-only .ng-downloads__header-title {
    width: 90%;
    font-size: 1.25em;
    padding-left: 0.25em; }

.ng-downloads__content {
  max-width: 800px;
  margin: 0 auto;
  width: 90%;
  padding: 2em 0;
  font-size: 18px;
  line-height: 1.4; }

.ng-downloads__search-label {
  display: block;
  font-size: 14px;
  margin-bottom: 15px; }

.ng-downloads__input-wrapper {
  width: 100%;
  position: relative;
  margin-bottom: 25px; }

.ng-downloads__search {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ccc;
  box-shadow: none;
  height: 40px;
  box-sizing: border-box !important; }

.ng-downloads__submit {
  position: absolute;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: #035496;
  top: 0;
  right: 0;
  border: none;
  box-sizing: border-box !important;
  padding: 0 15px; }

.ng-downloads__query-wrapper {
  display: none; }

.ng-downloads__search-query {
  text-transform: none;
  font-size: 22px; }

.ng-downloads__results-content {
  margin-top: 15px;
  border-top: 1px solid #ccc;
  margin-bottom: 25px; }

.ng-downloads__item {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  display: table;
  width: 100%; }
  .breakpoint-palm-only .ng-downloads__item {
    display: block; }

.ng-downloads__item-image-wrapper {
  width: 150px;
  height: 150px;
  border: 1px solid #ccc;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  margin-right: 15px; }
  .breakpoint-palm-only .ng-downloads__item-image-wrapper {
    float: left;
    margin-bottom: 10px; }

.ng-downloads__item-info-wrapper {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle; }
  .breakpoint-palm-only .ng-downloads__item-info-wrapper {
    display: block;
    float: left;
    max-width: 300px; }

.ng-downloads__item-title {
  display: block;
  text-transform: none; }

.ng-downloads__item-description {
  display: block;
  font-size: 14px; }

.ng-downloads__item-link {
  width: 6em;
  padding: 0.4em 1em 0.2em;
  font-size: 1em;
  display: block;
  margin: 10px 10px 0 0;
  float: left; }
  .breakpoint-palm-only .ng-downloads__item-link {
    font-size: 0.8em;
    margin-right: 7px; }
  .ng-downloads__item-link:before {
    content: '';
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    background-size: cover;
    background-position: center;
    background-image: url(/images/SVG/ng_download-icon.svg);
    margin-right: 0.3em; }

.pagination__control {
  padding: 0.4em 1em 0.2em;
  font-size: 0.75em;
  display: block;
  margin: 0;
  float: left;
  cursor: pointer; }
  .pagination__control:first-of-type {
    margin-right: 10px; }
    .breakpoint-palm-only .pagination__control:first-of-type {
      margin-right: 2%; }
  .breakpoint-palm-only .pagination__control {
    font-size: 1em;
    width: 48%;
    text-align: center; }
  .pagination__control.inactive {
    opacity: 0.6;
    cursor: default; }

.ng-downloads__pagination-wrapper {
  margin-bottom: 40px; }

.ng-downloads__pagination-controls {
  display: block;
  margin-top: 10px; }

.pagination-message {
  margin-top: 25px; }

.ng-downloads__category {
  width: 100%;
  border-top: 5px solid #626663;
  font-size: 0.85em; }
  .breakpoint-tablet-up .ng-downloads__category {
    font-size: 1em; }

.ng-downloads__category__header {
  padding: 0.75em 0.75em 0.6em 0.75em;
  color: #626663;
  font-size: 1.25em;
  width: 100%;
  position: relative;
  cursor: pointer; }
  .breakpoint-tablet-up .ng-downloads__category__header {
    font-size: 1.5em;
    margin: 0;
    padding: 0.75em 0;
    cursor: pointer; }
  .ng-downloads__category__header h3 {
    font-size: 1em;
    width: 80%;
    padding-top: 0.1em; }
  .ng-downloads__category__header .accordion-toggle-status {
    width: 1em;
    height: 1em;
    position: absolute;
    text-align: center;
    right: 0.35em;
    top: 0.7em;
    border: 0.1em solid #035496;
    border-radius: 50%;
    padding-top: 0; }
    .breakpoint-tablet-up .ng-downloads__category__header .accordion-toggle-status {
      top: 0.75em; }
    .ng-downloads__category__header .accordion-toggle-status svg {
      width: 100%;
      height: 100%; }

.ng-downloads__category__content {
  color: #626663;
  width: 85%;
  max-width: 600px;
  margin: 0 auto;
  padding-bottom: 2em; }

.ng-downloads__entry {
  padding: 1em 0;
  display: table;
  width: 100%; }
  .ng-downloads__entry:nth-child(n+1) {
    border-bottom: 1px solid #ddd; }
  .ng-downloads__entry:last-child {
    border-bottom: none;
    margin-bottom: 1em; }

.ng-downloads__entry-image-wrapper {
  width: 8em;
  height: 8em;
  display: block;
  background-size: contain;
  background-position: center;
  background-image: url("/images/ng-logo.png");
  background-repeat: no-repeat;
  float: left;
  margin-right: 1.5em; }

.ng-downloads__entry-info-wrapper {
  position: relative;
  height: 100%;
  width: 10em;
  display: block;
  float: left;
  margin-top: 1em; }
  .breakpoint-tablet-up .ng-downloads__entry-info-wrapper {
    display: table-cell;
    width: 15em;
    vertical-align: middle;
    float: none;
    margin-top: 0; }

.ng-downloads__entry-title {
  display: block; }

.ng-downloads__entry-link {
  width: 6em;
  padding: 0.4em 1em 0.2em;
  font-size: 1em;
  display: block;
  margin: 0.25em 0; }
  .ng-downloads__entry-link:before {
    content: '';
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    background-size: cover;
    background-position: center;
    background-image: url(/images/SVG/ng_download-icon.svg);
    margin-right: 0.3em; }

.ng-downloads__sub-category {
  border-top: 3px solid #626663; }

.ng-downloads__sub-category__header {
  position: relative;
  cursor: pointer;
  padding: 1em 0; }
  .ng-downloads__sub-category__header .accordion-toggle-status {
    width: 1.3em;
    height: 1.3em;
    position: absolute;
    text-align: center;
    right: 0.35em;
    top: 0.8em;
    border: 0.1em solid #035496;
    border-radius: 50%;
    padding: 0.1em; }
    .ng-downloads__sub-category__header .accordion-toggle-status svg {
      width: 75%;
      height: 100%;
      display: block;
      margin: 0 auto;
      position: absolute;
      right: 0;
      top: 0;
      left: 0;
      bottom: 0; }

.ng-downloads__sub-category__header-title {
  text-transform: none;
  font-size: 1.1em;
  margin: 1em 0;
  width: 80%;
  margin: 0; }

@media print {
  html {
    background: none !important; }
    html * {
      text-shadow: none !important; }
    html .page-constraint {
      background: none !important; }
    html .ng-global-nav,
    html .loading-animation,
    html .login-link,
    html .account-actions a.modal-link,
    html footer {
      display: none !important; }
    html .subject-matter {
      width: 90% !important;
      margin: .5em auto !important;
      font-size: 10px !important; }

  .timeline-phase-2 .page-title {
    font-size: 2em !important; }
    .timeline-phase-2 .page-title .small-title {
      font-size: 1em !important; }
  .timeline-phase-2 .side-nav,
  .timeline-phase-2 .overlay-slidedown {
    display: none !important; }
  .timeline-phase-2 .timeline-intro {
    padding: 0 !important;
    min-height: 0 !important; }
    .timeline-phase-2 .timeline-intro .field-label {
      display: none !important; }
    .timeline-phase-2 .timeline-intro .icon-title {
      font-size: 2em !important;
      margin: .25em 0; }
    .timeline-phase-2 .timeline-intro .field-matrix {
      display: none !important; }
    .timeline-phase-2 .timeline-intro .explore .field-label {
      display: inline-block !important; }
  .timeline-phase-2 .year-wrapper {
    font-size: 1em !important; }
  .timeline-phase-2 .timeline-slide {
    background: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1em !important; }
    .timeline-phase-2 .timeline-slide object.wrapper {
      height: inherit !important;
      margin: 0 !important; }
      .timeline-phase-2 .timeline-slide object.wrapper > svg {
        display: none !important; }
    .timeline-phase-2 .timeline-slide .video-wrapper {
      height: inherit !important; }
    .timeline-phase-2 .timeline-slide .content-blocks .badge-icon svg path {
      fill: #000 !important; }
    .timeline-phase-2 .timeline-slide .content-blocks .content-block {
      font-size: 1em !important;
      border: 1px solid #000 !important;
      padding: 1em !important; }
      .timeline-phase-2 .timeline-slide .content-blocks .content-block .content-block-title {
        font-size: 1.25em !important; }
      .timeline-phase-2 .timeline-slide .content-blocks .content-block .content-block-text {
        font-size: 1em !important; }
    .timeline-phase-2 .timeline-slide .content-blocks .modal-video,
    .timeline-phase-2 .timeline-slide .content-blocks .learn-more {
      font-size: 100% !important;
      margin-bottom: .5em !important; }
    .timeline-phase-2 .timeline-slide .timeline-slide-html,
    .timeline-phase-2 .timeline-slide .timeline-slide-overview,
    .timeline-phase-2 .timeline-slide .content-blocks,
    .timeline-phase-2 .timeline-slide .video-slide-content {
      transform: none !important;
      position: static !important;
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding: 0 !important;
      color: #000 !important; }
    .timeline-phase-2 .timeline-slide:before {
      background: none !important; }
    .timeline-phase-2 .timeline-slide .field-label {
      font-size: 1.25em !important; }
    .timeline-phase-2 .timeline-slide .timeline-slide-description,
    .timeline-phase-2 .timeline-slide .video-slide-description,
    .timeline-phase-2 .timeline-slide .welcome-introduction {
      font-size: 1em !important;
      margin: 0 0 1em 0 !important; }
  .timeline-phase-2 .timeline-intro {
    background: none !important; }
    .timeline-phase-2 .timeline-intro:before {
      background: none !important; }
    .timeline-phase-2 .timeline-intro .print-header-branding {
      display: block !important;
      color: #000;
      float: right;
      text-align: right;
      line-height: 1.2em;
      font-family: 'DIN-Regular';
      letter-spacing: .03em; }
      .timeline-phase-2 .timeline-intro .print-header-branding .print-header-logo {
        height: 2em; }
    .timeline-phase-2 .timeline-intro .welcome-introduction {
      color: #000 !important; }
    .timeline-phase-2 .timeline-intro .timeline-slide-html.desktop-intro,
    .timeline-phase-2 .timeline-intro .timeline-slide-html.mobile-intro {
      padding: 0 !important; }
      .timeline-phase-2 .timeline-intro .timeline-slide-html.desktop-intro .page-title,
      .timeline-phase-2 .timeline-intro .timeline-slide-html.desktop-intro .icon-title,
      .timeline-phase-2 .timeline-intro .timeline-slide-html.mobile-intro .page-title,
      .timeline-phase-2 .timeline-intro .timeline-slide-html.mobile-intro .icon-title {
        color: #000 !important;
        padding: 0 !important; }
      .timeline-phase-2 .timeline-intro .timeline-slide-html.desktop-intro .page-title-line,
      .timeline-phase-2 .timeline-intro .timeline-slide-html.desktop-intro .start-timeline,
      .timeline-phase-2 .timeline-intro .timeline-slide-html.mobile-intro .page-title-line,
      .timeline-phase-2 .timeline-intro .timeline-slide-html.mobile-intro .start-timeline {
        display: none !important; }
      .timeline-phase-2 .timeline-intro .timeline-slide-html.desktop-intro .icon-title,
      .timeline-phase-2 .timeline-intro .timeline-slide-html.mobile-intro .icon-title {
        border: none !important; }
  .timeline-phase-2 .timeline-summary,
  .timeline-phase-2 .timeline-calltoaction,
  .timeline-phase-2 .timeline-badge_summary,
  .timeline-phase-2 .timeline-badge_summary-list {
    font-size: 1em !important;
    width: 100% !important;
    max-width: none !important; }
  .timeline-phase-2 .timeline-summary-section-description {
    font-size: 1em !important; }
  .timeline-phase-2 .timeline-summary-section-title {
    font-size: 1.25em !important; }
  .timeline-phase-2 .summary-badge {
    font-size: 1em !important;
    height: 5em !important;
    width: 49% !important;
    float: left !important; }
    .timeline-phase-2 .summary-badge:nth-child(even) {
      margin-left: 2% !important; }
    .timeline-phase-2 .summary-badge .badge-title {
      font-size: 1.25em !important; }
    .timeline-phase-2 .summary-badge .badge-description {
      font-size: 1em !important;
      font-family: 'DIN-Regular' !important; }
  .timeline-phase-2 a.timeline-calltoaction-button,
  .timeline-phase-2 a.icon-video,
  .timeline-phase-2 a.learn-more {
    text-transform: none !important;
    text-decoration: underline !important;
    background: none !important;
    color: blue !important;
    box-shadow: none !important;
    border: none !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important; }
    .timeline-phase-2 a.timeline-calltoaction-button object,
    .timeline-phase-2 a.timeline-calltoaction-button span,
    .timeline-phase-2 a.icon-video object,
    .timeline-phase-2 a.icon-video span,
    .timeline-phase-2 a.learn-more object,
    .timeline-phase-2 a.learn-more span {
      display: none !important; }
  .timeline-phase-2 a.icon-video:link:after, .timeline-phase-2 a.icon-video:visited:after {
    content: " (" attr(data-ogv) ") "; }
  .timeline-phase-2 a.learn-more:link:after, .timeline-phase-2 a.learn-more:visited:after {
    content: " Read More (http://www.nationalguard.com" attr(href) ") "; }
  .timeline-phase-2 .video-wrapper {
    background: none !important; }
    .timeline-phase-2 .video-wrapper .matrix {
      display: none !important; }
    .timeline-phase-2 .video-wrapper .video-slide-content {
      color: #000 !important; }
    .timeline-phase-2 .video-wrapper .video-slide-title {
      margin-top: .5em !important; }
    .timeline-phase-2 .video-wrapper video.bkg-video {
      display: none !important; }
    .timeline-phase-2 .video-wrapper:after {
      background: none !important; }
  .timeline-phase-2 .timeline-answers {
    margin: 0 0 .5em 0 !important; }
    .timeline-phase-2 .timeline-answers:before {
      content: "You chose: ";
      margin-bottom: .4em;
      display: block;
      color: #035496; }
  .timeline-phase-2 .timeline-answer {
    font-size: 1em !important;
    margin: 0 !important;
    display: none !important; }
    .timeline-phase-2 .timeline-answer.chosen {
      box-shadow: none !important;
      display: block !important;
      color: #035496 !important;
      background: none !important;
      border: 1px solid #035496 !important; }
  .timeline-phase-2 .ending-bar-wrapper {
    display: none !important; }
  .timeline-phase-2 .timeline-calltoaction-title {
    font-size: 1.25em !important; }
  .timeline-phase-2 .timeline-calltoaction-description {
    font-size: 1em !important; }
  .timeline-phase-2 a.timeline-calltoaction-button:link:after, .timeline-phase-2 a.timeline-calltoaction-button:visited:after {
    content: " (http://www.nationalguard.com" attr(href) ") "; }
  .timeline-phase-2 .timeline-slide-html {
    margin-top: 1em !important;
    margin-bottom: 1em !important; }
    .timeline-phase-2 .timeline-slide-html.pog-box {
      margin-top: 0 !important; }
  .timeline-phase-2 .timeline-slide-overview {
    margin: 0 !important; }

  body.my-enlistment-timeline #side-menu {
    display: none !important; }
  body.my-enlistment-timeline .timeline-splash {
    background: none !important; }
    body.my-enlistment-timeline .timeline-splash .shadow-wrapper {
      background: none !important;
      margin: 0 !important;
      padding: 0 !important; }
      body.my-enlistment-timeline .timeline-splash .shadow-wrapper .timeline-splash-content-wrapper {
        max-width: none !important;
        margin: 0 !important;
        font-size: inherit !important; }
    body.my-enlistment-timeline .timeline-splash h1,
    body.my-enlistment-timeline .timeline-splash h3 {
      color: #000 !important;
      width: 100% !important;
      float: none !important;
      margin: 0 !important; }
    body.my-enlistment-timeline .timeline-splash .how-it-works {
      color: #000 !important;
      float: none !important;
      width: inherit !important;
      margin: 1em 0 0 !important; }
      body.my-enlistment-timeline .timeline-splash .how-it-works strong {
        text-align: left !important; }
    body.my-enlistment-timeline .timeline-splash a.build-timeline {
      float: none !important;
      color: #035496;
      background: none !important;
      border: 1px solid #035496 !important;
      margin: 1em 0 !important; }
      body.my-enlistment-timeline .timeline-splash a.build-timeline:link:after, body.my-enlistment-timeline .timeline-splash a.build-timeline:visited:after {
        content: " ( http://www.nationalguard.com" attr(href) " ) ";
        text-transform: none !important; }
  body.my-enlistment-timeline main.flow-divider {
    background: none !important;
    font-size: 1em !important;
    padding: 0 !important;
    color: #000 !important; }
    body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper {
      font-size: 1em !important;
      max-width: none !important;
      margin: 0 !important; }
      body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .flow-number {
        border: 1px solid #000 !important; }
      body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-button, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .info-box a.info-box__link, .info-box body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.info-box__link, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .downloadable-file a.downloadable-file__link, .downloadable-file body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.downloadable-file__link, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .promo-box-extra a.promo-box-extra__link, .promo-box-extra body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.promo-box-extra__link, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__info .info a.show-info, .get-started .get-started__content .get-started__info .info body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.show-info,
      body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__question .info a.show-info,
      .get-started .get-started__content .get-started__question .info body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.show-info, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__info .get-started__edit a, .get-started .get-started__content .get-started__info .get-started__edit body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a,
      body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__question .get-started__edit a,
      .get-started .get-started__content .get-started__question .get-started__edit body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content a.get-started__btn, .get-started .get-started__content body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.get-started__btn, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started__buttons a.submission, .get-started__buttons body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.map-btn, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .footer .footer__alternate a, .footer .footer__alternate body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .footer #footer-view-more .footer-primary-nav a, .footer #footer-view-more .footer-primary-nav body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .calculator a.submission, .calculator body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .calculator .fitness-list .fitness-list__btn a, .calculator .fitness-list .fitness-list__btn body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper #app-tech-support .ts__inputs a.submission, #app-tech-support .ts__inputs body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper #stem-signup-results a.submission, #stem-signup-results body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper #app-state-education-contact-results a.submission, #app-state-education-contact-results body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .stem-home #stem-signup a.submission, .stem-home #stem-signup body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission, .breakpoint-palm-only body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .edit-questionnairre .edit-answer-list > div a.edit-answer, .breakpoint-palm-only body.my-enlistment-timeline .edit-questionnairre .edit-answer-list > div main.flow-divider .timeline-content-wrapper a.edit-answer, .breakpoint-tablet-up body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .edit-questionnairre .edit-answer-list > div a.edit-answer, .breakpoint-tablet-up body.my-enlistment-timeline .edit-questionnairre .edit-answer-list > div main.flow-divider .timeline-content-wrapper a.edit-answer, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .edit-questionnairre .edit-answer-list a.finished-editing, body.my-enlistment-timeline .edit-questionnairre .edit-answer-list main.flow-divider .timeline-content-wrapper a.finished-editing, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .selection-statement a.answer-reset, body.my-enlistment-timeline .selection-statement main.flow-divider .timeline-content-wrapper a.answer-reset, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.see-all-career-fields, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.build-timeline, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper main.dashboard header a, body.my-enlistment-timeline main.dashboard header main.flow-divider .timeline-content-wrapper a, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-statepage__component__content-link, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-downloads__item-link, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.pagination__control, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-downloads__entry-link {
        color: #035496;
        background: none !important;
        border: 1px solid #035496 !important; }
        body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-button:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .info-box a.info-box__link:link:after, .info-box body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.info-box__link:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .downloadable-file a.downloadable-file__link:link:after, .downloadable-file body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.downloadable-file__link:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .promo-box-extra a.promo-box-extra__link:link:after, .promo-box-extra body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.promo-box-extra__link:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__info .info a.show-info:link:after, .get-started .get-started__content .get-started__info .info body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.show-info:link:after,
        body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__question .info a.show-info:link:after,
        .get-started .get-started__content .get-started__question .info body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.show-info:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__info .get-started__edit a:link:after, .get-started .get-started__content .get-started__info .get-started__edit body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a:link:after,
        body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__question .get-started__edit a:link:after,
        .get-started .get-started__content .get-started__question .get-started__edit body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content a.get-started__btn:link:after, .get-started .get-started__content body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.get-started__btn:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started__buttons a.submission:link:after, .get-started__buttons body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.map-btn:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .footer .footer__alternate a:link:after, .footer .footer__alternate body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .footer #footer-view-more .footer-primary-nav a:link:after, .footer #footer-view-more .footer-primary-nav body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .calculator a.submission:link:after, .calculator body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .calculator .fitness-list .fitness-list__btn a:link:after, .calculator .fitness-list .fitness-list__btn body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper #app-tech-support .ts__inputs a.submission:link:after, #app-tech-support .ts__inputs body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper #stem-signup-results a.submission:link:after, #stem-signup-results body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper #app-state-education-contact-results a.submission:link:after, #app-state-education-contact-results body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .stem-home #stem-signup a.submission:link:after, .stem-home #stem-signup body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:link:after, .breakpoint-palm-only body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .edit-questionnairre .edit-answer-list > div a.edit-answer:link:after, .breakpoint-palm-only body.my-enlistment-timeline .edit-questionnairre .edit-answer-list > div main.flow-divider .timeline-content-wrapper a.edit-answer:link:after, .breakpoint-tablet-up body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .edit-questionnairre .edit-answer-list > div a.edit-answer:link:after, .breakpoint-tablet-up body.my-enlistment-timeline .edit-questionnairre .edit-answer-list > div main.flow-divider .timeline-content-wrapper a.edit-answer:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .edit-questionnairre .edit-answer-list a.finished-editing:link:after, body.my-enlistment-timeline .edit-questionnairre .edit-answer-list main.flow-divider .timeline-content-wrapper a.finished-editing:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .selection-statement a.answer-reset:link:after, body.my-enlistment-timeline .selection-statement main.flow-divider .timeline-content-wrapper a.answer-reset:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.see-all-career-fields:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.build-timeline:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper main.dashboard header a:link:after, body.my-enlistment-timeline main.dashboard header main.flow-divider .timeline-content-wrapper a:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-statepage__component__content-link:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-downloads__item-link:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.pagination__control:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-downloads__entry-link:link:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-button:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .info-box a.info-box__link:visited:after, .info-box body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.info-box__link:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .downloadable-file a.downloadable-file__link:visited:after, .downloadable-file body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.downloadable-file__link:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .promo-box-extra a.promo-box-extra__link:visited:after, .promo-box-extra body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.promo-box-extra__link:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__info .info a.show-info:visited:after, .get-started .get-started__content .get-started__info .info body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.show-info:visited:after,
        body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__question .info a.show-info:visited:after,
        .get-started .get-started__content .get-started__question .info body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.show-info:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__info .get-started__edit a:visited:after, .get-started .get-started__content .get-started__info .get-started__edit body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a:visited:after,
        body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content .get-started__question .get-started__edit a:visited:after,
        .get-started .get-started__content .get-started__question .get-started__edit body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started .get-started__content a.get-started__btn:visited:after, .get-started .get-started__content body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.get-started__btn:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .get-started__buttons a.submission:visited:after, .get-started__buttons body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.map-btn:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .footer .footer__alternate a:visited:after, .footer .footer__alternate body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .footer #footer-view-more .footer-primary-nav a:visited:after, .footer #footer-view-more .footer-primary-nav body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .calculator a.submission:visited:after, .calculator body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .calculator .fitness-list .fitness-list__btn a:visited:after, .calculator .fitness-list .fitness-list__btn body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper #app-tech-support .ts__inputs a.submission:visited:after, #app-tech-support .ts__inputs body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper #stem-signup-results a.submission:visited:after, #stem-signup-results body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper #app-state-education-contact-results a.submission:visited:after, #app-state-education-contact-results body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .stem-home #stem-signup a.submission:visited:after, .stem-home #stem-signup body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.submission:visited:after, .breakpoint-palm-only body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .edit-questionnairre .edit-answer-list > div a.edit-answer:visited:after, .breakpoint-palm-only body.my-enlistment-timeline .edit-questionnairre .edit-answer-list > div main.flow-divider .timeline-content-wrapper a.edit-answer:visited:after, .breakpoint-tablet-up body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .edit-questionnairre .edit-answer-list > div a.edit-answer:visited:after, .breakpoint-tablet-up body.my-enlistment-timeline .edit-questionnairre .edit-answer-list > div main.flow-divider .timeline-content-wrapper a.edit-answer:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .edit-questionnairre .edit-answer-list a.finished-editing:visited:after, body.my-enlistment-timeline .edit-questionnairre .edit-answer-list main.flow-divider .timeline-content-wrapper a.finished-editing:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper .selection-statement a.answer-reset:visited:after, body.my-enlistment-timeline .selection-statement main.flow-divider .timeline-content-wrapper a.answer-reset:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.see-all-career-fields:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.build-timeline:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper main.dashboard header a:visited:after, body.my-enlistment-timeline main.dashboard header main.flow-divider .timeline-content-wrapper a:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-statepage__component__content-link:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-downloads__item-link:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.pagination__control:visited:after, body.my-enlistment-timeline main.flow-divider .timeline-content-wrapper a.ng-downloads__entry-link:visited:after {
          content: " ( http://www.nationalguard.com" attr(href) " ) ";
          text-transform: none !important; }
  body.my-enlistment-timeline .questionairre-wrapper {
    background: none !important;
    padding: 0 !important; }
    body.my-enlistment-timeline .questionairre-wrapper .questionnairre {
      background: none !important;
      padding: 0 !important;
      margin: 0 !important; }
      body.my-enlistment-timeline .questionairre-wrapper .questionnairre header.question-header {
        display: none !important; }
      body.my-enlistment-timeline .questionairre-wrapper .questionnairre section {
        margin: 0 !important;
        float: none !important;
        width: inherit !important; }
        body.my-enlistment-timeline .questionairre-wrapper .questionnairre section .previous-question {
          display: none !important; }
        body.my-enlistment-timeline .questionairre-wrapper .questionnairre section .gray-box, body.my-enlistment-timeline .questionairre-wrapper .questionnairre section .stem_interior .mos .mos-pane .mos-code, .stem_interior .mos .mos-pane body.my-enlistment-timeline .questionairre-wrapper .questionnairre section .mos-code {
          display: block !important;
          margin: 0 !important;
          padding: 0 !important;
          width: inherit !important;
          height: inherit !important;
          background: none !important; }
          body.my-enlistment-timeline .questionairre-wrapper .questionnairre section .gray-box .question, body.my-enlistment-timeline .questionairre-wrapper .questionnairre section .stem_interior .mos .mos-pane .mos-code .question, .stem_interior .mos .mos-pane body.my-enlistment-timeline .questionairre-wrapper .questionnairre section .mos-code .question {
            color: #000 !important; }
        body.my-enlistment-timeline .questionairre-wrapper .questionnairre section form.options .selection-statement {
          margin: 1em 0 !important; }
          body.my-enlistment-timeline .questionairre-wrapper .questionnairre section form.options .selection-statement a.answer-reset {
            display: none; }
        body.my-enlistment-timeline .questionairre-wrapper .questionnairre section form.options a.answer-option.first,
        body.my-enlistment-timeline .questionairre-wrapper .questionnairre section form.options a.answer-option.second {
          color: #035496 !important;
          background: none !important;
          border: 0.15em solid #035496 !important; }
          body.my-enlistment-timeline .questionairre-wrapper .questionnairre section form.options a.answer-option.first:before,
          body.my-enlistment-timeline .questionairre-wrapper .questionnairre section form.options a.answer-option.second:before {
            color: #035496 !important; }
  body.my-enlistment-timeline .overview-wrapper {
    background: none !important; }
    body.my-enlistment-timeline .overview-wrapper .overview-summary {
      background: none !important;
      color: #000 !important; }
      body.my-enlistment-timeline .overview-wrapper .overview-summary .timeline-content-wrapper {
        max-width: none !important;
        margin: 0 !important; }
        body.my-enlistment-timeline .overview-wrapper .overview-summary .timeline-content-wrapper .timeline-header {
          padding-left: 0 !important; }
        body.my-enlistment-timeline .overview-wrapper .overview-summary .timeline-content-wrapper .timeline-career-category,
        body.my-enlistment-timeline .overview-wrapper .overview-summary .timeline-content-wrapper .timeline-career-summary {
          background: none !important;
          padding-left: 0 !important; }
    body.my-enlistment-timeline .overview-wrapper .timeline-overview-title {
      background: none !important;
      color: #035496 !important; }
    body.my-enlistment-timeline .overview-wrapper .d3-timeline-wrapper {
      background: none !important; }
  body.my-enlistment-timeline .step-detail-wrapper {
    background: none !important; }
    body.my-enlistment-timeline .step-detail-wrapper header.step-header {
      display: none !important; }
    body.my-enlistment-timeline .step-detail-wrapper .step-faqs {
      padding: 0 !important; }
      body.my-enlistment-timeline .step-detail-wrapper .step-faqs .step-headline {
        max-width: none !important;
        width: inherit !important;
        margin: 0 !important; }
      body.my-enlistment-timeline .step-detail-wrapper .step-faqs .what-it-is-wrapper {
        max-width: none !important;
        margin: 0 !important; }
        body.my-enlistment-timeline .step-detail-wrapper .step-faqs .what-it-is-wrapper .step-detail-media {
          display: none !important; }
        body.my-enlistment-timeline .step-detail-wrapper .step-faqs .what-it-is-wrapper .what-it-is {
          max-width: none !important;
          width: inherit !important;
          float: none !important;
          margin: 0 !important; }
          body.my-enlistment-timeline .step-detail-wrapper .step-faqs .what-it-is-wrapper .what-it-is h3.section-head {
            margin: .25em 0 !important; }
      body.my-enlistment-timeline .step-detail-wrapper .step-faqs .what-youll-do-wrapper {
        background: none !important;
        float: none !important;
        margin: 0 !important; }
        body.my-enlistment-timeline .step-detail-wrapper .step-faqs .what-youll-do-wrapper .what-youll-do {
          max-width: none !important;
          width: inherit !important;
          padding: 0 !important;
          margin: 0 !important;
          background: none !important;
          color: #000 !important; }
          body.my-enlistment-timeline .step-detail-wrapper .step-faqs .what-youll-do-wrapper .what-youll-do h3.section-head {
            text-align: left !important;
            margin: .25em 0 !important; }
          body.my-enlistment-timeline .step-detail-wrapper .step-faqs .what-youll-do-wrapper .what-youll-do .what-youll-do-content a {
            color: #000 !important; }
            body.my-enlistment-timeline .step-detail-wrapper .step-faqs .what-youll-do-wrapper .what-youll-do .what-youll-do-content a:link:after, body.my-enlistment-timeline .step-detail-wrapper .step-faqs .what-youll-do-wrapper .what-youll-do .what-youll-do-content a:visited:after {
              content: " ( http://www.nationalguard.com" attr(href) " ) "; }
      body.my-enlistment-timeline .step-detail-wrapper .step-faqs .bottom-row {
        max-width: none !important;
        margin: .25em 0 !important;
        padding: 0 !important; }
  body.my-enlistment-timeline main.dashboard header.dashboard-hero {
    background: none !important;
    padding: 0 !important;
    min-height: 0 !important; }
    body.my-enlistment-timeline main.dashboard header.dashboard-hero:before {
      color: #000 !important;
      text-shadow: none !important;
      position: initial !important; }
    body.my-enlistment-timeline main.dashboard header.dashboard-hero .timeline-content-wrapper {
      max-width: none !important;
      margin: 0 !important; }
      body.my-enlistment-timeline main.dashboard header.dashboard-hero .timeline-content-wrapper .mgt-header {
        color: #000 !important;
        width: inherit !important;
        float: none !important;
        min-height: 0 !important;
        margin: .25em 0 !important; }
      body.my-enlistment-timeline main.dashboard header.dashboard-hero .timeline-content-wrapper a {
        color: #035496 !important;
        background: none !important;
        border: 2px solid #035496 !important;
        width: inherit !important;
        float: none !important;
        padding: .6em !important; }
        body.my-enlistment-timeline main.dashboard header.dashboard-hero .timeline-content-wrapper a:link:after, body.my-enlistment-timeline main.dashboard header.dashboard-hero .timeline-content-wrapper a:visited:after {
          content: " ( http://www.nationalguard.com" attr(href) " ) ";
          text-transform: none !important; }
  body.my-enlistment-timeline main.dashboard .white-out {
    background: none !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important; }
    body.my-enlistment-timeline main.dashboard .white-out > span {
      margin: .5em 0 !important;
      text-align: left !important; }
    body.my-enlistment-timeline main.dashboard .white-out .timeline-actions li {
      width: inherit !important;
      float: none !important;
      text-align: left !important;
      margin: .5em 0 !important; }
      body.my-enlistment-timeline main.dashboard .white-out .timeline-actions li:after {
        content: '';
        display: block;
        clear: both; }
    body.my-enlistment-timeline main.dashboard .white-out .timeline-actions a[class^="icon"]:before {
      display: inline-block !important;
      width: inherit !important;
      padding: .35em !important;
      margin: 0 .35em !important;
      float: left !important; }
    body.my-enlistment-timeline main.dashboard .white-out .timeline-actions a:link:after, body.my-enlistment-timeline main.dashboard .white-out .timeline-actions a:visited:after {
      content: " ( http://www.nationalguard.com" attr(href) " ) ";
      text-transform: none !important; }
    body.my-enlistment-timeline main.dashboard .white-out .timeline-actions p {
      margin-left: 6.25em !important; }
  body.my-enlistment-timeline main.edit-questionnairre {
    background: none !important; }
    body.my-enlistment-timeline main.edit-questionnairre .question-header {
      background: none !important;
      text-align: left !important; }
      body.my-enlistment-timeline main.edit-questionnairre .question-header .header__text {
        display: none !important; }
      body.my-enlistment-timeline main.edit-questionnairre .question-header:after {
        display: block !important;
        content: 'MY ENLISTMENT TIMELINE';
        color: #000 !important; }
    body.my-enlistment-timeline main.edit-questionnairre .edit-answer-list {
      max-width: none !important;
      margin: 0 !important;
      padding: 0 !important; }
      body.my-enlistment-timeline main.edit-questionnairre .edit-answer-list > div {
        max-width: none !important;
        margin: 0 !important;
        padding: 1em 0 !important; }
        body.my-enlistment-timeline main.edit-questionnairre .edit-answer-list > div .edit-answer {
          display: none !important; }
        body.my-enlistment-timeline main.edit-questionnairre .edit-answer-list > div .second-answer:before {
          color: #035496 !important; }
      body.my-enlistment-timeline main.edit-questionnairre .edit-answer-list .finished-editing {
        display: none !important; } }

/*# sourceMappingURL=app.css.map */