@charset "UTF-8";
.blue {
  color: #0053A2 !important; }

@font-face {
  font-family: 'din_next_lt_proregular';
  src: url("../fonts/dinnextltpro-regular-webfont.eot");
  src: url("../fonts/dinnextltpro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/dinnextltpro-regular-webfont.woff") format("woff"), url("../fonts/dinnextltpro-regular-webfont.ttf") format("truetype"), url("../fonts/dinnextltpro-regular-webfont.svg#din_next_lt_proregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'din_next_lt_proLtCn';
  src: url("../fonts/dinnextltpro-lightcondensed-webfont.eot");
  src: url("../fonts/dinnextltpro-lightcondensed-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/dinnextltpro-lightcondensed-webfont.woff") format("woff"), url("../fonts/dinnextltpro-lightcondensed-webfont.ttf") format("truetype"), url("../fonts/dinnextltpro-lightcondensed-webfont.svg#din_next_lt_proLtCn") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'din_next_lt_procondensed';
  src: url("../fonts/dinnextltpro-condensed-webfont.eot");
  src: url("../fonts/dinnextltpro-condensed-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/dinnextltpro-condensed-webfont.woff") format("woff"), url("../fonts/dinnextltpro-condensed-webfont.ttf") format("truetype"), url("../fonts/dinnextltpro-condensed-webfont.svg#din_next_lt_procondensed") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'din_next_lt_proMdCn';
  src: url("../fonts/dinnextltpro-mediumcond-webfont.eot");
  src: url("../fonts/dinnextltpro-mediumcond-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/dinnextltpro-mediumcond-webfont.woff") format("woff"), url("../fonts/dinnextltpro-mediumcond-webfont.ttf") format("truetype"), url("../fonts/dinnextltpro-mediumcond-webfont.svg#din_next_lt_proMdCn") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'din_next_lt_probold_condensed';
  src: url("../fonts/dinnextltpro-boldcondensed-webfont.eot");
  src: url("../fonts/dinnextltpro-boldcondensed-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/dinnextltpro-boldcondensed-webfont.woff") format("woff"), url("../fonts/dinnextltpro-boldcondensed-webfont.ttf") format("truetype"), url("../fonts/dinnextltpro-boldcondensed-webfont.svg#din_next_lt_probold_condensed") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
* Creates a fluid-ratio background image based on a large and small ratio
* Usage: @include fluid-ratio(800px 200px, 300px 150px);
*
* @link: http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-or-fluid-aspect-ratios
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

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

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

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

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * 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
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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.
 */
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; }

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

.button, .sidr .sidr-class-scholarship-button {
  display: inline-block;
  color: #222;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  text-transform: uppercase;
  font-family: "din_next_lt_proMdCn";
  font-size: 1.25em;
  padding: 0.5em 1.875em;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  @media screen and (max-width: 1199px) {
    .button, .sidr .sidr-class-scholarship-button {
      font-size: 1.125em;
      padding: 0.45em 1.6875em; } }
  @media screen and (max-width: 767px) {
    .button, .sidr .sidr-class-scholarship-button {
      font-size: 1em;
      padding: 0.4em 1.5em; } }
  @media screen and (max-width: 479px) {
    .button, .sidr .sidr-class-scholarship-button {
      font-size: 0.875em;
      padding: 0.35em 1.3125em; } }

.button:hover, .sidr .sidr-class-scholarship-button:hover,
.button.active,
.sidr .active.sidr-class-scholarship-button {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }

.button-outline {
  display: inline-block;
  color: #a5a5a5 !important;
  background-color: transparent;
  text-transform: uppercase;
  text-align: center;
  font-family: "din_next_lt_proMdCn";
  font-size: 1.125em !important;
  padding: 0.5em 1.875em !important;
  border: solid #a5a5a5 1px;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  text-decoration: none !important; }
  @media screen and (max-width: 1199px) {
    .button-outline {
      font-size: 1.0125em !important;
      padding: 0.45em 1.6875em !important; } }
  @media screen and (max-width: 939px) {
    .button-outline {
      background-color: #fff !important; } }
  @media screen and (max-width: 767px) {
    .button-outline {
      font-size: 0.9em !important;
      padding: 0.4em 1.5em !important; } }
  @media screen and (max-width: 479px) {
    .button-outline {
      font-size: 0.7875em !important;
      padding: 0.35em 1.3125em !important; } }

.button-outline:hover,
.button-outline.active {
  color: #222 !important;
  border: solid #222 1px !important;
  background-color: #fff !important; }

.scholarship-button, .sidr .sidr-class-scholarship-button {
  float: left;
  color: #fff;
  background-color: #0053a2;
  padding: 0em 0.9375em;
  font-family: "din_next_lt_proregular";
  font-size: 0.6875em;
  letter-spacing: 0.03125em;
  line-height: 30px;
  border: solid 1px #0053A2;
  height: 30px;
  margin-right: 0.9375em;
  text-transform: uppercase;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
  .scholarship-button span, .sidr .sidr-class-scholarship-button span {
    font-size: 0.9375em;
    margin-right: 0.625em; }
  @media screen and (max-width: 1199px) {
    .scholarship-button, .sidr .sidr-class-scholarship-button {
      line-height: 24px;
      height: 25px; } }
  @media screen and (max-width: 599px) {
    .scholarship-button, .sidr .sidr-class-scholarship-button {
      line-height: 23px;
      height: 23px;
      font-size: 0.625em; } }

.scholarship-button:hover, .sidr .sidr-class-scholarship-button:hover,
.scholarship-button.active,
.sidr .active.sidr-class-scholarship-button {
  color: #0053A2;
  background-color: transparent; }

.persona-button,
.page .persona-button {
  display: inline-block;
  color: #ebebeb;
  background-color: #00478a;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  font-family: "din_next_lt_proMdCn";
  font-size: 1.25em;
  padding: 0.5em 1.875em;
  border: solid 1px #00478a;
  text-decoration: none;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
  @media screen and (max-width: 1199px) {
    .persona-button,
    .page .persona-button {
      font-size: 1.125em;
      padding: 0.45em 1.6875em; } }
  @media screen and (max-width: 767px) {
    .persona-button,
    .page .persona-button {
      font-size: 1em;
      padding: 0.4em 1.5em; } }
  @media screen and (max-width: 479px) {
    .persona-button,
    .page .persona-button {
      font-size: 0.875em;
      padding: 0.35em 1.3125em; } }

.persona-button:hover,
.persona-button.active,
.page .persona-button:hover,
.page .persona-button.active {
  color: #00478a;
  background-color: #ebebeb;
  text-decoration: none; }

b, .bold {
  font-family: "din_next_lt_proregular";
  color: #222;
  font-weight: normal; }

.larger {
  font-size: 1.2em !important; }
  @media screen and (max-width: 1023px) {
    .larger {
      font-size: 1.08em !important; } }
  @media screen and (max-width: 767px) {
    .larger {
      font-size: 1.02em !important; } }

.smaller {
  font-size: 0.85em !important; }

table {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1em;
  font-family: "din_next_lt_proregular";
  font-weight: normal;
  line-height: 1.5em;
  color: #767676;
  text-align: center;
  border: none;
  table-layout: fixed; }
  @media screen and (max-width: 1023px) {
    table {
      font-size: 0.9em;
      line-height: 1.4375em; } }
  @media screen and (max-width: 767px) {
    table {
      font-size: 0.85em;
      line-height: 1.375em; } }
  table tbody th,
  table thead th {
    padding: 1em;
    background: transparent;
    border-bottom: 1px solid #a5a5a5;
    border-left: 1px solid #a5a5a5;
    color: #222;
    font-weight: normal;
    font-family: "din_next_lt_proregular";
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media screen and (max-width: 1023px) {
      table tbody th,
      table thead th {
        font-size: 0.9em;
        line-height: 1.4375em; } }
    @media screen and (max-width: 767px) {
      table tbody th,
      table thead th {
        font-size: 0.85em;
        line-height: 1.375em; } }
    @media screen and (max-width: 479px) {
      table tbody th,
      table thead th {
        padding: 0.5em; } }
  table thead {
    background: #003a71;
    color: #fff;
    border-bottom: 1px solid #a5a5a5; }
    table thead th {
      color: #fff; }
  table th:first-child,
  table td:first-child {
    border-left: none; }
  table td {
    padding: 1em;
    background: transparent;
    border-bottom: 1px solid #a5a5a5;
    border-left: 1px solid #a5a5a5;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media screen and (max-width: 479px) {
      table td {
        padding: 0.5em; } }
  table tr.even td,
  table tr.even th {
    background: #ebebeb; }
  table tr.last-child td,
  table tr.last-child th {
    border-bottom: none; }

html,
button,
input,
select,
textarea {
  color: #fff; }

body {
  font-size: 1em;
  line-height: 1.4; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .sidr form:before,
.clearfix:after,
.sidr form:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after, .sidr form:after {
  clear: both; }

.clearfix, .sidr form {
  *zoom: 1; }

html, body {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000; }

dl, menu, ol, ul {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  outline: 0; }

a:hover, a:active, a:link {
  text-decoration: none;
  outline: 0; }

html, body {
  background-color: #efefef;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  background: url("../img/global/site-background.png") repeat top left; }

body {
  overflow-x: hidden; }

#main {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background: no-repeat top center;
  background-position-y: 75px;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto; }

.page {
  padding-top: 6.9375em;
  padding-left: 1.7%;
  padding-right: 1.7%; }
  .page.nav-open {
    padding-top: 11.75em; }
  .page p a,
  .page ul.sub a,
  .page ol.sub a {
    color: #0053A2;
    text-decoration: underline;
    padding: 0.125em;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    .page p a:hover, .page p a:focus, .page p a.active,
    .page ul.sub a:hover,
    .page ul.sub a:focus,
    .page ul.sub a.active,
    .page ol.sub a:hover,
    .page ol.sub a:focus,
    .page ol.sub a.active {
      color: #222;
      text-decoration: none;
      background-color: #ebebeb; }
  .page blockquote a {
    color: #0053A2;
    text-decoration: underline;
    padding: 0.125em;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    .page blockquote a:hover, .page blockquote a:focus, .page blockquote a.active {
      color: #222;
      text-decoration: none;
      background-color: #fff; }
  @media screen and (max-width: 1199px) {
    .page {
      padding-top: 6.3125em; }
      .page.nav-open {
        padding-top: 10.575em; } }
  @media screen and (max-width: 1023px) {
    .page {
      padding-top: 5.75em; }
      .page.nav-open {
        padding-top: 9.4em; } }
  @media screen and (max-width: 939px) {
    .page {
      padding-top: 6.375em; }
      .page.nav-open {
        padding-top: 9.69375em; } }
  @media screen and (max-width: 767px) {
    .page {
      padding-top: 4.375em; }
      .page.nav-open {
        padding-top: 4.4375em; } }
  @media screen and (max-width: 599px) {
    .page {
      padding-top: 3.75em; }
      .page.nav-open {
        padding-top: 3.6875em; } }
  @media screen and (max-width: 479px) {
    .page {
      padding-left: 0;
      padding-right: 0;
      padding-top: 3.6875em; } }

hr {
  border: 0;
  height: 1px;
  margin: 0 auto;
  background-color: #a5a5a5; }
  hr.short-line {
    border: 0;
    height: 1px;
    margin: 0 auto;
    background-color: #003a71;
    width: 36%; }

.pull-left {
  float: left !important; }

.pull-right {
  float: right !important; }

.debug {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: dashed red 1px; }

@media screen and (max-width: 479px) {
  .hide-mobile {
    display: none; } }

@media screen and (max-width: 767px) {
  .hide-tablet {
    display: none; } }

.spinner {
  margin: 0px auto;
  width: 50px;
  height: 50px; }

a:active,
a:visited {
  outline: 0; }

textarea,
input,
button {
  border: none;
  outline: 0; }

.hero-img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0px;
  visibility: hidden; }

.status-block,
.status-block-button {
  display: none;
  visibility: hidden;
  text-align: center !important; }

.spinner-gif {
  display: none; }

.search-result em {
  font-style: normal;
  background: #D0E1F1; }

header {
  position: fixed;
  z-index: 100;
  background: url("../img/global/site-background.png") repeat top left;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-bottom: 1em; }

.main-heading {
  position: relative;
  z-index: 1;
  height: 6em; }
  @media screen and (max-width: 1199px) {
    .main-heading {
      height: 5.4em; } }
  @media screen and (max-width: 1023px) {
    .main-heading {
      height: 4.8em; } }
  @media screen and (max-width: 939px) {
    .main-heading {
      height: 4.2em; } }
  @media screen and (max-width: 767px) {
    .main-heading {
      height: 3.4375em; } }
  @media screen and (max-width: 599px) {
    .main-heading {
      height: 2.8125em; } }
  .main-heading .logo {
    position: absolute;
    height: auto;
    width: 11.75em;
    display: block;
    z-index: 1;
    bottom: 0;
    left: 1.7%; }
    @media screen and (max-width: 1199px) {
      .main-heading .logo {
        width: 10.575em; } }
    @media screen and (max-width: 939px) {
      .main-heading .logo {
        top: 0;
        padding-top: 0.625em; } }
    @media screen and (max-width: 599px) {
      .main-heading .logo {
        width: 9.4em; } }
  .main-heading .searchbar {
    position: absolute;
    right: 1.7%;
    top: 0;
    padding-top: 1.3%;
    text-align: left; }
    .main-heading .searchbar p {
      float: left;
      color: #767676;
      padding: 0 0.8125em;
      font-size: 0.8125em;
      line-height: 1.25em;
      font-family: "din_next_lt_procondensed";
      margin: 0; }
      @media screen and (max-width: 1199px) {
        .main-heading .searchbar p {
          padding: 0 0.4375em;
          font-size: 0.75em;
          line-height: 1em; } }
      .main-heading .searchbar p:first-child {
        border-right: 1px solid #767676; }
    .main-heading .searchbar .left-column > a {
      color: #0053A2;
      text-decoration: underline;
      padding: 0.125em;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s; }
      .main-heading .searchbar .left-column > a:hover, .main-heading .searchbar .left-column > a:focus, .main-heading .searchbar .left-column > a.active {
        color: #222;
        text-decoration: none;
        background-color: #ebebeb; }
    .main-heading .searchbar form {
      display: inline-block; }
    @media screen and (max-width: 767px) {
      .main-heading .searchbar {
        display: none; } }
  .main-heading .menu-wrapper {
    position: absolute;
    left: 1.7%;
    bottom: 0;
    width: 96.6%;
    text-align: right; }
    @media screen and (max-width: 939px) {
      .main-heading .menu-wrapper {
        top: 105%;
        text-align: center;
        height: 2em;
        background: url("../img/global/site-background.png") repeat top left; } }
    @media screen and (max-width: 767px) {
      .main-heading .menu-wrapper {
        display: none; } }
    .main-heading .menu-wrapper ul {
      list-style: none; }
  .main-heading .mobile-menu-button {
    position: absolute;
    right: 1%;
    top: 0;
    padding-top: 0.25em;
    text-align: right;
    font-size: 2.5em;
    display: none; }
    @media screen and (max-width: 767px) {
      .main-heading .mobile-menu-button {
        display: block; } }
    @media screen and (max-width: 599px) {
      .main-heading .mobile-menu-button {
        font-size: 2.25em; } }
    .main-heading .mobile-menu-button a {
      color: #0053A2; }

.sidr .sidr-class-scholarship-button {
  margin-bottom: 1em;
  margin-left: 15px;
  line-height: 30px;
  letter-spacing: 0em;
  font-size: 0.9em;
  width: 230px;
  height: 34px; }

.lt-ie9 .sidr .sidr-class-scholarship-button {
  height: 40px; }

.ie .sidr form .sidr-class-search-box {
  width: 170px; }

/**
* =============================
*  Main Navigation
* =============================
**/
.menu {
  margin: 0 auto; }
  .menu a {
    display: inline-block;
    line-height: 0.75em;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; }
    .menu a:hover, .menu a.active {
      color: #0053A2; }
      .menu a:hover span, .menu a.active span {
        color: #909090; }
  .menu > li {
    display: inline-block;
    padding: 0 0.9%;
    white-space: nowrap;
    /** Currently open main menu item **/ }
    @media screen and (max-width: 1199px) {
      .menu > li {
        padding: 0 0.5%; } }
    @media screen and (max-width: 1023px) {
      .menu > li {
        padding: 0 0.75%; } }
    .menu > li:last-child {
      padding-right: 0; }
    .menu > li > a {
      position: relative;
      font-family: "din_next_lt_procondensed";
      font-size: 1.125em;
      text-transform: uppercase;
      letter-spacing: 0.0625em;
      vertical-align: bottom;
      color: #474747; }
      @media screen and (max-width: 1199px) {
        .menu > li > a {
          font-size: 1.0125em; } }
      .menu > li > a span {
        display: inline-block;
        margin-bottom: 0.04375em;
        vertical-align: bottom;
        font-size: 0.6875em;
        color: #bfbfbf;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s; }
        @media screen and (max-width: 1199px) {
          .menu > li > a span {
            margin-bottom: 0.0875em; } }
        @media screen and (max-width: 1023px) {
          .menu > li > a span {
            display: none; } }
      .menu > li > a:after {
        top: 150%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: transparent;
        border-width: 10px;
        left: 50%;
        margin-left: -10px;
        -moz-transition: top 0.25s ease-in, border-bottom-color 0.22s ease-out 0.05s;
        -o-transition: top 0.25s ease-in, border-bottom-color 0.22s ease-out 0.05s;
        -webkit-transition: top 0.25s ease-in, border-bottom-color 0.22s ease-out;
        -webkit-transition-delay: 0s, 0.05s;
        transition: top 0.25s ease-in, border-bottom-color 0.22s ease-out 0.05s; }
    .menu > li.item-open > a {
      color: #4d87be; }
      .menu > li.item-open > a span {
        color: #909090; }
    .menu > li.item-open > a:after {
      top: 89%;
      border-bottom-color: #252525; }
      @media screen and (max-width: 939px) {
        .menu > li.item-open > a:after {
          top: 50%; } }
    .menu > li.item-open .menu-sub {
      z-index: 1000;
      visibility: visible; }
      .menu > li.item-open .menu-sub > li {
        opacity: 1;
        -moz-transition: opacity 0.5s 0.1s;
        -o-transition: opacity 0.5s 0.1s;
        -webkit-transition: opacity 0.5s;
        -webkit-transition-delay: 0.1s;
        transition: opacity 0.5s 0.1s; }
        .menu > li.item-open .menu-sub > li a:hover,
        .menu > li.item-open .menu-sub > li a.active {
          color: #4d87be; }
          .menu > li.item-open .menu-sub > li a:hover span,
          .menu > li.item-open .menu-sub > li a.active span {
            color: #909090; }

/**
* =============================
*  Sub Navigation
* =============================
**/
.menu-bg, .menu-sub {
  position: absolute;
  margin-top: 0.9em;
  top: 100%;
  width: 100%;
  left: 0;
  z-index: 0;
  font-size: 1em; }
  @media screen and (max-width: 939px) {
    .menu-bg, .menu-sub {
      margin-top: 0; } }

.menu-bg {
  height: 0px;
  -moz-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
  -webkit-transition: height 0.4s ease;
  transition: height 0.4s ease;
  background: url("../img/home/grid-bg.png") repeat; }

.nav-open .menu-bg {
  height: 3.75em; }
  @media screen and (max-width: 1199px) {
    .nav-open .menu-bg {
      height: 3.375em; } }
  @media screen and (max-width: 1023px) {
    .nav-open .menu-bg {
      height: 3em; } }
  @media screen and (max-width: 939px) {
    .nav-open .menu-bg {
      height: 2.625em; } }

.menu-sub {
  visibility: hidden;
  text-align: center; }
  .menu-sub > li {
    display: inline-block;
    margin: 0 0.8125em;
    white-space: nowrap;
    vertical-align: middle;
    opacity: 0;
    -moz-transition: opacity 0.1s 0s;
    -o-transition: opacity 0.1s 0s;
    -webkit-transition: opacity 0.1s;
    -webkit-transition-delay: 0s;
    transition: opacity 0.1s 0s; }
    @media screen and (max-width: 1199px) {
      .menu-sub > li {
        margin: 0 0.65em; } }
    @media screen and (max-width: 939px) {
      .menu-sub > li {
        margin: 0 0.325em; } }
    .menu-sub > li > a {
      font-size: 1em;
      font-family: "din_next_lt_proMdCn";
      letter-spacing: 0.09375em;
      color: #fff;
      font-weight: normal;
      line-height: 3.75em; }
      @media screen and (max-width: 1199px) {
        .menu-sub > li > a {
          font-size: 0.9375em;
          letter-spacing: 0.0625em;
          line-height: 3.375em; } }
      @media screen and (max-width: 1023px) {
        .menu-sub > li > a {
          font-size: 0.875em;
          letter-spacing: 0.04688em; } }
      @media screen and (max-width: 939px) {
        .menu-sub > li > a {
          font-size: 0.8125em;
          letter-spacing: 0.03125em;
          line-height: 3em; } }

/**
* =============================
*  Mobile Navigation
* =============================
**/
.sidr {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* Default Settings */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 99;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 45px;
  padding-top: 4.5em;
  background: url("../img/global/site-background.png") repeat top left;
  -moz-box-shadow: inset 0 0 5px 5px #ebebeb;
  -webkit-box-shadow: inset 0 0 5px 5px #ebebeb;
  box-shadow: inset 0 0 5px 5px #ebebeb; }
  @media screen and (max-width: 767px) {
    .sidr {
      padding-top: 4.5em; } }
  @media screen and (max-width: 599px) {
    .sidr {
      padding-top: 3.9em; } }
  .sidr .sidr-inner {
    padding: 0 0 15px; }
    .sidr .sidr-inner p {
      display: none; }
  .sidr.right {
    left: auto;
    right: -260px; }
  .sidr.left {
    left: -260px;
    right: auto; }
  .sidr ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid white; }
    .sidr ul li {
      display: block;
      margin: 0;
      line-height: 48px;
      border-top: 1px solid white;
      border-bottom: 1px solid #dfdfdf; }
      .sidr ul li.sidr-class-has-sub > a:after {
        content: "+";
        font-size: 1.5em;
        position: absolute;
        right: 10px; }
      .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
        border-top: none;
        line-height: 49px; }
        .sidr ul li:hover > a, .sidr ul li.active > a, .sidr ul li.sidr-class-active > a {
          -moz-box-shadow: inset 0 0 15px 3px #ebebeb;
          -webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
          box-shadow: inset 0 0 15px 3px #ebebeb; }
      .sidr ul li.active > a:after {
        content: "-"; }
      .sidr ul li.active > ul {
        max-height: 30em; }
      .sidr ul li a {
        font-family: "din_next_lt_procondensed";
        font-size: 1.09375em;
        text-transform: uppercase;
        letter-spacing: 0.0625em;
        vertical-align: bottom;
        color: #767676;
        padding: 0 15px;
        display: block;
        text-decoration: none;
        color: #333; }
      .sidr ul li ul {
        overflow: hidden;
        max-height: 0;
        border-bottom: none;
        margin: 0;
        -moz-transition: max-height 0.3s ease-out;
        -o-transition: max-height 0.3s ease-out;
        -webkit-transition: max-height 0.3s ease-out;
        transition: max-height 0.3s ease-out; }
        .sidr ul li ul li {
          line-height: 40px; }
          .sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
            border-top: none;
            line-height: 41px; }
            .sidr ul li ul li:hover > a, .sidr ul li ul li.active > a, .sidr ul li ul li.sidr-class-active > a {
              -moz-box-shadow: inset 0 0 15px 3px #ebebeb;
              -webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
              box-shadow: inset 0 0 15px 3px #ebebeb; }
          .sidr ul li ul li a {
            color: rgba(51, 51, 51, 0.8);
            padding-left: 30px; }

footer {
  position: relative;
  width: 96.5%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 1% 1.7%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  margin-top: 1.7%; }
  footer .social-nav {
    float: left;
    white-space: nowrap; }
    @media screen and (max-width: 767px) {
      footer .social-nav {
        float: none;
        text-align: center; } }
    footer .social-nav li {
      display: inline-block;
      padding-right: 0.375em; }
      footer .social-nav li a {
        font-size: 1.75em;
        color: #767676;
        text-decoration: none;
        vertical-align: bottom;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s; }
        @media screen and (max-width: 1199px) {
          footer .social-nav li a {
            font-size: 1.625em; } }
        @media screen and (max-width: 939px) {
          footer .social-nav li a {
            font-size: 1.5em; } }
      footer .social-nav li a:hover,
      footer .social-nav li a.active {
        color: #0053A2;
        text-decoration: none; }
  footer .footer-nav {
    float: right;
    text-align: right;
    white-space: nowrap; }
    @media screen and (max-width: 767px) {
      footer .footer-nav {
        text-align: center;
        float: none;
        white-space: normal; } }
    footer .footer-nav li {
      display: inline-block;
      padding-left: 0.75em;
      white-space: nowrap; }
      @media screen and (max-width: 939px) {
        footer .footer-nav li {
          padding-left: 0.3125em; } }
      @media screen and (max-width: 767px) {
        footer .footer-nav li {
          padding-left: 0.1875em;
          padding-right: 0.1875em;
          white-space: normal; } }
      footer .footer-nav li a,
      footer .footer-nav li span {
        font-size: 0.75em;
        font-family: "din_next_lt_proregular";
        letter-spacing: 0.0625em;
        color: #767676;
        text-decoration: none;
        margin: 0;
        padding: 0;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s; }
        footer .footer-nav li a.dash,
        footer .footer-nav li span.dash {
          color: #a5a5a5; }
        @media screen and (max-width: 1199px) {
          footer .footer-nav li a,
          footer .footer-nav li span {
            font-size: 0.6875em;
            letter-spacing: 0.03125em; } }
        @media screen and (max-width: 939px) {
          footer .footer-nav li a,
          footer .footer-nav li span {
            font-size: 0.625em; } }
      footer .footer-nav li a:hover,
      footer .footer-nav li a.active {
        color: #0053A2;
        text-decoration: underline; }

#home {
  position: relative; }
  #home .home-intro {
    position: relative;
    margin-bottom: 1.7%; }
    #home .home-intro .home-slider-box {
      position: relative;
      float: left;
      width: 74.5%;
      overflow: hidden;
      background-color: #222; }
      @media screen and (max-width: 939px) {
        #home .home-intro .home-slider-box {
          float: none;
          width: 100%; } }
      #home .home-intro .home-slider-box .home-slider-nav {
        position: absolute;
        z-index: 1;
        bottom: 3%;
        right: 3%; }
        #home .home-intro .home-slider-box .home-slider-nav a {
          color: #a5a5a5;
          -moz-transition-property: all;
          -o-transition-property: all;
          -webkit-transition-property: all;
          transition-property: all;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          margin-left: 0.3125em; }
          #home .home-intro .home-slider-box .home-slider-nav a span.icon-cd {
            color: #fff; }
        #home .home-intro .home-slider-box .home-slider-nav a:hover,
        #home .home-intro .home-slider-box .home-slider-nav a.active {
          color: #fff; }
      #home .home-intro .home-slider-box .home-slider {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
        display: none; }
        #home .home-intro .home-slider-box .home-slider img {
          position: absolute;
          z-index: 0;
          top: 0;
          left: 0;
          height: 100%;
          width: auto; }
          @media screen and (max-width: 939px) {
            #home .home-intro .home-slider-box .home-slider img {
              height: auto;
              width: 100%; } }
          @media screen and (max-width: 479px) {
            #home .home-intro .home-slider-box .home-slider img {
              height: 100%;
              margin-left: -25%;
              width: auto; } }
        #home .home-intro .home-slider-box .home-slider .copy-container {
          position: absolute;
          width: 89%;
          left: 5.5%;
          z-index: 1;
          bottom: 15%; }
          #home .home-intro .home-slider-box .home-slider .copy-container h2 {
            text-transform: uppercase;
            font-size: 4.0625em;
            font-family: "din_next_lt_proLtCn";
            line-height: 0.75em;
            letter-spacing: 0.025em;
            color: #fff;
            font-weight: normal;
            margin: 0 0 1.7% 0;
            padding: 0; }
            @media screen and (max-width: 1199px) {
              #home .home-intro .home-slider-box .home-slider .copy-container h2 {
                font-size: 3.04688em;
                margin: 0 0 1.0% 0; } }
            @media screen and (max-width: 1023px) {
              #home .home-intro .home-slider-box .home-slider .copy-container h2 {
                font-size: 2.64063em; } }
            @media screen and (max-width: 767px) {
              #home .home-intro .home-slider-box .home-slider .copy-container h2 {
                font-size: 2.03125em; } }
            @media screen and (max-width: 599px) {
              #home .home-intro .home-slider-box .home-slider .copy-container h2 {
                font-size: 1.625em; } }
            @media screen and (max-width: 479px) {
              #home .home-intro .home-slider-box .home-slider .copy-container h2 {
                font-size: 1.42188em; } }
          #home .home-intro .home-slider-box .home-slider .copy-container h1 {
            text-transform: uppercase;
            font-size: 7.9375em;
            font-family: "din_next_lt_probold_condensed";
            letter-spacing: 0.025em;
            line-height: 0.75em;
            color: #fff;
            font-weight: normal;
            margin: 0 0 2.5% 0;
            padding: 0; }
            @media screen and (max-width: 1199px) {
              #home .home-intro .home-slider-box .home-slider .copy-container h1 {
                font-size: 5.95313em;
                margin: 0 0 1.7% 0; } }
            @media screen and (max-width: 1023px) {
              #home .home-intro .home-slider-box .home-slider .copy-container h1 {
                font-size: 5.15938em; } }
            @media screen and (max-width: 767px) {
              #home .home-intro .home-slider-box .home-slider .copy-container h1 {
                font-size: 3.96875em; } }
            @media screen and (max-width: 599px) {
              #home .home-intro .home-slider-box .home-slider .copy-container h1 {
                font-size: 3.175em; } }
            @media screen and (max-width: 479px) {
              #home .home-intro .home-slider-box .home-slider .copy-container h1 {
                font-size: 2.77813em; } }
          #home .home-intro .home-slider-box .home-slider .copy-container p {
            font-size: 1.25em;
            font-family: "din_next_lt_proregular";
            letter-spacing: 0.00625em;
            line-height: 1.25em;
            color: #fff;
            margin: 0 0 3% 0;
            padding: 0; }
            @media screen and (max-width: 1199px) {
              #home .home-intro .home-slider-box .home-slider .copy-container p {
                font-size: 0.9375em;
                margin: 0 0 2.5% 0; } }
            @media screen and (max-width: 1023px) {
              #home .home-intro .home-slider-box .home-slider .copy-container p {
                font-size: 0.8125em; } }
            @media screen and (max-width: 767px) {
              #home .home-intro .home-slider-box .home-slider .copy-container p {
                font-size: 0.75em; } }
            @media screen and (max-width: 599px) {
              #home .home-intro .home-slider-box .home-slider .copy-container p {
                font-size: 0.6875em; } }
            @media screen and (max-width: 479px) {
              #home .home-intro .home-slider-box .home-slider .copy-container p {
                font-size: 0.625em;
                line-height: 1.125em; } }
    #home .home-intro .home-slider-box:before {
      content: "";
      display: block;
      padding-top: 70.5%; }
      @media screen and (max-width: 939px) {
        #home .home-intro .home-slider-box:before {
          padding-top: 58.5%; } }
      @media screen and (max-width: 479px) {
        #home .home-intro .home-slider-box:before {
          padding-top: 90%; } }
    #home .home-intro .home-buckets {
      float: right;
      width: 23.6%; }
      @media screen and (max-width: 939px) {
        #home .home-intro .home-buckets {
          float: none;
          margin: 1.7% 0;
          width: 100%; } }
      @media screen and (max-width: 767px) {
        #home .home-intro .home-buckets {
          display: none; } }
    #home .home-intro .down-arrow {
      position: absolute;
      width: 8%;
      left: 50%;
      margin-left: -4%;
      bottom: -3.1%; }
      @media screen and (max-width: 939px) {
        #home .home-intro .down-arrow {
          width: 10.5%;
          left: 50%;
          margin-left: -5.25%;
          bottom: -1.7%; } }
      @media screen and (max-width: 479px) {
        #home .home-intro .down-arrow {
          display: none; } }
  #home .what-is-afrotc {
    position: relative;
    width: 100%;
    overflow: hidden; }
    #home .what-is-afrotc .what-is-hero {
      background-color: rgba(165, 165, 165, 0.3);
      padding-top: 10.40583%;
      height: 214.15609px;
      -moz-background-size: cover;
      -o-background-size: cover;
      -webkit-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center 0;
      /* Internet Explorer 7/8 */ }
      @media screen and (max-width: 939px) {
        #home .what-is-afrotc .what-is-hero {
          height: 164px; } }
      @media screen and (max-width: 767px) {
        #home .what-is-afrotc .what-is-hero {
          height: 124px; } }
      @media screen and (max-width: 599px) {
        #home .what-is-afrotc .what-is-hero {
          display: none; } }
  #home .what-is-copy-box {
    position: relative;
    width: 100%;
    background-color: #ebebeb;
    padding: 0;
    margin: 0;
    display: table; }
    @media screen and (max-width: 767px) {
      #home .what-is-copy-box {
        display: inline; } }
    #home .what-is-copy-box .what-is-info {
      position: relative;
      display: table-cell;
      vertical-align: top;
      width: 65%;
      background-color: #fff;
      padding: 6% 5%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 1199px) {
        #home .what-is-copy-box .what-is-info {
          padding: 5% 4%; } }
      @media screen and (max-width: 939px) {
        #home .what-is-copy-box .what-is-info {
          width: 50%; } }
      @media screen and (max-width: 767px) {
        #home .what-is-copy-box .what-is-info {
          display: block;
          width: 100%; } }
      #home .what-is-copy-box .what-is-info h1 {
        text-transform: uppercase;
        font-size: 3.0625em;
        font-family: "din_next_lt_proMdCn";
        line-height: 0.75em;
        color: #767676;
        font-weight: normal;
        margin: 0 0 5% 0;
        padding: 0; }
        @media screen and (max-width: 1199px) {
          #home .what-is-copy-box .what-is-info h1 {
            margin: 0 0 4% 0;
            font-size: 2.75625em; } }
        @media screen and (max-width: 1023px) {
          #home .what-is-copy-box .what-is-info h1 {
            font-size: 2.45em; } }
        @media screen and (max-width: 767px) {
          #home .what-is-copy-box .what-is-info h1 {
            font-size: 2.14375em; } }
        @media screen and (max-width: 599px) {
          #home .what-is-copy-box .what-is-info h1 {
            margin: 0 0 3% 0;
            font-size: 1.8375em; } }
        @media screen and (max-width: 479px) {
          #home .what-is-copy-box .what-is-info h1 {
            font-size: 1.53125em; } }
      #home .what-is-copy-box .what-is-info .what-is-nav {
        margin: 0 0 4% 0; }
        @media screen and (max-width: 1199px) {
          #home .what-is-copy-box .what-is-info .what-is-nav {
            margin: 0 0 3% 0; } }
        @media screen and (max-width: 599px) {
          #home .what-is-copy-box .what-is-info .what-is-nav {
            margin: 0 0 2% 0; } }
        #home .what-is-copy-box .what-is-info .what-is-nav li {
          display: inline-block;
          padding-right: 2.5%;
          white-space: nowrap;
          vertical-align: middle; }
          #home .what-is-copy-box .what-is-info .what-is-nav li a {
            font-size: 2.25em;
            font-family: "din_next_lt_proLtCn";
            letter-spacing: 0.0625em;
            line-height: 0.75em;
            color: rgba(0, 58, 113, 0.5);
            font-weight: normal;
            -moz-transition-property: all;
            -o-transition-property: all;
            -webkit-transition-property: all;
            transition-property: all;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s; }
            @media screen and (max-width: 1199px) {
              #home .what-is-copy-box .what-is-info .what-is-nav li a {
                font-size: 2.025em;
                letter-spacing: 0.03125em; } }
            @media screen and (max-width: 1023px) {
              #home .what-is-copy-box .what-is-info .what-is-nav li a {
                font-size: 1.8em; } }
            @media screen and (max-width: 939px) {
              #home .what-is-copy-box .what-is-info .what-is-nav li a {
                font-size: 1.4625em;
                letter-spacing: 0em; } }
            @media screen and (max-width: 599px) {
              #home .what-is-copy-box .what-is-info .what-is-nav li a {
                font-size: 1.35em;
                letter-spacing: 0em; } }
            @media screen and (max-width: 479px) {
              #home .what-is-copy-box .what-is-info .what-is-nav li a {
                font-size: 1.125em; } }
          #home .what-is-copy-box .what-is-info .what-is-nav li a:hover,
          #home .what-is-copy-box .what-is-info .what-is-nav li a.active {
            color: #003a71;
            border-bottom: 1px solid #003a71; }
          #home .what-is-copy-box .what-is-info .what-is-nav li span {
            font-size: 1em;
            color: rgba(0, 58, 113, 0.5); }
            @media screen and (max-width: 939px) {
              #home .what-is-copy-box .what-is-info .what-is-nav li span {
                display: none; } }
      #home .what-is-copy-box .what-is-info .sub-copy-item {
        position: relative;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        display: none; }
        #home .what-is-copy-box .what-is-info .sub-copy-item p {
          font-size: 1em;
          font-family: "din_next_lt_proregular";
          font-weight: normal;
          line-height: 1.5em;
          color: #767676;
          margin: 0;
          padding: 0; }
          @media screen and (max-width: 1023px) {
            #home .what-is-copy-box .what-is-info .sub-copy-item p {
              font-size: 0.9em;
              line-height: 1.4375em; } }
          @media screen and (max-width: 767px) {
            #home .what-is-copy-box .what-is-info .sub-copy-item p {
              font-size: 0.85em;
              line-height: 1.375em; } }
    #home .what-is-copy-box .what-is-process {
      position: relative;
      display: table-cell;
      vertical-align: top;
      width: 35%;
      text-align: center;
      padding: 6% 5%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 1199px) {
        #home .what-is-copy-box .what-is-process {
          padding: 5% 4%; } }
      @media screen and (max-width: 939px) {
        #home .what-is-copy-box .what-is-process {
          width: 50%; } }
      @media screen and (max-width: 767px) {
        #home .what-is-copy-box .what-is-process {
          display: none; } }
      #home .what-is-copy-box .what-is-process h2 {
        font-size: 1.375em;
        font-family: "din_next_lt_proMdCn";
        line-height: 0.75em;
        letter-spacing: 0.01875em;
        color: #003a71;
        font-weight: normal;
        margin: 0 0 5% 0;
        padding: 0; }
        @media screen and (max-width: 1199px) {
          #home .what-is-copy-box .what-is-process h2 {
            margin: 0 0 4% 0;
            font-size: 1.2375em; } }
        @media screen and (max-width: 939px) {
          #home .what-is-copy-box .what-is-process h2 {
            margin: 0 0 5% 0; } }
        @media screen and (max-width: 767px) {
          #home .what-is-copy-box .what-is-process h2 {
            margin: 0 0 3% 0; } }
      #home .what-is-copy-box .what-is-process hr {
        margin: 0 auto 3% auto; }
        @media screen and (max-width: 1199px) {
          #home .what-is-copy-box .what-is-process hr {
            margin: 0 auto 2% auto; } }
        @media screen and (max-width: 939px) {
          #home .what-is-copy-box .what-is-process hr {
            margin: 0 auto 3% auto; } }
        @media screen and (max-width: 767px) {
          #home .what-is-copy-box .what-is-process hr {
            margin: 0 auto 2% auto; } }
      #home .what-is-copy-box .what-is-process p {
        font-size: 0.8125em;
        font-family: "din_next_lt_proregular";
        line-height: 1.375em;
        color: #767676;
        margin: 0 0 7% 0;
        padding: 0; }
        @media screen and (max-width: 1199px) {
          #home .what-is-copy-box .what-is-process p {
            font-size: 0.75em; } }
        @media screen and (max-width: 939px) {
          #home .what-is-copy-box .what-is-process p {
            font-size: 0.8125em; } }
        @media screen and (max-width: 767px) {
          #home .what-is-copy-box .what-is-process p {
            margin: 0 0 3% 0; } }
        @media screen and (max-width: 479px) {
          #home .what-is-copy-box .what-is-process p {
            font-size: 0.75em; } }
      #home .what-is-copy-box .what-is-process .process-steps-top {
        margin: 0 0 5% 0;
        position: relative;
        display: block; }
        @media screen and (max-width: 1199px) {
          #home .what-is-copy-box .what-is-process .process-steps-top {
            margin: 0 0 4% 0; } }
        @media screen and (max-width: 939px) {
          #home .what-is-copy-box .what-is-process .process-steps-top {
            margin: 0 0 5% 0; } }
        @media screen and (max-width: 767px) {
          #home .what-is-copy-box .what-is-process .process-steps-top {
            margin: 0 0 3% 0; } }
        #home .what-is-copy-box .what-is-process .process-steps-top input {
          font-family: "din_next_lt_proLtCn";
          font-style: normal;
          font-variant: normal;
          font-size: 66px;
          line-height: normal;
          color: #0053A2;
          text-align: center;
          width: 70px;
          height: 66px;
          position: absolute;
          margin-top: 29px;
          margin-left: -101px;
          border: 0px; }
        #home .what-is-copy-box .what-is-process .process-steps-top .arrow-left,
        #home .what-is-copy-box .what-is-process .process-steps-top .arrow-right {
          position: absolute;
          font-size: 2.5em;
          color: #a5a5a5;
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
          opacity: 0.2;
          z-index: 4;
          top: 50%;
          display: block;
          margin-top: -0.75em;
          padding: 0.125em 0.125em 0em 0.125em;
          -moz-transition-property: all;
          -o-transition-property: all;
          -webkit-transition-property: all;
          transition-property: all;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s; }
        #home .what-is-copy-box .what-is-process .process-steps-top .arrow-left.active,
        #home .what-is-copy-box .what-is-process .process-steps-top .arrow-right.active {
          filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
          opacity: 1; }
          #home .what-is-copy-box .what-is-process .process-steps-top .arrow-left.active:hover, #home .what-is-copy-box .what-is-process .process-steps-top .arrow-left.active:hover,
          #home .what-is-copy-box .what-is-process .process-steps-top .arrow-right.active:hover,
          #home .what-is-copy-box .what-is-process .process-steps-top .arrow-right.active:hover {
            color: #222; }
        #home .what-is-copy-box .what-is-process .process-steps-top .arrow-left {
          left: 0; }
        #home .what-is-copy-box .what-is-process .process-steps-top .arrow-right {
          right: 0; }
      #home .what-is-copy-box .what-is-process .process-steps-bottom {
        position: relative;
        display: block;
        overflow: hidden;
        height: 3.125em; }
        #home .what-is-copy-box .what-is-process .process-steps-bottom .step-item {
          position: absolute;
          width: 100%;
          top: 0;
          left: 0;
          display: block;
          display: none; }
          #home .what-is-copy-box .what-is-process .process-steps-bottom .step-item p {
            font-size: 1em;
            font-family: "din_next_lt_procondensed";
            line-height: 1.375em;
            color: #003a71;
            margin: 0;
            padding: 0; }
            @media screen and (max-width: 1199px) {
              #home .what-is-copy-box .what-is-process .process-steps-bottom .step-item p {
                font-family: "din_next_lt_proLtCn";
                font-size: 0.9375em; } }
            @media screen and (max-width: 1023px) {
              #home .what-is-copy-box .what-is-process .process-steps-bottom .step-item p {
                font-size: 0.875em; } }
            @media screen and (max-width: 939px) {
              #home .what-is-copy-box .what-is-process .process-steps-bottom .step-item p {
                font-family: "din_next_lt_procondensed";
                font-size: 1em; } }
            @media screen and (max-width: 479px) {
              #home .what-is-copy-box .what-is-process .process-steps-bottom .step-item p {
                font-family: "din_next_lt_proLtCn";
                font-size: 0.9375em;
                line-height: 1.25em; } }
  #home .afrotc-journey {
    position: relative;
    width: 100%; }
    #home .afrotc-journey .afrotc-journey-hero {
      position: relative;
      overflow: hidden;
      background-color: rgba(165, 165, 165, 0.3);
      padding-top: 10.40583%;
      height: 214.15609px;
      -moz-background-size: cover;
      -o-background-size: cover;
      -webkit-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center 0;
      /* Internet Explorer 7/8 */ }
      @media screen and (max-width: 939px) {
        #home .afrotc-journey .afrotc-journey-hero {
          height: 164px; } }
      @media screen and (max-width: 767px) {
        #home .afrotc-journey .afrotc-journey-hero {
          height: 124px; } }
      @media screen and (max-width: 599px) {
        #home .afrotc-journey .afrotc-journey-hero {
          display: none; } }
      #home .afrotc-journey .afrotc-journey-hero h1 {
        position: absolute;
        width: 100%;
        bottom: 40%;
        text-align: center;
        text-transform: uppercase;
        font-size: 6em;
        font-family: "din_next_lt_probold_condensed";
        letter-spacing: 0.025em;
        line-height: 0.75em;
        color: #fff;
        font-weight: normal;
        padding: 0;
        margin: 0; }
        @media screen and (max-width: 1199px) {
          #home .afrotc-journey .afrotc-journey-hero h1 {
            font-size: 4.5em; } }
        @media screen and (max-width: 1023px) {
          #home .afrotc-journey .afrotc-journey-hero h1 {
            font-size: 3.9em; } }
        @media screen and (max-width: 939px) {
          #home .afrotc-journey .afrotc-journey-hero h1 {
            font-size: 3.3em; } }
        @media screen and (max-width: 767px) {
          #home .afrotc-journey .afrotc-journey-hero h1 {
            font-size: 3em; } }
        @media screen and (max-width: 599px) {
          #home .afrotc-journey .afrotc-journey-hero h1 {
            font-size: 2.4em; } }
        @media screen and (max-width: 479px) {
          #home .afrotc-journey .afrotc-journey-hero h1 {
            font-size: 2.1em; } }
      #home .afrotc-journey .afrotc-journey-hero a {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        z-index: 2;
        width: 100%;
        cursor: pointer;
        background-image: url(about:blank); }
    #home .afrotc-journey .afrotc-journey-nav {
      width: 100%;
      text-align: center;
      background: url("../img/home/grid-bg.png") repeat; }
      #home .afrotc-journey .afrotc-journey-nav li {
        float: left;
        display: block;
        width: 25%;
        padding: 2% 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-right: 1px solid rgba(165, 165, 165, 0.2); }
        #home .afrotc-journey .afrotc-journey-nav li a {
          text-transform: uppercase;
          line-height: 0.75em;
          color: #a5a5a5;
          font-weight: normal;
          -moz-transition-property: all;
          -o-transition-property: all;
          -webkit-transition-property: all;
          transition-property: all;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s; }
          #home .afrotc-journey .afrotc-journey-nav li a .no-mobile {
            display: inherit; }
            @media screen and (max-width: 599px) {
              #home .afrotc-journey .afrotc-journey-nav li a .no-mobile {
                display: none; } }
          #home .afrotc-journey .afrotc-journey-nav li a .one-line {
            font-size: 1.875em;
            font-family: "din_next_lt_proMdCn";
            line-height: 0.75em;
            vertical-align: middle;
            font-weight: normal; }
            @media screen and (max-width: 1199px) {
              #home .afrotc-journey .afrotc-journey-nav li a .one-line {
                font-size: 1.5em; } }
            @media screen and (max-width: 1023px) {
              #home .afrotc-journey .afrotc-journey-nav li a .one-line {
                font-size: 1.3125em; } }
            @media screen and (max-width: 939px) {
              #home .afrotc-journey .afrotc-journey-nav li a .one-line {
                font-size: 1.125em; } }
            @media screen and (max-width: 767px) {
              #home .afrotc-journey .afrotc-journey-nav li a .one-line {
                font-family: "din_next_lt_procondensed";
                letter-spacing: -0.03125em; } }
            @media screen and (max-width: airman) {
              #home .afrotc-journey .afrotc-journey-nav li a .one-line {
                letter-spacing: -0.03125em;
                font-size: 1.03125em; } }
        #home .afrotc-journey .afrotc-journey-nav li a:hover,
        #home .afrotc-journey .afrotc-journey-nav li a.active {
          color: #fff; }
    #home .afrotc-journey .afrotc-selected-box {
      position: relative;
      width: 100%;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        #home .afrotc-journey .afrotc-selected-box {
          height: 15.625em; } }
      #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
        display: none;
        background: no-repeat;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        -webkit-background-size: 100% auto;
        background-size: 100% auto; }
        #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item img {
          position: static;
          width: 100%;
          height: auto; }
        @media screen and (max-width: 767px) {
          #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item {
            background: none !important;
            height: 15.625em;
            padding: 5% 4% 3.3% 4%; } }
        #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container {
          position: absolute;
          width: 63%;
          margin-left: 32%;
          top: 8%;
          text-align: center; }
          @media screen and (max-width: 1199px) {
            #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container {
              top: 6%; } }
          @media screen and (max-width: 1023px) {
            #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container {
              top: 8%; } }
          @media screen and (max-width: 767px) {
            #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container {
              position: relative;
              width: 100%;
              margin-left: 0; } }
          #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container hr {
            margin: 2% auto; }
          #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container h1 {
            text-transform: uppercase;
            font-size: 2.25em;
            font-family: "din_next_lt_proMdCn";
            line-height: 0.75em;
            color: #767676;
            font-weight: normal;
            margin: 0;
            padding: 0; }
            @media screen and (max-width: 1199px) {
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container h1 {
                font-size: 2.025em; } }
            @media screen and (max-width: 939px) {
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container h1 {
                font-size: 1.8em; } }
            @media screen and (max-width: 599px) {
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container h1 {
                font-size: 1.575em; } }
          #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container p {
            font-size: 1em;
            font-family: "din_next_lt_proregular";
            line-height: 1.375em;
            color: #767676;
            margin: 2% auto;
            padding: 0; }
            @media screen and (max-width: 1199px) {
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container p {
                font-size: 0.9em; } }
            @media screen and (max-width: 939px) {
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container p {
                font-size: 0.75em; } }
          #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts {
            width: 98%;
            margin: 3% auto; }
            @media screen and (max-width: 1199px) {
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts {
                margin: 2% auto; } }
            @media screen and (max-width: 939px) {
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts {
                display: none; } }
            #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout {
              display: inline-block;
              margin-right: 3%;
              width: 30%;
              height: 16.25em;
              padding: 0.7%;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              background: url("../img/home/grid-bg.png") repeat;
              text-align: left;
              vertical-align: top; }
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout.last-child {
                margin-right: 0; }
              @media screen and (max-width: 1199px) {
                #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout {
                  height: 14.375em; } }
              @media screen and (max-width: 1023px) {
                #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout {
                  height: 10.625em; }
                  #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout img {
                    display: none; } }
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout a {
                color: #4d87be; }
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout a:hover,
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout a.active {
                color: #222; }
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout .callout-button {
                position: relative;
                padding: 6% 6%;
                display: inline-block;
                width: 100%;
                font-size: 1.1875em;
                text-transform: uppercase;
                font-family: "din_next_lt_proLtCn";
                font-weight: normal;
                letter-spacing: 0.0625em;
                line-height: 0.9375em;
                color: #fff;
                background: url("../img/home/grid-bg-lite.png") repeat;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
                opacity: 0.7;
                -moz-transition-property: all;
                -o-transition-property: all;
                -webkit-transition-property: all;
                transition-property: all;
                -moz-transition-duration: 0.3s;
                -o-transition-duration: 0.3s;
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s; }
                @media screen and (max-width: 1199px) {
                  #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout .callout-button {
                    padding: 5%;
                    font-size: 1.125em; } }
                #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout .callout-button .icon-arrow-right-lg {
                  position: absolute;
                  right: 4%;
                  top: 33%;
                  -moz-transition-property: right;
                  -o-transition-property: right;
                  -webkit-transition-property: right;
                  transition-property: right;
                  -moz-transition-duration: 0.3s;
                  -o-transition-duration: 0.3s;
                  -webkit-transition-duration: 0.3s;
                  transition-duration: 0.3s; }
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout .callout-button:hover,
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout .callout-button.active {
                padding: 6% 9%;
                filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                opacity: 1;
                color: #fff; }
                @media screen and (max-width: 1199px) {
                  #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout .callout-button:hover,
                  #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout .callout-button.active {
                    padding: 5% 9%; } }
                #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout .callout-button:hover .icon-arrow-right-lg,
                #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout .callout-button.active .icon-arrow-right-lg {
                  right: 7%; }
              #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout p {
                font-size: 0.75em;
                font-family: "din_next_lt_proregular";
                line-height: 1.375em;
                color: #ebebeb;
                margin: 6%;
                padding: 0; }
                @media screen and (max-width: 1199px) {
                  #home .afrotc-journey .afrotc-selected-box .afrotc-journey-item .content-container .callouts .callout p {
                    margin: 5%;
                    font-size: 0.6875em; } }
    #home .afrotc-journey .afrotc-selected-box:before {
      content: "";
      display: block;
      padding-top: 45.5%; }
      @media screen and (max-width: 767px) {
        #home .afrotc-journey .afrotc-selected-box:before {
          display: none;
          padding-top: 0; } }

