@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,900);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);

/*  JOBAPS CUSTOM */
body {   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer-inner { padding: 0em 2.35em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer-inner ul { margin: 0em;}
.footer-links a { color: #fff;}

#ApPageFooter { background: #315470 none repeat scroll 0 0; color: #fff; font-size: 0.8125em;   max-width: 81.25rem; padding: 1em;}
#ApPageFooter a { color: #ffffff;}
#ApPageFooter   a[target="_blank"]:after {
    content: "";
 }
.JobListing  {font-size: 0.85em; line-height: 1.3 }
.JobListing td.Deadline, .JobListing td.SQ { text-align: center;}

#JobBulletin h2 { font-size: 115%;}
.CAO-section {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 1em 1.25em;  
 background: #FAFAFA;
 overflow: hidden;
 /*margin-top: 3em;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.HelpDiv  a[target="_blank"]:after
,.social  a[target="_blank"]:after
,.PoweredBy  a[target="_blank"]:after {
    content: "";
 }

#SearchForm.form-horizontal .control-label {
  text-align: left;
}

#SearchPanel legend span, fieldset.LayoutAdjust h2 {
  font-size: 1em;
 }

*, *:before, *:after {
  box-sizing: inherit; }

select {
  /*border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none; JobAps */ }
  select:focus {
    /*outline: none; JobAps*/  }

hr {
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-bottom: 0; }

a {
  text-decoration: none;
  color: #4f868E; }
  a:hover {
    color: #76abb3; }
  a .material-icons {
    vertical-align: bottom; }
  a[target="_blank"]:after {
    content: " \e879";
    font-family: 'Material Icons';
    vertical-align: bottom;
    display: inline-block;
    margin-left: 2px; }
  @media screen and (min-width: 1300px) {
    a[href^="tel:"] {
      color: inherit !important;
      pointer-events: none; } }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    a[href^="tel:"] {
      color: inherit !important;
      pointer-events: none; } }

html {
  font-family: "Roboto", Sans-Serif;
  -webkit-font-smoothing: antialiased;
  color: #3f5566; }

body {
  font-size: 16px; }

form {
  height: 100%; }

p {
  line-height: 1.5rem;
  margin-top: 0;
  /*margin-bottom: 1.5rem;*/
  font-weight: 300; }
  p a {
    text-decoration: none;
    font-weight: 400;
    color: #8D3F2B; }
    p a:hover {
      text-decoration: underline;
      color: #8D3F2B; }

ul a {
  text-decoration: none;
  color: #DB864E; }
  ul a:hover {
    text-decoration: underline;
    color: #DB864E; }

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

ul,
ol {
  margin-bottom: 1.5rem;
  margin-top: 0; }
  ul li,
  ol li {
    line-height: 1.5rem; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-top: 0;
    margin-bottom: 0; }

ul.unstyled, ul.dept-list, ul.dept-contact__methods, ul.dept-list-2, ul.user-info-list, ul.card-list, ul.map__layers, ul.stepper, ul.nav__dropdown, ol.unstyled, ol.dept-list, ol.dept-contact__methods, ol.dept-list-2, ol.user-info-list, ol.card-list, ol.map__layers, ol.stepper, ol.nav__dropdown {
  padding-left: 0;
  list-style: none; }

blockquote {
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.h1, h1,
.h2,
.title, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
  /* Change heading typefaces here */
  font-family: "Roboto", Sans-Serif;
  color: #315470;
  margin-top: 1.5rem;
  margin-bottom: 0;
  line-height: 1.5rem; }

.h1, h1 {
  font-size: 2.25rem;
  line-height: 3rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: 300 !important; }

.h2, .title, h2 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 2.25rem;
  font-weight: 500; }

.h3, h3 {
  font-size: 1.125rem;
  font-weight: 500; }

.h4, h4 {
  font-size: 1rem;
  font-weight: 600;
  display: inline; }

.h5, h5 {
  font-size: 0.9898rem; }

.h6, h6 {
  font-size: 0.9191rem; }

.title {
  font-size: 2.8125rem;
  font-weight: 300;
  margin: 1rem 0 1.5rem; }
  @media screen and (max-width: 640px) {
    .title {
      font-size: 1.5625rem; } }

iframe {
  outline: none;
  border: none; }

address {
  font-style: normal; }
  address label {
    color: #444;
    display: block;
    margin: 2px 0 8px;
    font-weight: 500; }

button {
  background: transparent; }

label {
  color: rgba(0, 0, 0, 0.54);
  /*display: block; JobAps */
  margin: 2px 0 8px;
  font-weight: 500;
  font-family: 'roboto condensed', 'roboto'; }

.label--error {
  color: #C62828; }

.material-icons {
  vertical-align: text-bottom; }

input[type="text"] {
  background: #FFFFFF;
  border-radius: 0.1875rem;
  color: #333;
  padding: 0.625rem 0.625rem;
  height: 2.5rem;
  font-size: 0.9375rem;
  font-weight: 300;
  font-family: 'Roboto';
  border: 1px solid rgba(0, 0, 0, 0.12); }

input[type="text"] + label {
  margin-left: 1px; }

textarea {
  background: #FFFFFF;
  border-radius: 0.1875rem;
  color: #333;
  padding: 0.625rem 0.625rem;
  font-size: 0.9375rem;
  font-weight: 300;
  font-family: 'Roboto';
  border: 1px solid rgba(0, 0, 0, 0.12); }

.gm-style a[target="_blank"]:after {
  content: ""; }

.button {
  border: none;
  cursor: pointer;
  text-align: center;
  padding: 0.625rem 0.9375rem;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0.1875rem;
  color: #DB864E;
  transition-property: background, box-shadow, color;
  transition-duration: 0.3s, 0.3s, 0.3s;
  transition-timing-function: ease-in-out;
  /*
  Color Classes
   */
  /*
    Modifier Classes
   */ }
  .button[disabled] {
    color: #c9cbcb;
    pointer-events: none; }
  .button:hover, .button:focus {
    color: #DB864E;
    background: rgba(153, 153, 153, 0.2); }
  .button:active {
    color: #DB864E;
    background: rgba(153, 153, 153, 0.4); }
  .button--default {
    padding: 0.625rem 0.9375rem;
    color: #FFFFFF;
    background-color: #CE7D4B; }
    .button--default:hover, .button--default:focus {
      color: #FFFFFF;
      background-color: #b97144; }
    .button--default:active {
      color: #FFFFFF;
      background-color: #a5643c; }
  .button--primary {
    padding: 0.625rem 0.9375rem;
    background-color: #4f868E;
    color: #fff; }
    .button--primary:hover, .button--primary:focus {
      color: #fff;
      background-color: #477980; }
    .button--primary:active {
      color: #fff;
      background-color: #3f6b72; }
  .button--success {
    padding: 0.625rem 0.9375rem;
    background-color: #ABBD38;
    color: #fff; }
    .button--success:hover, .button--success:focus {
      color: #fff;
      background-color: #9aaa32; }
    .button--success:active {
      color: #fff;
      background-color: #89972d; }
  .button--dept {
    padding: 0.625rem 0.9375rem;
    color: #DB864E;
    background-color: #dde3ad; }
    .button--dept:hover {
      color: #DB864E;
      background-color: #c7cc9c; }
    .button--dept:focus {
      color: #DB864E;
      background-color: #b1b68a; }
  .button--raised {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 250ms; }
    .button--raised:hover, .button--raised:focus {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
      transform: translateY(-2px); }
    .button--raised:active {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
      transform: translateY(-4px); }
  .button--block {
    display: inline-block;
    width: 100%; }
  .button--icon {
    line-height: 22px; }
    .button--icon .material-icons {
      vertical-align: bottom;
      margin-bottom: 1px;
      font-size: 22px;
      margin-right: 2px; }
  .button:focus {
    outline: none; }

.button1 {
  border: none;
  background: transparent;
  cursor: pointer;
  text-transform: uppercase;
  padding: 0.625rem;
  border-radius: 0.1875rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  display: inline-block;
  transition-property: background, box-shadow;
  transition-duration: 0.3s, 0.3s;
  transition-timing-function: ease-in-out;
  text-align: center;
  min-width: 9rem;
  /*
  Color Classes
   */
  /*
    Modifier Classes
   */ }
  .button1--default {
    background-color: #2196F3;
    color: #FFFFFF; }
    .button1--default:hover {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
    .button1--default:focus {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
      background-color: #1976D2; }
  .button1--primary {
    background-color: #FCB134;
    color: #333; }
    .button1--primary:hover {
      color: #111;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
    .button1--primary:focus {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
      background-color: #fdce7f; }
  .button1--flat {
    box-shadow: none; }
  .button1--block {
    display: block; }
  .button1--round {
    height: 2.1875rem;
    width: 2.1875rem;
    border-radius: 100%; }
  .button1:focus {
    outline: none; }

.callout {
  margin: 2em 0;
  background: #FFFFFF;
  position: relative; }
  .callout:before {
    display: none; }
  .callout__content {
    padding: 0.9375rem 1.25rem;
    border-left: 5px solid #333;
    font-size: 0.875rem;
    font-weight: 400; }
  .callout__title {
    font-size: 0.9375rem;
    font-weight: 500;
    font-family: "Roboto Condensed", "Roboto";
    margin-bottom: 5px; }
    .callout__title .material-icons {
      font-size: 1.375rem;
      vertical-align: bottom; }
  .callout__message {
    margin-top: 0;
    margin-bottom: 0; }
  .callout--icon:before {
    display: block;
    content: '\e88f';
    width: 30px;
    text-align: center;
    color: #fff;
    font-family: 'Material Icons';
    font-size: 1.25rem;
    position: absolute;
    top: 40%;
    left: 0; }
  .callout--icon .callout__content {
    border-left: 30px solid #333; }
  .callout--danger .callout__content {
    border-left-color: #A66; }
  .callout--danger {
    background: #edd;
    color: #644; }
    .callout--danger:before {
      content: '\e002'; }
  .callout--info .callout__content {
    border-left-color: #457DBB; }
  .callout--info {
    background: #CAD8EC;
    color: #142236; }
    .callout--info:before {
      content: '\e88e'; }
  .callout--warning .callout__content {
    border-left-color: #DB8A61; }
  .callout--warning {
    background: #fed;
    color: #842; }
    .callout--warning:before {
      content: '\e645'; }
  .callout--success .callout__content {
    border-left-color: #6a6; }
  .callout--success {
    background: #ded;
    color: #464; }
    .callout--success:before {
      content: '\E876'; }
  .callout--dept .callout__content {
    border-left-color: #dde3ad; }
  .callout--dept {
    background: #f1f4de;
    color: #585b45; }
    .callout--dept:before {
      color: #DB864E;
      content: "?"; }

.dept-hero {
  max-width: 81.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  padding-bottom: 28.125%;
  position: relative;
  height: 0;
  overflow: hidden; }
  .dept-hero:before, .dept-hero:after {
    content: '';
    display: table; }
  .dept-hero:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .dept-hero {
      position: relative;
      padding-bottom: 50%; } }
  .dept-hero img {
    width: 100%; }
    @media screen and (max-width: 640px) {
      .dept-hero img {
        top: -1% !important; } }
    @media screen and (min-width: 641px) and (max-width: 1024px) {
      .dept-hero img {
        top: -40% !important; } }
  .dept-hero__title {
    position: absolute;
    top: 10%;
    margin-left: 55px;
    font-weight: 300;
    font-size: 2.8125rem;
    z-index: 1; }
    @media screen and (max-width: 640px) {
      .dept-hero__title {
        font-size: 2rem;
        background: #dde3ad;
        margin-top: 10px;
        padding: 10px 35px;
        position: inherit;
        left: inherit;
        color: inherit !important;
        text-shadow: none !important;
        margin-left: 0; } }
    @media print {
      .dept-hero__title {
        font-size: 2rem;
        background: #dde3ad;
        margin-top: 0;
        padding: 10px 35px;
        position: inherit;
        left: inherit;
        color: inherit !important;
        text-shadow: none !important;
        margin-left: 0; } }
    .dept-hero__title--light {
      color: #000;
      text-shadow: 0px 0px 8px #fff,  0 0 20px #fff; }
    .dept-hero__title--dark {
      color: #fff;
      text-shadow: 0px 0px 8px #000000,  0 0 20px #000000; }

.dept-header {
  max-width: 81.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 2.1875rem;
  position: relative;
  text-align: left;
  background-color: #dde3ad;
  color: #DB864E;
  min-height: 6.25rem;
  padding-bottom: 25px; }
  .dept-header:before, .dept-header:after {
    content: '';
    display: table; }
  .dept-header:after {
    clear: both; }
  .dept-header__breadcrumb {
    color: rgba(0, 0, 0, 0.87);
    padding: 1.25rem 0 0;
    text-align: left;
    display: block; }
  .dept-header__title, .dept-header h1 {
    padding-top: 1.875rem;
    color: #DB864E !important;
    margin: 0px;
    font-size: 1.875rem;
    font-weight: 300; }
  .dept-header__super-title, .dept-header h1 {
    padding-top: 1.875rem;
    font-size: 2.5rem;
    font-weight: 300;
    color: #6f7257; }
  .dept-header.blue .dept-header__super-title {
    color: #315470; }
  .dept-header__super-title + .dept-header__title {
    padding-top: 0.625rem; }
  .dept-header__subtitle {
    font-size: 1.125rem;
    font-weight: 400;
    padding-bottom: 1.875rem; }
  .dept-header--paragraph {
    font-style: normal;
    margin: 0.625rem auto 0; }
  .dept-header--centered {
    text-align: center; }
    .dept-header--centered > .dept-header__title {
      font-size: 2.5rem; }

.dept-nav {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 0.5em 0em;
  background:  #315470 ;                /*   #dde3ad; */
  text-align: right;
  margin-top: 0.0em; /* JOBAPS */
}
  .dept-nav:before, .dept-nav:after {
    content: '';
    display: table; }
  .dept-nav:after {
    clear: both; }
  .dept-nav .button {
    display: none; }
    @media screen and (max-width: 640px) {
      .dept-nav .button {
        display: inline-block; } }
  .dept-nav--fixed {
    position: fixed;
    z-index: 1;
    /*top: 111px; JobAps */

  }
  .dept-nav__links {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: max-height 0.8s;
    overflow: hidden; }
    .dept-nav__links li {
      display: inline; }
      @media screen and (max-width: 640px) {
        .dept-nav__links li {
          display: block; } }
    .dept-nav__links li:not(:last-child) {
      margin-right: 0.625rem; }
    @media screen and (max-width: 640px) {
      .dept-nav__links {
        max-height: 0; }
        .dept-nav__links li:not(:last-child) {
          margin-right: 0; } }
    .dept-nav__links--open {
      max-height: 30em; }
  .dept-nav__badge {
    background: #FCB134;
    min-width: 1.25rem;
    max-height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    padding: 3px 5px;
    vertical-align: middle; }
    .dept-nav__badge--top {
      vertical-align: top; }
  .dept-nav__link {
    padding: 0.5rem 0.375rem 0.375rem;
    display: inline-block;
    color: rgba(255, 255, 255, 0.87) !important; } 
    @media screen and (max-width: 640px) {
      .dept-nav__link {
        display: block; } }
    .dept-nav__link--active {
      font-weight: 500;
      border-bottom: 5px solid #DB864E; }
    .dept-nav__link:hover {
      color: rgba(0, 0, 0, 0.87);
      text-decoration: none; }

.dept-grid {
  max-width: 81.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: #FFFFFF;
  height: 30vh;
  overflow: hidden;
  max-height: 420px;
  min-height: 202px; }
  .dept-grid:before, .dept-grid:after {
    content: '';
    display: table; }
  .dept-grid:after {
    clear: both; }
  @media print {
    .dept-grid {
      display: none; } }
  .dept-grid__column-4-4 {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0 0% 0 0;
    height: 100%; }
    @media screen and (max-width: 640px) {
      .dept-grid__column-4-4 {
        display: none; } }
  .dept-grid__column-1-4 {
    width: 25%;
    padding: 0;
    float: left;
    margin: 0 0% 0 0;
    height: 100%; }
    @media screen and (max-width: 640px) {
      .dept-grid__column-1-4 {
        display: none; } }
  .dept-grid__column-2-4 {
    width: 50%;
    padding: 0;
    float: left;
    margin: 0 0 0 0;
    height: 100%; }
    @media screen and (max-width: 640px) {
      .dept-grid__column-2-4 {
        display: none; } }
  .dept-grid__column-1-2 {
    width: 50%;
    padding: 0;
    float: left;
    margin: 0 0% 0% 0; }
    .dept-grid__column-1-2:nth-of-type(2n) {
      margin-right: 0; }
    @media screen and (max-width: 640px) {
      .dept-grid__column-1-2 {
        display: none; } }
  .dept-grid__column-1-1 {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0 0 0% 0; }
    @media screen and (max-width: 640px) {
      .dept-grid__column-1-1 {
        display: none; } }
  .dept-grid__column-2-2 {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0 0 0 0; }
  @media screen and (max-width: 640px) {
    .dept-grid__column-1-4.dept-grid__image {
      width: 100%;
      padding: 0;
      float: left;
      margin: 0 0 0% 0;
      display: block; } }
  @media screen and (max-width: 640px) {
    .dept-grid__column-1-1.dept-grid__image {
      display: block; } }
  .dept-grid__image {
    height: 100%;
    background-size: cover;
    background-position: center center; }
  .dept-grid__image--full {
    height: 100%;
    background-position: center center; }
  @media screen and (max-width: 640px) {
    .dept-grid__mobile {
      display: block;
      width: 100%;
      padding: 0;
      float: left;
      margin: 0 0 0 0; } }

.dept-list {
  margin-bottom: 10px; }
  .dept-list li:not(:last-child) {
    margin-bottom: 10px; }
  .dept-list a:hover {
    text-decoration: none; }
  .dept-list a[target="_blank"]:after {
    content: "";
    margin-left: 0;
    display: inline; }
  .dept-list__item {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border: 1px solid #eee;
    border-left: 4px solid #dde3ad;
    background: #fff;
    color: #315470;
    padding: 1rem 0;
    cursor: pointer;
    border-radius: 0 0 0.1875rem 0.1875rem;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    transition: all 250ms; }
    .dept-list__item:hover {
      -webkit-transform: translateY(-5px);
      -moz-transform: translateY(-5px);
      transform: translateY(-5px);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
    .dept-list__item--filled {
      background: #dde3ad;
      border-top-style: none;
      border-right-style: none;
      border-bottom-style: none;
      border-color: none; }
  .dept-list--icon-left {
    display: flex;
    align-items: center; }
  .dept-list--icon-left .dept-list__icon {
    clear: both;
    font-size: 2rem !important;
    width: 32px;
    padding: 0 1.25rem 0 0.625rem; }
  .dept-list--icon-left .dept-list__description {
    font-size: 1rem;
    font-weight: 400;
    font-family: "Roboto Condensed", "Roboto"; }
  .dept-list__icon {
    float: right;
    margin-top: 1px; }
  .dept-list__icon.material-icons {
    font-size: 1.5rem; }
  .dept-list__title {
    padding: 0 1.25rem;
    font-size: 1.125rem;
    font-weight: 700; }
  .dept-list--notitle {
    margin-top: 76px; }
    @media screen and (max-width: 640px) {
      .dept-list--notitle {
        margin-top: 0; } }

.dept-contact {
  margin: 1.25rem 0;
  padding: 1.25rem .25rem 1.25rem 1.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #FFFFFF;
  border-radius: 0.1875rem;
  overflow: hidden;
  display: flex;
  flex-direction: row; }
  .dept-contact--small {
    padding: 0.5rem 0.25rem 0.5rem 1.25rem; }
  .dept-contact__image {
    max-width: 5.75rem;
    max-height: 5.75rem;
    border-radius: 100%; }
    .dept-contact__image--square {
      height: 5rem;
      width: 5rem;
      border-radius: 0.1875rem; }
  .dept-contact__backdrop {
    background: #e5ebeb;
    margin: -1.25rem 0.9375rem -1.25rem -1.25rem;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .dept-contact--headshot {
    padding: 0; }
    .dept-contact--headshot .dept-contact__image {
      max-width: 132px;
      max-height: 132px;
      border-radius: 0; }
  .dept-contact__name {
    font-size: 1.125rem;
    font-weight: 500; }
  .dept-contact__title {
    font-weight: 400;
    font-size: 1rem;
    font-family: "Roboto Condensed", "Roboto"; }
  .dept-contact__methods .material-icons {
    vertical-align: middle;
    font-size: 1rem; }
  .dept-contact--noimage .dept-contact__info {
    margin-left: 0; }

.dept-side-nav {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0; }
  .dept-side-nav input[type="checkbox"] {
    width: 100%;
    opacity: 0;
    margin: 0;
    min-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer; }
  .dept-side-nav li {
    position: relative; }
  .dept-side-nav__header {
    color: #2664b4;
    cursor: pointer; }
    .dept-side-nav__header .fa-caret-down {
      display: none; }
  li input[type="checkbox"]:hover ~ .dept-side-nav__header {
    color: #4e8ad9; }
  li input[type="checkbox"]:checked ~ .dept-side-nav__header {
    color: #2664b4; }
  li input[type="checkbox"]:checked ~ .dept-side-nav__header .fa-caret-right {
    display: none; }
  li input[type="checkbox"]:checked ~ .dept-side-nav__header .fa-caret-down {
    display: inline-block; }
  li input[type="checkbox"]:checked ~ .dept-side-nav__submenu {
    height: 100%; }
  .dept-side-nav__submenu {
    height: 0;
    overflow: hidden;
    list-style: none;
    padding-left: 18px; }
  li:target > .dept-side-nav__submenu {
    height: 98px; }

.dept-news-list {
  list-style: none;
  padding-left: 0; }
  .dept-news-list li {
    font-family: "roboto condensed", "roboto"; }
    .dept-news-list li:not(:last-child) {
      margin-bottom: 12px; }

.notification {
  display: flex;
  width: 100%;
  padding: 0.9375rem 1.25rem;
  background: #00a651;
  color: #FFFFFF;
  align-items: center; }
  .notification__icon {
    padding: 0 0.625rem 0 0; }
    .notification__icon .material-icons {
      vertical-align: bottom; }
  .notification__message {
    line-height: 24px;
    flex-grow: 2;
    font-weight: 400;
    font-size: 1.25rem; }
  .notification__action {
    cursor: pointer;
    padding: 0 0 0 0.625rem; }

.resource-card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  width: 32%;
  padding: 0;
  float: left;
  margin: 0 2% 1.25rem 0;
  background-color: #FFFFFF;
  padding: 0.3125rem 0.3125rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.1875rem;
  overflow: hidden;
  position: relative; }
  .resource-card:nth-of-type(3n) {
    margin-right: 0; }
  @media screen and (max-width: 640px) {
    .resource-card {
      width: 100%;
      padding: 0;
      float: left;
      margin: 0 0% 1.25rem 0; } }
  .resource-card__icon {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #eee;
    font-size: 1.5625rem;
    cursor: pointer;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out; }
    .resource-card__icon:hover {
      color: #bebebe; }
  .resource-card__icon.active {
    color: #DB864E;
    cursor: default; }
  .resource-card__title {
    font-weight: bold;
    font-size: 1.125rem;
    color: #315470;
    margin-top: 0.625rem;
    margin-left: 0.9375rem;
    margin-right: 0.9375rem; }
  .resource-card p {
    color: #315470;
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
    margin-bottom: 0.9375rem;
    margin-top: 0.9375rem;
    height: 65px;
    overflow: hidden;
    font-size: .8rem; }

dept-map {
  position: absolute;
  height: 100%;
  width: 100%; }

.dept-list-2 {
  margin-bottom: 10px; }
  .dept-list-2 li:not(:last-child) {
    margin-bottom: 10px; }
  .dept-list-2 li {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border: 1px solid #eee;
    border-left: 4px solid #dde3ad;
    background: #fff;
    color: #315470;
    padding-top: 1rem;
    padding-right: 0;
    padding-bottom: 1rem;
    padding-left: 1.25rem;
    font-size: 1.125rem;
    font-weight: 700;
    cursor: pointer;
    border-radius: 0 0 0.1875rem 0.1875rem;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    transition: all 250ms; }
    .dept-list-2 li a {
      color: #315470; }
      .dept-list-2 li a:hover {
        text-decoration: none; }
      .dept-list-2 li a[target="_blank"]:after {
        content: ""; }
    .dept-list-2 li:hover {
      -webkit-transform: translateY(-5px);
      -moz-transform: translateY(-5px);
      transform: translateY(-5px);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
    .dept-list-2 li:before {
      font-family: "Material Icons";
      font-size: 1.5rem;
      font-weight: normal;
      float: right;
      content: "\e315"; }
  .dept-list-2__item {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border: 1px solid #eee;
    border-left: 4px solid #dde3ad;
    background: #fff;
    color: #315470;
    padding: 1rem 0;
    cursor: pointer;
    border-radius: 0 0 0.1875rem 0.1875rem;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    transition: all 250ms; }
    .dept-list-2__item:hover {
      -webkit-transform: translateY(-5px);
      -moz-transform: translateY(-5px);
      transform: translateY(-5px);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
    .dept-list-2__item--filled {
      background: #dde3ad;
      border-top-style: none;
      border-right-style: none;
      border-bottom-style: none;
      border-color: none; }
  .dept-list-2--icon-left {
    display: flex;
    align-items: center; }
  .dept-list-2--icon-left .dept-list-2__icon {
    clear: both;
    font-size: 2rem !important;
    width: 32px;
    padding: 0 1.25rem 0 0.625rem; }
  .dept-list-2--icon-left .dept-list-2__description {
    font-size: 1rem;
    font-weight: 400;
    font-family: "Roboto Condensed", "Roboto"; }
  .dept-list-2__icon {
    float: right;
    margin-top: 1px; }
  .dept-list-2__icon.material-icons {
    font-size: 1.5rem; }
  .dept-list-2__title {
    padding: 0 1.25rem;
    font-size: 1.125rem;
    font-weight: 700; }
  .dept-list-2--notitle {
    margin-top: 76px; }
    @media screen and (max-width: 640px) {
      .dept-list-2--notitle {
        margin-top: 0; } }

.econ-list {
  font-weight: bold;
  color: #000; }
  .econ-list__sub-text {
    color: #315470;
    font-weight: normal;
    margin-left: 10px; }

.wizard {
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  align-items: baseline;
  position: absolute;
  bottom: -98px; }
  @media screen and (max-width: 640px) {
    .wizard {
      justify-content: space-around; } }
  .wizard a[target="_blank"]:after {
    content: ""; }
  .wizard__stage {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 10vw;
    min-width: 130px; }
    .wizard__stage hr {
      border-top-width: 8px;
      border-style: dotted;
      width: 100%;
      height: 1px;
      right: -6vw;
      top: 29px;
      position: absolute;
      border-color: #adc4a8; }
      @media screen and (max-width: 640px) {
        .wizard__stage hr {
          display: none; } }
      @media screen and (min-width: 641px) and (max-width: 1024px) {
        .wizard__stage hr {
          display: none; } }
    @media screen and (max-width: 640px) {
      .wizard__stage {
        min-width: 1vw; } }
    @media screen and (min-width: 641px) and (max-width: 1024px) {
      .wizard__stage {
        min-width: 11vw; } }
  .wizard__icon {
    height: 80px;
    width: 80px;
    background-color: #FFF;
    border: 6px solid #adc4a8;
    border-radius: 100%;
    margin: 0 auto;
    font-size: 2.125rem;
    color: #adc4a8;
    line-height: 68px;
    position: relative; }
    @media screen and (max-width: 640px) {
      .wizard__icon {
        height: 40px;
        width: 40px;
        font-size: 1.25rem;
        line-height: 37px;
        border: 2px solid #adc4a8; } }
  .wizard__caption {
    margin-top: 1.25rem;
    color: #315470;
    font-size: 0.9375rem;
    font-weight: 500;
    max-width: 140px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 640px) {
      .wizard__caption {
        display: none; } }
    @media screen and (min-width: 641px) and (max-width: 1024px) {
      .wizard__caption {
        display: none; } }
  .wizard__stage--active .wizard__icon {
    background-color: #adc4a8;
    color: #FFF; }
  .wizard__stage--active > hr {
    border-style: solid;
    border-color: #adc4a8; }
  .wizard__stage--current {
    display: inline-block; }
    @media screen and (max-width: 640px) {
      .wizard__stage--current hr {
        display: none; } }
    @media screen and (min-width: 641px) and (max-width: 1024px) {
      .wizard__stage--current hr {
        display: none; } }

.user-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem; }
  .user-card__image {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%; }
    .user-card__image--square {
      height: 5rem;
      width: 5rem;
      border-radius: 0.1875rem; }
  .user-card__info {
    margin-left: 0.625rem; }
  .user-card__name {
    font-size: 1.375rem; }

.user-nav {
  max-width: 81.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: #dde3ad;
  text-align: center; }
  .user-nav:before, .user-nav:after {
    content: '';
    display: table; }
  .user-nav:after {
    clear: both; }
  .user-nav__links {
    list-style: none;
    margin: 0;
    padding: 0; }
    .user-nav__links li {
      display: inline; }
      @media screen and (max-width: 640px) {
        .user-nav__links li {
          display: block; } }
    .user-nav__links li:not(:last-child) {
      margin-right: 0.625rem; }
    @media screen and (max-width: 640px) {
      .user-nav__links li:not(:last-child) {
        margin-right: 0; } }
  .user-nav__badge {
    background: #DB864E;
    min-width: 1.25rem;
    max-height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    padding: 3px 5px;
    vertical-align: middle; }
    .user-nav__badge--top {
      vertical-align: top; }
  .user-nav__link {
    padding: 0.9375rem 0.625rem 0.75rem;
    display: inline-block;
    color: #999999; }
    @media screen and (max-width: 640px) {
      .user-nav__link {
        display: block; } }
    .user-nav__link--active {
      color: #000;
      font-weight: 500;
      border-bottom: 5px solid #DB864E; }
    .user-nav__link:hover {
      color: #666666; }

.request {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin: 1.25rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem;
  background: #FFFFFF;
  position: relative; }
  .request:before {
    display: none; }
  .request table {
    padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
    border-left: 5px solid #333; }
    .request table th {
      vertical-align: top;
      text-align: left;
      min-width: 5.25rem; }
    .request table td p {
      margin-top: 0; }
  .request__status {
    text-transform: Uppercase; }
  .request--closed table {
    border-left-color: #5f8e63; }
  .request--pending table {
    border-left-color: #ff9a4d; }
  .request--rejected table {
    border-left-color: #cd6060; }

.user-info-list {
  margin-left: 0; }
  .user-info-list li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 1.25rem 0; }
  .user-info-list__content {
    flex-grow: 1;
    line-height: 1.2rem;
    margin-left: 1.25rem; }
  .user-info-list__icon {
    min-width: 30px;
    font-size: 18px;
    color: #8f8f8f; }

.card-list {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 0.1875rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #FFFFFF; }
  .card-list li {
    padding: 0.625rem; }
  .card-list li:not(:last-child) {
    border-bottom: 1px solid #eee; }

.inbox-item__title {
  font-weight: 500;
  font-size: 1rem;
  color: #858585; }

.inbox-item__time {
  color: #858585;
  float: right; }

.inbox-item__body {
  clear: both;
  background: #fff;
  color: #7c7c7c;
  font-size: 0.75rem;
  margin-top: -5px;
  max-height: 32px;
  position: relative;
  overflow: hidden;
  word-break: break-word;
  line-height: 1rem; }
  .inbox-item__body .ellipsis {
    background: inherit;
    bottom: 0px;
    position: absolute;
    right: -2px; }
  .inbox-item__body .fill {
    background: inherit;
    height: 100%;
    position: absolute;
    width: 100%; }

.inbox-item--unread .inbox-item__time {
  color: #DB864E; }

.inbox-item--unread .inbox-item__title {
  color: #333; }

.form-card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
  margin: 1.25rem 0;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.1875rem;
  background: #FFFFFF;
  position: relative; }
  .form-card:before {
    display: none; }
  .form-card__title {
    padding: 0 0 0.9375rem;
    font-weight: 700;
    font-size: 0.9375rem; }
  .form-card__icon {
    margin-right: 0.1875rem;
    color: #a46555; }
  .form-card__action {
    margin: 0 0.9375rem 0.9375rem 0.9375rem; }
  .form-card__status-bar {
    height: 18px;
    width: 87%;
    display: inline-block;
    border: 1px solid #eee; }
  .form-card__status {
    height: 18px;
    width: 75%;
    background: #D4EB8E; }
  .form-card table {
    padding: 0 0 0.9375rem; }
    .form-card table th {
      vertical-align: top;
      text-align: left;
      min-width: 5.25rem; }
    .form-card table td p {
      margin-top: 0; }

.user-signature {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FAFAFA;
  height: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  border-radius: 0.1875rem; }

.user-col-1-2 {
  width: 49.5%;
  padding: 0;
  float: left;
  margin: 0 1% 0 0; }
  .user-col-1-2:last-child {
    margin-right: 0; }
  @media screen and (max-width: 640px) {
    .user-col-1-2 {
      width: 100%;
      padding: 0;
      float: left;
      margin: 0 1% 0 0; } }

.user-col-4-4 {
  width: 100%;
  padding: 0 5rem;
  float: left;
  margin: 0 1% 1.25rem 0; }
  @media screen and (max-width: 640px) {
    .user-col-4-4 {
      width: 100%;
      padding: 0;
      float: left;
      margin: 0 1% 0 0; } }

.user-col-1-3 {
  width: 32.66667%;
  padding: 1.25rem 0.625rem;
  float: left;
  margin: 0 0 1.25rem 0; }
  .user-col-1-3:nth-of-type(3n) {
    margin-right: 0; }
  .user-col-1-3:first {
    margin-left: 0; }
  @media screen and (max-width: 640px) {
    .user-col-1-3 {
      width: 100%;
      padding: 1.25rem 0;
      float: left;
      margin: 0 0% 0 0; } }

.user-container {
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFFFFF;
  border-radius: 0.1875rem;
  max-width: 81.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 1.25rem; }
  .user-container:before, .user-container:after {
    content: '';
    display: table; }
  .user-container:after {
    clear: both; }

.map {
  height: 560px;
  margin: -1.25rem -1.25rem -1.25rem -1.25rem;
  padding-bottom: 0.65rem;
  position: relative; }
  @media screen and (max-width: 640px) {
    .map {
      margin: -1.25rem -1.25rem -1.25rem -1.25rem;
      height: inherit;
      position: inherit; } }
  @media screen and (max-width: 690px) and (orientation: landscape) {
    .map {
      margin: -1.25rem -1.25rem -1.25rem -1.25rem;
      height: inherit;
      position: inherit; } }
  .map__card {
    padding: 0 1.25rem 0.625rem;
    border-radius: 0 0 0.1875rem 0.1875rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    width: 34rem;
    background: #FFF;
    position: absolute;
    right: 2vw;
    top: 0px;
    z-index: 1; }
    @media screen and (max-width: 640px) {
      .map__card {
        position: inherit;
        width: 100%;
        height: inherit;
        right: 0;
        border: none;
        box-shadow: none;
        z-index: 0;
        padding: 0.625rem 1.25rem 1.5625rem;
        margin-bottom: -0.625rem;
        background: #DEE795; }
        .map__card .h3 {
          margin-bottom: 0.625rem; }
        .map__card .text--accent {
          color: #315470 !important; } }
    @media screen and (max-width: 690px) and (orientation: landscape) {
      .map__card {
        position: inherit;
        width: 100%;
        height: inherit;
        right: 0;
        border: none;
        box-shadow: none;
        z-index: 0;
        padding: 0.625rem 1.25rem 1.5625rem;
        margin-bottom: -0.625rem;
        background: #DEE795; }
        .map__card .h3 {
          margin-bottom: 0.625rem; }
        .map__card .text--accent {
          color: #315470 !important; } }
  @media screen and (max-width: 640px) {
    .map #map {
      display: none; } }
  .map__tabs {
    list-style: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0.625rem -1.25rem 0;
    color: #315470;
    padding-left: 0;
    text-align: center;
    cursor: pointer; }
    @media screen and (max-width: 640px) {
      .map__tabs {
        display: none; } }
    @media screen and (max-width: 690px) and (orientation: landscape) {
      .map__tabs {
        display: none; } }
    .map__tabs li {
      font-weight: bold;
      text-transform: uppercase;
      display: inline-block;
      padding: 0.625rem 0.9375rem; }
    .map__tabs li.active {
      border-bottom: 3px solid #b5bd00; }
  .map__layers {
    max-width: 81.25rem;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    padding: 1.25rem 0 0; }
    .map__layers:before, .map__layers:after {
      content: '';
      display: table; }
    .map__layers:after {
      clear: both; }
    @media screen and (max-width: 640px) {
      .map__layers {
        display: none; } }
    @media screen and (max-width: 690px) and (orientation: landscape) {
      .map__layers {
        display: none; } }
    .map__layers li {
      width: 49.5%;
      padding: 0 0.625rem;
      float: left;
      margin: 0 0 1.25rem 0;
      cursor: pointer; }
      .map__layers li .material-icons {
        font-size: 1.5rem;
        color: #aaa;
        vertical-align: bottom; }
    .map__layers li:nth-last-child(2), .map__layers li:last-child {
      margin-bottom: 0; }
    .map__layers li.active .material-icons {
      color: #315470; }
    .map__layers li:last-child {
      margin-right: 0; }

.map-contact {
  background-color: #FFFFFF;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.3125rem; }
  .map-contact__image {
    max-width: 5.75rem;
    max-height: 5.75rem;
    border-radius: 100%; }
    .map-contact__image--square {
      height: 5rem;
      width: 5rem;
      border-radius: 0.1875rem; }
  .map-contact__info {
    margin-left: 0.625rem; }
  .map-contact__name {
    font-size: 1.125rem;
    font-weight: 500; }
  .map-contact__title {
    font-weight: 400;
    font-size: 1rem; }
  .map-contact--noimage .map-contact__info {
    margin-left: 0; }

.card {
  margin: 0 0 1.25rem;
  padding: 0 1.25rem 0.625rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #FFFFFF;
  border-radius: 0.1875rem;
  overflow: hidden;
  position: relative; }
  .card__header {
    background: #ABBD38;
    margin-top: -0.625rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-bottom: 3rem; }
    .card__header img {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
      position: relative;
      top: 30px;
      left: 20px;
      border-radius: 11px; }
  .card__title {
    font-size: 1.125rem;
    font-weight: 500;
    color: #315470;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }
    .card__title--small {
      font-size: 0.9375rem;
      font-weight: 700;
      margin-top: 0.3125rem; }
  .card__sub-title {
    font-family: 'Roboto Condensed', 'Roboto';
    font-size: 13px;
    line-height: 16px;
    color: #666; }
  .card__map {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-bottom: 0.9375rem;
    background: #333;
    position: relative;
    padding-bottom: 75%; }
  .card__content {
    color: #315470;
    text-align: left;
    margin-bottom: 15px; }
    .card__content p {
      font-weight: 400; }
  .card__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 0.9375rem 0 0.9375rem; }
    .card__list li {
      margin: 0.3125rem auto; }
    .card__list a {
      text-decoration: none;
      color: #4f868E; }
      .card__list a:hover {
        color: #76abb3; }
  .card__image {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 62.5%;
    overflow: hidden;
    margin-right: -1.25rem;
    margin-left: -1.25rem;
    margin-bottom: 0.9375rem; }
    .card__image img {
      width: 100%; }
      .card__image img.image--bottom {
        position: absolute;
        bottom: 0; }
  .card__card-action {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    cursor: pointer; }
    .card__card-action i {
      padding: 5px;
      transition: all 1s; }
    .card__card-action i:hover {
      background: #E5EBEB;
      border-radius: 100%; }
  .card__action-area {
    margin-left: -0.9375rem;
    text-align: left; }
  .card__actionlink {
    display: inline-block;
    text-transform: uppercase;
    color: #dde3ad;
    text-align: center; }
    .card__actionlink i.fa {
      font-size: 1.5625rem;
      padding-bottom: 0.5rem; }
    .card__actionlink:not(:last-child) {
      margin-right: 10px; }
    .card__actionlink:hover {
      color: #eaedcb; }
    .card__actionlink--mobile {
      display: none; }
      @media screen and (max-width: 640px) {
        .card__actionlink--mobile {
          display: inline-block; } }
  .card address {
    color: #315470; }
  .card--flush-top {
    margin-top: 0; }

.example {
  display: flex;
  transition: all .5s;
  user-select: none;
  background: linear-gradient(to bottom, white, black); }

html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  background-color: #fff;
  height: 100%; }

.text--accent {
  color: #b5bd00; }

.text--orange {
  color: #DB864E; }
  .text--orange a {
    color: #DB864E; }
    .text--orange a:hover {
      text-decoration: underline; }

.text--center {
  text-align: center; }

.text--justify {
  text-align: justify; }

.text--left {
  text-align: left; }

.stepper {
  text-align: center;
  display: block;
  margin-top: 30%; }
  .stepper li {
    cursor: pointer;
    display: inline-block;
    color: rgba(0, 0, 0, 0.54);
    text-align: center;
    line-height: 23px;
    height: 25px;
    width: 25px;
    border-radius: 100%; }
  .stepper .active {
    color: #fff;
    background: #DB864E; }
  .stepper .next {
    background: transparent;
    border: none;
    width: auto;
    float: right;
    color: rgba(0, 0, 0, 0.54); }
  .stepper .prev {
    background: transparent;
    border: none;
    width: auto;
    float: left;
    color: rgba(0, 0, 0, 0.54); }

p.lead {
  font-style: italic;
  font-size: 1.125rem;
  color: #315470; }

p.body-copy-2 {
  font-size: 0.875rem;
  font-weight: 400; }

p.body-copy-3 {
  font-size: 0.875rem; }

.blue {
  background: #e2ecec;
  position: relative; }

.nav_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-width: 1300px;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 100;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  text-align: center;
  background-color: #315470; }
  @media print {
    .nav_wrap {
      display: none; } }
  .nav__brand {
    display: inline-block;
    float: left;
    padding: 0.7rem 0 0.7rem 2.1875rem;
    color: #FFFFFF;
    font-weight: 700;
    text-align: left; }
    @media screen and (max-width: 640px) {
      .nav__brand {
        flex-grow: 2; } }
  .nav__menu {
    display: none; }
    @media screen and (max-width: 640px) {
      .nav__menu {
        display: inherit; } }
  .nav__links {
    color: #FFFFFF;
    padding: 0 2.1875rem 0 0;
    float: right; }
    @media screen and (max-width: 640px) {
      .nav__links {
        display: none; } }
  .nav__search > .search--inline {
    width: 60%; }
  .nav__search {
    flex-grow: 2; }
    @media screen and (max-width: 640px) {
      .nav__search {
        display: none; } }
  .nav_wrap input[type="text"] {
    width: 97%; }
  .user__link:hover .nav__dropdown {
    max-height: 30em; }
  .nav__dropdown {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    background: #fff;
    overflow: hidden;
    max-height: 0;
    position: absolute;
    transition: max-height 1s; }
    .nav__dropdown li {
      padding: 5px 15px; }
    .nav__dropdown--open {
      max-height: 30em; }

.slider {
  left: 0;
  right: 0;
  width: 100%;
  max-width: 81.25rem;
  margin: 0 auto;
  position: absolute !important;
  height: 78vh;
  overflow: hidden;
  max-height: 621px; }
  .slider > * {
    overflow: hidden; }
  .slider .image {
    overflow: hidden; }
    @media screen and (max-width: 640px) {
      .slider .image img {
        position: relative;
        left: -100%; } }

.hero {
  max-width: 81.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  height: 78vh;
  max-height: 621px;
  min-height: 360px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .hero:after {
    clear: both; }
  .hero__seal {
    margin-bottom: -35px; }
  .hero__icon {
    text-align: center;
    color: #fff;
    opacity: 0.75;
    font-size: 5rem !important;
    margin-top: auto;
    cursor: pointer; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .hero__icon {
        /* IE10+ CSS styles go here */
        margin-top: 0;
        position: relative;
        top: 36%; } }
  .hero--screened {
    background: url("/beta/images/homepage/hero_intro.jpg");
    background-position: center center;
    background-size: cover; }
  .hero .search {
    margin-top: auto;
    z-index: 1; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .hero .search {
        /* IE10+ CSS styles go here */
        margin-top: 0; } }
    .hero .search__headline {
      text-align: center;
      font-size: 2rem;
      margin-bottom: 8px; }
    @media screen and (min-width: 641px) and (max-width: 1024px) {
      .hero .search {
        text-align: center; } }
  .hero + main {
    margin-top: 0; }

.input-group {
  display: inline-block;
  position: relative; }
  .input-group__button {
    color: #737373;
    position: absolute;
    top: 0.6875rem;
    font-size: 0.875rem;
    right: 0.3125rem;
    border: none;
    background: #ffffff;
    cursor: pointer; }

.user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3.125rem;
  min-width: 6rem; }
  .user__link {
    padding: 0.625rem 0.9375rem;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700; }
  .user__image {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 100%;
    margin-right: 0.75rem; }

.live-chat-fab {
  cursor: pointer;
  position: absolute;
  right: 2vw;
  bottom: -50px;
  background: #abbd38;
  height: 100px;
  width: 100px;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out; }
  .live-chat-fab .fa {
    font-size: 2.5rem;
    display: inline-block;
    margin-top: 15px; }
  .live-chat-fab:hover {
    background: #b3c44c; }

.live-chat {
  background: #abbd38;
  position: fixed;
  bottom: 23%;
  right: 0;
  max-width: 172px;
  height: 47px;
  white-space: nowrap;
  cursor: pointer;
  padding: 0.5rem;
  font-size: 1.5rem;
  border-radius: 0.1875rem 0.1875rem 0 0;
  color: #fff;
  transform: rotate(-90deg);
  transform-origin: 100% 100%;
  z-index: 99; }
  .live-chat .material-icons {
    transform: rotate(90deg); }
  @media screen and (max-width: 640px) {
    .live-chat {
      font-size: 1rem;
      right: -67px;
      bottom: -30px; } }

.search {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 40%; }
  @media screen and (max-width: 640px) {
    .search {
      width: 100%;
      text-align: center; } }
  .search--inline {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    align-items: inherit; }
  .search__headline {
    font-weight: 300;
    font-size: 2rem;
    color: #FFFFFF; }
  .search__input {
    background: #FFFFFF;
    border-radius: 0.1875rem;
    width: 80%;
    color: #333;
    padding: 0.625rem 0.625rem;
    height: 2.5rem;
    font-size: 0.9375rem;
    font-weight: 300;
    font-family: 'Roboto';
    border: 1px solid rgba(0, 0, 0, 0.12);
    outline: none; }
  .search__input:focus {
    outline: none; }
  .search__input-group {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px; }
  .search .button .material-icons {
    font-size: 21px;
    vertical-align: middle; }

.social-media {
  display: flex;
  float: right; }
  .social-media__link {
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    whitespace: nowrap;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.5625rem; }
    .social-media__link--facebook {
      background-color: #3b5998; }
    .social-media__link--twitter {
      background-color: #00aced; }
    .social-media__link--support {
      background-color: #7B0099; }
  .social-media:after {
    clear: both; }

.road-map {
  width: 1680px;
  height: 580px;
  background-image: url("../../images/road.png"); }
  @media screen and (max-width: 640px) {
    .road-map {
      height: 320px;
      background-image: url("../../images/road-mobile.png"); } }
  .road-map__item {
    display: inline-block;
    position: relative;
    float: left;
    width: 220px;
    height: 100%;
    margin-left: 60px; }
    .road-map__item--row-1 {
      padding-top: 50px; }
    .road-map__item--row-1 > .road-map__item__number {
      top: 87px; }
    .road-map__item--row-2 {
      padding-top: 156px; }
      @media screen and (max-width: 640px) {
        .road-map__item--row-2 {
          padding-top: 50px; } }
    .road-map__item--row-2 > .road-map__item__number {
      top: 196px; }
      @media screen and (max-width: 640px) {
        .road-map__item--row-2 > .road-map__item__number {
          top: 87px; } }
    .road-map__item__number {
      left: -55px;
      top: 40px;
      position: absolute;
      height: 40px;
      width: 40px;
      border-radius: 100%;
      background-color: #2664b4;
      color: #fff;
      line-height: 40px;
      text-align: center;
      font-size: 1.25rem;
      font-weight: 300; }
    .road-map__item__image {
      margin: 1.25rem auto; }
    .road-map__item__heading {
      font-size: 1.25rem;
      font-weight: 500; }
    @media screen and (max-width: 640px) {
      .road-map__item__body {
        display: none; } }
    .road-map__item__link {
      margin-top: 0.5rem; }

.pop-cards {
  margin-top: -120px;
  display: flex; }
  @media screen and (max-width: 640px) {
    .pop-cards {
      padding: 0 0;
      display: inherit; } }

.twitter-typeahead {
  position: inherit !important;
  display: inline !important; }
  .twitter-typeahead pre, .twitter-typeahead .tt-menu {
    background: #FFFFFF;
    border-radius: 0.1875rem;
    color: #333;
    padding: 0.625rem 0.625rem; }
  .twitter-typeahead .tt-menu {
    top: 172% !important;
    width: 100%; }

.tt-hint {
  top: -10px !important;
  width: 100%; }
  @media screen and (max-width: 640px) {
    .tt-hint {
      top: 0 !important; } }

.tt-cursor {
  color: #315470; }

.social__link {
  color: #FFF;
  font-size: 1.5625rem; }

.social--facebook:hover {
  color: #3b5998; }

.social--twitter:hover {
  color: #00aced; }

.social--googleplus:hover {
  color: #dd4b39; }

.social--instagram:hover {
  color: #517fa4; }

.social--tumblr:hover {
  color: #32506d; }

.social--linkedin:hover {
  color: #007bb6; }

.social--youtube:hover {
  color: #bb0000; }

.results-wrapper {
  position: relative;
  height: 100%; }

.results {
  list-style-type: none;
  padding-left: 0; }

.hours--open {
  color: #b5bd00; }

.result {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin-bottom: 1.375rem;
  position: relative; }
  .result__link {
    font-size: 1.875rem;
    font-weight: 400;
    color: #315470;
    text-decoration: none;
    display: block; }
    .result__link:hover {
      color: #5a768d; }
  .result__check {
    cursor: pointer;
    color: #FAFAFA;
    position: absolute;
    right: 98%;
    top: 0;
    text-decoration: none;
    margin-right: 1.2em;
    font-size: 1.25rem;
    font-weight: 300;
    font-family: 'FontAwesome';
    white-space: nowrap;
    speak: none; }
    .result__check:before {
      content: '\f058 '; }
    .result__check:visited {
      color: #b5bd00 !important; }
    .result__check:hover {
      color: #FAFAFA; }
    .result__check:hover .result__check__tt {
      visibility: visible;
      opacity: 1;
      top: -2.3125rem; }
    .result__check__tt {
      transition-property: top, opacity, visibility;
      transition-duration: .5s, .5s, 1s;
      transition-delay: .5s;
      transition-timing-function: ease-in-out;
      cursor: pointer;
      visibility: hidden;
      display: inline-block;
      position: absolute;
      color: #FFFFFF;
      opacity: 0;
      top: -1.25rem;
      left: 0px;
      padding: 0.4375rem 0.375rem;
      font-size: 0.625rem;
      font-weight: 400;
      font-family: 'Roboto';
      background-color: rgba(97, 97, 97, 0.9); }
  .result__description {
    font-size: 0.9375rem;
    color: #737373;
    margin-bottom: 0.9375rem; }
  .result__url {
    color: #4f868E;
    font-size: 0.8125rem;
    margin-left: 1px; }

.accordion {
  background: #FFFFFF;
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .accordion input[type="checkbox"] {
    width: 100%;
    opacity: 0;
    margin: 0;
    min-height: 34px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer; }
  .accordion li {
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    position: relative; }
  .accordion li:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  input[type="checkbox"]:hover + .accordion__header, input[type="checkbox"]:focus + .accordion__header {
    background: #EEE; }
  .accordion__header {
    font-weight: 400;
    font-family: 'Roboto Condensed', 'Roboto';
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0.75rem;
    cursor: pointer; }
    .accordion__header:after {
      content: '';
      clear: both; }
  .accordion__icon {
    font-size: 1.5625rem;
    font-weight: 300;
    margin-right: 0.75rem;
    color: #737373;
    float: right; }
    .accordion__icon .material-icons {
      vertiacl-align: middle; }
  li input[type="checkbox"]:checked ~ .accordion__header .accordion__icon {
    transform: rotateX(-180deg); }
  li input[type="checkbox"]:checked ~ .accordion__content {
    max-height: 900px; }
  .accordion__content {
    height: auto;
    max-height: 0;
    transition: max-height 800ms linear;
    overflow: hidden;
    padding: 0 0.75rem; }
    .accordion__content p {
      text-align: justify; }
  li:target > .accordion__content {
    height: 98px; }

.table {
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFFFFF;
  position: relative;
  border-spacing: 0;
  border-radius: 0.1875rem;
  overflow: hidden; }
  .table caption {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 1.25rem; }
  .table thead th {
    text-align: left;
    padding: 4.375rem 1.375rem 0.625rem;
    font-size: 0.875rem;
    font-weight: 700;
    border-bottom: 1px solid #DDDDDD; }
  .table tbody td {
    text-align: left;
    border-bottom: 1px solid #DDDDDD;
    padding: 0.625rem 1.375rem;
    margin: 0; }
  .table tfoot td {
    text-align: left;
    padding: 0.625rem 1.375rem;
    margin: 0;
    font-weight: 700; }
  .table--first-col-left thead th {
    text-align: right; }
  .table--first-col-left thead th:first-child {
    text-align: left; }
  .table--first-col-left tbody td {
    text-align: right; }
  .table--first-col-left tbody td:first-child {
    text-align: left; }
  .table--first-col-left tfoot td {
    text-align: right; }
  .table--first-col-left tfoot td:first-child {
    text-align: left; }
  .table--striped tbody tr:nth-of-type(odd) td {
    background: #e5ebeb; }

.table-brand {
  width: 100%;
  background: #FFFFFF;
  border-spacing: 0;
  border-radius: 0.1875rem;
  border-collapse: collapse;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .table-brand td, .table-brand th {
    border: 1px solid #c5ccd0; }
  .table-brand tr:first-child th {
    border-top: none; }
  .table-brand tr:last-child th {
    border-bottom: none; }
  .table-brand tr th:first-child, .table-brand tr td:first-child {
    border-left: none; }
  .table-brand tr th:last-child, .table-brand tr td:last-child {
    border-right: none; }
  .table-brand thead th {
    background: #5d8990;
    padding: 10px 20px;
    color: #FFFFFF; }
  .table-brand tbody td {
    padding: 10px 20px; }
    .table-brand tbody td.label {
      font-weight: 700;
      text-align: right;
      border-right: none; }
      .table-brand tbody td.label + td {
        border-left: none; }
  .table-brand--striped tbody tr:nth-of-type(odd) td {
    background: #e5ebeb; }

.image {
  width: 100%;
  margin: 0; }
  .image__image-block {
    height: 0;
    position: relative;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden; }
    .image__image-block img {
      width: 100%; }
  .image__credit {
    cursor: help;
    color: #FAFAFA;
    color: rgba(250, 250, 250, 0.5);
    transition: color 500ms ease;
    position: absolute;
    right: 8px;
    bottom: 0;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 300;
    white-space: nowrap;
    speak: none;
    z-index: 1; }
    .image__credit svg {
      fill: #FAFAFA;
      fill-opacity: 0.5;
      transition: fill-opacity 0.5s ease; }
    .image__credit svg:hover {
      fill-opacity: 1; }
    .image__credit:hover .image__credit__tt {
      visibility: visible;
      opacity: 1;
      bottom: 2.3125rem; }
    .image__credit__tt {
      transition-property: bottom, opacity, visibility;
      transition-duration: .5s, .5s, 1s;
      transition-timing-function: ease-in-out;
      cursor: help;
      visibility: hidden;
      display: inline-block;
      position: absolute;
      color: #FFFFFF;
      text-align: right;
      opacity: 0;
      bottom: 1.25rem;
      right: 0px;
      padding: 0.4375rem 0.375rem;
      font-size: 0.625rem;
      font-weight: 400;
      background-color: rgba(97, 97, 97, 0.9); }
      .image__credit__tt a {
        color: #DB864E; }
      .image__credit__tt a:hover {
        color: #e29e71; }
  .image__caption {
    font-style: italic;
    font-size: 0.875rem;
    font-family: "Roboto Condensed";
    padding: 0.75rem 0.625rem; }
    .image__caption--background {
      background: #e5ebeb; }

.highlight {
  padding: 4px 6px;
  font-size: 90%;
  border-radius: 0.1875rem;
  font-weight: 500;
  color: #7D7D00;
  background-color: #FFFFD0; }
  .highlight--red {
    color: #644;
    background-color: #edd; }
  .highlight--blue {
    color: #142236;
    background-color: #CAD8EC; }
  .highlight--orange {
    color: #842;
    background-color: #fed; }
  .highlight--green {
    color: #464;
    background-color: #ded; }
  .highlight--todo:before {
    content: "[TODO]: ";
    font-weight: 700; }

p a[href$=".pdf"], p a[type="application/pdf"] {
  padding: 0;
  margin: 0;
  display: inline;
  box-shadow: none;
  border: 0;
  background: transparent;
  font-family: 'Roboto';
  max-width: auto; }
  p a[href$=".pdf"]:before, p a[type="application/pdf"]:before {
    font-size: inherit;
    background: transparent;
    color: #801309;
    content: "\f1c1";
    font-family: "FontAwesome";
    display: inline-block;
    margin: 0;
    padding: 0 6px 0 0; }

p a[href$=".xls"], p a[type="application/vnd.ms-excel"] {
  padding: 0;
  margin: 0;
  display: inline;
  box-shadow: none;
  border: 0;
  background: transparent; }
  p a[href$=".xls"]:before, p a[type="application/vnd.ms-excel"]:before {
    font-size: inherit;
    background: transparent;
    color: #113724;
    content: "\f1c3";
    font-family: "FontAwesome";
    display: inherit;
    margin: 0;
    padding: 0 6px 0 0; }

.download-card, a[href$=".pdf"], a[href$=".PDF"], a[type="application/pdf"], a[href$=".xls"], a[type="application/excel"], a[href$=".ppt"], a[type="application/powerpoint"], a[href$=".doc"], a[href$=".docx"], a[type="application/word"], a[type="application/vnd.openxmlformats-officedocument.wordprocessingml.document"] {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: #fff;
  display: flex;
  flex-direction: row;
  padding: 1rem .5rem 1rem 0;
  font-weight: normal;
  border: 1px solid #eee;
  margin: 8px 0;
  max-width: 325px;
  font-family: "Roboto Condensed", "Roboto"; }
  .download-card:before, a[href$=".pdf"]:before, a[href$=".PDF"]:before, a[type="application/pdf"]:before, a[href$=".xls"]:before, a[type="application/excel"]:before, a[href$=".ppt"]:before, a[type="application/powerpoint"]:before, a[href$=".doc"]:before, a[href$=".docx"]:before, a[type="application/word"]:before, a[type="application/vnd.openxmlformats-officedocument.wordprocessingml.document"]:before {
    padding: .5rem 1rem;
    margin: -1rem 0 -1rem 0;
    display: flex;
    font-size: 1.8em;
    flex-direction: column;
    justify-content: center;
    color: #7D7D7D;
    content: "\f019";
    font-family: "FontAwesome"; }
  .download-card[target="_blank"]:after, a[target="_blank"][href$=".pdf"]:after, a[target="_blank"][href$=".PDF"]:after, a[target="_blank"][type="application/pdf"]:after, a[target="_blank"][href$=".xls"]:after, a[target="_blank"][type="application/excel"]:after, a[target="_blank"][href$=".ppt"]:after, a[target="_blank"][type="application/powerpoint"]:after, a[target="_blank"][href$=".doc"]:after, a[target="_blank"][href$=".docx"]:after, a[target="_blank"][type="application/word"]:after, a[target="_blank"][type="application/vnd.openxmlformats-officedocument.wordprocessingml.document"]:after {
    content: "";
    margin-left: 0; }

a[href$=".pdf"]:before, a[href$=".PDF"]:before, a[type="application/pdf"]:before {
  color: #801309;
  content: "\f1c1"; }

a[href$=".xls"]:before, a[type="application/excel"]:before {
  color: #113724;
  content: "\f1c3"; }

a[href$=".ppt"]:before, a[type="application/powerpoint"]:before {
  color: #BB4023;
  content: "\f1c4"; }

a[href$=".ppt"]:before, a[type="application/powerpoint"]:before {
  color: #BB4023;
  content: "\f1c4"; }

a[href$=".doc"]:before, a[href$=".docx"]:before, a[type="application/word"]:before, a[type="application/vnd.openxmlformats-officedocument.wordprocessingml.document"]:before {
  color: #182B4D;
  content: "\f1c2"; }

main + footer {
  max-width: 81.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 3.125rem 0rem 0rem;
  background: #315470;
  position: relative; }
  main + footer:before, main + footer:after {
    content: '';
    display: table; }
  main + footer:after {
    clear: both; }
  @media print {
    main + footer {
      display: none; } }
  main + footer ul {
    list-style: none;
    padding-left: 0; }
    main + footer ul.no-title {
      padding-top: 38px; }
      @media screen and (max-width: 640px) {
        main + footer ul.no-title {
          padding-top: 0px; } }
  main + footer .col-1-4:last-child {
    text-align: center; }
  main + footer a {
    color: #FFF;
    font-size: 0.8125rem; }
    main + footer a:hover {
      color: #FFF; }

footer .col-1-4 > img {
  margin: 1.25rem auto; }
  @media screen and (max-width: 640px) {
    footer .col-1-4 > img {
      margin: 2rem auto; } }

.copyright {
  max-width: 81.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background: #315470;
  color: #fff;
  text-align: center;
  padding-bottom: 8px; }
  .copyright:before, .copyright:after {
    content: '';
    display: table; }
  .copyright:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .copyright {
      padding-top: `8px; } }

main {
  max-width: 81.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block;
  /*margin-top: 99.375px;*/
}
  main:before, main:after {
    content: '';
    display: table; }
  main:after {
    clear: both; }
  @media print {
    main {
      margin-top: 0; } }

section {
  /*max-width: 81.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 0.625rem 1.25rem; 
 margin-top: 3em;   JOBAPS */
}
  section:before, section:after {
    content: '';
    display: table; }
  section:after {
    clear: both; }

.section--centered {
  padding-left: 150px;
  padding-right: 150px; }
  @media screen and (max-width: 640px) {
    .section--centered {
      padding-left: 10px;
      padding-right: 10px; } }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .section--centered {
      padding-left: 10px;
      padding-right: 10px; } }

aside {
  width: 24.25%;
  padding: 0.625rem 1.25rem;
  float: left;
  margin: 0 0 0 0;
  min-height: 31.25rem;
  background-color: #eee; }

article {
  width: 32.66667%;
  padding: 0;
  float: left;
  margin: 0 1% 1.25rem 0; }
  article:nth-of-type(3n) {
    margin-right: 0; }
  @media screen and (max-width: 640px) {
    article {
      width: 100%;
      padding: 0;
      float: left;
      margin: 0 0% 0 0; } }

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite; }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media screen and (max-width: 640px) {
  .poll {
    flex-direction: column; } }

.feedback-card {
  width: 50% !important; }
  @media screen and (max-width: 640px) {
    .feedback-card {
      width: 90% !important; } }

@media print {
  .print-col, .col, .col-12-12, .col-1-2, .col-6-12, .col-2-4, .col-1-12, .col-2-12, .col-3-12, .col-1-4, .col-4-12, .col-1-3, .col-5-12, .col-7-12, .col-8-12, .col-2-3, .col-9-12, .col-10-12 {
    width: 100% !important;
    padding: 0.125rem !important;
    float: left;
    margin: 0 0% 0 0; } }

.col, .col-12-12 {
  width: 100%;
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col, .col-12-12 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-1-2, .col-6-12, .col-2-4 {
  width: 50%;
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-1-2, .col-6-12, .col-2-4 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-1-12 {
  /*width: 8.33333%; JobAps */
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-1-12 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .col-1-12 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-2-12 {
  width: 16.66667%;
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-2-12 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .col-2-12 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-3-12, .col-1-4 {
  width: 25%; 
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-3-12, .col-1-4 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-4-12, .col-1-3 {
  width: 33.33333%;
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-4-12, .col-1-3 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-5-12 {
  width: 41.66667%;
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-5-12 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-7-12 {
  width: 58.33333%;
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-7-12 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-8-12, .col-2-3 {
  width: 66.66667%;
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-8-12, .col-2-3 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .col-8-12, .col-2-3 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-9-12 {
  width: 75%;
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-9-12 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-10-12 {
  width: 75%;
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-10-12 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-10-12 {
  width: 91.66667%;
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-10-12 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.col-1-5 {
  width: 20%;
  padding: 0.625rem;
  float: left;
  margin: 0 0% 0 0; }
  @media screen and (max-width: 640px) {
    .col-1-5 {
      width: 100%;
      padding: 0.125rem;
      float: left;
      margin: 0 0% 0 0; } }

.row {
  max-width: 81.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 0; }
  .row:before, .row:after {
    content: '';
    display: table; }
  .row:after {
    clear: both; }

/*# sourceMappingURL=CAO.css.map */
.hidden-phone-up {
  display: none;
  background: #315470 none repeat scroll 0 0;
}
@media screen and (max-width: 640px){.hidden-phone-down{display:none}}
@media screen and (max-width: 640px){.hidden-phone-up{display:inherit}}

#ClassSpecsHeader tbody tr td h1.center{
	Margin-Bottom : -1em !important;
	Padding-Bottom: 0em !important;
}