#sub {
  position: relative; }
  #sub .sub-intro {
    position: relative;
    width: 100%; }
    #sub .sub-intro .sub-intro-hero {
      position: relative;
      overflow: hidden;
      background-color: #DFDFDF;
      padding-top: 10.40583%;
      height: 214.15609px;
      -moz-background-size: cover;
      -o-background-size: cover;
      -webkit-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center 0;
      /* Internet Explorer 7/8 */ }
      @media screen and (max-width: 939px) {
        #sub .sub-intro .sub-intro-hero {
          height: 164px; } }
      @media screen and (max-width: 767px) {
        #sub .sub-intro .sub-intro-hero {
          height: 124px; } }
      @media screen and (max-width: 599px) {
        #sub .sub-intro .sub-intro-hero {
          height: 94px; } }
      #sub .sub-intro .sub-intro-hero .copy-container {
        position: absolute;
        bottom: -1%;
        left: 3%; }
        @media screen and (max-width: 767px) {
          #sub .sub-intro .sub-intro-hero .copy-container {
            bottom: -2.5%; } }
        #sub .sub-intro .sub-intro-hero .copy-container h2 {
          display: inline-block;
          text-transform: uppercase;
          font-size: 1.875em;
          font-family: "din_next_lt_proLtCn";
          line-height: 1em;
          color: #767676;
          font-weight: normal;
          padding: 0.125em 0.25em;
          margin: 0.375em 0.125em;
          background-color: #fff; }
          @media screen and (max-width: 1023px) {
            #sub .sub-intro .sub-intro-hero .copy-container h2 {
              font-size: 1.3125em; } }
          @media screen and (max-width: 767px) {
            #sub .sub-intro .sub-intro-hero .copy-container h2 {
              font-size: 0.9375em; } }
        #sub .sub-intro .sub-intro-hero .copy-container h1 {
          text-transform: uppercase;
          font-size: 6.25em;
          font-family: "din_next_lt_probold_condensed";
          line-height: 0.6875em;
          color: #fff;
          letter-spacing: -0.03125em;
          font-weight: normal;
          padding: 0;
          margin: 0; }
          @media screen and (max-width: 1023px) {
            #sub .sub-intro .sub-intro-hero .copy-container h1 {
              font-size: 4.375em; } }
          @media screen and (max-width: 767px) {
            #sub .sub-intro .sub-intro-hero .copy-container h1 {
              font-size: 3.125em;
              line-height: 0.75em; } }
    #sub .sub-intro .sub-copy-box {
      position: relative;
      width: 100%;
      background-color: #ebebeb;
      padding: 0;
      margin: 0;
      display: table; }
      @media screen and (max-width: 767px) {
        #sub .sub-intro .sub-copy-box {
          display: inline; } }
      #sub .sub-intro .sub-copy-box .sub-copy-left {
        display: table-cell;
        vertical-align: top;
        width: 66.5%;
        background-color: #fff;
        padding: 3% 3% 0 3%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 767px) {
          #sub .sub-intro .sub-copy-box .sub-copy-left {
            display: block;
            width: 100%;
            padding: 3%; } }
        #sub .sub-intro .sub-copy-box .sub-copy-left.contact-faqs ol.sub > li,
        #sub .sub-intro .sub-copy-box .sub-copy-left.contact-faqs .faq-copy,
        #sub .sub-intro .sub-copy-box .sub-copy-left.contact-faqs .faq-answer, #sub .sub-intro .sub-copy-box .sub-copy-left.espanol-faqs ol.sub > li,
        #sub .sub-intro .sub-copy-box .sub-copy-left.espanol-faqs .faq-copy,
        #sub .sub-intro .sub-copy-box .sub-copy-left.espanol-faqs .faq-answer {
          display: none; }
      #sub .sub-intro .sub-copy-box .sub-copy-right {
        display: table-cell;
        vertical-align: top;
        width: 33.5%;
        padding: 3% 3% 0 3%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 767px) {
          #sub .sub-intro .sub-copy-box .sub-copy-right {
            display: block;
            width: 100%;
            padding: 1.7% 0 0 0; }
            #sub .sub-intro .sub-copy-box .sub-copy-right > div {
              float: left;
              width: 49.15%;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              margin: 0 0 0.3em 0; }
            #sub .sub-intro .sub-copy-box .sub-copy-right div:first-child,
            #sub .sub-intro .sub-copy-box .sub-copy-right div:first-child + div + div {
              margin-right: 1.7%; } }
        @media screen and (max-width: 479px) {
          #sub .sub-intro .sub-copy-box .sub-copy-right {
            padding: 3% 3% 0 3%; }
            #sub .sub-intro .sub-copy-box .sub-copy-right > div {
              float: none;
              width: 100%;
              margin: 0 0 0.7em 0; }
            #sub .sub-intro .sub-copy-box .sub-copy-right div:first-child,
            #sub .sub-intro .sub-copy-box .sub-copy-right div:first-child + div + div {
              margin-right: 0; } }
      #sub .sub-intro .sub-copy-box .sub-copy-full {
        display: block;
        width: 100%;
        padding: 3% 3% 0 3%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 767px) {
          #sub .sub-intro .sub-copy-box .sub-copy-full {
            padding: 3%; } }

#persona {
  position: relative; }
  #persona .persona-intro {
    position: relative;
    width: 100%; }
    #persona .persona-intro .persona-intro-hero {
      padding-top: 43.47826%;
      -moz-background-size: cover;
      -o-background-size: cover;
      -webkit-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center 0;
      /* Internet Explorer 7/8 */
      position: relative; }
      #persona .persona-intro .persona-intro-hero.high-school {
        background-image: url("../img/home/high-school-bg.jpg"); }
      #persona .persona-intro .persona-intro-hero.college-students {
        background-image: url("../img/home/college-bg.jpg"); }
      #persona .persona-intro .persona-intro-hero.parents-mentors {
        background-image: url("../img/home/parents-bg.jpg"); }
      #persona .persona-intro .persona-intro-hero.enlisted-airmen {
        background-image: url("../img/home/airmen-bg.jpg"); }
      @media screen and (max-width: 599px) {
        #persona .persona-intro .persona-intro-hero {
          padding-top: 0; }
          #persona .persona-intro .persona-intro-hero.high-school, #persona .persona-intro .persona-intro-hero.college-students, #persona .persona-intro .persona-intro-hero.parents-mentors, #persona .persona-intro .persona-intro-hero.enlisted-airmen {
            background-image: none; } }
      #persona .persona-intro .persona-intro-hero .copy-container {
        position: absolute;
        margin-left: 35.5%;
        top: 13%; }
        @media screen and (max-width: 1199px) {
          #persona .persona-intro .persona-intro-hero .copy-container {
            top: 9%; } }
        @media screen and (max-width: 767px) {
          #persona .persona-intro .persona-intro-hero .copy-container {
            top: 7%;
            margin-left: 32.5%; } }
        @media screen and (max-width: 599px) {
          #persona .persona-intro .persona-intro-hero .copy-container {
            position: relative;
            padding: 4%;
            margin-left: 0;
            background-color: #fff; } }
        #persona .persona-intro .persona-intro-hero .copy-container .persona-button {
          margin: 0 auto; }
        #persona .persona-intro .persona-intro-hero .copy-container h2 {
          text-transform: uppercase;
          font-size: 2.875em;
          font-family: "din_next_lt_proLtCn";
          line-height: 0.8125em;
          color: #767676;
          font-weight: normal;
          margin: 0;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            #persona .persona-intro .persona-intro-hero .copy-container h2 {
              font-size: 2.15625em; } }
          @media screen and (max-width: 1023px) {
            #persona .persona-intro .persona-intro-hero .copy-container h2 {
              font-size: 1.86875em; } }
          @media screen and (max-width: 939px) {
            #persona .persona-intro .persona-intro-hero .copy-container h2 {
              font-size: 1.725em; } }
          @media screen and (max-width: 767px) {
            #persona .persona-intro .persona-intro-hero .copy-container h2 {
              font-size: 1.4375em; } }
        #persona .persona-intro .persona-intro-hero .copy-container h1 {
          text-transform: uppercase;
          font-size: 4.875em;
          font-family: "din_next_lt_proMdCn";
          line-height: 0.625em;
          letter-spacing: -0.0125em;
          color: #767676;
          font-weight: normal;
          margin: 0 0 2% 0;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            #persona .persona-intro .persona-intro-hero .copy-container h1 {
              font-size: 3.65625em; } }
          @media screen and (max-width: 1023px) {
            #persona .persona-intro .persona-intro-hero .copy-container h1 {
              font-size: 3.16875em; } }
          @media screen and (max-width: 939px) {
            #persona .persona-intro .persona-intro-hero .copy-container h1 {
              font-size: 2.925em; } }
          @media screen and (max-width: 767px) {
            #persona .persona-intro .persona-intro-hero .copy-container h1 {
              font-size: 2.4375em; } }
        #persona .persona-intro .persona-intro-hero .copy-container p {
          font-size: 1em;
          font-family: "din_next_lt_proregular";
          line-height: 1.375em;
          color: #474747;
          margin: 0 0 2% 0;
          padding: 0;
          width: 95%; }
          @media screen and (max-width: 1199px) {
            #persona .persona-intro .persona-intro-hero .copy-container p {
              font-size: 0.9em; } }
          @media screen and (max-width: 1023px) {
            #persona .persona-intro .persona-intro-hero .copy-container p {
              font-size: 0.8em; } }
          @media screen and (max-width: 939px) {
            #persona .persona-intro .persona-intro-hero .copy-container p {
              font-size: 0.75em;
              line-height: 1.25em; } }
          @media screen and (max-width: 599px) {
            #persona .persona-intro .persona-intro-hero .copy-container p {
              width: 100%; } }
    #persona .persona-intro .persona-copy-box {
      position: relative;
      width: 100%; }
      #persona .persona-intro .persona-copy-box .persona-copy-left,
      #persona .persona-intro .persona-copy-box .persona-copy-full,
      #persona .persona-intro .persona-copy-box .persona-copy-half {
        padding: 8% 3% 6% 6%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 939px) {
          #persona .persona-intro .persona-copy-box .persona-copy-left,
          #persona .persona-intro .persona-copy-box .persona-copy-full,
          #persona .persona-intro .persona-copy-box .persona-copy-half {
            padding: 4% 2% 4% 4%; } }
        @media screen and (max-width: 767px) {
          #persona .persona-intro .persona-copy-box .persona-copy-left,
          #persona .persona-intro .persona-copy-box .persona-copy-full,
          #persona .persona-intro .persona-copy-box .persona-copy-half {
            float: none;
            width: 100%;
            padding: 4% 4% 2% 4%; } }
        #persona .persona-intro .persona-copy-box .persona-copy-left h2,
        #persona .persona-intro .persona-copy-box .persona-copy-full h2,
        #persona .persona-intro .persona-copy-box .persona-copy-half h2 {
          text-transform: uppercase;
          font-size: 2.75em;
          font-family: "din_next_lt_proLtCn";
          letter-spacing: 0.0125em;
          line-height: 0.75em;
          color: #767676;
          font-weight: normal;
          margin: 0 0 1.5% 0;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left h2,
            #persona .persona-intro .persona-copy-box .persona-copy-full h2,
            #persona .persona-intro .persona-copy-box .persona-copy-half h2 {
              font-size: 2.0625em; } }
          @media screen and (max-width: 1023px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left h2,
            #persona .persona-intro .persona-copy-box .persona-copy-full h2,
            #persona .persona-intro .persona-copy-box .persona-copy-half h2 {
              font-size: 1.7875em; } }
          @media screen and (max-width: 939px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left h2,
            #persona .persona-intro .persona-copy-box .persona-copy-full h2,
            #persona .persona-intro .persona-copy-box .persona-copy-half h2 {
              font-size: 1.65em; } }
          @media screen and (max-width: 767px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left h2,
            #persona .persona-intro .persona-copy-box .persona-copy-full h2,
            #persona .persona-intro .persona-copy-box .persona-copy-half h2 {
              margin: 0 0 0.5% 0;
              font-size: 1.375em; } }
          @media screen and (max-width: 599px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left h2,
            #persona .persona-intro .persona-copy-box .persona-copy-full h2,
            #persona .persona-intro .persona-copy-box .persona-copy-half h2 {
              font-size: 1.2375em; } }
        #persona .persona-intro .persona-copy-box .persona-copy-left h1,
        #persona .persona-intro .persona-copy-box .persona-copy-full h1,
        #persona .persona-intro .persona-copy-box .persona-copy-half h1 {
          text-transform: uppercase;
          font-size: 4.625em;
          font-family: "din_next_lt_probold_condensed";
          line-height: 0.75em;
          color: #767676;
          font-weight: normal;
          margin: 0 0 3.5% 0;
          padding: 0;
          border-bottom: none; }
          @media screen and (max-width: 1199px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left h1,
            #persona .persona-intro .persona-copy-box .persona-copy-full h1,
            #persona .persona-intro .persona-copy-box .persona-copy-half h1 {
              font-size: 3.46875em; } }
          @media screen and (max-width: 1023px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left h1,
            #persona .persona-intro .persona-copy-box .persona-copy-full h1,
            #persona .persona-intro .persona-copy-box .persona-copy-half h1 {
              font-size: 3.00625em; } }
          @media screen and (max-width: 939px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left h1,
            #persona .persona-intro .persona-copy-box .persona-copy-full h1,
            #persona .persona-intro .persona-copy-box .persona-copy-half h1 {
              font-size: 2.775em; } }
          @media screen and (max-width: 767px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left h1,
            #persona .persona-intro .persona-copy-box .persona-copy-full h1,
            #persona .persona-intro .persona-copy-box .persona-copy-half h1 {
              font-size: 2.3125em;
              margin: 0 0 2.5% 0; } }
          @media screen and (max-width: 599px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left h1,
            #persona .persona-intro .persona-copy-box .persona-copy-full h1,
            #persona .persona-intro .persona-copy-box .persona-copy-half h1 {
              font-size: 2.08125em; } }
          @media screen and (max-width: 479px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left h1,
            #persona .persona-intro .persona-copy-box .persona-copy-full h1,
            #persona .persona-intro .persona-copy-box .persona-copy-half h1 {
              font-family: "din_next_lt_proMdCn";
              font-size: 1.85em; } }
        #persona .persona-intro .persona-copy-box .persona-copy-left p,
        #persona .persona-intro .persona-copy-box .persona-copy-full p,
        #persona .persona-intro .persona-copy-box .persona-copy-half p {
          font-size: 1em;
          font-family: "din_next_lt_proregular";
          font-weight: normal;
          line-height: 1.5625em;
          color: #767676;
          margin: 0 0 5% 0;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left p,
            #persona .persona-intro .persona-copy-box .persona-copy-full p,
            #persona .persona-intro .persona-copy-box .persona-copy-half p {
              font-size: 0.9em;
              line-height: 1.5em; } }
          @media screen and (max-width: 1023px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left p,
            #persona .persona-intro .persona-copy-box .persona-copy-full p,
            #persona .persona-intro .persona-copy-box .persona-copy-half p {
              font-size: 0.8em; } }
          @media screen and (max-width: 939px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left p,
            #persona .persona-intro .persona-copy-box .persona-copy-full p,
            #persona .persona-intro .persona-copy-box .persona-copy-half p {
              margin: 0 0 2.5% 0;
              line-height: 1.4375em; } }
          @media screen and (max-width: 767px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left p,
            #persona .persona-intro .persona-copy-box .persona-copy-full p,
            #persona .persona-intro .persona-copy-box .persona-copy-half p {
              line-height: 1.25em; } }
          @media screen and (max-width: 599px) {
            #persona .persona-intro .persona-copy-box .persona-copy-left p,
            #persona .persona-intro .persona-copy-box .persona-copy-full p,
            #persona .persona-intro .persona-copy-box .persona-copy-half p {
              font-size: 0.7em;
              line-height: 1.25em; } }
      #persona .persona-intro .persona-copy-box .persona-copy-left {
        float: left;
        width: 43%; }
        @media screen and (max-width: 939px) {
          #persona .persona-intro .persona-copy-box .persona-copy-left {
            padding: 4% 4% 4% 4%; } }
        @media screen and (max-width: 767px) {
          #persona .persona-intro .persona-copy-box .persona-copy-left {
            float: none;
            width: 100%;
            padding: 4% 4% 2% 4%; } }
      #persona .persona-intro .persona-copy-box .persona-copy-full {
        float: none;
        width: 100%; }
      #persona .persona-intro .persona-copy-box .persona-copy-half {
        float: left;
        width: 50%;
        padding: 8% 6% 6% 6%; }
        @media screen and (max-width: 939px) {
          #persona .persona-intro .persona-copy-box .persona-copy-half {
            padding: 4% 4% 4% 4%; } }
        @media screen and (max-width: 767px) {
          #persona .persona-intro .persona-copy-box .persona-copy-half {
            float: none;
            width: 100%;
            padding: 4% 4% 2% 4%; } }
      #persona .persona-intro .persona-copy-box .persona-copy-right {
        float: right;
        width: 57%;
        text-align: center;
        padding: 8% 6% 6% 3%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 939px) {
          #persona .persona-intro .persona-copy-box .persona-copy-right {
            padding: 4% 4% 4% 2%; } }
        @media screen and (max-width: 767px) {
          #persona .persona-intro .persona-copy-box .persona-copy-right {
            float: none;
            width: 100%;
            padding: 4% 4% 2.3% 4%; } }
        @media screen and (max-width: 599px) {
          #persona .persona-intro .persona-copy-box .persona-copy-right {
            padding: 2% 4% 2.3% 4%; } }
        #persona .persona-intro .persona-copy-box .persona-copy-right h1 {
          text-transform: uppercase;
          font-size: 2.25em;
          font-family: "din_next_lt_proLtCn";
          letter-spacing: 0.0125em;
          line-height: 0.75em;
          color: #767676;
          font-weight: normal;
          margin: 0 0 2.5% 0;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            #persona .persona-intro .persona-copy-box .persona-copy-right h1 {
              font-size: 1.6875em; } }
          @media screen and (max-width: 599px) {
            #persona .persona-intro .persona-copy-box .persona-copy-right h1 {
              font-size: 1.575em; } }
          @media screen and (max-width: 479px) {
            #persona .persona-intro .persona-copy-box .persona-copy-right h1 {
              font-size: 1.35em;
              letter-spacing: 0em; } }
          #persona .persona-intro .persona-copy-box .persona-copy-right h1 span {
            font-family: "din_next_lt_procondensed";
            color: #0053A2; }
        #persona .persona-intro .persona-copy-box .persona-copy-right h2 {
          text-transform: uppercase;
          font-size: 1.375em;
          font-family: "din_next_lt_proMdCn";
          line-height: 0.625em;
          color: #767676;
          font-weight: normal;
          margin: 0 0 4.5% 0;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            #persona .persona-intro .persona-copy-box .persona-copy-right h2 {
              font-size: 1.03125em; } }
          @media screen and (max-width: 599px) {
            #persona .persona-intro .persona-copy-box .persona-copy-right h2 {
              font-size: 0.9625em; } }
        #persona .persona-intro .persona-copy-box .persona-copy-right .timeline-container-box {
          position: relative;
          margin: 0 0 5% 0; }
          @media screen and (max-width: 599px) {
            #persona .persona-intro .persona-copy-box .persona-copy-right .timeline-container-box {
              margin: 0 0 3% 0; } }
          @media screen and (max-width: 479px) {
            #persona .persona-intro .persona-copy-box .persona-copy-right .timeline-container-box {
              display: none; } }
          #persona .persona-intro .persona-copy-box .persona-copy-right .timeline-container-box .timeline-container {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0; }
            #persona .persona-intro .persona-copy-box .persona-copy-right .timeline-container-box .timeline-container canvas {
              width: 100%;
              height: 100%; }
        #persona .persona-intro .persona-copy-box .persona-copy-right .timeline-container-box:before {
          content: "";
          display: block;
          padding-top: 14.925373134328%; }
        #persona .persona-intro .persona-copy-box .persona-copy-right .button-outline {
          margin: 2%; }
      #persona .persona-intro .persona-copy-box .second-row {
        padding-top: 0%; }
      #persona .persona-intro .persona-copy-box .afrotc-famous-grads {
        float: left;
        width: 100%; }
        #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad {
          float: left;
          margin-left: 2%;
          margin-bottom: 1.7%;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-align: left;
          background-color: #fff;
          overflow: hidden;
          width: 23.5%; }
          #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad:first-child, #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad.fifth {
            margin-left: 0; }
          #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad .grad-img-container {
            position: relative;
            width: 100%; }
          #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad h2 {
            font-size: 1.875em;
            font-family: "din_next_lt_proLtCn";
            line-height: 1em;
            color: #767676;
            padding: 4% 8% 4% 8%;
            font-weight: normal;
            margin: 0; }
            @media screen and (max-width: 1023px) {
              #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad h2 {
                font-size: 1.6875em; } }
            @media screen and (max-width: 767px) {
              #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad h2 {
                font-size: 1.5em;
                padding: 2% 4% 2% 4%; } }
          #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad p {
            font-size: 1em;
            font-family: "din_next_lt_proregular";
            line-height: 1.375em;
            font-weight: normal;
            color: #767676;
            margin: 0;
            padding: 0 8% 4% 8%; }
            @media screen and (max-width: 1023px) {
              #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad p {
                font-size: 0.9em; } }
            @media screen and (max-width: 767px) {
              #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad p {
                font-size: 0.85em;
                padding: 0 4% 4% 4%; } }
          @media screen and (max-width: 767px) {
            #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad {
              width: 49.15%;
              margin-right: 0;
              margin-left: 0; }
              #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad:first-child, #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad.third {
                margin-right: 1.7%;
                margin-bottom: 1.7%; } }
          @media screen and (max-width: 479px) {
            #persona .persona-intro .persona-copy-box .afrotc-famous-grads .afrotc-grad {
              width: 100%;
              margin-right: 0;
              margin-bottom: 1.7%; } }
  #persona .app-process {
    position: relative;
    width: 100%;
    overflow: hidden; }
    #persona .app-process .app-process-hero {
      position: relative;
      text-align: center;
      overflow: hidden;
      background-color: rgba(165, 165, 165, 0.3);
      padding-top: 22.89282%;
      height: 154.34339px;
      -moz-background-size: cover;
      -o-background-size: cover;
      -webkit-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      /* Internet Explorer 7/8 */ }
      @media screen and (max-width: 939px) {
        #persona .app-process .app-process-hero {
          height: 164px; } }
      @media screen and (max-width: 767px) {
        #persona .app-process .app-process-hero {
          height: 124px; } }
      @media screen and (max-width: 599px) {
        #persona .app-process .app-process-hero {
          height: 94px; } }
      #persona .app-process .app-process-hero h1 {
        position: absolute;
        width: 100%;
        bottom: 34%;
        text-transform: uppercase;
        font-size: 5.75em;
        font-family: "din_next_lt_probold_condensed";
        letter-spacing: 0.025em;
        line-height: 0.75em;
        color: #fff;
        font-weight: normal;
        padding: 0;
        margin: 0; }
        @media screen and (max-width: 1199px) {
          #persona .app-process .app-process-hero h1 {
            font-size: 4.5em; } }
        @media screen and (max-width: 1023px) {
          #persona .app-process .app-process-hero h1 {
            font-size: 3.9em; } }
        @media screen and (max-width: 939px) {
          #persona .app-process .app-process-hero h1 {
            font-size: 3.3em;
            bottom: 38%; } }
        @media screen and (max-width: 767px) {
          #persona .app-process .app-process-hero h1 {
            font-size: 3em; } }
        @media screen and (max-width: 599px) {
          #persona .app-process .app-process-hero h1 {
            font-size: 2.4em; } }
        @media screen and (max-width: 479px) {
          #persona .app-process .app-process-hero h1 {
            font-size: 2.1em; } }
    #persona .app-process .app-process-steps {
      position: relative;
      width: 79%;
      padding: 7% 0% 0% 0%;
      margin: 0 auto 1.5% auto;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: justify;
      -ms-text-justify: distribute-all-lines;
      text-justify: distribute-all-lines; }
      @media screen and (max-width: 939px) {
        #persona .app-process .app-process-steps {
          width: 90%;
          padding: 5% 0% 0% 0%; } }
      @media screen and (max-width: 479px) {
        #persona .app-process .app-process-steps {
          display: none; } }
      #persona .app-process .app-process-steps .app-process-step {
        display: inline-block;
        text-align: center;
        padding: 0;
        margin: 0; }
        #persona .app-process .app-process-steps .app-process-step a {
          display: block;
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
          opacity: 0.3;
          -moz-transition-property: opacity;
          -o-transition-property: opacity;
          -webkit-transition-property: opacity;
          transition-property: opacity;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          cursor: pointer; }
          #persona .app-process .app-process-steps .app-process-step a input {
            font-family: "din_next_lt_proLtCn";
            font-style: normal;
            font-variant: normal;
            font-size: 66px;
            line-height: normal;
            color: #0053A2;
            text-align: center;
            width: 70px;
            height: 66px;
            position: absolute;
            margin-top: 29px;
            margin-left: -101px;
            border: 0px; }
          @media screen and (max-width: 767px) {
            #persona .app-process .app-process-steps .app-process-step a canvas, #persona .app-process .app-process-steps .app-process-step a input {
              display: none; } }
          #persona .app-process .app-process-steps .app-process-step a h1 {
            text-transform: uppercase;
            font-size: 1.75em;
            letter-spacing: -0.00625em;
            font-family: "din_next_lt_proLtCn";
            line-height: 0.75em;
            color: #a5a5a5;
            font-weight: normal;
            margin: 0.625em 0 0.1875em 0;
            padding: 0;
            -moz-transition-property: color;
            -o-transition-property: color;
            -webkit-transition-property: color;
            transition-property: color;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s; }
            @media screen and (max-width: 767px) {
              #persona .app-process .app-process-steps .app-process-step a h1 {
                font-size: 1.375em; } }
          #persona .app-process .app-process-steps .app-process-step a .app-selector {
            text-align: center;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            -moz-transition-property: opacity;
            -o-transition-property: opacity;
            -webkit-transition-property: opacity;
            transition-property: opacity;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s; }
            #persona .app-process .app-process-steps .app-process-step a .app-selector span {
              color: #a5a5a5;
              font-size: 0.6875em;
              margin: 0;
              padding: 0;
              display: block; }
            #persona .app-process .app-process-steps .app-process-step a .app-selector hr {
              display: block;
              border: 0;
              height: 2.1875em;
              width: 0.0625em;
              padding: 0;
              margin: -0.125em auto 0 auto;
              background-color: #a5a5a5; }
        #persona .app-process .app-process-steps .app-process-step a:hover,
        #persona .app-process .app-process-steps .app-process-step a.active {
          filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
          opacity: 1; }
          #persona .app-process .app-process-steps .app-process-step a:hover h1,
          #persona .app-process .app-process-steps .app-process-step a.active h1 {
            color: #003a71; }
          #persona .app-process .app-process-steps .app-process-step a:hover .app-selector,
          #persona .app-process .app-process-steps .app-process-step a.active .app-selector {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
            opacity: 0.3; }
    #persona .app-process .app-process-steps:after {
      content: '';
      display: inline-block;
      width: 100%;
      vertical-align: top;
      border-bottom: solid 1px rgba(165, 165, 165, 0.3); }
    #persona .app-process .app-process-items-container {
      position: relative;
      width: 79%;
      padding: 0% 0% 7% 0%;
      margin: 1.5% auto 0 auto;
      height: 20.625em;
      overflow: hidden;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 1199px) {
        #persona .app-process .app-process-items-container {
          height: 18.125em; } }
      @media screen and (max-width: 1023px) {
        #persona .app-process .app-process-items-container {
          height: 15.625em; } }
      @media screen and (max-width: 939px) {
        #persona .app-process .app-process-items-container {
          height: 14.375em;
          width: 90%;
          padding: 0% 0% 5% 0%; } }
      @media screen and (max-width: 767px) {
        #persona .app-process .app-process-items-container {
          height: 23.125em; } }
      @media screen and (max-width: 599px) {
        #persona .app-process .app-process-items-container {
          height: 19.375em; } }
      @media screen and (max-width: 479px) {
        #persona .app-process .app-process-items-container {
          height: auto; } }
      #persona .app-process .app-process-items-container .app-process-items {
        float: left;
        width: 30%;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 767px) {
          #persona .app-process .app-process-items-container .app-process-items {
            float: none;
            width: 100%;
            overflow: visible; } }
        #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner {
          width: 600%; }
          @media screen and (max-width: 479px) {
            #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner {
              width: 100%;
              margin-left: 0 !important; } }
          #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item {
            float: left;
            width: 16.66666666666667%;
            padding: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            -moz-transition-property: opacity;
            -o-transition-property: opacity;
            -webkit-transition-property: opacity;
            transition-property: opacity;
            -moz-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -moz-transition-timing-function: ease-in-out;
            -o-transition-timing-function: ease-in-out;
            -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
            -webkit-transform: translateZ(0); }
            #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item.active {
              filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
              opacity: 1; }
            @media screen and (max-width: 479px) {
              #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item {
                float: none;
                width: 100%;
                filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                opacity: 1;
                padding: 7% 0% 0% 0%; } }
            #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container {
              float: left;
              width: 100%;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              box-sizing: border-box; }
              @media screen and (max-width: 767px) {
                #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container {
                  float: none;
                  width: 100%;
                  text-align: center; } }
              @media screen and (max-width: 479px) {
                #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container {
                  text-align: left; } }
              #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container h1 {
                text-transform: uppercase;
                font-size: 2.8125em;
                letter-spacing: -0.03125em;
                font-family: "din_next_lt_proMdCn";
                line-height: 0.75em;
                color: #767676;
                font-weight: normal;
                margin: 0;
                padding: 0; }
                @media screen and (max-width: 1199px) {
                  #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container h1 {
                    font-size: 2.25em; } }
                @media screen and (max-width: 1023px) {
                  #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container h1 {
                    font-size: 2.10938em; } }
                @media screen and (max-width: 939px) {
                  #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container h1 {
                    font-size: 1.96875em; } }
                @media screen and (max-width: 599px) {
                  #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container h1 {
                    font-size: 1.82813em; } }
                @media screen and (max-width: 479px) {
                  #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container h1 {
                    font-size: 1.6875em; } }
              #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container p {
                font-size: 1em;
                font-family: "din_next_lt_proregular";
                line-height: 1.5em;
                color: #767676;
                margin: 2.5% 6% 6% 0;
                padding: 0; }
                @media screen and (max-width: 1199px) {
                  #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container p {
                    font-size: 0.9em;
                    line-height: 1.5em; } }
                @media screen and (max-width: 1023px) {
                  #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container p {
                    font-size: 0.8em; } }
                @media screen and (max-width: 767px) {
                  #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container p {
                    margin: 2.5% 0 2.5% 0; } }
                @media screen and (max-width: 599px) {
                  #persona .app-process .app-process-items-container .app-process-items .app-process-items-inner .app-process-item .copy-container p {
                    font-size: 0.7em;
                    margin: 1% 0 2.5% 0; } }
      #persona .app-process .app-process-items-container .app-process-callouts {
        float: right;
        width: 70%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
        margin: 0; }
        @media screen and (max-width: 767px) {
          #persona .app-process .app-process-items-container .app-process-callouts {
            margin-top: 4%;
            float: none;
            width: 100%; } }
        #persona .app-process .app-process-items-container .app-process-callouts .callout {
          float: left;
          margin-right: 2%;
          width: 32%;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background-color: #fff;
          height: 15em; }
          @media screen and (max-width: 1199px) {
            #persona .app-process .app-process-items-container .app-process-callouts .callout {
              height: 12.75em; } }
          @media screen and (max-width: 1023px) {
            #persona .app-process .app-process-items-container .app-process-callouts .callout {
              height: 11.25em; } }
          @media screen and (max-width: 767px) {
            #persona .app-process .app-process-items-container .app-process-callouts .callout {
              height: 10.5em; } }
          @media screen and (max-width: 599px) {
            #persona .app-process .app-process-items-container .app-process-callouts .callout {
              height: 9em; } }
          @media screen and (max-width: 479px) {
            #persona .app-process .app-process-items-container .app-process-callouts .callout {
              margin-right: 0;
              float: none;
              width: 100%;
              height: auto;
              margin-bottom: 2%; } }
          #persona .app-process .app-process-items-container .app-process-callouts .callout.last-child {
            margin-right: 0; }
          #persona .app-process .app-process-items-container .app-process-callouts .callout h1 {
            text-transform: uppercase;
            font-size: 1.375em;
            font-family: "din_next_lt_proLtCn";
            line-height: 0.75em;
            color: #fff;
            font-weight: normal;
            margin: 0;
            padding: 7% 12%;
            background-color: #003a71; }
            @media screen and (max-width: 1199px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout h1 {
                font-size: 1.2375em; } }
            @media screen and (max-width: 1023px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout h1 {
                font-size: 1.1em; } }
            @media screen and (max-width: 599px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout h1 {
                font-size: 0.9625em; } }
            @media screen and (max-width: 479px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout h1 {
                padding: 3.5% 3%; } }
          #persona .app-process .app-process-items-container .app-process-callouts .callout p {
            font-size: 1em;
            font-family: "din_next_lt_proregular";
            line-height: 1.375em;
            color: #767676;
            margin: 0;
            padding: 12% 12% 2% 12%; }
            @media screen and (max-width: 939px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout p {
                padding: 8% 8% 2% 8%; } }
            @media screen and (max-width: 1199px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout p {
                font-size: 0.9em; } }
            @media screen and (max-width: 1023px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout p {
                font-size: 0.8em; } }
            @media screen and (max-width: 599px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout p {
                font-size: 0.7em; } }
            @media screen and (max-width: 479px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout p {
                padding: 3% 3% 2% 3%; } }
          #persona .app-process .app-process-items-container .app-process-callouts .callout a {
            display: block;
            text-transform: uppercase;
            font-size: 1.0625em;
            font-family: "din_next_lt_proMdCn";
            letter-spacing: 0.09375em;
            line-height: 0.625em;
            color: #003a71;
            vertical-align: bottom;
            -moz-transition-property: all;
            -o-transition-property: all;
            -webkit-transition-property: all;
            transition-property: all;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            padding: 2% 12% 12% 12%; }
            @media screen and (max-width: 1199px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout a {
                font-size: 0.95625em;
                letter-spacing: 0.0625em;
                line-height: 0.75em; } }
            @media screen and (max-width: 767px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout a {
                padding: 2% 0 12% 8%; } }
            @media screen and (max-width: 599px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout a {
                font-size: 0.85em;
                letter-spacing: 0.03125em;
                line-height: 0.875em; } }
            @media screen and (max-width: 479px) {
              #persona .app-process .app-process-items-container .app-process-callouts .callout a {
                padding: 2% 0 3% 3%; } }
            #persona .app-process .app-process-items-container .app-process-callouts .callout a img {
              position: relative;
              display: inline-block;
              vertical-align: bottom;
              margin-right: 1%; }
          #persona .app-process .app-process-items-container .app-process-callouts .callout a:hover,
          #persona .app-process .app-process-items-container .app-process-callouts .callout a.active {
            color: #a5a5a5; }
  #persona .college-locator {
    position: relative;
    width: 100%; }
    #persona .college-locator .college-locator-hero {
      position: relative;
      text-align: center;
      overflow: hidden;
      background-color: rgba(165, 165, 165, 0.3);
      padding-top: 22.89282%;
      height: 154.34339px;
      -moz-background-size: cover;
      -o-background-size: cover;
      -webkit-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      /* Internet Explorer 7/8 */ }
      @media screen and (max-width: 939px) {
        #persona .college-locator .college-locator-hero {
          height: 164px; } }
      @media screen and (max-width: 767px) {
        #persona .college-locator .college-locator-hero {
          height: 124px; } }
      @media screen and (max-width: 599px) {
        #persona .college-locator .college-locator-hero {
          height: 94px; } }
      #persona .college-locator .college-locator-hero h1 {
        position: absolute;
        width: 100%;
        bottom: 42.5%;
        text-transform: uppercase;
        font-size: 5.75em;
        font-family: "din_next_lt_probold_condensed";
        letter-spacing: 0.025em;
        line-height: 0.75em;
        color: #fff;
        font-weight: normal;
        padding: 0;
        margin: 0; }
        @media screen and (max-width: 1199px) {
          #persona .college-locator .college-locator-hero h1 {
            font-size: 4.5em; } }
        @media screen and (max-width: 1023px) {
          #persona .college-locator .college-locator-hero h1 {
            font-size: 3.9em; } }
        @media screen and (max-width: 939px) {
          #persona .college-locator .college-locator-hero h1 {
            font-size: 3.3em; } }
        @media screen and (max-width: 767px) {
          #persona .college-locator .college-locator-hero h1 {
            font-size: 3em; } }
        @media screen and (max-width: 599px) {
          #persona .college-locator .college-locator-hero h1 {
            font-size: 2.4em; } }
        @media screen and (max-width: 479px) {
          #persona .college-locator .college-locator-hero h1 {
            font-size: 2.1em; } }
    #persona .college-locator .college-locator-content {
      position: relative;
      width: 100%;
      padding-bottom: 1.3%; }
      #persona .college-locator .college-locator-content .copy-container {
        float: left;
        width: 30%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 3% 3% 0 3%; }
        @media screen and (max-width: 939px) {
          #persona .college-locator .college-locator-content .copy-container {
            float: none;
            width: 100%; } }
        #persona .college-locator .college-locator-content .copy-container h2 {
          text-transform: uppercase;
          font-size: 2.5em;
          font-family: "din_next_lt_proLtCn";
          line-height: 0.8125em;
          color: #767676;
          font-weight: normal;
          margin: 0;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            #persona .college-locator .college-locator-content .copy-container h2 {
              font-size: 1.875em; } }
          @media screen and (max-width: 1023px) {
            #persona .college-locator .college-locator-content .copy-container h2 {
              font-size: 1.625em; } }
          @media screen and (max-width: 767px) {
            #persona .college-locator .college-locator-content .copy-container h2 {
              font-size: 1.5em; } }
        #persona .college-locator .college-locator-content .copy-container h1 {
          text-transform: uppercase;
          font-size: 3.375em;
          font-family: "din_next_lt_proMdCn";
          line-height: 0.8125em;
          color: #767676;
          font-weight: normal;
          margin: 0 0 7% 0;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            #persona .college-locator .college-locator-content .copy-container h1 {
              font-size: 2.53125em; } }
          @media screen and (max-width: 1023px) {
            #persona .college-locator .college-locator-content .copy-container h1 {
              font-size: 2.19375em; } }
          @media screen and (max-width: 939px) {
            #persona .college-locator .college-locator-content .copy-container h1 {
              margin: 0 0 2.5% 0; } }
          @media screen and (max-width: 767px) {
            #persona .college-locator .college-locator-content .copy-container h1 {
              font-size: 2.025em; } }
        #persona .college-locator .college-locator-content .copy-container h3 {
          text-transform: uppercase;
          font-size: 1.625em;
          font-family: "din_next_lt_procondensed";
          line-height: 1.625em;
          color: #003a71;
          font-weight: normal;
          margin: 0;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            #persona .college-locator .college-locator-content .copy-container h3 {
              font-size: 1.21875em; } }
          @media screen and (max-width: 1023px) {
            #persona .college-locator .college-locator-content .copy-container h3 {
              font-size: 1.05625em; } }
          @media screen and (max-width: 767px) {
            #persona .college-locator .college-locator-content .copy-container h3 {
              font-size: 0.975em; } }
          #persona .college-locator .college-locator-content .copy-container h3:last-of-type {
            color: #FF7F00; }
        #persona .college-locator .college-locator-content .copy-container p {
          font-size: 1em;
          font-family: "din_next_lt_proregular";
          line-height: 1.5em;
          color: #767676;
          margin: 0 0 6.5% 0;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            #persona .college-locator .college-locator-content .copy-container p {
              font-size: 0.9em; } }
          @media screen and (max-width: 1023px) {
            #persona .college-locator .college-locator-content .copy-container p {
              font-size: 0.8em; } }
          @media screen and (max-width: 939px) {
            #persona .college-locator .college-locator-content .copy-container p {
              margin: 0 0 2.5% 0; } }
          @media screen and (max-width: 767px) {
            #persona .college-locator .college-locator-content .copy-container p {
              font-size: 0.75em; } }
          @media screen and (max-width: 479px) {
            #persona .college-locator .college-locator-content .copy-container p {
              font-size: 0.7em;
              line-height: 1.25em; } }
        #persona .college-locator .college-locator-content .copy-container hr {
          margin: 9% auto; }
          @media screen and (max-width: 939px) {
            #persona .college-locator .college-locator-content .copy-container hr {
              margin: 2.5% auto; } }
      #persona .college-locator .college-locator-content .component {
        float: right;
        width: 70%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 7% 6% 0 0;
        margin: 0; }
        @media screen and (max-width: 939px) {
          #persona .college-locator .college-locator-content .component {
            float: none;
            width: 100%;
            padding: 0 4.5%; } }

.afrotc-callouts {
  position: relative;
  margin-top: 1.7%;
  width: 100%; }
  .afrotc-callouts h2 {
    font-size: 1.875em;
    font-family: "din_next_lt_proLtCn";
    line-height: 1em;
    color: #767676;
    padding: 4% 8% 4% 8%;
    font-weight: normal;
    margin: 0; }
    @media screen and (max-width: 1023px) {
      .afrotc-callouts h2 {
        font-size: 1.6875em; } }
    @media screen and (max-width: 767px) {
      .afrotc-callouts h2 {
        font-size: 1.5em;
        padding: 2% 4% 2% 4%; } }
  .afrotc-callouts p {
    font-size: 1em;
    font-family: "din_next_lt_proregular";
    line-height: 1.375em;
    font-weight: normal;
    color: #767676;
    margin: 0;
    padding: 0 8% 4% 8%; }
    @media screen and (max-width: 1023px) {
      .afrotc-callouts p {
        font-size: 0.9em; } }
    @media screen and (max-width: 767px) {
      .afrotc-callouts p {
        font-size: 0.85em;
        padding: 0 4% 4% 4%; } }
  .afrotc-callouts .learn-more {
    display: block;
    text-transform: uppercase;
    font-size: 1em;
    font-family: "din_next_lt_proMdCn";
    letter-spacing: 0.0625em;
    line-height: 0.625em;
    color: #0053A2;
    vertical-align: bottom;
    padding: 2% 8% 8% 8%;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; }
    @media screen and (max-width: 1023px) {
      .afrotc-callouts .learn-more {
        font-size: 0.9em; } }
    @media screen and (max-width: 767px) {
      .afrotc-callouts .learn-more {
        font-size: 0.85em;
        padding: 2% 4% 6% 4%; } }
    @media screen and (max-width: 479px) {
      .afrotc-callouts .learn-more {
        position: absolute;
        top: 5.625em;
        right: 0;
        white-space: nowrap;
        color: #fff;
        z-index: 1; } }
    .afrotc-callouts .learn-more span {
      display: inline-block;
      vertical-align: bottom;
      margin-bottom: -0.5%;
      margin-right: 0.5%;
      font-size: 0.85em; }
      @media screen and (max-width: 599px) {
        .afrotc-callouts .learn-more span {
          margin-bottom: -1%; } }
      @media screen and (max-width: 479px) {
        .afrotc-callouts .learn-more span {
          margin-bottom: -2%; } }
  .afrotc-callouts .callout-hover-container {
    position: relative;
    width: 100%;
    height: auto; }
    @media screen and (max-width: 767px) {
      .afrotc-callouts .callout-hover-container {
        height: 8.75em;
        overflow: hidden; } }
    @media screen and (max-width: 599px) {
      .afrotc-callouts .callout-hover-container {
        height: 6.875em; } }
    @media screen and (max-width: 479px) {
      .afrotc-callouts .callout-hover-container img {
        margin-top: -10%; } }
    .afrotc-callouts .callout-hover-container .hover-foreground {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      background: url("../img/home/grid-bg-blue.png") repeat;
      text-align: center;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s; }
      .afrotc-callouts .callout-hover-container .hover-foreground span {
        position: relative;
        color: #fff;
        top: 48%;
        font-size: 2.6875em;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s; }
        @media screen and (max-width: 1023px) {
          .afrotc-callouts .callout-hover-container .hover-foreground span {
            font-size: 2.41875em; } }
        @media screen and (max-width: 767px) {
          .afrotc-callouts .callout-hover-container .hover-foreground span {
            font-size: 2.15em; } }
  .afrotc-callouts a {
    display: block;
    position: relative; }
  .afrotc-callouts a:hover h2,
  .afrotc-callouts a.active h2 {
    color: #0053A2; }
  .afrotc-callouts a:hover .learn-more,
  .afrotc-callouts a.active .learn-more {
    color: #767676; }
    @media screen and (max-width: 479px) {
      .afrotc-callouts a:hover .learn-more,
      .afrotc-callouts a.active .learn-more {
        color: #fff; } }
  .afrotc-callouts a:hover .callout-hover-container .hover-foreground,
  .afrotc-callouts a.active .callout-hover-container .hover-foreground {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
    .afrotc-callouts a:hover .callout-hover-container .hover-foreground span,
    .afrotc-callouts a.active .callout-hover-container .hover-foreground span {
      top: 38%; }
      @media screen and (max-width: 1023px) {
        .afrotc-callouts a:hover .callout-hover-container .hover-foreground span,
        .afrotc-callouts a.active .callout-hover-container .hover-foreground span {
          top: 36%; } }
      @media screen and (max-width: 939px) {
        .afrotc-callouts a:hover .callout-hover-container .hover-foreground span,
        .afrotc-callouts a.active .callout-hover-container .hover-foreground span {
          top: 34%; } }
      @media screen and (max-width: 767px) {
        .afrotc-callouts a:hover .callout-hover-container .hover-foreground span,
        .afrotc-callouts a.active .callout-hover-container .hover-foreground span {
          top: 34%; } }
  .afrotc-callouts .afrotc-callout {
    float: left;
    margin-left: 2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    background-color: #fff;
    overflow: hidden;
    height: auto; }
    .afrotc-callouts .afrotc-callout:first-child {
      margin-left: 0; }
  .afrotc-callouts.three-column .afrotc-callout {
    width: 32%; }
    @media screen and (max-width: 479px) {
      .afrotc-callouts.three-column .afrotc-callout {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.7%; } }
  .afrotc-callouts.four-column .afrotc-callout {
    width: 23.5%; }
  @media screen and (max-width: 767px) {
    .afrotc-callouts.four-column .afrotc-callout {
      width: 49.15%;
      margin-left: 0;
      margin-right: 0; }
    .afrotc-callouts.four-column .afrotc-callout:first-child,
    .afrotc-callouts.four-column .afrotc-callout:first-child + .afrotc-callout + .afrotc-callout {
      margin-right: 1.7%; }
    .afrotc-callouts.four-column .afrotc-callout:first-child,
    .afrotc-callouts.four-column .afrotc-callout:first-child + .afrotc-callout + .afrotc-callout {
      margin-bottom: 1.7%; } }
  @media screen and (max-width: 479px) {
    .afrotc-callouts.four-column .afrotc-callout {
      width: 100%;
      margin-right: 0;
      margin-bottom: 1.7%; } }

.afrotc-careers {
  position: relative;
  width: 100%; }
  .afrotc-careers h2 {
    font-size: 1.875em;
    font-family: "din_next_lt_proLtCn";
    line-height: 1em;
    color: #767676;
    padding: 4% 8% 4% 8%;
    font-weight: normal;
    margin: 0; }
    @media screen and (max-width: 1023px) {
      .afrotc-careers h2 {
        font-size: 1.6875em; } }
    @media screen and (max-width: 767px) {
      .afrotc-careers h2 {
        font-size: 1.5em;
        padding: 2% 4% 2% 4%; } }
  .afrotc-careers p {
    font-size: 1em;
    font-family: "din_next_lt_proregular";
    line-height: 1.375em;
    font-weight: normal;
    color: #767676;
    margin: 0;
    padding: 0 8% 4% 8%; }
    .afrotc-careers p > p {
      padding: 0 !important; }
    @media screen and (max-width: 1023px) {
      .afrotc-careers p {
        font-size: 0.9em; } }
    @media screen and (max-width: 767px) {
      .afrotc-careers p {
        font-size: 0.85em;
        padding: 0 4% 4% 4%; } }
  .afrotc-careers .learn-more {
    display: block;
    text-transform: uppercase;
    font-size: 1em;
    font-family: "din_next_lt_proMdCn";
    letter-spacing: 0.0625em;
    line-height: 0.625em;
    color: #0053A2;
    vertical-align: bottom;
    padding: 2% 8% 8% 8%;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; }
    @media screen and (max-width: 1023px) {
      .afrotc-careers .learn-more {
        font-size: 0.9em; } }
    @media screen and (max-width: 767px) {
      .afrotc-careers .learn-more {
        font-size: 0.85em;
        padding: 2% 4% 6% 4%; } }
    .afrotc-careers .learn-more span {
      display: inline-block;
      vertical-align: bottom;
      margin-bottom: -0.5%;
      margin-right: 0.5%;
      font-size: 0.85em; }
  .afrotc-careers .career-hover-container {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .afrotc-careers .career-hover-container .hover-foreground {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      background: url("../img/home/grid-bg-blue.png") repeat;
      text-align: center;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s; }
      .afrotc-careers .career-hover-container .hover-foreground span {
        position: relative;
        color: #fff;
        top: 48%;
        font-size: 2.6875em;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s; }
        @media screen and (max-width: 1023px) {
          .afrotc-careers .career-hover-container .hover-foreground span {
            font-size: 2.41875em; } }
        @media screen and (max-width: 767px) {
          .afrotc-careers .career-hover-container .hover-foreground span {
            font-size: 2.15em; } }
  .afrotc-careers a {
    display: block;
    position: relative; }
  .afrotc-careers a:hover h2,
  .afrotc-careers a.active h2 {
    color: #0053A2; }
  .afrotc-careers a:hover .learn-more,
  .afrotc-careers a.active .learn-more {
    color: #767676; }
  .afrotc-careers a:hover .career-hover-container .hover-foreground,
  .afrotc-careers a.active .career-hover-container .hover-foreground {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
    .afrotc-careers a:hover .career-hover-container .hover-foreground span,
    .afrotc-careers a.active .career-hover-container .hover-foreground span {
      top: 35%; }
      @media screen and (max-width: 1199px) {
        .afrotc-careers a:hover .career-hover-container .hover-foreground span,
        .afrotc-careers a.active .career-hover-container .hover-foreground span {
          top: 31%; } }
      @media screen and (max-width: 1023px) {
        .afrotc-careers a:hover .career-hover-container .hover-foreground span,
        .afrotc-careers a.active .career-hover-container .hover-foreground span {
          top: 29%; } }
      @media screen and (max-width: 939px) {
        .afrotc-careers a:hover .career-hover-container .hover-foreground span,
        .afrotc-careers a.active .career-hover-container .hover-foreground span {
          top: 25%; } }
      @media screen and (max-width: 767px) {
        .afrotc-careers a:hover .career-hover-container .hover-foreground span,
        .afrotc-careers a.active .career-hover-container .hover-foreground span {
          top: 35%; } }
      @media screen and (max-width: 479px) {
        .afrotc-careers a:hover .career-hover-container .hover-foreground span,
        .afrotc-careers a.active .career-hover-container .hover-foreground span {
          top: 37%; } }
  .afrotc-careers .afrotc-career {
    float: left;
    margin-left: 2%;
    margin-bottom: 1.7%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    background-color: #fff;
    overflow: hidden;
    width: 23.5%;
    height: auto; }
    .afrotc-careers .afrotc-career:first-child, .afrotc-careers .afrotc-career.fifth {
      margin-left: 0; }
    @media screen and (max-width: 767px) {
      .afrotc-careers .afrotc-career {
        width: 49.15%;
        margin-right: 0;
        margin-left: 0; }
        .afrotc-careers .afrotc-career:first-child, .afrotc-careers .afrotc-career.third {
          margin-right: 1.7%;
          margin-bottom: 1.7%; } }
    @media screen and (max-width: 479px) {
      .afrotc-careers .afrotc-career {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.7%; } }

.locator-box {
  position: relative;
  width: 100%; }
  @media screen and (max-width: 939px) {
    .locator-box {
      float: left;
      width: 49.15%; } }
  @media screen and (max-width: 479px) {
    .locator-box {
      float: none;
      width: 96.6%;
      margin-left: 1.7%;
      margin-right: 1.7%; } }
  .locator-box .locator {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    text-align: center; }
    .locator-box .locator img {
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%; }
    .locator-box .locator .copy-container {
      position: relative;
      z-index: 1;
      margin: 8% auto 0 auto;
      padding: 0; }
      .locator-box .locator .copy-container h1 {
        text-transform: uppercase;
        font-size: 2.1875em;
        font-family: "din_next_lt_proLtCn";
        line-height: 0.75em;
        letter-spacing: 0.0375em;
        color: #767676;
        font-weight: normal;
        margin: 0;
        padding: 0; }
        @media screen and (max-width: 1199px) {
          .locator-box .locator .copy-container h1 {
            font-size: 1.75em; } }
        @media screen and (max-width: 1023px) {
          .locator-box .locator .copy-container h1 {
            font-size: 1.53125em; } }
        @media screen and (max-width: 939px) {
          .locator-box .locator .copy-container h1 {
            font-size: 2.375em; } }
        @media screen and (max-width: 767px) {
          .locator-box .locator .copy-container h1 {
            font-size: 1.75em; } }
    .locator-box .locator .arrow-left,
    .locator-box .locator .arrow-right {
      position: absolute;
      font-size: 1.5em;
      color: #0053A2;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
      opacity: 0.333;
      z-index: 4;
      top: 56%;
      padding: 0.25em;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s; }
      @media screen and (max-width: 1199px) {
        .locator-box .locator .arrow-left,
        .locator-box .locator .arrow-right {
          font-size: 1.3125em; } }
      @media screen and (max-width: 1023px) {
        .locator-box .locator .arrow-left,
        .locator-box .locator .arrow-right {
          font-size: 1.125em; } }
      @media screen and (max-width: 939px) {
        .locator-box .locator .arrow-left,
        .locator-box .locator .arrow-right {
          font-size: 1.875em; } }
      @media screen and (max-width: 767px) {
        .locator-box .locator .arrow-left,
        .locator-box .locator .arrow-right {
          font-size: 1.625em; } }
      @media screen and (max-width: 599px) {
        .locator-box .locator .arrow-left,
        .locator-box .locator .arrow-right {
          font-size: 1.375em; } }
      @media screen and (max-width: 479px) {
        .locator-box .locator .arrow-left,
        .locator-box .locator .arrow-right {
          font-size: 1.5em; } }
    .locator-box .locator .arrow-left.active,
    .locator-box .locator .arrow-right.active {
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
      opacity: 1; }
      .locator-box .locator .arrow-left.active:hover, .locator-box .locator .arrow-left.active:hover,
      .locator-box .locator .arrow-right.active:hover,
      .locator-box .locator .arrow-right.active:hover {
        color: #222; }
    .locator-box .locator .arrow-left {
      left: 2.5%; }
    .locator-box .locator .arrow-right {
      right: 2.5%; }
    .locator-box .locator .location-container {
      position: absolute;
      width: 70%;
      z-index: 3;
      top: 40%;
      height: 46%;
      left: 15%;
      text-align: center;
      overflow: hidden; }
      @media screen and (max-width: 1023px) {
        .locator-box .locator .location-container {
          top: 38%; } }
      @media screen and (max-width: 939px) {
        .locator-box .locator .location-container {
          top: 41%; } }
      @media screen and (max-width: 599px) {
        .locator-box .locator .location-container {
          top: 39.5%; } }
      .locator-box .locator .location-container hr.short-line {
        background-color: #a5a5a5; }
      .locator-box .locator .location-container h2 {
        font-size: 1.5em;
        font-family: "din_next_lt_proLtCn";
        line-height: 0.75em;
        color: #767676;
        font-weight: normal;
        margin: 4% 4% 6% 4%;
        padding: 0; }
        @media screen and (max-width: 1199px) {
          .locator-box .locator .location-container h2 {
            font-size: 1.2em; } }
        @media screen and (max-width: 939px) {
          .locator-box .locator .location-container h2 {
            font-size: 1.625em; } }
        @media screen and (max-width: 767px) {
          .locator-box .locator .location-container h2 {
            font-size: 1.35em; } }
        @media screen and (max-width: 599px) {
          .locator-box .locator .location-container h2 {
            font-size: 1.375em; } }
        @media screen and (max-width: 479px) {
          .locator-box .locator .location-container h2 {
            font-size: 1.4625em; } }
      .locator-box .locator .location-container .college-item {
        position: absolute;
        width: 100%;
        display: none; }
        .locator-box .locator .location-container .college-item a {
          color: #0053A2;
          -moz-transition-property: all;
          -o-transition-property: all;
          -webkit-transition-property: all;
          transition-property: all;
          -moz-transition-duration: 0.2s;
          -o-transition-duration: 0.2s;
          -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s; }
          .locator-box .locator .location-container .college-item a:hover, .locator-box .locator .location-container .college-item a:focus, .locator-box .locator .location-container .college-item a.active {
            color: #00478a; }
        .locator-box .locator .location-container .college-item h3 {
          text-transform: uppercase;
          font-size: 0.875em;
          font-family: "din_next_lt_proregular";
          line-height: 1.25em;
          letter-spacing: -0.09375em;
          color: #0053A2;
          margin: 6% auto 0 auto;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            .locator-box .locator .location-container .college-item h3 {
              font-size: 0.7em; } }
          @media screen and (max-width: 939px) {
            .locator-box .locator .location-container .college-item h3 {
              font-size: 1em; } }
          @media screen and (max-width: 767px) {
            .locator-box .locator .location-container .college-item h3 {
              font-size: 0.84375em; } }
          @media screen and (max-width: 599px) {
            .locator-box .locator .location-container .college-item h3 {
              font-size: 0.75em; } }
          @media screen and (max-width: 479px) {
            .locator-box .locator .location-container .college-item h3 {
              font-size: 0.8em; } }
        .locator-box .locator .location-container .college-item h4 {
          font-size: 0.8125em;
          font-family: "din_next_lt_proregular";
          line-height: 1.25em;
          letter-spacing: -0.03125em;
          font-weight: normal;
          color: #222;
          margin: 0;
          padding: 0; }
          @media screen and (max-width: 1199px) {
            .locator-box .locator .location-container .college-item h4 {
              font-size: 0.65em; } }
          @media screen and (max-width: 939px) {
            .locator-box .locator .location-container .college-item h4 {
              font-size: 0.9375em; } }
          @media screen and (max-width: 767px) {
            .locator-box .locator .location-container .college-item h4 {
              font-size: 0.7875em; } }
          @media screen and (max-width: 599px) {
            .locator-box .locator .location-container .college-item h4 {
              font-size: 0.6875em; } }
          @media screen and (max-width: 479px) {
            .locator-box .locator .location-container .college-item h4 {
              font-size: 0.75em; } }
    .locator-box .locator .link-container {
      position: absolute;
      width: 100%;
      z-index: 2;
      bottom: 5%;
      text-align: center; }
      .locator-box .locator .link-container a {
        text-transform: uppercase;
        font-size: 0.875em;
        font-family: "din_next_lt_proMdCn";
        letter-spacing: 0.09375em;
        line-height: 0.75em;
        color: #fff;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
        vertical-align: bottom;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s; }
        @media screen and (max-width: 1199px) {
          .locator-box .locator .link-container a {
            font-size: 0.7875em;
            letter-spacing: 0.0625em;
            line-height: 0.875em; } }
        @media screen and (max-width: 939px) {
          .locator-box .locator .link-container a {
            font-size: 0.875em;
            letter-spacing: 0.09375em;
            line-height: 0.75em; } }
        @media screen and (max-width: 767px) {
          .locator-box .locator .link-container a {
            font-size: 0.7875em;
            letter-spacing: 0.0625em;
            line-height: 0.875em; } }
      .locator-box .locator .link-container a:hover,
      .locator-box .locator .link-container a.active {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
      .locator-box .locator .link-container span {
        position: relative;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 0.5%;
        font-size: 0.8125em; }

.locator-box:before {
  content: "";
  display: block;
  padding-top: 107%; }

.sub-copy-right .locator-box .arrow-left {
  left: 3.5%; }
.sub-copy-right .locator-box .arrow-right {
  right: 3.5%; }
@media screen and (max-width: 939px) {
  .sub-copy-right .locator-box {
    float: none;
    width: 100%; }
    .sub-copy-right .locator-box .arrow-left {
      left: 2.5%; }
    .sub-copy-right .locator-box .arrow-right {
      right: 2.5%; }
    .sub-copy-right .locator-box .locator .copy-container h1 {
      font-size: 1.53125em; }
    .sub-copy-right .locator-box .locator .arrow-left,
    .sub-copy-right .locator-box .locator .arrow-right {
      top: 55%;
      font-size: 1.125em; }
    .sub-copy-right .locator-box .locator .location-container {
      top: 38%; }
      .sub-copy-right .locator-box .locator .location-container h2 {
        font-size: 1.2em; }
      .sub-copy-right .locator-box .locator .location-container .college-item h3 {
        font-size: 0.65em;
        line-height: 1.125em; }
      .sub-copy-right .locator-box .locator .location-container .college-item h4 {
        font-size: 0.65em;
        line-height: 1.125em; }
    .sub-copy-right .locator-box .locator .link-container a {
      font-size: 0.7875em;
      letter-spacing: 0.0625em;
      line-height: 0.875em; } }
@media screen and (max-width: 767px) {
  .sub-copy-right .locator-box {
    position: relative;
    width: 100%; }
    .sub-copy-right .locator-box .arrow-left {
      left: 3%; }
    .sub-copy-right .locator-box .arrow-right {
      right: 3%; }
    .sub-copy-right .locator-box .locator .copy-container h1 {
      font-size: 2.1875em; }
    .sub-copy-right .locator-box .locator .arrow-left,
    .sub-copy-right .locator-box .locator .arrow-right {
      font-size: 1.5em;
      top: 56%; }
    .sub-copy-right .locator-box .locator .location-container h2 {
      font-size: 1.5em; }
    .sub-copy-right .locator-box .locator .location-container .college-item h3 {
      font-size: 0.875em;
      line-height: 1.25em; }
    .sub-copy-right .locator-box .locator .location-container .college-item h4 {
      font-size: 0.8125em;
      line-height: 1.25em; }
    .sub-copy-right .locator-box .locator .link-container a {
      font-size: 0.875em;
      letter-spacing: 0.09375em; } }
@media screen and (max-width: 599px) {
  .sub-copy-right .locator-box .locator .copy-container h1 {
    font-size: 1.53125em; }
  .sub-copy-right .locator-box .locator .arrow-left,
  .sub-copy-right .locator-box .locator .arrow-right {
    top: 55.5%;
    font-size: 1.125em; }
  .sub-copy-right .locator-box .locator .location-container {
    top: 38%; }
    .sub-copy-right .locator-box .locator .location-container h2 {
      font-size: 1.2em; }
    .sub-copy-right .locator-box .locator .location-container .college-item h3 {
      font-size: 0.65em;
      line-height: 1.25em; }
    .sub-copy-right .locator-box .locator .location-container .college-item h4 {
      font-size: 0.65em;
      line-height: 1.25em; }
  .sub-copy-right .locator-box .locator .link-container a {
    font-size: 0.7875em;
    letter-spacing: 0.0625em;
    line-height: 0.875em; } }
@media screen and (max-width: 479px) {
  .sub-copy-right .locator-box {
    margin: 0; }
    .sub-copy-right .locator-box .arrow-left {
      left: 3.5%; }
    .sub-copy-right .locator-box .arrow-right {
      right: 3.5%; }
    .sub-copy-right .locator-box .locator .copy-container h1 {
      font-size: 2.1875em; }
    .sub-copy-right .locator-box .locator .arrow-left,
    .sub-copy-right .locator-box .locator .arrow-right {
      font-size: 1.5em;
      top: 56%; }
    .sub-copy-right .locator-box .locator .location-container h2 {
      font-size: 1.5em; }
    .sub-copy-right .locator-box .locator .location-container .college-item h3 {
      font-size: 0.875em;
      line-height: 1.25em; }
    .sub-copy-right .locator-box .locator .location-container .college-item h4 {
      font-size: 0.8125em;
      line-height: 1.25em; }
    .sub-copy-right .locator-box .locator .link-container a {
      font-size: 0.875em;
      letter-spacing: 0.09375em; } }

.college-component {
  float: right;
  width: 70%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3% 3% 0 0;
  margin: 0; }
  @media screen and (max-width: 939px) {
    .college-component {
      float: none;
      width: 100%;
      padding: 0 3%; } }

.locator-container #form-container {
  width: 100%;
  height: auto;
  background: url("../img/home/grid-bg.png") repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.7%;
  border-left: 6px solid #fff;
  border-top: 6px solid #fff;
  border-right: 6px solid #fff; }
  @media screen and (max-width: 939px) {
    .locator-container #form-container {
      border: none; } }
  .locator-container #form-container #form-input,
  .locator-container #form-container .view-state,
  .locator-container #form-container .view-options {
    float: left;
    color: #a5a5a5;
    font-family: "din_next_lt_proregular";
    letter-spacing: -0.03125em;
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto; }
    .locator-container #form-container #form-input label,
    .locator-container #form-container .view-state label,
    .locator-container #form-container .view-options label {
      margin: 0 0.5em 0 0;
      padding: 0;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      cursor: pointer;
      line-height: 2.5em; }
      @media screen and (max-width: 1199px) {
        .locator-container #form-container #form-input label,
        .locator-container #form-container .view-state label,
        .locator-container #form-container .view-options label {
          font-size: 0.8em; } }
    .locator-container #form-container #form-input label:hover,
    .locator-container #form-container #form-input label:active,
    .locator-container #form-container .view-state label:hover,
    .locator-container #form-container .view-state label:active,
    .locator-container #form-container .view-options label:hover,
    .locator-container #form-container .view-options label:active {
      color: #ebebeb; }
    .locator-container #form-container #form-input input[type="text"],
    .locator-container #form-container .view-state input[type="text"],
    .locator-container #form-container .view-options input[type="text"] {
      display: inline-block;
      font-size: 0.75em;
      background-color: transparent;
      border: solid 1px #767676;
      outline: 0;
      margin: 0 0.5em 0 0;
      padding: 0.25em 0.9375em;
      -moz-transition-property: all;
      -o-transition-property: all;
      -webkit-transition-property: all;
      transition-property: all;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      height: 2.125em;
      line-height: 2.125em; }
      @media screen and (max-width: 1199px) {
        .locator-container #form-container #form-input input[type="text"],
        .locator-container #form-container .view-state input[type="text"],
        .locator-container #form-container .view-options input[type="text"] {
          height: 2em;
          line-height: 2em; } }
      @media screen and (max-width: 939px) {
        .locator-container #form-container #form-input input[type="text"],
        .locator-container #form-container .view-state input[type="text"],
        .locator-container #form-container .view-options input[type="text"] {
          height: 1.875em;
          line-height: 1.875em; } }
      @media screen and (max-width: 767px) {
        .locator-container #form-container #form-input input[type="text"],
        .locator-container #form-container .view-state input[type="text"],
        .locator-container #form-container .view-options input[type="text"] {
          height: 1.75em;
          line-height: 1.75em; } }
      @media screen and (max-width: 479px) {
        .locator-container #form-container #form-input input[type="text"],
        .locator-container #form-container .view-state input[type="text"],
        .locator-container #form-container .view-options input[type="text"] {
          height: 1.5em;
          line-height: 1.5em; } }
    .locator-container #form-container #form-input select,
    .locator-container #form-container .view-state select,
    .locator-container #form-container .view-options select {
      color: #222; }
    .locator-container #form-container #form-input input[type="checkbox"],
    .locator-container #form-container .view-state input[type="checkbox"],
    .locator-container #form-container .view-options input[type="checkbox"] {
      display: inline;
      margin: 0 0.5em 0 0;
      border: none;
      outline: 0; }
    .locator-container #form-container #form-input input[type="text"]:focus,
    .locator-container #form-container .view-state input[type="text"]:focus,
    .locator-container #form-container .view-options input[type="text"]:focus {
      border: 1px solid #a5a5a5;
      color: #a5a5a5;
      -moz-box-shadow: 0 0 5px rgba(165, 165, 165, 0.5);
      -webkit-box-shadow: 0 0 5px rgba(165, 165, 165, 0.5);
      box-shadow: 0 0 5px rgba(165, 165, 165, 0.5); }
    .locator-container #form-container #form-input #collegeName,
    .locator-container #form-container .view-state #collegeName,
    .locator-container #form-container .view-options #collegeName {
      width: 50%; }
      @media screen and (max-width: 1023px) {
        .locator-container #form-container #form-input #collegeName,
        .locator-container #form-container .view-state #collegeName,
        .locator-container #form-container .view-options #collegeName {
          width: 60%; } }
      @media screen and (max-width: 1199px) {
        .locator-container #form-container #form-input #collegeName,
        .locator-container #form-container .view-state #collegeName,
        .locator-container #form-container .view-options #collegeName {
          line-height: 1.96875em; } }
      @media screen and (max-width: 767px) {
        .locator-container #form-container #form-input #collegeName,
        .locator-container #form-container .view-state #collegeName,
        .locator-container #form-container .view-options #collegeName {
          line-height: 1.53125em; } }
      @media screen and (max-width: 479px) {
        .locator-container #form-container #form-input #collegeName,
        .locator-container #form-container .view-state #collegeName,
        .locator-container #form-container .view-options #collegeName {
          line-height: 1.3125em; } }
    .locator-container #form-container #form-input #submit,
    .locator-container #form-container .view-state #submit,
    .locator-container #form-container .view-options #submit {
      display: inline-block;
      padding: 0.25em 0.9375em;
      word-wrap: nowrap;
      cursor: pointer;
      vertical-align: middle; }
  .locator-container #form-container #form-input {
    width: 50%;
    text-align: left;
    padding: 0 0 0.8125em 0; }
    .locator-container #form-container #form-input label {
      display: none; }
    @media screen and (max-width: 939px) {
      .locator-container #form-container #form-input {
        width: 50%;
        text-align: left;
        padding: 0 0 0.8125em 0; } }
    @media screen and (max-width: 599px) {
      .locator-container #form-container #form-input {
        width: 100%;
        padding: 0.5em 0 0.8125em 0;
        border-bottom: solid 1px #474747; } }
  .locator-container #form-container .view-state {
    width: 50%;
    text-align: right;
    border-left: none;
    border-right: none;
    padding: 0 0 0.8125em 0; }
    @media screen and (max-width: 939px) {
      .locator-container #form-container .view-state {
        width: 50%;
        text-align: right;
        border-left: none;
        border-right: none;
        padding: 0 0 0.8125em 0; } }
    @media screen and (max-width: 599px) {
      .locator-container #form-container .view-state {
        width: 100%;
        text-align: left;
        padding: 0.5em 0;
        border-bottom: none; } }
  .locator-container #form-container .view-options {
    position: relative;
    width: 100%;
    text-align: left;
    border-top: solid 1px #474747;
    padding: 0.5em 0 0 0; }
    @media screen and (max-width: 599px) {
      .locator-container #form-container .view-options {
        padding: 0.5em 0 0.25em 0; } }
    .locator-container #form-container .view-options label {
      font-size: 0.9em; }
      @media screen and (max-width: 1199px) {
        .locator-container #form-container .view-options label {
          font-size: 0.7em; } }
      @media screen and (max-width: 479px) {
        .locator-container #form-container .view-options label {
          font-size: 0.65em; } }
    .locator-container #form-container .view-options .spinner-gif {
      float: right;
      position: absolute;
      top: 50%;
      right: 0.125em;
      margin-top: -8px; }
      @media screen and (max-width: 1199px) {
        .locator-container #form-container .view-options .spinner-gif {
          margin-top: -11px; } }
.locator-container #map-container {
  height: 500px;
  width: 100%;
  background: url("../img/home/grid-bg.png") repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 6px solid #fff;
  border-bottom: 6px solid #fff;
  border-right: 6px solid #fff; }
  @media screen and (max-width: 939px) {
    .locator-container #map-container {
      border: none; } }
  .locator-container #map-container #map {
    float: left;
    width: 70%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 1199px) {
      .locator-container #map-container #map {
        width: 65%; } }
    @media screen and (max-width: 1023px) {
      .locator-container #map-container #map {
        width: 60%; } }
    @media screen and (max-width: 939px) {
      .locator-container #map-container #map {
        width: 65%; } }
    @media screen and (max-width: 767px) {
      .locator-container #map-container #map {
        display: none; } }
  .locator-container #map-container #loc-list {
    float: left;
    width: 30%;
    height: 100%;
    overflow: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #a5a5a5;
    font-family: "din_next_lt_proregular";
    letter-spacing: 0em;
    font-weight: normal;
    font-size: 0.75em; }
    @media screen and (max-width: 1199px) {
      .locator-container #map-container #loc-list {
        width: 35%; } }
    @media screen and (max-width: 1023px) {
      .locator-container #map-container #loc-list {
        width: 40%; } }
    @media screen and (max-width: 939px) {
      .locator-container #map-container #loc-list {
        width: 35%; } }
    @media screen and (max-width: 767px) {
      .locator-container #map-container #loc-list {
        width: 100%; } }
    .locator-container #map-container #loc-list ul {
      display: block;
      clear: left;
      float: left;
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%; }
      .locator-container #map-container #loc-list ul li {
        background: #1C1C1C;
        display: block;
        clear: left;
        float: left;
        margin: 0;
        padding: 4% 5%;
        cursor: pointer;
        width: 100%;
        color: #0053A2;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s; }
        @media screen and (max-width: 939px) {
          .locator-container #map-container #loc-list ul li {
            padding: 3% 5%; } }
        .locator-container #map-container #loc-list ul li span {
          -moz-transition-property: all;
          -o-transition-property: all;
          -webkit-transition-property: all;
          transition-property: all;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          color: #0053A2; }
        .locator-container #map-container #loc-list ul li.alt {
          color: #FF7F00; }
          .locator-container #map-container #loc-list ul li.alt span {
            color: #FF7F00; }
        .locator-container #map-container #loc-list ul li .list-label {
          float: left;
          width: 9%;
          font-size: 1.125em; }
        .locator-container #map-container #loc-list ul li .list-details {
          float: left;
          width: 91%; }
      .locator-container #map-container #loc-list ul li:hover {
        color: #4d87be;
        background-color: #333 !important; }
        .locator-container #map-container #loc-list ul li:hover span {
          color: #ebebeb; }
        .locator-container #map-container #loc-list ul li:hover.alt {
          color: #ffa54d; }
      .locator-container #map-container #loc-list ul .list-focus {
        color: #4d87be;
        background-color: #333 !important; }
        .locator-container #map-container #loc-list ul .list-focus span {
          color: #ebebeb; }
        .locator-container #map-container #loc-list ul .list-focus.alt {
          color: #ffa54d; }

.college-locator-content {
  position: relative;
  width: 100%;
  padding-bottom: 0; }
  .college-locator-content .copy-container {
    float: left;
    width: 30%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3% 3% 0 3%; }
    @media screen and (max-width: 939px) {
      .college-locator-content .copy-container {
        float: none;
        width: 100%; } }
    .college-locator-content .copy-container h2 {
      text-transform: uppercase;
      font-size: 2.5em;
      font-family: "din_next_lt_proLtCn";
      line-height: 0.8125em;
      color: #767676;
      font-weight: normal;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 1199px) {
        .college-locator-content .copy-container h2 {
          font-size: 1.875em; } }
      @media screen and (max-width: 1023px) {
        .college-locator-content .copy-container h2 {
          font-size: 1.625em; } }
      @media screen and (max-width: 767px) {
        .college-locator-content .copy-container h2 {
          font-size: 1.5em; } }
    .college-locator-content .copy-container h1 {
      text-transform: uppercase;
      font-size: 3.375em;
      font-family: "din_next_lt_proMdCn";
      line-height: 0.8125em;
      color: #767676;
      font-weight: normal;
      margin: 0 0 7% 0;
      padding: 0; }
      @media screen and (max-width: 1199px) {
        .college-locator-content .copy-container h1 {
          font-size: 2.53125em; } }
      @media screen and (max-width: 1023px) {
        .college-locator-content .copy-container h1 {
          font-size: 2.19375em; } }
      @media screen and (max-width: 939px) {
        .college-locator-content .copy-container h1 {
          margin: 0 0 2.5% 0; } }
      @media screen and (max-width: 767px) {
        .college-locator-content .copy-container h1 {
          font-size: 2.025em; } }
    .college-locator-content .copy-container h3 {
      text-transform: uppercase;
      font-size: 1.625em;
      font-family: "din_next_lt_procondensed";
      line-height: 1.625em;
      color: #003a71;
      font-weight: normal;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 1199px) {
        .college-locator-content .copy-container h3 {
          font-size: 1.21875em; } }
      @media screen and (max-width: 1023px) {
        .college-locator-content .copy-container h3 {
          font-size: 1.05625em; } }
      @media screen and (max-width: 767px) {
        .college-locator-content .copy-container h3 {
          font-size: 0.975em; } }
      .college-locator-content .copy-container h3:last-of-type {
        color: #FF7F00; }
    .college-locator-content .copy-container p {
      font-size: 1em;
      font-family: "din_next_lt_proregular";
      line-height: 1.5em;
      color: #767676;
      margin: 0 0 6.5% 0;
      padding: 0; }
      @media screen and (max-width: 1199px) {
        .college-locator-content .copy-container p {
          font-size: 0.9em; } }
      @media screen and (max-width: 1023px) {
        .college-locator-content .copy-container p {
          font-size: 0.8em; } }
      @media screen and (max-width: 939px) {
        .college-locator-content .copy-container p {
          margin: 0 0 2.5% 0; } }
      @media screen and (max-width: 767px) {
        .college-locator-content .copy-container p {
          font-size: 0.75em; } }
      @media screen and (max-width: 479px) {
        .college-locator-content .copy-container p {
          font-size: 0.7em;
          line-height: 1.25em; } }
    .college-locator-content .copy-container hr {
      margin: 9% auto; }
      @media screen and (max-width: 939px) {
        .college-locator-content .copy-container hr {
          margin: 2.5% auto; } }
  .college-locator-content .component {
    float: right;
    width: 70%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7% 6% 0 0;
    margin: 0; }
    @media screen and (max-width: 939px) {
      .college-locator-content .component {
        float: none;
        width: 100%;
        padding: 0 4.5%; } }

.gm-style div {
  color: #767676;
  font-family: "din_next_lt_proregular";
  letter-spacing: -0.03125em;
  font-weight: normal; }
  .gm-style div.loc-name {
    color: #0053A2;
    font-family: "din_next_lt_proregular";
    font-size: 1.125em;
    line-height: 0.9375em;
    overflow: hidden;
    white-space: nowrap; }
    .gm-style div.loc-name.alt {
      color: #FF7F00; }
    .gm-style div.loc-name h3 {
      margin: 0.25em 0 0.75em; }
  .gm-style div.info-address {
    margin-bottom: 1em; }
    .gm-style div.info-address p {
      margin: 0;
      font-weight: bold; }
  .gm-style div .info-more {
    margin-top: 0.75em; }
    .gm-style div .info-more span {
      margin-right: 0.2em; }
  .gm-style div a {
    color: #0053A2;
    text-decoration: underline;
    padding: 0.125em;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    .gm-style div a:hover, .gm-style div a:focus, .gm-style div a.active {
      color: #222;
      text-decoration: none;
      background-color: #ebebeb; }

.autocomplete-suggestions {
  color: #000;
  background: #FFF;
  overflow: auto;
  font-size: 0.8em; }

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete-selected {
  background: #F0F0F0; }

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #0053A2; }

.countdown-box {
  position: relative;
  width: 100%;
  margin-bottom: 8.3%; }
  @media screen and (max-width: 939px) {
    .countdown-box {
      float: left;
      width: 49.15%;
      margin-right: 1.7%;
      margin-bottom: 0; } }
  @media screen and (max-width: 479px) {
    .countdown-box {
      float: none;
      width: 96.6%;
      margin-left: 1.7%;
      margin-right: 1.7%;
      margin-bottom: 1.7%; } }
  .countdown-box .countdown {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    text-align: center; }
    .countdown-box .countdown img {
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      height: 100%;
      width: auto; }
    .countdown-box .countdown .copy-container {
      position: relative;
      z-index: 1;
      margin: 23% auto 0 auto;
      padding: 0; }
      .countdown-box .countdown .copy-container.copy-alt {
        margin: 20% auto 0 auto; }
      .countdown-box .countdown .copy-container h2 {
        text-transform: uppercase;
        font-size: 1.125em;
        font-family: "din_next_lt_proMdCn";
        line-height: 0.75em;
        letter-spacing: 0.04375em;
        color: #fff;
        font-weight: normal;
        margin: 0 0 1.7% 0;
        padding: 0; }
        @media screen and (max-width: 1199px) {
          .countdown-box .countdown .copy-container h2 {
            font-size: 1.0125em;
            margin: 0 0 1.0% 0; } }
        @media screen and (max-width: 1023px) {
          .countdown-box .countdown .copy-container h2 {
            font-size: 0.9em; } }
        @media screen and (max-width: 939px) {
          .countdown-box .countdown .copy-container h2 {
            font-size: 1.25em;
            margin: 0 0 1.7% 0; } }
        @media screen and (max-width: 767px) {
          .countdown-box .countdown .copy-container h2 {
            font-size: 1.0125em;
            margin: 0 0 1.0% 0; } }
      .countdown-box .countdown .copy-container h1 {
        text-transform: uppercase;
        font-size: 3.25em;
        font-family: "din_next_lt_probold_condensed";
        letter-spacing: 0.025em;
        line-height: 0.75em;
        color: #fff;
        font-weight: normal;
        margin: 0;
        padding: 0; }
        @media screen and (max-width: 1199px) {
          .countdown-box .countdown .copy-container h1 {
            font-size: 2.925em;
            letter-spacing: 0.01875em; } }
        @media screen and (max-width: 1023px) {
          .countdown-box .countdown .copy-container h1 {
            font-size: 2.6em;
            letter-spacing: 0em; } }
        @media screen and (max-width: 939px) {
          .countdown-box .countdown .copy-container h1 {
            font-size: 3.5em;
            letter-spacing: 0.025em; } }
        @media screen and (max-width: 767px) {
          .countdown-box .countdown .copy-container h1 {
            font-size: 2.925em;
            letter-spacing: 0.01875em; } }
      .countdown-box .countdown .copy-container h2.copy-alt {
        text-transform: uppercase;
        font-size: 1.125em;
        font-family: "din_next_lt_proMdCn";
        line-height: 0.75em;
        letter-spacing: -0.03125em;
        color: #fff;
        font-weight: normal;
        margin: 0 0 1.7% 0;
        padding: 0; }
        @media screen and (max-width: 1199px) {
          .countdown-box .countdown .copy-container h2.copy-alt {
            font-size: 1.0125em;
            margin: 0 0 1.0% 0; } }
        @media screen and (max-width: 1023px) {
          .countdown-box .countdown .copy-container h2.copy-alt {
            font-size: 0.9em; } }
        @media screen and (max-width: 939px) {
          .countdown-box .countdown .copy-container h2.copy-alt {
            font-size: 1.25em;
            margin: 0 0 1.7% 0; } }
        @media screen and (max-width: 767px) {
          .countdown-box .countdown .copy-container h2.copy-alt {
            font-size: 1.0125em;
            margin: 0 0 1.0% 0; } }
      .countdown-box .countdown .copy-container h1.copy-alt {
        text-transform: uppercase;
        font-size: 4em;
        font-family: "din_next_lt_probold_condensed";
        letter-spacing: 0.025em;
        line-height: 0.75em;
        color: #fff;
        font-weight: normal;
        margin: 0;
        padding: 0; }
        @media screen and (max-width: 1199px) {
          .countdown-box .countdown .copy-container h1.copy-alt {
            font-size: 3.6em;
            letter-spacing: 0.01875em; } }
        @media screen and (max-width: 1023px) {
          .countdown-box .countdown .copy-container h1.copy-alt {
            font-size: 3.2em;
            letter-spacing: 0em; } }
        @media screen and (max-width: 939px) {
          .countdown-box .countdown .copy-container h1.copy-alt {
            font-size: 4.5em;
            letter-spacing: 0.025em; } }
        @media screen and (max-width: 767px) {
          .countdown-box .countdown .copy-container h1.copy-alt {
            font-size: 3.6em;
            letter-spacing: 0.01875em; } }
    .countdown-box .countdown .countdown-container {
      position: relative;
      margin: 23% 0 10px; }
      @media screen and (max-width: 939px) {
        .countdown-box .countdown .countdown-container {
          margin: 28% 0 10px; } }
      .countdown-box .countdown .countdown-container .jCountdown.flip.black .group .container {
        background-color: #000 !important; }
    .countdown-box .countdown .link-container {
      position: absolute;
      width: 100%;
      z-index: 2;
      bottom: 5%;
      text-align: center; }
      .countdown-box .countdown .link-container a {
        text-transform: uppercase;
        font-size: 0.875em;
        font-family: "din_next_lt_proMdCn";
        letter-spacing: 0.09375em;
        line-height: 0.75em;
        color: #fff;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
        vertical-align: bottom;
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s; }
        @media screen and (max-width: 1199px) {
          .countdown-box .countdown .link-container a {
            font-size: 0.7875em;
            letter-spacing: 0.0625em;
            line-height: 0.875em; } }
        @media screen and (max-width: 939px) {
          .countdown-box .countdown .link-container a {
            font-size: 0.875em;
            letter-spacing: 0.09375em;
            line-height: 0.75em; } }
        @media screen and (max-width: 767px) {
          .countdown-box .countdown .link-container a {
            font-size: 0.7875em;
            letter-spacing: 0.0625em;
            line-height: 0.875em; } }
      .countdown-box .countdown .link-container a:hover,
      .countdown-box .countdown .link-container a.active {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
      .countdown-box .countdown .link-container span {
        position: relative;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 0.5%;
        font-size: 0.8125em; }

.countdown-box:before {
  content: "";
  display: block;
  padding-top: 107%; }

.sub-copy-right .countdown-box .countdown .countdown-container {
  margin: 25% 0 10px; }
  @media screen and (max-width: 1199px) {
    .sub-copy-right .countdown-box .countdown .countdown-container {
      margin: 25% 0 10px; } }
  @media screen and (max-width: 939px) {
    .sub-copy-right .countdown-box .countdown .countdown-container {
      margin: 20% 0 10px; } }
  @media screen and (max-width: 767px) {
    .sub-copy-right .countdown-box .countdown .countdown-container {
      margin: 28% 0 10px; } }
  @media screen and (max-width: 599px) {
    .sub-copy-right .countdown-box .countdown .countdown-container {
      margin: 25% 0 10px; } }
  @media screen and (max-width: 479px) {
    .sub-copy-right .countdown-box .countdown .countdown-container {
      margin: 29% 0 10px; } }
@media screen and (max-width: 939px) {
  .sub-copy-right .countdown-box {
    float: none;
    width: 100%;
    margin: 0; }
    .sub-copy-right .countdown-box .countdown .copy-container h1 {
      font-size: 2.6em;
      letter-spacing: 0em; }
    .sub-copy-right .countdown-box .countdown .copy-container h2 {
      font-size: 0.9em; }
    .sub-copy-right .countdown-box .countdown .link-container a {
      font-size: 0.7875em;
      letter-spacing: 0.0625em;
      line-height: 0.875em; } }
@media screen and (max-width: 767px) {
  .sub-copy-right .countdown-box {
    position: relative;
    width: 100%; } }
@media screen and (max-width: 479px) {
  .sub-copy-right .countdown-box {
    margin: 0; } }

.dates-box {
  position: relative;
  width: 100%;
  margin-bottom: 8.3%; }
  @media screen and (max-width: 939px) {
    .dates-box {
      float: left;
      width: 49.15%; } }
  @media screen and (max-width: 767px) {
    .dates-box {
      margin-bottom: 0; } }
  @media screen and (max-width: 479px) {
    .dates-box {
      float: none;
      width: 96.6%;
      margin-left: 1.7%;
      margin-right: 1.7%;
      margin-bottom: 1.7%; } }
  .dates-box .dates {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    text-align: center; }
    .dates-box .dates img {
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%; }
    .dates-box .dates .copy-container {
      position: relative;
      z-index: 1;
      margin: 12% auto 0 auto;
      padding: 0; }
      .dates-box .dates .copy-container h1 {
        text-transform: uppercase;
        font-size: 3.1875em;
        font-family: "din_next_lt_probold_condensed";
        line-height: 0.875em;
        letter-spacing: 0em;
        color: #fff;
        font-weight: normal;
        margin: 0;
        padding: 0; }
        @media screen and (max-width: 1199px) {
          .dates-box .dates .copy-container h1 {
            font-size: 2.55em; } }
        @media screen and (max-width: 1023px) {
          .dates-box .dates .copy-container h1 {
            font-size: 2.23125em; } }
        @media screen and (max-width: 939px) {
          .dates-box .dates .copy-container h1 {
            font-size: 3.375em; } }
        @media screen and (max-width: 767px) {
          .dates-box .dates .copy-container h1 {
            font-size: 2.55em; } }
      .dates-box .dates .copy-container h2 {
        text-transform: uppercase;
        font-size: 1.875em;
        font-family: "din_next_lt_proMdCn";
        line-height: 0.75em;
        letter-spacing: 0em;
        color: #fff;
        font-weight: normal;
        margin: 0;
        padding: 0; }
        @media screen and (max-width: 1199px) {
          .dates-box .dates .copy-container h2 {
            font-size: 1.5em; } }
        @media screen and (max-width: 1023px) {
          .dates-box .dates .copy-container h2 {
            font-size: 1.3125em; } }
        @media screen and (max-width: 939px) {
          .dates-box .dates .copy-container h2 {
            font-size: 2.0625em; } }
        @media screen and (max-width: 767px) {
          .dates-box .dates .copy-container h2 {
            font-size: 1.5em; } }
    .dates-box .dates .link-container {
      position: absolute;
      width: 100%;
      z-index: 2;
      bottom: 12%;
      text-align: center; }

.dates-box:before {
  content: "";
  display: block;
  padding-top: 107%; }

@media screen and (max-width: 939px) {
  .sub-copy-right .dates-box {
    float: none;
    width: 100%; }
    .sub-copy-right .dates-box .dates .copy-container h1 {
      font-size: 2.23125em; }
    .sub-copy-right .dates-box .dates .copy-container h2 {
      font-size: 1.3125em; } }
@media screen and (max-width: 767px) {
  .sub-copy-right .dates-box {
    position: relative;
    width: 100%; }
    .sub-copy-right .dates-box .dates .copy-container h1 {
      font-size: 3.1875em; }
    .sub-copy-right .dates-box .dates .copy-container h2 {
      font-size: 1.875em; } }
@media screen and (max-width: 599px) {
  .sub-copy-right .dates-box .dates .copy-container h1 {
    font-size: 2.23125em; }
  .sub-copy-right .dates-box .dates .copy-container h2 {
    font-size: 1.3125em; } }
@media screen and (max-width: 479px) {
  .sub-copy-right .dates-box {
    margin: 0; }
    .sub-copy-right .dates-box .dates .copy-container h1 {
      font-size: 3.1875em; }
    .sub-copy-right .dates-box .dates .copy-container h2 {
      font-size: 1.875em; } }

#home .dates-box {
  position: relative;
  width: 100%;
  margin-bottom: 8.3%; }
  @media screen and (max-width: 939px) {
    #home .dates-box {
      float: left;
      width: 49.15%;
      margin-right: 1.7%;
      margin-bottom: 0; } }
  @media screen and (max-width: 479px) {
    #home .dates-box {
      float: none;
      width: 96.6%;
      margin-left: 1.7%;
      margin-right: 1.7%;
      margin-bottom: 1.7%; } }

form {
  /* Remove inner shadow from inputs on mobile iOS */ }
  form textarea,
  form input[type="text"] {
    -webkit-appearance: none; }
  form .error {
    color: red !important; }
  form .search-btn, .sidr form .sidr-class-search-btn {
    float: left;
    display: block;
    background-color: #fff;
    border-top: solid 1px #767676;
    border-left: 0 none;
    border-bottom: solid 1px #767676;
    border-right: solid 1px #767676;
    width: 40px;
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent url("../img/global/icon-search.png") no-repeat center center;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
    @media screen and (max-width: 1199px) {
      form .search-btn, .sidr form .sidr-class-search-btn {
        width: 30px;
        height: 25px; } }
    @media screen and (max-width: 599px) {
      form .search-btn, .sidr form .sidr-class-search-btn {
        width: 25px;
        height: 23px; } }
  form .search-box, .sidr form .sidr-class-search-box {
    float: left;
    display: block;
    background-color: transparent;
    padding: 0em 0.9375em;
    color: #767676;
    font-family: "din_next_lt_proregular";
    font-size: 0.6875em;
    letter-spacing: 0.0625em;
    line-height: 30px;
    border-top: solid 1px #767676;
    border-right: 0 none;
    border-bottom: solid 1px #767676;
    border-left: solid 1px #767676;
    width: 160px;
    height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
    @media screen and (max-width: 1199px) {
      form .search-box, .sidr form .sidr-class-search-box {
        line-height: 25px;
        width: 130px;
        height: 25px; } }
    @media screen and (max-width: 599px) {
      form .search-box, .sidr form .sidr-class-search-box {
        line-height: 23px;
        width: 100px;
        height: 23px;
        font-size: 0.625em; } }
  form ::-webkit-input-placeholder {
    color: #767676; }
  form :-moz-placeholder {
    color: #767676; }
  form ::-moz-placeholder {
    color: #767676; }
  form :-ms-input-placeholder {
    color: #767676; }

.sidr form {
  padding-top: 1em; }
  .sidr form .sidr-class-search-box {
    margin-left: 15px;
    letter-spacing: 0em;
    font-size: 0.9em;
    width: 200px;
    height: 34px; }
  .sidr form .sidr-class-search-btn {
    height: 34px; }

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1000;
  padding: 66px 20px 20px 20px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center; }
  @media screen and (max-width: 1199px) {
    .blocker {
      padding: 54.9px 15px 15px 15px; } }
  @media screen and (max-width: 939px) {
    .blocker {
      padding: 44.8px 10px 10px 10px; } }
  @media screen and (max-width: 599px) {
    .blocker {
      padding: 35.7px 5px 5px 5px; } }
  .blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em; }

.register-modal {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2000;
  width: 100%;
  max-width: 400px;
  background: #e7e7e7;
  padding: 45px 30px;
  text-align: left;
  color: #222;
  /* Forms
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Removes awkward default styles on some inputs for iOS */ }
  @media screen and (max-width: 1199px) {
    .register-modal {
      padding: 40.5px 27px; } }
  @media screen and (max-width: 939px) {
    .register-modal {
      padding: 36px 24px; } }
  @media screen and (max-width: 599px) {
    .register-modal {
      padding: 31.5px 21px; } }
  .register-modal .persona-button {
    width: 100%; }
  .register-modal.error .register-error {
    display: block;
    opacity: 1; }
  .register-modal.success .register-success {
    display: block;
    opacity: 1; }
  .register-modal .modal-spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.85);
    display: none;
    opacity: 0;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s; }
    .register-modal .modal-spinner img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      text-align: center;
      margin: 0 auto 0.625em auto; }
  .register-modal.submitting .modal-spinner {
    display: block;
    opacity: 1; }
  .register-modal h2 {
    text-transform: uppercase;
    font-size: 1.75em;
    font-family: "din_next_lt_proMdCn";
    line-height: 1.125em;
    color: #222;
    font-weight: normal;
    margin: 0 auto 1.125em auto;
    padding: 0; }
    @media screen and (max-width: 1199px) {
      .register-modal h2 {
        font-size: 1.575em; } }
    @media screen and (max-width: 939px) {
      .register-modal h2 {
        font-size: 1.4em; } }
    @media screen and (max-width: 599px) {
      .register-modal h2 {
        font-size: 1.225em; } }
  .register-modal p {
    font-size: 1.25em;
    font-family: "din_next_lt_proMdCn";
    line-height: 1.125em;
    font-weight: normal;
    margin: 0 0 5% 0;
    padding: 0; }
    .register-modal p span {
      color: #0053A2; }
    .register-modal p.register-error {
      display: none;
      opacity: 0;
      color: red;
      transition: opacity 0.3s ease 0s; }
    .register-modal p.register-success {
      display: none;
      opacity: 0;
      color: green;
      transition: opacity 0.3s ease 0s; }
    .register-modal p.small {
      font-family: "din_next_lt_procondensed";
      font-size: 0.875em;
      line-height: 0.875em;
      text-align: right;
      color: #767676;
      margin: 0 0 4.5% 0; }
      @media screen and (max-width: 1199px) {
        .register-modal p.small {
          margin: 0 0 4% 0;
          font-size: 0.7875em; } }
    @media screen and (max-width: 1199px) {
      .register-modal p {
        margin: 0 0 4% 0;
        font-size: 1.125em; } }
    @media screen and (max-width: 939px) {
      .register-modal p {
        margin: 0 0 5% 0; } }
    @media screen and (max-width: 767px) {
      .register-modal p {
        margin: 0 0 3% 0; } }
  .register-modal a.close-modal {
    position: absolute;
    top: -46px;
    right: 0px;
    display: block;
    opacity: 1.0;
    font-size: 1.125em;
    padding: 0 0.875em 0 1.125em;
    height: 45px;
    line-height: 45px; }
    .register-modal a.close-modal .icon-cross {
      vertical-align: text-bottom; }
    @media screen and (max-width: 1199px) {
      .register-modal a.close-modal {
        font-size: 1.0125em;
        padding: 0 0.7875em 0 1.0125em;
        top: -41.4px;
        height: 40.5px;
        line-height: 40.5px; } }
    @media screen and (max-width: 767px) {
      .register-modal a.close-modal {
        font-size: 0.9em;
        padding: 0 0.7em 0 0.9em;
        top: -36.8px;
        height: 36px;
        line-height: 36px; } }
    @media screen and (max-width: 479px) {
      .register-modal a.close-modal {
        font-size: 0.7875em;
        padding: 0 0.6125em 0 0.7875em;
        top: -32.2px;
        height: 31.5px;
        line-height: 31.5px; } }
  .register-modal input[type="email"],
  .register-modal input[type="number"],
  .register-modal input[type="search"],
  .register-modal input[type="text"],
  .register-modal input[type="tel"],
  .register-modal input[type="url"],
  .register-modal input[type="password"],
  .register-modal textarea,
  .register-modal select {
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    color: #222;
    box-sizing: border-box;
    font-family: "din_next_lt_procondensed";
    line-height: 1.125em;
    font-weight: normal;
    font-size: 1.125em;
    padding: 0.625em;
    margin-bottom: 0.625em; }
    @media screen and (max-width: 1199px) {
      .register-modal input[type="email"],
      .register-modal input[type="number"],
      .register-modal input[type="search"],
      .register-modal input[type="text"],
      .register-modal input[type="tel"],
      .register-modal input[type="url"],
      .register-modal input[type="password"],
      .register-modal textarea,
      .register-modal select {
        font-size: 1.0125em;
        padding: 0.5625em; } }
    @media screen and (max-width: 767px) {
      .register-modal input[type="email"],
      .register-modal input[type="number"],
      .register-modal input[type="search"],
      .register-modal input[type="text"],
      .register-modal input[type="tel"],
      .register-modal input[type="url"],
      .register-modal input[type="password"],
      .register-modal textarea,
      .register-modal select {
        font-size: 0.9em;
        padding: 0.5em; } }
  .register-modal select {
    background: #fff url("../img/global/select-arrow.png") no-repeat;
    background-size: contain;
    background-position: right center;
    cursor: pointer; }
  .register-modal input[type="email"] {
    background: #fff url("../img/global/input-background.png") no-repeat;
    background-size: 100% 100%; }
  .register-modal input[type="email"],
  .register-modal input[type="number"],
  .register-modal input[type="search"],
  .register-modal input[type="text"],
  .register-modal input[type="tel"],
  .register-modal input[type="url"],
  .register-modal input[type="password"],
  .register-modal textarea,
  .register-modal select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .register-modal textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px; }
  .register-modal input[type="email"]:focus,
  .register-modal input[type="number"]:focus,
  .register-modal input[type="search"]:focus,
  .register-modal input[type="text"]:focus,
  .register-modal input[type="tel"]:focus,
  .register-modal input[type="url"]:focus,
  .register-modal input[type="password"]:focus,
  .register-modal textarea:focus,
  .register-modal select:focus {
    border: none;
    outline: 0; }
  .register-modal label,
  .register-modal legend {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600; }
  .register-modal fieldset {
    padding: 0;
    border-width: 0; }
  .register-modal input[type="checkbox"],
  .register-modal input[type="radio"] {
    display: inline; }
  .register-modal label > .label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal; }

.module-blockquote {
  margin: 0 0 2em 0; }
  .module-blockquote blockquote {
    font-family: "din_next_lt_proregular";
    color: #767676;
    background: #ebebeb;
    border-left: 10px solid #a5a5a5;
    margin: 0;
    padding: 1em;
    quotes: "“" "”" "‘" "’";
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em; }
    @media screen and (max-width: 1023px) {
      .module-blockquote blockquote {
        font-size: 0.9em;
        line-height: 1.4375em; } }
    @media screen and (max-width: 767px) {
      .module-blockquote blockquote {
        font-size: 0.85em;
        line-height: 1.375em; } }
  .module-blockquote blockquote:before {
    color: #a5a5a5;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.15em;
    vertical-align: -0.4em; }
  .module-blockquote blockquote p {
    display: inline; }

.module-list-block {
  margin: 0 0 2em 0; }
  .module-list-block h2 {
    text-transform: uppercase;
    font-size: 1.875em;
    font-family: "din_next_lt_procondensed";
    letter-spacing: -0.03125em;
    line-height: 1.125em;
    color: #0053A2;
    font-weight: normal;
    margin: 0 0 0.3em 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-list-block h2 {
        font-size: 1.6875em;
        line-height: 1.0625em; } }
    @media screen and (max-width: 767px) {
      .module-list-block h2 {
        font-size: 1.5em;
        line-height: 1em; } }
  .module-list-block p {
    font-size: 1em;
    font-family: "din_next_lt_proregular";
    line-height: 1.5em;
    font-weight: normal;
    color: #767676;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-list-block p {
        font-size: 0.9em;
        line-height: 1.4375em; } }
    @media screen and (max-width: 767px) {
      .module-list-block p {
        font-size: 0.85em;
        line-height: 1.375em; } }
  .module-list-block ul,
  .module-list-block ol {
    margin: 0.3em 0 0 2.1em;
    padding: 0; }
    .module-list-block ul li,
    .module-list-block ol li {
      font-size: 1em;
      font-family: "din_next_lt_proregular";
      font-weight: normal;
      line-height: 1.5em;
      color: #767676;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 1023px) {
        .module-list-block ul li,
        .module-list-block ol li {
          font-size: 0.9em;
          line-height: 1.4375em; } }
      @media screen and (max-width: 767px) {
        .module-list-block ul li,
        .module-list-block ol li {
          font-size: 0.85em;
          line-height: 1.375em; } }

.module-copy-block-image-left {
  margin: 0 0 2em 0; }
  .module-copy-block-image-left p {
    font-size: 1em;
    font-family: "din_next_lt_proregular";
    font-weight: normal;
    line-height: 1.5em;
    color: #767676;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-copy-block-image-left p {
        font-size: 0.9em;
        line-height: 1.4375em; } }
    @media screen and (max-width: 767px) {
      .module-copy-block-image-left p {
        font-size: 0.85em;
        line-height: 1.375em; } }
  .module-copy-block-image-left img {
    margin: 2.1em; }
    .module-copy-block-image-left img.pull-left {
      margin-left: 0; }
    .module-copy-block-image-left img.pull-right {
      margin-right: 0; }
    .module-copy-block-image-left img.top {
      margin-top: 1%; }
    .module-copy-block-image-left img.bottom {
      margin-bottom: 1%; }
    @media screen and (max-width: 479px) {
      .module-copy-block-image-left img {
        width: 100%;
        height: auto; } }

.module-copy-block-image-right {
  margin: 0 0 2em 0; }
  .module-copy-block-image-right p {
    font-size: 1em;
    font-family: "din_next_lt_proregular";
    font-weight: normal;
    line-height: 1.5em;
    color: #767676;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-copy-block-image-right p {
        font-size: 0.9em;
        line-height: 1.4375em; } }
    @media screen and (max-width: 767px) {
      .module-copy-block-image-right p {
        font-size: 0.85em;
        line-height: 1.375em; } }
  .module-copy-block-image-right img {
    margin: 2.1em; }
    .module-copy-block-image-right img.pull-left {
      margin-left: 0; }
    .module-copy-block-image-right img.pull-right {
      margin-right: 0; }
    .module-copy-block-image-right img.top {
      margin-top: 1%; }
    .module-copy-block-image-right img.bottom {
      margin-bottom: 1%; }
    @media screen and (max-width: 479px) {
      .module-copy-block-image-right img {
        width: 100%;
        height: auto; } }

.module-copy-block-half {
  float: left;
  width: 45%;
  margin: 0 0 2em 0; }
  @media screen and (max-width: 939px) {
    .module-copy-block-half {
      float: none;
      width: 100%; } }
  .module-copy-block-half.last-child {
    margin-left: 10%; }
    @media screen and (max-width: 939px) {
      .module-copy-block-half.last-child {
        margin: 0; } }
  .module-copy-block-half h2 {
    text-transform: uppercase;
    font-size: 1.875em;
    font-family: "din_next_lt_procondensed";
    letter-spacing: -0.03125em;
    line-height: 1.125em;
    color: #0053A2;
    font-weight: normal;
    margin: 0 0 0.3em 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-copy-block-half h2 {
        font-size: 1.6875em;
        line-height: 1.0625em; } }
    @media screen and (max-width: 767px) {
      .module-copy-block-half h2 {
        font-size: 1.5em;
        line-height: 1em; } }
  .module-copy-block-half p {
    font-size: 1em;
    font-family: "din_next_lt_proregular";
    font-weight: normal;
    line-height: 1.5em;
    color: #767676;
    margin: 0 0 2em 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-copy-block-half p {
        font-size: 0.9em;
        line-height: 1.4375em; } }
    @media screen and (max-width: 767px) {
      .module-copy-block-half p {
        font-size: 0.85em;
        line-height: 1.375em; } }

.module-sub-copy-block {
  margin: 0 0 2em 0; }
  .module-sub-copy-block h2 {
    text-transform: uppercase;
    font-size: 1.875em;
    font-family: "din_next_lt_procondensed";
    letter-spacing: -0.03125em;
    line-height: 1.125em;
    color: #0053A2;
    font-weight: normal;
    margin: 0 0 0.3em 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-sub-copy-block h2 {
        font-size: 1.6875em;
        line-height: 1.0625em; } }
    @media screen and (max-width: 767px) {
      .module-sub-copy-block h2 {
        font-size: 1.5em;
        line-height: 1em; } }
  .module-sub-copy-block p {
    font-size: 1em;
    font-family: "din_next_lt_proregular";
    font-weight: normal;
    line-height: 1.5em;
    color: #767676;
    margin: 0 0 2em 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-sub-copy-block p {
        font-size: 0.9em;
        line-height: 1.4375em; } }
    @media screen and (max-width: 767px) {
      .module-sub-copy-block p {
        font-size: 0.85em;
        line-height: 1.375em; } }

.module-headline {
  margin: 0; }
  .module-headline h1 {
    text-transform: uppercase;
    font-size: 2.6875em;
    font-family: "din_next_lt_proMdCn";
    line-height: 0.875em;
    color: #767676;
    font-weight: normal;
    margin: 0 0 0.3em 0;
    padding: 0 0 0.15em 0;
    border-bottom: 1px solid #a5a5a5; }
    @media screen and (max-width: 1023px) {
      .module-headline h1 {
        font-size: 2.41875em;
        line-height: 0.8125em; } }
    @media screen and (max-width: 767px) {
      .module-headline h1 {
        font-size: 2.15em;
        line-height: 0.75em; } }

.module-copy-block {
  margin: 0 0 2em 0; }
  .module-copy-block h1 {
    text-transform: uppercase;
    font-size: 2.6875em;
    font-family: "din_next_lt_proMdCn";
    line-height: 0.875em;
    color: #767676;
    font-weight: normal;
    margin: 0 0 0.3em 0;
    padding: 0 0 0.15em 0;
    border-bottom: 1px solid #a5a5a5; }
    @media screen and (max-width: 1023px) {
      .module-copy-block h1 {
        font-size: 2.41875em;
        line-height: 0.8125em; } }
    @media screen and (max-width: 767px) {
      .module-copy-block h1 {
        font-size: 2.15em;
        line-height: 0.75em; } }
  .module-copy-block h2 {
    text-transform: uppercase;
    font-size: 1.875em;
    font-family: "din_next_lt_procondensed";
    letter-spacing: -0.03125em;
    line-height: 1.125em;
    color: #0053A2;
    font-weight: normal;
    margin: 1.067em 0 0.3em 0;
    padding: 0; }
    .module-copy-block h2:first-child {
      margin-top: 0; }
    @media screen and (max-width: 1023px) {
      .module-copy-block h2 {
        font-size: 1.6875em;
        line-height: 1.0625em; } }
    @media screen and (max-width: 767px) {
      .module-copy-block h2 {
        font-size: 1.5em;
        line-height: 1em; } }
  .module-copy-block h1 + h2 {
    margin-top: 0; }
  .module-copy-block p, .module-copy-block h3 {
    font-size: 1em;
    font-family: "din_next_lt_proregular";
    font-weight: normal;
    line-height: 1.5em;
    color: #767676;
    margin: 0 0 1.5em 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-copy-block p, .module-copy-block h3 {
        font-size: 0.9em;
        line-height: 1.4375em; } }
    @media screen and (max-width: 767px) {
      .module-copy-block p, .module-copy-block h3 {
        font-size: 0.85em;
        line-height: 1.375em; } }
  .module-copy-block p + h1 {
    margin-top: 0.75em; }
  .module-copy-block h3 {
    font-family: "din_next_lt_proregular";
    color: #222;
    font-weight: normal;
    margin: 0; }
  .module-copy-block ul,
  .module-copy-block ol {
    margin: 0.3em 0 1.5em 2.1em;
    padding: 0; }
    .module-copy-block ul li,
    .module-copy-block ol li {
      font-size: 1em;
      font-family: "din_next_lt_proregular";
      font-weight: normal;
      line-height: 1.5em;
      color: #767676;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 1023px) {
        .module-copy-block ul li,
        .module-copy-block ol li {
          font-size: 0.9em;
          line-height: 1.4375em; } }
      @media screen and (max-width: 767px) {
        .module-copy-block ul li,
        .module-copy-block ol li {
          font-size: 0.85em;
          line-height: 1.375em; } }
  .module-copy-block ul > ul {
    margin-bottom: 0; }
  .module-copy-block ol ul ul {
    margin-bottom: 0.5em; }
  .module-copy-block ol li p,
  .module-copy-block ol ul li p {
    line-height: 0;
    margin: 0; }
  .module-copy-block a {
    color: #0053A2;
    text-decoration: underline;
    padding: 0.125em;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    .module-copy-block a:hover, .module-copy-block a:focus, .module-copy-block a.active {
      color: #222;
      text-decoration: none;
      background-color: #ebebeb; }
  .module-copy-block select {
    color: #222; }

.module-table {
  margin: 0 0 2em 0; }

.module-table-half {
  float: left;
  width: 45%;
  margin: 0 0 2em 0; }
  @media screen and (max-width: 939px) {
    .module-table-half {
      float: none;
      width: 100%; } }
  .module-table-half.last-child {
    margin-left: 10%; }
    @media screen and (max-width: 939px) {
      .module-table-half.last-child {
        margin: 0; } }

.module-video {
  margin: 0 0 2em 0; }
  .module-video h2 {
    text-transform: uppercase;
    font-size: 1.875em;
    font-family: "din_next_lt_procondensed";
    letter-spacing: -0.03125em;
    line-height: 1.125em;
    color: #0053A2;
    font-weight: normal;
    margin: 0 0 0.3em 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-video h2 {
        font-size: 1.6875em;
        line-height: 1.0625em; } }
    @media screen and (max-width: 767px) {
      .module-video h2 {
        font-size: 1.5em;
        line-height: 1em; } }
  .module-video div {
    margin: 0 0 0.3em 0;
    padding: 0; }
  .module-video .video-container {
    position: relative;
    padding-bottom: 56.135770234987%;
    height: 0;
    overflow: hidden; }
  .module-video .video-container iframe,
  .module-video .video-container object,
  .module-video .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .module-video p {
    font-size: 1em;
    font-family: "din_next_lt_proregular";
    font-weight: normal;
    line-height: 1.5em;
    color: #767676;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-video p {
        font-size: 0.9em;
        line-height: 1.4375em; } }
    @media screen and (max-width: 767px) {
      .module-video p {
        font-size: 0.85em;
        line-height: 1.375em; } }

.module-locator {
  margin: 0 0 2em 0; }

.module-countdown {
  margin: 0 0 2em 0; }

.module-copy-block-image {
  margin: 0 0 2em 0; }
  .module-copy-block-image h2 {
    text-transform: uppercase;
    font-size: 1.875em;
    font-family: "din_next_lt_procondensed";
    letter-spacing: -0.03125em;
    line-height: 1.125em;
    color: #0053A2;
    font-weight: normal;
    margin: 0 0 0.3em 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-copy-block-image h2 {
        font-size: 1.6875em;
        line-height: 1.0625em; } }
    @media screen and (max-width: 767px) {
      .module-copy-block-image h2 {
        font-size: 1.5em;
        line-height: 1em; } }
  .module-copy-block-image img {
    margin: 0 0 0.3em 0;
    padding: 0 0 0.3em 0;
    width: 100%;
    height: auto;
    border: 0; }
  .module-copy-block-image p {
    font-size: 1em;
    font-family: "din_next_lt_proregular";
    font-weight: normal;
    line-height: 1.5em;
    color: #767676;
    margin: 0 0 2em 0;
    padding: 0; }
    @media screen and (max-width: 1023px) {
      .module-copy-block-image p {
        font-size: 0.9em;
        line-height: 1.4375em; } }
    @media screen and (max-width: 767px) {
      .module-copy-block-image p {
        font-size: 0.85em;
        line-height: 1.375em; } }
  .module-copy-block-image a {
    color: #0053A2;
    text-decoration: underline;
    text-transform: uppercase;
    padding: 0.125em;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    .module-copy-block-image a:hover, .module-copy-block-image a:focus {
      color: #222;
      text-decoration: none;
      background-color: #fff !important; }

.module-form-block {
  margin: 0 0 2em 0; }
  .module-form-block form {
    margin: 0 auto;
    width: 50%;
    display: block; }
    @media screen and (max-width: 1023px) {
      .module-form-block form {
        width: 75%; } }
    @media screen and (max-width: 599px) {
      .module-form-block form {
        width: 100%; } }
    .module-form-block form h2 {
      text-transform: uppercase;
      font-size: 1.875em;
      font-family: "din_next_lt_procondensed";
      letter-spacing: -0.03125em;
      line-height: 1.125em;
      color: #0053A2;
      font-weight: normal;
      margin: 0 0 0.3em 0;
      padding: 0; }
      @media screen and (max-width: 1023px) {
        .module-form-block form h2 {
          font-size: 1.6875em;
          line-height: 1.0625em; } }
      @media screen and (max-width: 767px) {
        .module-form-block form h2 {
          font-size: 1.5em;
          line-height: 1em; } }
    .module-form-block form p,
    .module-form-block form label {
      font-size: 1em;
      font-family: "din_next_lt_proregular";
      font-weight: normal;
      line-height: 1.5em;
      color: #767676;
      margin: 0 0 0.3em 0;
      padding: 0;
      display: block; }
      @media screen and (max-width: 1023px) {
        .module-form-block form p,
        .module-form-block form label {
          font-size: 0.9em;
          line-height: 1.4375em; } }
      @media screen and (max-width: 767px) {
        .module-form-block form p,
        .module-form-block form label {
          font-size: 0.85em;
          line-height: 1.375em; } }
  .module-form-block fieldset {
    margin-bottom: 0.3em; }
  .module-form-block input[type="text"],
  .module-form-block input[type="password"],
  .module-form-block input[type="email"],
  .module-form-block textarea {
    border: 1px solid #a5a5a5;
    padding: 6px 4px;
    outline: none;
    font-size: 0.85em;
    font-family: "din_next_lt_proregular";
    font-weight: normal;
    line-height: 1.375em;
    color: #a5a5a5;
    margin: 0;
    width: 100%;
    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-bottom: 0.7em;
    background: #fff; }
    .module-form-block input[type="text"].error,
    .module-form-block input[type="password"].error,
    .module-form-block input[type="email"].error,
    .module-form-block textarea.error {
      border-color: red;
      margin-bottom: 0; }
  .module-form-block select {
    color: #222;
    margin: 0;
    width: 100%;
    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-bottom: 0.7em; }
    .module-form-block select.input-inline {
      display: inline;
      float: left;
      max-width: 32%;
      margin-right: 2%;
      padding: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .module-form-block select.last {
      margin-right: 0 !important; }
    .module-form-block select.error {
      border-color: red;
      margin-bottom: 0; }
  .module-form-block input[type="text"]:focus,
  .module-form-block input[type="password"]:focus,
  .module-form-block input[type="email"]:focus,
  .module-form-block textarea:focus {
    border: 1px solid #767676;
    color: #767676;
    -moz-box-shadow: 0 0 5px rgba(118, 118, 118, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(118, 118, 118, 0.5);
    box-shadow: 0 0 5px rgba(118, 118, 118, 0.5); }
  .module-form-block textarea {
    min-height: 60px; }
  .module-form-block legend {
    display: block;
    font-weight: bold;
    font-size: 13px; }
  .module-form-block input[type="checkbox"] {
    display: inline; }
  .module-form-block label span,
  .module-form-block legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444; }
  .module-form-block .error {
    color: red !important; }