@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device 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; }

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

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

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

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

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active,
a:hover {
  outline: 0; }

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0; }

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

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

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

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

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

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

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

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

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
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: not-allowed; }

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

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

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 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 */ }

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

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

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

/**
   * Define consistent border, margin, and padding.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

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

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

td,
th {
  padding: 0; }

.foundation-mq {
  font-family: "small=0em&medium=40.0625em&ipad=48em&large-tablet=56.25em&large=64.0625em&xlarge=75em&xxlarge=90em"; }

html {
  font-size: 100%;
  box-sizing: border-box; }

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

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #000000;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  width: 100%;
  border-radius: 0; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1; }
  [data-whatinput='mouse'] button {
    outline: 0; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
    @media screen and (min-width: 40.0625em) {
      .row .row {
        margin-left: -0.75rem;
        margin-right: -0.75rem; } }
    @media screen and (min-width: 64.0625em) {
      .row .row {
        margin-left: -1.25rem;
        margin-right: -1.25rem; } }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-left: auto;
      margin-right: auto; }

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  @media screen and (min-width: 40.0625em) {
    .column, .columns {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) {
    .column, .columns {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }
  .row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.small-collapse .row,
.expanded.row .small-collapse.row {
  margin-left: 0;
  margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 1.25rem;
  padding-right: 1.25rem; }

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left; }

@media screen and (min-width: 40.0625em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    width: 100%;
    float: left; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    width: 50%;
    float: left; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    width: 25%;
    float: left; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    width: 20%;
    float: left; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .medium-collapse .row,
  .expanded.row .medium-collapse.row {
    margin-left: 0;
    margin-right: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .medium-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 48em) {
  .ipad-1 {
    width: 8.33333%; }
  .ipad-push-1 {
    position: relative;
    left: 8.33333%; }
  .ipad-pull-1 {
    position: relative;
    left: -8.33333%; }
  .ipad-offset-0 {
    margin-left: 0%; }
  .ipad-2 {
    width: 16.66667%; }
  .ipad-push-2 {
    position: relative;
    left: 16.66667%; }
  .ipad-pull-2 {
    position: relative;
    left: -16.66667%; }
  .ipad-offset-1 {
    margin-left: 8.33333%; }
  .ipad-3 {
    width: 25%; }
  .ipad-push-3 {
    position: relative;
    left: 25%; }
  .ipad-pull-3 {
    position: relative;
    left: -25%; }
  .ipad-offset-2 {
    margin-left: 16.66667%; }
  .ipad-4 {
    width: 33.33333%; }
  .ipad-push-4 {
    position: relative;
    left: 33.33333%; }
  .ipad-pull-4 {
    position: relative;
    left: -33.33333%; }
  .ipad-offset-3 {
    margin-left: 25%; }
  .ipad-5 {
    width: 41.66667%; }
  .ipad-push-5 {
    position: relative;
    left: 41.66667%; }
  .ipad-pull-5 {
    position: relative;
    left: -41.66667%; }
  .ipad-offset-4 {
    margin-left: 33.33333%; }
  .ipad-6 {
    width: 50%; }
  .ipad-push-6 {
    position: relative;
    left: 50%; }
  .ipad-pull-6 {
    position: relative;
    left: -50%; }
  .ipad-offset-5 {
    margin-left: 41.66667%; }
  .ipad-7 {
    width: 58.33333%; }
  .ipad-push-7 {
    position: relative;
    left: 58.33333%; }
  .ipad-pull-7 {
    position: relative;
    left: -58.33333%; }
  .ipad-offset-6 {
    margin-left: 50%; }
  .ipad-8 {
    width: 66.66667%; }
  .ipad-push-8 {
    position: relative;
    left: 66.66667%; }
  .ipad-pull-8 {
    position: relative;
    left: -66.66667%; }
  .ipad-offset-7 {
    margin-left: 58.33333%; }
  .ipad-9 {
    width: 75%; }
  .ipad-push-9 {
    position: relative;
    left: 75%; }
  .ipad-pull-9 {
    position: relative;
    left: -75%; }
  .ipad-offset-8 {
    margin-left: 66.66667%; }
  .ipad-10 {
    width: 83.33333%; }
  .ipad-push-10 {
    position: relative;
    left: 83.33333%; }
  .ipad-pull-10 {
    position: relative;
    left: -83.33333%; }
  .ipad-offset-9 {
    margin-left: 75%; }
  .ipad-11 {
    width: 91.66667%; }
  .ipad-push-11 {
    position: relative;
    left: 91.66667%; }
  .ipad-pull-11 {
    position: relative;
    left: -91.66667%; }
  .ipad-offset-10 {
    margin-left: 83.33333%; }
  .ipad-12 {
    width: 100%; }
  .ipad-offset-11 {
    margin-left: 91.66667%; }
  .ipad-up-1 > .column, .ipad-up-1 > .columns {
    width: 100%;
    float: left; }
    .ipad-up-1 > .column:nth-of-type(1n), .ipad-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .ipad-up-1 > .column:nth-of-type(1n+1), .ipad-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .ipad-up-1 > .column:last-child, .ipad-up-1 > .columns:last-child {
      float: left; }
  .ipad-up-2 > .column, .ipad-up-2 > .columns {
    width: 50%;
    float: left; }
    .ipad-up-2 > .column:nth-of-type(1n), .ipad-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .ipad-up-2 > .column:nth-of-type(2n+1), .ipad-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .ipad-up-2 > .column:last-child, .ipad-up-2 > .columns:last-child {
      float: left; }
  .ipad-up-3 > .column, .ipad-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .ipad-up-3 > .column:nth-of-type(1n), .ipad-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .ipad-up-3 > .column:nth-of-type(3n+1), .ipad-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .ipad-up-3 > .column:last-child, .ipad-up-3 > .columns:last-child {
      float: left; }
  .ipad-up-4 > .column, .ipad-up-4 > .columns {
    width: 25%;
    float: left; }
    .ipad-up-4 > .column:nth-of-type(1n), .ipad-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .ipad-up-4 > .column:nth-of-type(4n+1), .ipad-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .ipad-up-4 > .column:last-child, .ipad-up-4 > .columns:last-child {
      float: left; }
  .ipad-up-5 > .column, .ipad-up-5 > .columns {
    width: 20%;
    float: left; }
    .ipad-up-5 > .column:nth-of-type(1n), .ipad-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .ipad-up-5 > .column:nth-of-type(5n+1), .ipad-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .ipad-up-5 > .column:last-child, .ipad-up-5 > .columns:last-child {
      float: left; }
  .ipad-up-6 > .column, .ipad-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .ipad-up-6 > .column:nth-of-type(1n), .ipad-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .ipad-up-6 > .column:nth-of-type(6n+1), .ipad-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .ipad-up-6 > .column:last-child, .ipad-up-6 > .columns:last-child {
      float: left; }
  .ipad-collapse > .column, .ipad-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .ipad-collapse .row,
  .expanded.row .ipad-collapse.row {
    margin-left: 0;
    margin-right: 0; }
  .ipad-uncollapse > .column, .ipad-uncollapse > .columns {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .ipad-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .ipad-uncentered,
  .ipad-push-0,
  .ipad-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 56.25em) {
  .large-tablet-1 {
    width: 8.33333%; }
  .large-tablet-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-tablet-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-tablet-offset-0 {
    margin-left: 0%; }
  .large-tablet-2 {
    width: 16.66667%; }
  .large-tablet-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-tablet-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-tablet-offset-1 {
    margin-left: 8.33333%; }
  .large-tablet-3 {
    width: 25%; }
  .large-tablet-push-3 {
    position: relative;
    left: 25%; }
  .large-tablet-pull-3 {
    position: relative;
    left: -25%; }
  .large-tablet-offset-2 {
    margin-left: 16.66667%; }
  .large-tablet-4 {
    width: 33.33333%; }
  .large-tablet-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-tablet-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-tablet-offset-3 {
    margin-left: 25%; }
  .large-tablet-5 {
    width: 41.66667%; }
  .large-tablet-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-tablet-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-tablet-offset-4 {
    margin-left: 33.33333%; }
  .large-tablet-6 {
    width: 50%; }
  .large-tablet-push-6 {
    position: relative;
    left: 50%; }
  .large-tablet-pull-6 {
    position: relative;
    left: -50%; }
  .large-tablet-offset-5 {
    margin-left: 41.66667%; }
  .large-tablet-7 {
    width: 58.33333%; }
  .large-tablet-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-tablet-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-tablet-offset-6 {
    margin-left: 50%; }
  .large-tablet-8 {
    width: 66.66667%; }
  .large-tablet-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-tablet-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-tablet-offset-7 {
    margin-left: 58.33333%; }
  .large-tablet-9 {
    width: 75%; }
  .large-tablet-push-9 {
    position: relative;
    left: 75%; }
  .large-tablet-pull-9 {
    position: relative;
    left: -75%; }
  .large-tablet-offset-8 {
    margin-left: 66.66667%; }
  .large-tablet-10 {
    width: 83.33333%; }
  .large-tablet-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-tablet-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-tablet-offset-9 {
    margin-left: 75%; }
  .large-tablet-11 {
    width: 91.66667%; }
  .large-tablet-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-tablet-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-tablet-offset-10 {
    margin-left: 83.33333%; }
  .large-tablet-12 {
    width: 100%; }
  .large-tablet-offset-11 {
    margin-left: 91.66667%; }
  .large-tablet-up-1 > .column, .large-tablet-up-1 > .columns {
    width: 100%;
    float: left; }
    .large-tablet-up-1 > .column:nth-of-type(1n), .large-tablet-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-tablet-up-1 > .column:nth-of-type(1n+1), .large-tablet-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-tablet-up-1 > .column:last-child, .large-tablet-up-1 > .columns:last-child {
      float: left; }
  .large-tablet-up-2 > .column, .large-tablet-up-2 > .columns {
    width: 50%;
    float: left; }
    .large-tablet-up-2 > .column:nth-of-type(1n), .large-tablet-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-tablet-up-2 > .column:nth-of-type(2n+1), .large-tablet-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-tablet-up-2 > .column:last-child, .large-tablet-up-2 > .columns:last-child {
      float: left; }
  .large-tablet-up-3 > .column, .large-tablet-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .large-tablet-up-3 > .column:nth-of-type(1n), .large-tablet-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-tablet-up-3 > .column:nth-of-type(3n+1), .large-tablet-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-tablet-up-3 > .column:last-child, .large-tablet-up-3 > .columns:last-child {
      float: left; }
  .large-tablet-up-4 > .column, .large-tablet-up-4 > .columns {
    width: 25%;
    float: left; }
    .large-tablet-up-4 > .column:nth-of-type(1n), .large-tablet-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-tablet-up-4 > .column:nth-of-type(4n+1), .large-tablet-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-tablet-up-4 > .column:last-child, .large-tablet-up-4 > .columns:last-child {
      float: left; }
  .large-tablet-up-5 > .column, .large-tablet-up-5 > .columns {
    width: 20%;
    float: left; }
    .large-tablet-up-5 > .column:nth-of-type(1n), .large-tablet-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-tablet-up-5 > .column:nth-of-type(5n+1), .large-tablet-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-tablet-up-5 > .column:last-child, .large-tablet-up-5 > .columns:last-child {
      float: left; }
  .large-tablet-up-6 > .column, .large-tablet-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .large-tablet-up-6 > .column:nth-of-type(1n), .large-tablet-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-tablet-up-6 > .column:nth-of-type(6n+1), .large-tablet-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-tablet-up-6 > .column:last-child, .large-tablet-up-6 > .columns:last-child {
      float: left; }
  .large-tablet-collapse > .column, .large-tablet-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .large-tablet-collapse .row,
  .expanded.row .large-tablet-collapse.row {
    margin-left: 0;
    margin-right: 0; }
  .large-tablet-uncollapse > .column, .large-tablet-uncollapse > .columns {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  .large-tablet-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .large-tablet-uncentered,
  .large-tablet-push-0,
  .large-tablet-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 64.0625em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    width: 100%;
    float: left; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    width: 50%;
    float: left; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    width: 25%;
    float: left; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    width: 20%;
    float: left; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .large-collapse .row,
  .expanded.row .large-collapse.row {
    margin-left: 0;
    margin-right: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  .large-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 40em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40.0625em) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 40.0625em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 40em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40.0625em) and (max-width: 47.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 40em), screen and (min-width: 48em) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 48em) {
  .hide-for-ipad {
    display: none !important; } }

@media screen and (max-width: 47.9375em) {
  .show-for-ipad {
    display: none !important; } }

@media screen and (min-width: 48em) and (max-width: 56.1875em) {
  .hide-for-ipad-only {
    display: none !important; } }

@media screen and (max-width: 47.9375em), screen and (min-width: 56.25em) {
  .show-for-ipad-only {
    display: none !important; } }

@media screen and (min-width: 56.25em) {
  .hide-for-large-tablet {
    display: none !important; } }

@media screen and (max-width: 56.1875em) {
  .show-for-large-tablet {
    display: none !important; } }

@media screen and (min-width: 56.25em) and (max-width: 64em) {
  .hide-for-large-tablet-only {
    display: none !important; } }

@media screen and (max-width: 56.1875em), screen and (min-width: 64.0625em) {
  .show-for-large-tablet-only {
    display: none !important; } }

@media screen and (min-width: 64.0625em) {
  .hide-for-large, .nav-div .top-nav-main, .search-mobile, .mobile-triggers {
    display: none !important; } }

@media screen and (max-width: 64em) {
  .show-for-large, .header .top-nav-main, .search-part {
    display: none !important; } }

@media screen and (min-width: 64.0625em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 64em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

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

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

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

.clearfix::before, .top-nav-main::before,
.head-logo::before,
.bread-crumb::before,
.featured .heading::before,
.events .heading::before,
.featured-main::before,
.foot-menu::before, .events-details::before, .alphabetic-order::before, .timeline-item::before, .library-sidebar-second .library-right-sidebar::before, .bold-tabs::before, .resource-of-month::before, .book-month::before, .book-month .book-img::before, .mediaListing .mediaListingEntry::before, .news-articles .news-articles01 .news-article-block .camera-img-date::before, .main-image::before, .clearfix::after, .top-nav-main::after,
.head-logo::after,
.bread-crumb::after,
.featured .heading::after,
.events .heading::after,
.featured-main::after,
.foot-menu::after, .events-details::after, .alphabetic-order::after, .timeline-item::after, .library-sidebar-second .library-right-sidebar::after, .bold-tabs::after, .resource-of-month::after, .book-month::after, .book-month .book-img::after, .mediaListing .mediaListingEntry::after, .news-articles .news-articles01 .news-article-block .camera-img-date::after, .main-image::after {
  content: ' ';
  display: table; }

.clearfix::after, .top-nav-main::after,
.head-logo::after,
.bread-crumb::after,
.featured .heading::after,
.events .heading::after,
.featured-main::after,
.foot-menu::after, .events-details::after, .alphabetic-order::after, .timeline-item::after, .library-sidebar-second .library-right-sidebar::after, .bold-tabs::after, .resource-of-month::after, .book-month::after, .book-month .book-img::after, .mediaListing .mediaListingEntry::after, .news-articles .news-articles01 .news-article-block .camera-img-date::after, .main-image::after {
  clear: both; }

.close-button {
  position: absolute;
  color: #333333;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #000000; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  left: auto;
  right: 0;
  top: 100%; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 0;
  top: 100%; }

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  left: auto;
  right: 100%; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%; }

@media screen and (min-width: 40.0625em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }

@media screen and (min-width: 48em) {
  .dropdown.menu.ipad-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }
  .dropdown.menu.ipad-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%; }
  .dropdown.menu.ipad-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.ipad-vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .dropdown.menu.ipad-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }

@media screen and (min-width: 56.25em) {
  .dropdown.menu.large-tablet-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }
  .dropdown.menu.large-tablet-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%; }
  .dropdown.menu.large-tablet-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-tablet-vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .dropdown.menu.large-tablet-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }

@media screen and (min-width: 64.0625em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 200px;
  z-index: 1;
  background: #ffffff;
  border: 1px solid #888888; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.menu {
  margin: 0;
  list-style-type: none; }
  .menu > li {
    display: table-cell;
    vertical-align: middle; }
    [data-whatinput='mouse'] .menu > li {
      outline: 0; }
  .menu > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1; }
  .menu input,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu > li > a img,
  .menu > li > a i,
  .menu > li > a svg {
    vertical-align: middle; }
    .menu > li > a img + span,
    .menu > li > a i + span,
    .menu > li > a svg + span {
      vertical-align: middle; }
  .menu > li > a img,
  .menu > li > a i,
  .menu > li > a svg {
    margin-right: 0.25rem;
    display: inline-block; }
  .menu > li {
    display: table-cell; }
  .menu.vertical > li {
    display: block; }
  @media screen and (min-width: 40.0625em) {
    .menu.medium-horizontal > li {
      display: table-cell; }
    .menu.medium-vertical > li {
      display: block; } }
  @media screen and (min-width: 48em) {
    .menu.ipad-horizontal > li {
      display: table-cell; }
    .menu.ipad-vertical > li {
      display: block; } }
  @media screen and (min-width: 56.25em) {
    .menu.large-tablet-horizontal > li {
      display: table-cell; }
    .menu.large-tablet-vertical > li {
      display: block; } }
  @media screen and (min-width: 64.0625em) {
    .menu.large-horizontal > li {
      display: table-cell; }
    .menu.large-vertical > li {
      display: block; } }
  .menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem; }
  .menu.simple a {
    padding: 0; }
  .menu.align-right::before, .menu.align-right::after {
    content: ' ';
    display: table; }
  .menu.align-right::after {
    clear: both; }
  .menu.align-right > li {
    float: right; }
  .menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed; }
    .menu.expanded > li:first-child:last-child {
      width: 100%; }
  .menu.icon-top > li > a {
    text-align: center; }
    .menu.icon-top > li > a img,
    .menu.icon-top > li > a i,
    .menu.icon-top > li > a svg {
      display: block;
      margin: 0 auto 0.25rem; }
  .menu.nested {
    margin-left: 1rem; }
  .menu .active > a {
    color: #ffffff;
    background: #2199e8; }

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem; }

.menu-centered {
  text-align: center; }
  .menu-centered > .menu {
    display: inline-block; }

.no-js [data-responsive-menu] ul {
  display: none; }

body.is-reveal-open {
  overflow: hidden; }

html.is-reveal-open,
html.is-reveal-open body {
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: #000000;
  overflow-y: scroll; }

.reveal {
  display: none;
  z-index: 1006;
  padding: 2.5rem;
  border: none;
  background-color: #000000;
  border-radius: 0;
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media screen and (min-width: 40.0625em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns,
  .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 40.0625em) {
    .reveal {
      width: 100%;
      max-width: 75rem; } }
  @media screen and (min-width: 40.0625em) {
    .reveal .reveal {
      left: auto;
      right: auto;
      margin: 0 auto; } }
  .reveal.collapse {
    padding: 0; }
  @media screen and (min-width: 40.0625em) {
    .reveal.tiny {
      width: 30%;
      max-width: 75rem; } }
  @media screen and (min-width: 40.0625em) {
    .reveal.small {
      width: 50%;
      max-width: 75rem; } }
  @media screen and (min-width: 40.0625em) {
    .reveal.large {
      width: 90%;
      max-width: 75rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media screen and (max-width: 40em) {
    .reveal {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      height: 100vh;
      min-height: 100vh;
      max-width: none;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0; }
  table thead,
  table tbody,
  table tfoot {
    border: 1px solid #f2f2f2;
    background-color: #ffffff; }
  table caption {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem; }
  table thead,
  table tfoot {
    background: #f9f9f9;
    color: #000000; }
    table thead tr,
    table tfoot tr {
      background: transparent; }
    table thead th,
    table thead td,
    table tfoot th,
    table tfoot td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-weight: bold;
      text-align: left; }
  table tbody tr:nth-child(even) {
    background-color: #f2f2f2; }
  table tbody th,
  table tbody td {
    padding: 0.5rem 0.625rem 0.625rem; }

@media screen and (max-width: 47.9375em) {
  table.stack thead th:first-child {
    display: block; }
  table.stack thead th {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover tr:hover {
  background-color: #fafafa; }

table.hover tr:nth-of-type(even):hover {
  background-color: #ededed; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: auto; }

/* colors */
/*dropdown menu */
/* glyphs */
label {
  font-size: 1.03125rem;
  line-height: 1.6; }

video::-webkit-media-controls-start-playback-button {
  display: none !important; }

.masked-image, .cta-block a:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, rgba(51, 51, 51, 0.75), rgba(51, 51, 51, 0.75) 10%, rgba(255, 255, 255, 0.75));
  mix-blend-mode: multiply;
  opacity: .4; }

.mix-blend-mode .masked-image, .mix-blend-mode .cta-block a:before, .cta-block .mix-blend-mode a:before {
  mix-blend-mode: multiply;
  opacity: 1; }

.diamond, .diamond-border span::before, .main-content ul li:before, .nav-div .top-nav-main .top-nav.left + .top-nav.right:before, .top-nav li + li:before, .foot-menu li:after, .detail-nusl ul span:after {
  content: "\2022";
  font-family: athelas, serif;
  font-weight: bold;
  -webkit-font-feature-settings: "ss01";
          font-feature-settings: "ss01";
  text-transform: none; }

.font-feature-settings.wf-athelas-n7-active .diamond, .font-feature-settings.wf-athelas-n7-active .diamond-border span::before, .diamond-border .font-feature-settings.wf-athelas-n7-active span::before, .font-feature-settings.wf-athelas-n7-active .main-content ul li:before, .main-content ul .font-feature-settings.wf-athelas-n7-active li:before, .font-feature-settings.wf-athelas-n7-active .nav-div .top-nav-main .top-nav.left + .top-nav.right:before, .nav-div .top-nav-main .font-feature-settings.wf-athelas-n7-active .top-nav.left + .top-nav.right:before, .font-feature-settings.wf-athelas-n7-active .top-nav li + li:before, .top-nav .font-feature-settings.wf-athelas-n7-active li + li:before, .font-feature-settings.wf-athelas-n7-active .foot-menu li:after, .foot-menu .font-feature-settings.wf-athelas-n7-active li:after, .font-feature-settings.wf-athelas-n7-active .detail-nusl ul span:after, .detail-nusl ul .font-feature-settings.wf-athelas-n7-active span:after {
  content: "g"; }

.diamond-border {
  font-family: athelas, serif;
  font-weight: bold;
  -webkit-font-feature-settings: "ss01";
          font-feature-settings: "ss01";
  text-transform: none;
  text-align: center;
  overflow: hidden; }

.diamond-border::before,
.diamond-border::after {
  content: "";
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  border-bottom: 1px solid #333333; }

.diamond-border::before {
  margin: 0 .5em 0 -55%; }

.diamond-border::after {
  margin: 0 -55% 0 .5em; }

.icon-search, .search-trigger button:before {
  content: "\f002";
  font-family: FontAwesome; }

.icon-close-menu, .menu-trigger.open button:before {
  content: "\f00d";
  font-family: FontAwesome; }

.icon-map-marker, .co-op-employer-panels .co-op-employer-panel .employer .employer-inner .employer-location:before, .mapinfo .location:before {
  content: "\f041";
  font-family: FontAwesome; }

.icon-chevron-left, .slick-prev:before {
  content: "\f053";
  font-family: FontAwesome; }

.icon-chevron-right, .slick-next:before {
  content: "\f054";
  font-family: FontAwesome; }

.icon-times-circle, .co-op-mobile-info-window-wrap .close:after, .gm-style-iw + div:after {
  content: "\f057";
  font-family: FontAwesome; }

.icon-plus {
  content: "\f067";
  font-family: FontAwesome; }

.icon-minus {
  content: "\f068";
  font-family: FontAwesome; }

.icon-external-link, a.external:before, .left-menu li a.external:before, .featured .feature-detail .more-details a.external:before, .co-op-employer-panel .employer .employer-inner h4 a:after, .featured-item .featured-item-detail a.external:before {
  content: "\f08e";
  font-family: FontAwesome; }

.icon-bullhorn, .co-op-tabs .co-op-tab#tab3 a:before, .mapinfo .category.legal:before {
  content: "\f0a1";
  font-family: FontAwesome; }

.icon-briefcase, .co-op-tabs .co-op-tab#tab4 a:before, .mapinfo .category.corporations:before {
  content: "\f0b1";
  font-family: FontAwesome; }

.icon-gavel, .co-op-tabs .co-op-tab#tab1 a:before, .mapinfo .category.private:before {
  content: "\f0e3";
  font-family: FontAwesome; }

.icon-bars, .menu-trigger button:before {
  content: "\f0c9";
  font-family: FontAwesome; }

.icon-caret-down {
  content: "\f0d7";
  font-family: FontAwesome; }

.icon-angle-double-right, .featured .feature-detail .more-details a.internal:after, .featured-item .featured-item-detail a.external.internal:after {
  content: "\f101";
  font-family: FontAwesome; }

.icon-angle-right, .cta-block span:after,
.news-article-block h2:after,
.basic-block a:after,
.photo-ft-block-title-txt a:after {
  content: "\f105";
  font-family: FontAwesome; }

.icon-angle-up, .nav-div > ul li.is-accordion-submenu-parent[aria-expanded="true"] > a:after, .section-trigger.open button:after, .pathways-dropDown-menu > a.open:after {
  content: "\f106";
  font-family: FontAwesome; }

.icon-angle-down, .nav-div > ul li.is-accordion-submenu-parent > a:after, .section-trigger button:after, .pathways-dropDown-menu > a:after, .tabs-trigger button:after {
  content: "\f107";
  font-family: FontAwesome; }

.icon-play-circle, .home-banner .banner-detail .more-details a:after {
  content: "\f144";
  font-family: FontAwesome; }

.icon-minus-square, .accordion h3.ui-state-active:after,
.mobile-accordion h3.ui-state-active:after {
  content: "\f147";
  font-family: FontAwesome; }

.icon-plus-square, .accordion h3:after,
.mobile-accordion h3:after {
  content: "\f196";
  font-family: FontAwesome; }

.icon-university, .co-op-tabs .co-op-tab#tab2 a:before, .mapinfo .category.government:before {
  content: "\f19c";
  font-family: FontAwesome; }

/* end of glyphs */
/**
* Hide elements visually, but keep them available for screen-readers.
*
* Used for information required for screen-reader users to understand and use
* the site where visual display is undesirable. Information provided in this
* manner should be kept concise, to avoid unnecessary burden on the user.
* "!important" is used to prevent unintentional overrides.
*/
.video-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/**
* The .element-focusable class extends the .element-invisible class to allow
* the element to be focusable when navigated to via the keyboard.
*/
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 100%; }

body {
  font-size: 1.03125rem;
  font-family: athelas, serif;
  font-weight: normal;
  line-height: 1.2;
  color: #333333; }

.page {
  overflow-x: hidden; }

a {
  text-decoration: none;
  color: #CC0000;
  font-weight: bold; }

a:hover {
  color: #333333; }

a:focus {
  color: #CC0000;
  outline: thin dotted; }

img {
  border: 0 none;
  outline: none;
  max-width: 100%;
  width: auto;
  height: auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

h1 {
  font-family: athelas, serif;
  font-weight: bold;
  font-size: 1.5rem;
  text-transform: none; }

h2,
h3,
h4 {
  font-family: nimbus-sans-condensed, sans-serif;
  font-weight: bold;
  letter-spacing: .05em;
  text-transform: uppercase; }

h2 {
  font-size: 1.375rem;
  margin-bottom: 0.625rem; }

h3 {
  font-size: 1.25rem;
  margin-bottom: 0.3125rem; }

h4 {
  font-size: 1.125rem; }

.main-content,
p,
h5,
h6 {
  font-family: athelas, sans-serif;
  font-size: 1.03125rem;
  font-weight: normal;
  line-height: 1.625rem; }

p {
  color: #000000; }

@media screen and (min-width: 64.0625em) {
  h1 {
    font-size: 2.5rem; }
  h2 {
    font-size: 1.875rem; }
  h3 {
    font-size: 1.5rem; }
  h4 {
    font-size: 1.125rem; } }

ul,
ol,
ul ul,
ol ul,
ul ol,
ol ol {
  margin-left: 0; }

ul,
ol,
dl {
  margin-bottom: 0; }

ul {
  list-style: none; }

/* tables */
.table-style-a {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.25rem; }

@media screen and (max-width: 47.9375em) {
  .table-style-a thead th:first-child {
    display: block; }
  .table-style-a thead th {
    display: none; }
  .table-style-a tfoot {
    display: none; }
  .table-style-a tr,
  .table-style-a th,
  .table-style-a td {
    display: block; }
  .table-style-a td {
    border-top: 0; } }

@media screen and (min-width: 48em) {
  .table-style-a td p {
    border-left: 1px solid silver;
    padding-left: 20px; } }

.table-style-a thead h2 {
  color: #fff;
  text-align: left;
  text-transform: none; }

.table-style-a thead th {
  background-color: #CC0000; }

#contactTable td p {
  border-left: none;
  padding-left: 0px; }

.table-style-a th,
.table-style-a td {
  padding: 12px 10px;
  border-bottom: solid 1px silver;
  vertical-align: top;
  word-wrap: break-word; }

.table-style-a th {
  text-transform: uppercase;
  text-align: left; }

.table-style-a th em {
  font-style: normal;
  font-weight: normal;
  text-transform: none; }

.table-style-a tr.even {
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 2px, #F7F7F7 2px, #F7F7F7 100%); }

.table-style-a tr.odd {
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 2px, #ededed 2px, #ededed 100%); }

@media screen and (min-width: 40.0625em) {
  .table-style-a td p {
    border-left: 1px solid silver;
    padding-left: 20px; } }

a.external:before {
  font-size: 1rem; }

.red-button, .search-mobile .search-box .submit, .aba-button, .home-banner .banner-detail .more-details a, .home-pathways .pathway .pathway-detail .more-details a, .home-buttons .home-button a, .content-buttons .content-button a, .home-programs .home-program .home-program-buttons .home-program-button, .highlight .highlight-content .highlight-buttons a {
  font-family: nimbus-sans-condensed, sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: white;
  text-align: center;
  display: block;
  background: #CC0000;
  padding: 0.625rem 0.3125rem; }

.red-button:hover, .search-mobile .search-box .submit:hover, .aba-button:hover, .home-banner .banner-detail .more-details a:hover, .home-pathways .pathway .pathway-detail .more-details a:hover, .home-buttons .home-button a:hover, .content-buttons .content-button a:hover, .home-programs .home-program .home-program-buttons .home-program-button:hover, .highlight .highlight-content .highlight-buttons a:hover {
  background: #850808;
  color: #ffffff; }

@media screen and (min-width: 40.0625em) {
  .red-button, .search-mobile .search-box .submit, .aba-button, .home-banner .banner-detail .more-details a, .home-pathways .pathway .pathway-detail .more-details a, .home-buttons .home-button a, .content-buttons .content-button a, .home-programs .home-program .home-program-buttons .home-program-button, .highlight .highlight-content .highlight-buttons a {
    font-size: 0.9375rem; } }

@media screen and (min-width: 64.0625em) {
  .red-button, .search-mobile .search-box .submit, .aba-button, .home-banner .banner-detail .more-details a, .home-pathways .pathway .pathway-detail .more-details a, .home-buttons .home-button a, .content-buttons .content-button a, .home-programs .home-program .home-program-buttons .home-program-button, .highlight .highlight-content .highlight-buttons a {
    font-size: 1.25rem; } }

.left {
  float: left; }

.right {
  float: right; }

.obscure {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

.main-heading {
  margin-bottom: 0.9375rem; }
  .main-heading span {
    display: none; }

@media screen and (min-width: 40.0625em) {
  .main-heading {
    margin-bottom: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  .main-heading {
    margin-bottom: 0.9375rem; }
  .intro,
  .intro p {
    font-size: 1.5rem;
    line-height: normal; } }

.accordion,
.mobile-accordion {
  margin-bottom: 1.25rem; }
  .accordion h3,
  .mobile-accordion h3 {
    font-family: athelas, serif;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.625rem;
    text-transform: none;
    background: #333333;
    color: #ffffff;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    padding: 0.75rem 3.125rem 0.75rem 1.25rem; }
    .accordion h3:after,
    .mobile-accordion h3:after {
      font-size: 1.875rem;
      float: right;
      position: absolute;
      right: 1.25rem;
      top: 50%;
      margin-top: -0.625rem; }
  .accordion > div,
  .mobile-accordion > div {
    border-top: 0 none;
    padding: 1.875rem 1.25rem;
    background: url(../img/pattern.png); }

@media screen and (min-width: 64.0625em) {
  .accordion {
    margin-bottom: 2.5rem; }
    .accordion h3 {
      padding: 0.9375rem; }
    .accordion > div {
      padding: 1.875rem 2.625rem; } }

.cta-block span {
  font-family: athelas, serif;
  font-weight: bold;
  font-size: 1.25rem;
  color: #ffffff;
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem; }

.cta-block span:after,
.news-article-block h2:after,
.basic-block a:after,
.photo-ft-block-title-txt a:after {
  padding-left: 0.3125rem; }

@media screen and (min-width: 40.0625em) {
  .cta-block span {
    font-size: 1.03125rem; } }

@media screen and (min-width: 64.0625em) {
  .cta-block span {
    font-size: 1.25rem; } }

.photo-ft-block-list {
  margin-bottom: 1.875rem; }
  .photo-ft-block-list .photo-ft-block {
    margin: 0;
    float: none;
    position: static;
    width: 100%; }
    .photo-ft-block-list .photo-ft-block + .photo-ft-block {
      margin-top: 1.25rem; }

@media screen and (min-width: 40.0625em) {
  .photo-ft-block-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
    .photo-ft-block-list .photo-ft-block {
      width: 50%;
      padding: 0 1.25rem 1.25rem 1.25rem; }
      .photo-ft-block-list .photo-ft-block + .photo-ft-block {
        margin-top: 0; } }

@media screen and (min-width: 56.25em) {
  .photo-ft-block-list .photo-ft-block {
    width: 33.3334%; } }

@media screen and (min-width: 64.0625em) {
  .photo-ft-block-list .photo-ft-block {
    width: 25%; } }

.photo-ft-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .photo-ft-block .photo-ft-block-inner {
    background: url(../img/pattern.png);
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .photo-ft-block .photo-ft-block-inner .arrow-orange {
      display: none; }
    .photo-ft-block .photo-ft-block-inner img.photo {
      position: static;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      width: 100%; }
    .photo-ft-block .photo-ft-block-inner .photo-ft-block-title {
      position: static;
      width: 100%;
      padding: 0.9375rem 1.25rem;
      line-height: 1.2; }
      .photo-ft-block .photo-ft-block-inner .photo-ft-block-title .photo-ft-block-title-txt {
        height: auto;
        float: none; }
      .photo-ft-block .photo-ft-block-inner .photo-ft-block-title .photo-ft-block-text p {
        margin-bottom: 0; }

.news-article-block h2,
.photo-ft-block .photo-ft-block-title-txt {
  font-family: athelas, serif;
  font-size: 1.125rem;
  text-transform: none; }

.news-article-block {
  background: url(../img/pattern.png); }
  .news-article-block img {
    width: 100%; }
  .news-article-block .articles-detail {
    padding: 1.25rem 1.5625rem 1.5625rem; }

.photo-ft-block .arrow-orange {
  display: none; }

@media screen and (min-width: 64.0625em) {
  .articles-detail {
    padding: 0.9375rem 1.5625rem 2.1875rem; } }

.articles-detail p,
.articles-detail span,
.articles-detail article {
  display: none; }

.cta-block {
  position: relative; }

.cta-block img {
  display: block;
  width: 100%; }

.news-article-block h2:after,
.basic-block a:after,
.photo-ft-block-title-txt a:after {
  font-size: 1.25rem; }

.basic-block .basic-block-header {
  text-align: center;
  position: relative; }
  .basic-block .basic-block-header h2 {
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 1rem; }

.basic-block .diamond-border {
  font-size: 1.125rem; }

.basic-block ul {
  list-style: none;
  padding-top: 1rem; }
  .basic-block ul li {
    font-weight: bold;
    font-size: 1.125rem;
    padding-bottom: 1.25rem;
    display: block; }
    .basic-block ul li a {
      font-weight: bold;
      font-size: 1.125rem; }
    .basic-block ul li span {
      display: none; }

.news-article-block h2:after,
.basic-block a:after {
  font-size: 1.125rem; }

.hero-image,
.why-page .home-banner {
  margin-bottom: 1.25rem; }
  .hero-image img,
  .why-page .home-banner img {
    width: 100%; }
  .hero-image span,
  .why-page .home-banner span {
    display: block;
    font-family: athelas, serif;
    font-size: 0.875rem;
    font-style: italic;
    font-weight: normal;
    margin-top: 0.3125rem; }

@media screen and (min-width: 40.0625em) {
  .hero-image,
  .why-page .home-banner {
    margin-bottom: 3.4375rem; } }

.main-content dl,
.main-content ol,
.main-content ul,
.main-content,
.main-content p,
.intro dl,
.intro ol,
.intro ul,
.intro,
.intro p {
  margin-bottom: 1rem; }

.main-content dl li,
.main-content ol li,
.main-content ul li {
  margin-bottom: .75rem; }

.main-content ul li:before {
  float: left;
  width: 1.25rem; }

.main-content li {
  text-indent: -1.25rem;
  padding-left: 1.25rem; }

p.small-txt,
.small-txt {
  font-size: 0.875rem; }

.bread-crumb li {
  float: left;
  font-family: nimbus-sans-condensed, sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  border-right: 1px solid #333333;
  padding-right: 0.3125rem;
  margin-right: 0.3125rem; }
  .bread-crumb li:last-child {
    border: none; }
  .bread-crumb li span {
    display: none; }
  .bread-crumb li a {
    display: block; }

@media screen and (min-width: 64.0625em) {
  .bread-crumb {
    margin-bottom: 0.3125rem; }
    .bread-crumb li {
      font-size: 1.125rem;
      border-right: 3px solid #333333;
      padding-right: 0.625rem;
      margin-right: 0.625rem; } }

.slick-list {
  margin-left: 4.6875rem;
  margin-right: 4.6875rem; }

.slick-slide {
  position: relative; }

.slick-prev,
.slick-next {
  font-size: 0;
  position: absolute;
  top: 50%;
  margin-top: -1.125rem; }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

.slick-prev:before,
.slick-next:before {
  font-family: "FontAwesome";
  font-size: 36px;
  color: #CC0000; }

@media screen and (min-width: 40.0625em) {
  .achievements .slick-list {
    margin: 0; } }

.achievements .slick-prev,
.achievements .slick-next {
  margin-top: -2rem; }

.achievements {
  padding: 1.5625rem 0 1.25rem 0;
  overflow: hidden;
  margin: 0 auto;
  text-align: center; }
  .achievements .achievement > a {
    color: #333333; }
  .achievements .achievements-detail .statistic {
    font-family: nimbus-sans-condensed, sans-serif;
    font-weight: bold;
    font-size: 3.75rem;
    letter-spacing: .025em;
    line-height: 1; }
  .achievements .achievements-detail .diamond-border {
    font-size: 0.9375rem;
    margin-top: -0.625rem; }
  .achievements .achievements-detail .description {
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0; }

@media screen and (min-width: 40.0625em) {
  .achievements {
    padding-top: 1.25rem;
    padding-bottom: 2.1875rem; }
    .achievements .achievements-detail .diamond-border {
      font-size: 0.8125rem; }
    .achievements .achievements-detail .statistic {
      font-size: 3.4375rem; } }

@media screen and (min-width: 48em) {
  .achievements .achievements-detail .statistic {
    font-size: 3.75rem; } }

@media screen and (min-width: 64.0625em) {
  .achievements {
    padding-top: 2.8125rem;
    padding-bottom: 3.125rem; }
    .achievements .achievements-detail .statistic {
      font-size: 6.25rem; }
    .achievements .achievements-detail .diamond-border {
      font-size: 1.125rem;
      margin-top: -0.9375rem; } }

/* I fixed a bug in the foundation mixin grid-context to reset the global variable they set, not a new local variable */
.co-op-tabs:before,
co-op-tabs:after,
.bar-items:before,
.bar-items:after,
.co-op-employer-panel:before,
.co-op-employer-panel:after,
.news-articles:before,
.news-articles:after,
.home-buttons:before,
.home-buttons:after,
.content-buttons:before,
.content-buttons:after,
.home-programs:before,
.home-programs:after,
#why3 .why-detail:before {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0; }

.featured,
.home-programs {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  .featured::before, .featured::after,
  .home-programs::before,
  .home-programs::after {
    content: ' ';
    display: table; }
  .featured::after,
  .home-programs::after {
    clear: both; }

.header,
.mobile-triggers,
.nav-div,
#content,
#footer {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  float: left;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  .header::before, .header::after,
  .mobile-triggers::before,
  .mobile-triggers::after,
  .nav-div::before,
  .nav-div::after,
  #content::before,
  #content::after,
  #footer::before,
  #footer::after {
    content: ' ';
    display: table; }
  .header::after,
  .mobile-triggers::after,
  .nav-div::after,
  #content::after,
  #footer::after {
    clear: both; }
  @media screen and (min-width: 40.0625em) {
    .header,
    .mobile-triggers,
    .nav-div,
    #content,
    #footer {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) {
    .header,
    .mobile-triggers,
    .nav-div,
    #content,
    #footer {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
  .header, .header:last-child,
  .mobile-triggers,
  .mobile-triggers:last-child,
  .nav-div,
  .nav-div:last-child,
  #content,
  #content:last-child,
  #footer,
  #footer:last-child {
    float: none; }

#content-inner,
.achievements,
.featured-main,
.left-featured-inner,
.bar-items,
.events-main,
.highlight-details,
.footer-inner {
  max-width: none;
  margin-left: -1.25rem;
  margin-right: -1.25rem; }
  @media screen and (min-width: 40.0625em) {
    #content-inner,
    .achievements,
    .featured-main,
    .left-featured-inner,
    .bar-items,
    .events-main,
    .highlight-details,
    .footer-inner {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 64.0625em) {
    #content-inner,
    .achievements,
    .featured-main,
    .left-featured-inner,
    .bar-items,
    .events-main,
    .highlight-details,
    .footer-inner {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }
  #content-inner::before, #content-inner::after,
  .achievements::before,
  .achievements::after,
  .featured-main::before,
  .featured-main::after,
  .left-featured-inner::before,
  .left-featured-inner::after,
  .bar-items::before,
  .bar-items::after,
  .events-main::before,
  .events-main::after,
  .highlight-details::before,
  .highlight-details::after,
  .footer-inner::before,
  .footer-inner::after {
    content: ' ';
    display: table; }
  #content-inner::after,
  .achievements::after,
  .featured-main::after,
  .left-featured-inner::after,
  .bar-items::after,
  .events-main::after,
  .highlight-details::after,
  .footer-inner::after {
    clear: both; }

#content,
#footer {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

@media screen and (min-width: 40.0625em) {
  #content,
  #footer {
    padding-left: 6.4375rem;
    padding-right: 6.4375rem; } }

@media screen and (min-width: 64.0625em) {
  #content,
  #footer {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

.main-wrapper {
  width: 100%;
  float: left;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  @media screen and (min-width: 40.0625em) {
    .main-wrapper {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) {
    .main-wrapper {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

.sidebar-first,
.sidebar-first + .main-wrapper {
  width: 100%;
  float: left;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  @media screen and (min-width: 40.0625em) {
    .sidebar-first,
    .sidebar-first + .main-wrapper {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) {
    .sidebar-first,
    .sidebar-first + .main-wrapper {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

.nav-div {
  padding-left: 0;
  padding-right: 0; }

.home-programs {
  display: block; }

.home-button,
.home-program-featured,
.home-program-list,
.featured .left-featured,
.featured .right-featured,
.featured-img,
.left-featured .feature-detail,
.event,
.sidebar-second,
.bar-items .bar-item,
.highlight-content .highlight-image,
.highlight-content .highlight-text,
.highlight-content .highlight-buttons,
.footer-inner .left-foot,
.footer-inner .middle-foot,
.footer-inner .right-foot {
  width: 100%;
  float: left;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  @media screen and (min-width: 40.0625em) {
    .home-button,
    .home-program-featured,
    .home-program-list,
    .featured .left-featured,
    .featured .right-featured,
    .featured-img,
    .left-featured .feature-detail,
    .event,
    .sidebar-second,
    .bar-items .bar-item,
    .highlight-content .highlight-image,
    .highlight-content .highlight-text,
    .highlight-content .highlight-buttons,
    .footer-inner .left-foot,
    .footer-inner .middle-foot,
    .footer-inner .right-foot {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) {
    .home-button,
    .home-program-featured,
    .home-program-list,
    .featured .left-featured,
    .featured .right-featured,
    .featured-img,
    .left-featured .feature-detail,
    .event,
    .sidebar-second,
    .bar-items .bar-item,
    .highlight-content .highlight-image,
    .highlight-content .highlight-text,
    .highlight-content .highlight-buttons,
    .footer-inner .left-foot,
    .footer-inner .middle-foot,
    .footer-inner .right-foot {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

.home-buttons {
  max-width: none;
  margin-left: -1.25rem;
  margin-right: -1.25rem; }
  @media screen and (min-width: 40.0625em) {
    .home-buttons {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 64.0625em) {
    .home-buttons {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }
  .home-buttons::before, .home-buttons::after {
    content: ' ';
    display: table; }
  .home-buttons::after {
    clear: both; }
  .home-buttons .home-button {
    width: 100%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
    @media screen and (min-width: 40.0625em) {
      .home-buttons .home-button {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 64.0625em) {
      .home-buttons .home-button {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

.content-buttons {
  max-width: none;
  margin-left: -1.25rem;
  margin-right: -1.25rem; }
  @media screen and (min-width: 40.0625em) {
    .content-buttons {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 64.0625em) {
    .content-buttons {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }
  .content-buttons::before, .content-buttons::after {
    content: ' ';
    display: table; }
  .content-buttons::after {
    clear: both; }
  .content-buttons .content-button {
    width: 100%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
    @media screen and (min-width: 40.0625em) {
      .content-buttons .content-button {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 64.0625em) {
      .content-buttons .content-button {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

.home-programs .home-program-featured,
.home-programs .home-program-list {
  padding-left: 0;
  padding-right: 0; }

@media screen and (min-width: 40.0625em) {
  .landing .main-wrapper {
    width: 66.66667%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .landing .main-wrapper {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .landing .main-wrapper {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .sidebar-second {
    width: 33.33333%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .sidebar-second {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .sidebar-second {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .highlight-content {
    margin-left: 38px;
    margin-right: 38px; }
    .highlight-content .highlight-details .highlight-image {
      width: 37%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .highlight-content .highlight-details .highlight-image {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .highlight-content .highlight-details .highlight-image {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .highlight-content .highlight-details .highlight-text,
    .highlight-content .highlight-details .highlight-buttons {
      width: 31.5%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .highlight-content .highlight-details .highlight-text,
      .highlight-content .highlight-details .highlight-buttons {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .highlight-content .highlight-details .highlight-text,
      .highlight-content .highlight-details .highlight-buttons {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .highlight-content .highlight-details.image-right .highlight-image {
      position: relative;
      left: 31.5%; }
    .highlight-content .highlight-details.image-right .highlight-text {
      position: relative;
      left: -37%; }
    .highlight-content .highlight-details.no-buttons .highlight-text {
      width: 63%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .highlight-content .highlight-details.no-buttons .highlight-text {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .highlight-content .highlight-details.no-buttons .highlight-text {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .highlight-content .highlight-details.no-buttons.image-right .highlight-image {
      position: relative;
      left: 63%; }
  .featured .left-featured {
    width: 75%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .featured .left-featured {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .featured .left-featured {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .featured .left-featured .left-featured-inner .featured-img {
      width: 55.55556%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .featured .left-featured .left-featured-inner .featured-img {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .featured .left-featured .left-featured-inner .featured-img {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .featured .left-featured .left-featured-inner .feature-detail {
      width: 44.44444%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .featured .left-featured .left-featured-inner .feature-detail {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .featured .left-featured .left-featured-inner .feature-detail {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .featured .right-featured {
    width: 25%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .featured .right-featured {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .featured .right-featured {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .event {
    width: 33.33333%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .event {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .event {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .home-programs .home-program-featured {
    width: 58.33333%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .home-programs .home-program-featured {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .home-programs .home-program-featured {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .home-programs .home-program-list {
    width: 41.66667%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .home-programs .home-program-list {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .home-programs .home-program-list {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .home-programs .home-program-featured,
  .home-programs .home-program-list {
    padding-left: 0;
    padding-right: 0; }
  .news-bar .bar-items,
  .bottom-bar .bar-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .top-bar .bar-item,
  .bottom-bar .bar-item,
  .news-bar .bar-item {
    width: 33.33333%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .top-bar .bar-item,
    .bottom-bar .bar-item,
    .news-bar .bar-item {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .top-bar .bar-item,
    .bottom-bar .bar-item,
    .news-bar .bar-item {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .why-bar .bar-item {
    width: 25%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .why-bar .bar-item {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .why-bar .bar-item {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .achievements .achievement {
    width: 25%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .achievements .achievement {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .achievements .achievement {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .footer-inner .left-foot {
    width: 33.33333%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .footer-inner .left-foot {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .footer-inner .left-foot {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .footer-inner .middle-foot {
    width: 50%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .footer-inner .middle-foot {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .footer-inner .middle-foot {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .footer-inner .right-foot {
    width: 16.66667%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .footer-inner .right-foot {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .footer-inner .right-foot {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .home-buttons {
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .home-buttons {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .home-buttons {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .home-buttons::before, .home-buttons::after {
      content: ' ';
      display: table; }
    .home-buttons::after {
      clear: both; }
    .home-buttons .home-button {
      width: 33.33333%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .home-buttons .home-button {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .home-buttons .home-button {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
  .content-buttons {
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .content-buttons {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .content-buttons {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .content-buttons::before, .content-buttons::after {
      content: ' ';
      display: table; }
    .content-buttons::after {
      clear: both; }
    .content-buttons .content-button {
      width: 33.33333%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .content-buttons .content-button {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .content-buttons .content-button {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  .sidebar-first {
    width: 25%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
    .sidebar-first {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
    .sidebar-first {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  .sidebar-first + .main-wrapper {
    width: 75%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
    .sidebar-first + .main-wrapper {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
    .sidebar-first + .main-wrapper {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  .sidebar-second {
    width: 25%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
    .sidebar-second {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
    .sidebar-second {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  /* make room for sidebar */
  .landing .main-wrapper {
    width: 75%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
    .landing .main-wrapper {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
    .landing .main-wrapper {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  .highlight-content {
    margin-left: 8.33333%;
    width: 83.33333%; }
    .highlight-content .highlight-details .highlight-image {
      width: 40%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
      .highlight-content .highlight-details .highlight-image {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
      .highlight-content .highlight-details .highlight-image {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
    .highlight-content .highlight-details .highlight-text,
    .highlight-content .highlight-details .highlight-buttons {
      width: 30%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
      .highlight-content .highlight-details .highlight-text,
      .highlight-content .highlight-details .highlight-buttons {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
      .highlight-content .highlight-details .highlight-text,
      .highlight-content .highlight-details .highlight-buttons {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
    .highlight-content .highlight-details.image-right .highlight-image {
      position: relative;
      left: 30%; }
    .highlight-content .highlight-details.image-right .highlight-text {
      position: relative;
      left: -40%; }
    .highlight-content .highlight-details.no-image .highlight-text {
      width: 70%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
      .highlight-content .highlight-details.no-image .highlight-text {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
      .highlight-content .highlight-details.no-image .highlight-text {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
    .highlight-content .highlight-details.no-buttons .highlight-text {
      width: 60%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
      .highlight-content .highlight-details.no-buttons .highlight-text {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
      .highlight-content .highlight-details.no-buttons .highlight-text {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
    .highlight-content .highlight-details.no-buttons.image-right .highlight-image {
      position: relative;
      left: 60%; }
    .highlight-content .highlight-details.no-buttons.no-image .highlight-text {
      width: 100%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
      .highlight-content .highlight-details.no-buttons.no-image .highlight-text {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
      .highlight-content .highlight-details.no-buttons.no-image .highlight-text {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  .home-buttons {
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
    .home-buttons {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
    .home-buttons {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

@media screen and (min-width: 64.0625em) {
    .home-buttons::before, .home-buttons::after {
      content: ' ';
      display: table; }
    .home-buttons::after {
      clear: both; }
    .home-buttons .home-button:first-child {
      margin-left: 12.5%; }
    .home-buttons .home-button {
      width: 25%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
      .home-buttons .home-button {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
      .home-buttons .home-button {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

/* top nav */
@media screen and (max-width: 64em) {
  .nav-div,
  .search-mobile {
    display: none; } }

@media screen and (min-width: 64.0625em) {
  .mobile-triggers,
  .overview,
  .nav-div ul ul {
    display: none; } }

.top-nav-main {
  padding: 0.5rem 2.5rem;
  background: url(../img/pattern.png) left top;
  color: #333333; }

.nav-div .top-nav-main {
  padding-top: 0.625rem;
  padding-bottom: 0.9375rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  .nav-div .top-nav-main .top-nav,
  .nav-div .top-nav-main .top-nav ul,
  .nav-div .top-nav-main .top-nav li {
    display: inline;
    float: none; }
  .nav-div .top-nav-main .top-nav.left + .top-nav.right:before {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem; }

.top-nav li {
  float: left; }
  .top-nav li + li:before {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem; }
  .top-nav li.last {
    padding-right: 0; }
  .top-nav li:hover > a,
  .top-nav li.active a {
    color: #333333; }
  .top-nav li a {
    font-family: nimbus-sans, sans-serif;
    font-weight: bold; }

.head-logo {
  padding: 1.25rem 0; }
  .head-logo .logo {
    width: 90%; }

@media screen and (min-width: 40.0625em) {
  .head-logo .logo {
    width: 36%; } }

@media screen and (min-width: 64.0625em) {
  .head-logo {
    padding: 1.5625rem 0; }
    .head-logo .logo {
      float: left;
      padding-top: 1rem;
      padding-bottom: 1rem;
      padding-left: 0.3125rem;
      width: auto; } }

/* search */
.search-mobile {
  position: relative; }
  .search-mobile .search-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200; }
    .search-mobile .search-box .query-input {
      font-size: 1.125rem;
      height: 3.75rem;
      padding: 0 6.25rem 0 0.9375rem;
      width: 100%; }
    .search-mobile .search-box .submit {
      width: 4.6875rem;
      position: absolute;
      top: 7px;
      right: 1.25rem; }

.search-part {
  float: right; }
  .search-part .search-box {
    position: relative;
    border: 2px solid #bebebe; }
    .search-part .search-box .query-input {
      font-size: 0.9375rem;
      padding: 0 1.5625rem 0 0.3125rem;
      width: 10rem; }
    .search-part .search-box .submit {
      position: absolute;
      top: 0;
      right: 0.3125rem;
      background: #ffffff url(../img/search-desktop.png) no-repeat;
      text-indent: -9999px;
      width: 0.9375rem;
      height: 0.9375rem;
      position: absolute;
      top: 0;
      right: 0.3125rem; }

.search-box label {
  display: none; }

.search-box .query-input,
.search-box .submit,
.search-box .query-input:focus,
.search-box .submit:focus {
  border: 0 !important;
  box-shadow: none !important; }

.search-box .query-input {
  font-family: nimbus-sans, sans-serif;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 0;
  height: auto;
  color: #bebebe; }

/* main navigation */
#nav {
  background: #CC0000;
  color: #ffffff; }

.nav-div {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  z-index: 200; }

.mobile-triggers {
  padding: 0.3125rem 0.625rem 0.3125rem 1.25rem;
  background-color: #CC0000; }

.menu-trigger {
  float: left;
  font-size: 1.875rem; }

.search-trigger {
  float: right;
  font-size: 1.5rem; }

.menu-trigger.open button:after {
  content: "Close";
  font-family: nimbus-sans;
  font-weight: bold;
  font-size: 1.125rem;
  text-transform: none;
  padding-bottom: 0.375rem;
  vertical-align: middle;
  padding-left: 0.3125rem; }

.mask.open {
  background: rgba(51, 51, 51, 0.75);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100; }

.nav-div > ul {
  background: #888888; }
  .nav-div > ul li a {
    display: block;
    font-family: athelas, serif;
    font-weight: bold;
    font-size: 1.125rem;
    text-transform: none;
    padding: 1.125rem 0.9375rem;
    color: #ffffff; }
  .nav-div > ul li + li > a {
    border-top: 1px solid #ffffff; }
  .nav-div > ul li.is-accordion-submenu-parent > a:after {
    font-size: 1.875rem;
    float: right; }
  .nav-div > ul li:hover > a,
  .nav-div > ul li.active > a {
    background: #888888; }

.nav-div ul ul {
  background: #333333;
  border-top: 1px solid #ffffff;
  padding-top: 0.125rem;
  padding-bottom: 0.3125rem; }
  .nav-div ul ul li a {
    font-family: nimbus-sans, sans-serif;
    font-size: 0.9375rem;
    letter-spacing: .025em;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  .nav-div ul ul li + li > a {
    border-top: 0; }

@media screen and (min-width: 64.0625em) {
  .mask.open {
    display: none; }
  .nav-div {
    font-size: 0;
    text-align: center;
    position: relative; }
  .nav-div > ul {
    background: #CC0000;
    outline-color: #ffffff;
    display: inline-block;
    vertical-align: top; }
    .nav-div > ul > li {
      display: inline-block;
      position: static !important;
      /*override foundation styles*/ }
      .nav-div > ul > li > a {
        display: block;
        font-family: nimbus-sans, sans-serif;
        font-weight: bold;
        font-size: 1rem;
        letter-spacing: .025em;
        text-transform: uppercase;
        color: #ffffff;
        padding: 0.9375rem 0.8125rem; }
      .nav-div > ul > li + li > a {
        border: none; }
      .nav-div > ul > li:hover > a,
      .nav-div > ul > li.active > a {
        background: #850808; }
      .nav-div > ul > li ul {
        text-align: left;
        left: auto !important;
        /* display: none;*/ }
  .nav-div ul ul {
    background: #ffffff;
    border: 1px solid #333333; }
    .nav-div ul ul li {
      padding: 0 0.9375rem; }
      .nav-div ul ul li a {
        display: block;
        font-family: athelas, serif;
        font-weight: bold;
        font-size: 1.125rem;
        text-transform: none;
        padding: 0.9375rem 0;
        color: #CC0000; }
        .nav-div ul ul li a:hover {
          background: transparent;
          color: #333333; }
      .nav-div ul ul li:not(.overview) + li > a {
        border-top: 1px solid #333333; } }

@media screen and (min-width: 75em) {
  #nav > .nav-div > ul > li > a {
    font-size: 1.125rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem; } }

/* old design element */
.line1 {
  display: none; }

#content-main {
  position: relative; }

#content {
  padding-top: 20px; }

@media screen and (min-width: 64.0625em) {
  #content {
    padding-top: 3.75rem;
    padding-bottom: 1.5625rem; } }

@media screen and (max-width: 64em) {
  .left-menu {
    display: none; } }

@media screen and (min-width: 64.0625em) {
  .section-trigger {
    display: none; } }

.section-nav {
  margin-bottom: 1.25rem; }

.back {
  display: none; }

@media screen and (min-width: 64.0625em) {
  .section-nav {
    display: none; }
  .sidebar-first .section-nav {
    display: block; }
  .back {
    display: block;
    margin-bottom: 1.25rem; }
    .back a {
      display: block;
      position: relative;
      background: #333333;
      color: #ffffff;
      margin-left: 0.9375rem;
      font-family: athelas, serif;
      font-weight: bold;
      font-size: 1.125rem;
      text-transform: none;
      padding: 0.9375rem 1.25rem; }
      .back a:before {
        content: "";
        position: absolute;
        right: 100%;
        top: 0px;
        width: 0px;
        height: 0px;
        border-top: 1.625rem solid transparent;
        border-right: 1.5rem solid #333333;
        border-bottom: 1.625rem solid transparent; }
        .back a:before img {
          display: none; } }

.section-trigger {
  height: 3.125rem;
  background: #888888;
  color: #ffffff;
  padding: 0 1.25rem; }
  .section-trigger button {
    width: 100%;
    height: 100%;
    line-height: 3.125rem; }
  .section-trigger button:before {
    content: "Additional Navigation";
    float: left;
    font-family: athelas, serif;
    font-weight: bold;
    font-size: 1.125rem;
    text-transform: none; }
  .section-trigger button:after {
    font-size: 1.875rem;
    float: right; }

.left-menu > div {
  display: none; }

.left-menu ul {
  background: #333333; }

.left-menu li a {
  display: block;
  font-family: nimbus-sans, sans-serif;
  font-weight: bold;
  font-size: 0.9375rem;
  text-transform: none;
  color: #ffffff;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.25rem; }
  .left-menu li a.external:before {
    font-size: 1.03125rem; }

.left-menu li.instPage > a {
  pointer-events: none;
  cursor: default; }

.left-menu li ul {
  background: #CC0000;
  padding-bottom: 0.625rem; }

.left-menu li li a {
  font-size: 0.8125rem;
  padding-left: 2.5rem; }

.left-menu li li ul {
  padding: 0.3125rem 0 0.3125rem 2.5rem; }

.left-menu > ul > li.active > a {
  background: #CC0000;
  padding-top: 0.625rem;
  padding-bottom: 0.3125rem; }

@media screen and (min-width: 64.0625em) {
  .sidebar-first {
    margin-bottom: 0; }
  .left-menu ul {
    background: transparent; }
  .left-menu li a {
    display: block;
    font-family: athelas, serif;
    font-weight: bold;
    font-size: 1.125rem;
    text-transform: none;
    padding: 0.9375rem 0;
    color: #CC0000; }
    .left-menu li a.external:before {
      font-size: 1.03125rem; }
    .left-menu li a:hover {
      color: #333333; }
  .left-menu li.active > a {
    color: #333333; }
  .left-menu li ul {
    background: url(../img/pattern.png);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.625rem; }
  .left-menu li li a {
    padding: 0.3125rem 0.3125rem 0.3125rem 0;
    font-family: nimbus-sans, sans-serif;
    font-size: 1.03125rem; }
  .left-menu li li.current > a {
    color: #000000; }
  .left-menu li li ul {
    background: #ffffff; }
  .left-menu > ul > li > a {
    border-top: 1px solid #333333;
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  .left-menu > ul > li:last-child > a {
    border-bottom: 1px solid #333333; }
  .left-menu > ul > li.active + li > a {
    border-top-color: transparent; }
  .left-menu > ul > li.active > a {
    background: #CC0000;
    border-color: transparent;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem; }
  .left-menu > ul > li.active > a,
  .left-menu > ul > li.active:hover > a {
    color: #ffffff; } }

#footer-main {
  position: relative;
  background: url(../img/pattern.png); }

#footer {
  padding-top: 3.125rem;
  padding-bottom: 2.1875rem; }

@media screen and (min-width: 40.0625em) {
  #footer {
    padding-top: 2.1875rem;
    padding-bottom: 2.5rem; } }

.foot-menu {
  font-family: nimbus-sans, sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  text-transform: none;
  margin-bottom: 0.9375rem; }
  .foot-menu li {
    list-style: none;
    line-height: 1.2; }
    .foot-menu li:after {
      padding-left: 0.625rem;
      padding-right: 0.625rem; }
    .foot-menu li:last-child:after {
      content: none !important; }

/* cannot add  extend diamond to large breakpoint - always extends across breakpoints */
@media screen and (max-width: 64em) {
  .foot-menu li:after {
    content: none !important; } }

.aba-button {
  font-size: 1.25rem;
  padding: 0.5rem 0.3125rem; }

@media screen and (min-width: 40.0625em) {
  .aba-button {
    font-size: 0.9375rem; } }

@media screen and (min-width: 56.25em) {
  .aba-button {
    font-size: 1.25rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem; } }

.detail-nusl {
  font-family: nimbus-sans-condensed, sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  letter-spacing: .025em;
  text-transform: uppercase;
  margin-top: 0.9375rem; }
  .detail-nusl ul {
    line-height: 1.2; }
    .detail-nusl ul span:after {
      padding-left: 0.3125rem;
      padding-right: 0.3125rem; }
    .detail-nusl ul span:last-child:after {
      content: none !important; }

.right-foot {
  margin-top: 0.3125rem;
  font-family: nimbus-sans-condensed, sans-serif;
  font-weight: bold;
  font-size: 0.9375rem;
  letter-spacing: .025em;
  text-transform: uppercase; }
  .right-foot span {
    display: block;
    line-height: 1; }

@media screen and (min-width: 40.0625em) {
  .foot-menu {
    font-size: 0.875rem; }
  .detail-nusl,
  .right-foot {
    margin-top: 0; } }

@media screen and (min-width: 64.0625em) {
  .foot-menu li {
    float: left; }
  .detail-nusl,
  .right-foot {
    font-size: 1.125rem; } }

.social-links {
  font-size: 1.125rem; }
  .social-links li {
    float: left;
    padding-right: 0.3125rem; }
    .social-links li:last-child {
      padding-right: 0; }

@media screen and (min-width: 64.0625em) {
  .social-links {
    font-size: 1.5rem; } }

.home #content {
  padding-top: 0; }

.home-banner {
  position: relative; }
  .home-banner .home-video-wrapper {
    position: relative; }
    .home-banner .home-video-wrapper:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: linear-gradient(-6deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); }
    .home-banner .home-video-wrapper video {
      width: 100%;
      height: auto;
      display: block; }
  .home-banner .banner-detail {
    color: #ffffff; }
    .home-banner .banner-detail h1 {
      font-family: athelas, serif;
      font-weight: bold;
      font-size: 1.25rem;
      line-height: 1.2;
      text-transform: none;
      position: absolute;
      left: 1.25rem;
      top: 10%;
      right: 1.25rem; }
      .home-banner .banner-detail h1 p {
        line-height: 1.2; }
    .home-banner .banner-detail .more-details {
      padding-top: 1.875rem; }
      .home-banner .banner-detail .more-details a {
        font-size: 1.25rem; }
        .home-banner .banner-detail .more-details a:after {
          color: #ffffff;
          margin-left: 0.3125rem; }

#home-overlay {
  z-index: auto; }
  #home-overlay:focus {
    outline: none; }
  #home-overlay .close-button {
    position: fixed;
    top: 2.5rem;
    right: 2.5rem;
    color: #ffffff; }

@media screen and (min-width: 40.0625em) {
  .home-banner .banner-detail {
    margin-left: 8.33333%;
    width: 91.66667%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
    top: 10%;
    left: 0; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .home-banner .banner-detail {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .home-banner .banner-detail {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .home-banner .banner-detail h1 {
      position: static;
      font-size: 1.75rem;
      width: 100%; }
    .home-banner .banner-detail .more-details {
      padding-top: 0.9375rem;
      width: 14rem; }
      .home-banner .banner-detail .more-details a {
        font-size: 0.9375rem; } }

@media screen and (min-width: 48em) {
  .home-banner .banner-detail h1 {
    font-size: 2.25rem; } }

@media screen and (min-width: 64.0625em) {
  .home-banner .banner-detail {
    width: 75%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    top: 20%; } }
  @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
    .home-banner .banner-detail {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
    .home-banner .banner-detail {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
    .home-banner .banner-detail h1 {
      font-size: 4.5rem;
      line-height: 1; }
      .home-banner .banner-detail h1 p {
        line-height: 1; }
    .home-banner .banner-detail .more-details a {
      font-size: 1.25rem; } }

.home-pathways .pathway {
  position: relative;
  padding-bottom: 2.8125rem; }
  .home-pathways .pathway .pathway-image {
    position: relative; }
    .home-pathways .pathway .pathway-image:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-image: linear-gradient(to right, rgba(51, 51, 51, 0.75), rgba(15, 15, 15, 0) 71%, transparent);
      background-color: rgba(51, 51, 51, 0.05);
      mix-blend-mode: multiply; }
    .home-pathways .pathway .pathway-image img {
      width: 100%; }

.home-pathways .pathway .pathway-detail {
  padding: 0.9375rem 1.25rem 1.25rem 1.25rem;
  background: url(../img/pattern.png);
  text-align: center; }
  .home-pathways .pathway .pathway-detail .area {
    font-family: nimbus-sans-condensed, sans-serif;
    font-weight: bold;
    font-size: 0.875rem;
    letter-spacing: .025em;
    text-transform: uppercase; }
    .home-pathways .pathway .pathway-detail .area:after {
      background: url(../img/pattern.png); }
  .home-pathways .pathway .pathway-detail .diamond-border {
    font-size: 1.25rem; }
  .home-pathways .pathway .pathway-detail h2 {
    font-family: athelas, serif;
    font-weight: bold;
    text-transform: none;
    font-size: 1.875rem;
    letter-spacing: normal; }
    .home-pathways .pathway .pathway-detail h2 span {
      display: none; }
  .home-pathways .pathway .pathway-detail .more-details {
    display: inline-block;
    width: 16.875rem;
    max-width: 100%; }
    .home-pathways .pathway .pathway-detail .more-details a {
      padding: 8px; }

@media screen and (min-width: 40.0625em) {
  .home-pathways .pathway .pathway-detail {
    padding: 0;
    background: transparent;
    position: absolute;
    left: 2%;
    top: 4%;
    right: auto;
    color: #ffffff;
    text-align: center;
    max-width: 43%; }
    .home-pathways .pathway .pathway-detail .area {
      border-color: #ffffff;
      font-size: 0.9375rem;
      padding-top: 0; }
      .home-pathways .pathway .pathway-detail .area:after {
        font-size: 1.875rem;
        background: transparent; }
    .home-pathways .pathway .pathway-detail .diamond-border::before,
    .home-pathways .pathway .pathway-detail .diamond-border::after {
      border-color: #ffffff; }
    .home-pathways .pathway .pathway-detail h2 {
      padding-bottom: 0.9375rem;
      line-height: 1.2;
      font-size: 2.55vw;
      margin-bottom: 0; }
    .home-pathways .pathway .pathway-detail .more-details {
      width: 14.0625rem; }
      .home-pathways .pathway .pathway-detail .more-details a {
        padding: 0.625rem; }
  .home-pathways .pathway.home-pathway-right .pathway-detail {
    left: auto;
    right: 2%; }
  .home-pathways .pathway.home-pathway-right .pathway-image::before {
    background-image: linear-gradient(to left, rgba(51, 51, 51, 0.75), rgba(15, 15, 15, 0) 71%, transparent); } }

@media screen and (min-width: 56.25em) {
  .home-pathways .pathway .pathway-detail h2 {
    font-size: 3.2vw; } }

@media screen and (min-width: 64.0625em) {
  .home-pathways .pathway .pathway-detail .area {
    font-size: 1.5rem; }
  .home-pathways .pathway .pathway-detail .diamond-border {
    font-size: 1.875rem; }
  .home-pathways .pathway .pathway-detail h2 {
    padding-bottom: 2.1875rem;
    font-size: 4vw; } }

@media screen and (min-width: 75em) {
  .home-pathways .pathway .pathway-detail h2 {
    font-size: 3rem; } }

.events .event {
  margin-bottom: 2.5rem; }
  .events .event .date {
    float: left;
    width: 25%;
    text-align: center;
    line-height: 1; }
    .events .event .date .day {
      display: block;
      font-family: nimbus-sans-condensed, sans-serif;
      font-weight: bold;
      font-size: 2.25rem;
      padding-bottom: 0.625rem; }
    .events .event .date .diamond-border {
      font-size: 1.03125rem; }
    .events .event .date .month {
      display: block;
      font-family: athelas, serif;
      font-weight: bold;
      font-size: 1.03125rem;
      letter-spacing: .05em;
      font-variant: small-caps;
      padding-top: 0.625rem; }
  .events .event .event-detail {
    float: right;
    width: 75%;
    padding-left: 0.625rem; }
    .events .event .event-detail h3 {
      font-family: athelas, serif;
      font-weight: bold;
      font-size: 1.03125rem;
      text-transform: none;
      padding-bottom: 0.625rem; }
    .events .event .event-detail .time-loc {
      font-family: nimbus-sans-condensed, sans-serif;
      font-weight: bold;
      font-size: 0.875rem;
      letter-spacing: .025em;
      text-transform: uppercase; }
      .events .event .event-detail .time-loc .time {
        border-right: 1px solid #333333;
        padding-right: 0.3125rem; }
      .events .event .event-detail .time-loc .loc {
        padding-left: 0.3125rem; }
  .events .event + .event {
    padding-top: 0.9375rem; }

@media screen and (min-width: 40.0625em) {
  .events {
    padding-bottom: 1.875rem; }
    .events .events-detail {
      padding-top: 0.625rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .events .events-detail .event {
        position: relative; }
        .events .events-detail .event .event-detail {
          padding-top: 0.125rem;
          padding-bottom: 1.0625rem; }
          .events .events-detail .event .event-detail h3 {
            font-size: 1.125rem;
            padding-bottom: 2.3125rem;
            padding-bottom: 0; }
          .events .events-detail .event .event-detail .time-loc {
            position: absolute;
            bottom: 0;
            left: auto; }
        .events .events-detail .event + .event {
          padding-top: 0; } }

@media screen and (min-width: 64.0625em) {
  .events {
    padding-bottom: 1.25rem; }
    .events .events-detail .event .date .day {
      font-size: 3.75rem; }
    .events .events-detail .event .date .month,
    .events .events-detail .event .date .diamond-border {
      font-size: 1.125rem; }
    .events .events-detail .event .event-detail {
      padding-top: 0.3125rem;
      padding-bottom: 1.375rem; }
      .events .events-detail .event .event-detail .time-loc {
        font-size: 1.125rem; } }

.featured .heading h2,
.events .heading h2 {
  float: left;
  font-family: athelas, serif;
  font-weight: bold;
  font-size: 1.5rem;
  text-transform: none;
  line-height: 1;
  margin-bottom: 0.9375rem; }

.featured .heading > a,
.events .heading > a {
  float: right;
  font-family: nimbus-sans, sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  text-transform: none;
  margin-bottom: 0;
  line-height: 1.5rem; }

@media screen and (min-width: 40.0625em) {
  .featured .heading h2,
  .events .heading h2 {
    margin-bottom: 0.3125rem; } }

@media screen and (min-width: 64.0625em) {
  .featured .heading h2,
  .events .heading h2 {
    font-size: 2.5rem;
    margin-bottom: 1.25rem; }
  .featured .heading > a,
  .events .heading > a {
    line-height: 40px; } }

.featured .featured-img {
  margin-bottom: 0.9375rem; }
  .featured .featured-img img {
    width: 100%; }

.featured .feature-detail h3 {
  font-family: athelas, serif;
  font-size: 1.125rem;
  text-transform: none;
  border-bottom: 1px solid #333333;
  padding-bottom: 0.3125rem;
  line-height: 1.2; }

.featured .feature-detail .more-details a {
  font-family: nimbus-sans, sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  display: block;
  margin-top: 0.625rem; }
  .featured .feature-detail .more-details a.external:before {
    padding-right: 0.3125rem; }
  .featured .feature-detail .more-details a.internal:after {
    padding-left: 0.3125rem; }

.right-featured .feature-detail h3 {
  font-size: 1.03125rem; }

@media screen and (min-width: 40.0625em) {
  .featured-main {
    margin-top: 0.9375rem; }
  .featured .featured-img {
    margin-bottom: 0; } }

@media screen and (min-width: 64.0625em) {
  .featured .feature-detail h3 {
    font-size: 2.25rem; }
  .featured .feature-detail .more-details {
    font-size: 1.125rem; }
  .featured .right-featured .feature-detail h3 {
    font-size: 1.125rem;
    margin-bottom: 0; }
  .featured .right-featured .feature-detail + .feature-detail {
    padding-top: 2.1875rem; } }

.home-buttons {
  margin-top: 1.25rem;
  margin-bottom: 2.1875rem; }
  .home-buttons .home-button + .home-button {
    margin-top: 1.25rem; }

.content-buttons {
  margin-top: 1.25rem;
  margin-bottom: 2.1875rem; }
  .content-buttons .content-button + .content-button {
    margin-top: 1.25rem; }

@media screen and (min-width: 40.0625em) {
  .home-buttons {
    margin-top: 1.25rem;
    margin-bottom: 2.375rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .home-buttons .home-button {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .home-buttons .home-button a {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .home-buttons .home-button + .home-button {
        margin-top: 0; }
  .content-buttons {
    margin-top: 1.25rem;
    margin-bottom: 2.1875rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .content-buttons .content-button {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .content-buttons .content-button a {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .content-buttons .content-button + .content-button {
        margin-top: 0; } }

@media screen and (min-width: 64.0625em) {
  .home-buttons {
    margin-top: 2.5rem;
    margin-bottom: 3.625rem; } }

.home-programs {
  padding-bottom: 2.1875rem; }
  .home-programs .home-program {
    color: #ffffff;
    padding: 0.9375rem; }
    .home-programs .home-program h2 {
      font-family: athelas, serif;
      font-weight: bold;
      font-size: 1.5rem;
      text-transform: none;
      margin-bottom: 0; }
    .home-programs .home-program .home-program-degree {
      font-family: nimbus-sans-condensed, sans-serif;
      font-weight: bold;
      font-size: 0.875rem;
      letter-spacing: .05em;
      text-transform: uppercase;
      margin-bottom: 0;
      line-height: 1; }
    .home-programs .home-program .home-program-text {
      width: 75%; }
      .home-programs .home-program .home-program-text p {
        line-height: 1.4;
        color: #ffffff; }
    .home-programs .home-program .home-program-buttons {
      margin-top: 0.9375rem; }
      .home-programs .home-program .home-program-buttons .home-program-button {
        display: inline-block;
        width: 80%;
        padding: 0.625rem 0.3125rem;
        max-width: 100%; }
        .home-programs .home-program .home-program-buttons .home-program-button + .home-program-button {
          margin-top: 15px; }
  .home-programs .home-program-featured .home-program {
    border-bottom: 1px solid #ffffff; }
  .home-programs .home-program-list .home-program h2 {
    font-size: 1.125rem; }
  .home-programs .home-program-list .home-program + .home-program {
    border-top: 1px solid #ffffff; }

.home-program {
  background: transparent no-repeat center top/cover;
  background-blend-mode: multiply; }
  .home-program#program1 {
    background-image: linear-gradient(to right, rgba(51, 51, 51, 0.75), transparent), url(../img/home-jd.jpg); }
  .home-program#program2 {
    background-image: linear-gradient(to right, rgba(51, 51, 51, 0.9), transparent), url(../img/home-llm.jpg);
    background-color: rgba(51, 51, 51, 0.3); }
  .home-program#program3 {
    background-image: linear-gradient(to right, rgba(51, 51, 51, 0.9), transparent), url(../img/home-mls.jpg);
    background-color: rgba(51, 51, 51, 0.3); }

@media screen and (min-width: 40.0625em) {
  .home-programs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 2rem; }
    .home-programs .home-program-featured {
      position: relative; }
      .home-programs .home-program-featured .home-program {
        position: absolute;
        width: 100%;
        height: 100%; }
    .home-programs .home-program .home-program-degree {
      font-size: 0.9375rem;
      line-height: normal; }
    .home-programs .home-program-featured .home-program {
      border: none; }
      .home-programs .home-program-featured .home-program h2 {
        margin-top: 0.3125rem;
        margin-bottom: 0.3125rem; }
      .home-programs .home-program-featured .home-program .home-program-buttons {
        margin-top: 4.6875rem; }
        .home-programs .home-program-featured .home-program .home-program-buttons .home-program-button {
          width: 65%; }
    .home-programs .home-program-list {
      border-left: 2px solid #ffffff; }
      .home-programs .home-program-list .home-program + .home-program {
        border-top: 2px solid #ffffff; }
      .home-programs .home-program-list .home-program .home-program-text {
        width: 80%; }
      .home-programs .home-program-list .home-program .home-program-buttons {
        margin-top: 0.9375rem; }
        .home-programs .home-program-list .home-program .home-program-buttons .home-program-button {
          width: 65%; } }

@media screen and (min-width: 64.0625em) {
  .home-programs {
    padding-bottom: 3.125rem; }
    .home-programs .home-program-featured .home-program .home-program-buttons .home-program-button {
      width: 30%; }
    .home-programs .home-program-list .home-program {
      height: 325px; }
    .home-programs.list-two .home-program-featured .home-program {
      height: 650px; }
    .home-programs.list-three .home-program-featured .home-program {
      height: 975px; }
    .home-programs .home-program {
      padding: 2.1875rem; }
      .home-programs .home-program h2 {
        font-size: 2.5rem; }
      .home-programs .home-program .home-program-degree {
        font-size: 1.25rem; }
    .home-programs .home-program-featured .home-program .home-program-text {
      font-size: 1.125rem;
      width: 50%; }
    .home-programs .home-program-list .home-program h2 {
      font-size: 1.875rem; } }

.sidebar-second .bar-item + .bar-item {
  padding-top: 1.25rem; }

@media screen and (min-width: 64.0625em) {
  .sidebar-second .bar-item + .bar-item {
    padding-top: 1.25rem; } }

#highlights {
  margin-top: 3.125rem; }
  #highlights .diamond-border {
    font-size: 1.03125rem; }
    #highlights .diamond-border.top {
      margin-bottom: -11px; }
    #highlights .diamond-border.bottom {
      margin-top: -11px; }

.highlight {
  background: url(../img/pattern.png); }
  .highlight + .highlight .highlight-content {
    border-top: 1px solid #333333; }
  .highlight .highlight-content {
    padding: 2.1875rem 2.5rem 1.25rem 2.5rem; }
    .highlight .highlight-content h2 {
      font-family: athelas, serif;
      font-weight: bold;
      font-size: 1.125rem;
      text-transform: none;
      margin-bottom: 1.875rem; }
    .highlight .highlight-content h3 {
      font-size: 1.125rem; }
    .highlight .highlight-content .highlight-image {
      margin-bottom: 0.9375rem; }
      .highlight .highlight-content .highlight-image img {
        width: 100%; }
    .highlight .highlight-content .highlight-buttons a {
      margin-bottom: 1.25rem; }

@media screen and (min-width: 40.0625em) {
  .highlight .highlight-content {
    padding-left: 0;
    padding-right: 0; }
    .highlight .highlight-content h2 {
      margin-bottom: 0.625rem; }
    .highlight .highlight-content h3 {
      font-size: 0.9375rem; }
  .highlight:first-child:before, .highlight:last-child:after {
    font-size: 1.875rem; }
  .highlight:first-child:before {
    margin-top: -1.125rem;
    background: linear-gradient(to bottom, white 16px, transparent); }
  .highlight:last-child:after {
    margin-bottom: -0.8125rem;
    background: linear-gradient(to top, white 11px, transparent); } }

@media screen and (min-width: 64.0625em) {
  .highlight .highlight-content {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem; }
    .highlight .highlight-content h2 {
      font-size: 2.25rem;
      margin-bottom: 1.875rem; }
    .highlight .highlight-content h3 {
      font-size: 1.5rem; }
    .highlight .highlight-content .highlight-image {
      margin-bottom: 0; }
    .highlight .highlight-content .highlight-text {
      margin-top: -10px; }
  .highlight:first-child:before, .highlight:last-child:after {
    font-size: 2.5rem;
    padding: 0 10px; }
  .highlight:first-child:before {
    margin-top: -1.4375rem;
    background: linear-gradient(to bottom, white 21px, transparent); }
  .highlight:last-child:after {
    margin-bottom: -1.0625rem;
    background: linear-gradient(to top, white 14px, transparent); } }

.big-box {
  display: none; }

.top-bar {
  margin-top: 2.1875rem;
  margin-bottom: 2.1875rem; }

.bottom-bar {
  margin-top: 3.125rem;
  border-top: 1px solid #333333;
  padding-top: 1.25rem; }

.bottom-bar,
.news-bar {
  margin-bottom: 1.25rem; }

.bar-items .bar-item + .bar-item {
  margin-top: 1.25rem; }

@media screen and (min-width: 40.0625em) {
  .top-bar,
  .news-bar {
    margin-top: 1.25rem; }
  .bottom-bar {
    padding-top: 2.5rem; }
  .bar-items .bar-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .bar-items .bar-item > div {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .bar-items .bar-item + .bar-item {
      margin-top: 0; } }

.events-details {
  padding-top: 1.25rem;
  font-weight: 1.125rem; }
  .events-details + .events-details {
    border-top: 1px solid #333333; }
  .events-details .eventThumb {
    padding-right: 1.25rem;
    margin-bottom: 1.25rem; }
  .events-details .eventDescription {
    margin-bottom: 1.25rem; }

@media screen and (min-width: 40.0625em) {
  .events-details {
    font-size: 1.03125rem; }
    .events-details .eventThumb {
      float: left; } }

/* faculty directory */
.alphabetic-order {
  border: 1px solid #333333;
  margin: 24px 0 39px 0;
  text-align: center;
  padding: 8px 0 8px 11px; }
  .alphabetic-order ul {
    display: inline-block; }
    .alphabetic-order ul li {
      padding: 0 8px 0 7px;
      float: left; }
      .alphabetic-order ul li a.no-data {
        color: #333333; }

.alpha-one {
  border-top: 1px solid #333333; }
  .alpha-one .alphabet-letters {
    margin-bottom: 1.25rem; }
    .alpha-one .alphabet-letters img {
      margin-bottom: 1.25rem; }

@media screen and (min-width: 40.0625em) {
  .alpha-one .alphabet-letters {
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .alpha-one .alphabet-letters {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .alpha-one .alphabet-letters {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .alpha-one .alphabet-letters::before, .alpha-one .alphabet-letters::after {
      content: ' ';
      display: table; }
    .alpha-one .alphabet-letters::after {
      clear: both; }
    .alpha-one .alphabet-letters h2 {
      max-width: 75rem;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; }
      .alpha-one .alphabet-letters h2::before, .alpha-one .alphabet-letters h2::after {
        content: ' ';
        display: table; }
      .alpha-one .alphabet-letters h2::after {
        clear: both; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .alpha-one .alphabet-letters h2 {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .alpha-one .alphabet-letters h2 {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
      .alpha-one .alphabet-letters h2, .alpha-one .alphabet-letters h2:last-child {
        float: none; }
    .alpha-one .alphabet-letters img {
      width: 33.33333%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      padding-bottom: 0; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .alpha-one .alphabet-letters img {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .alpha-one .alphabet-letters img {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .alpha-one .alphabet-letters .detail-faculty .detail-faculty {
      width: 66.66667%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .alpha-one .alphabet-letters .detail-faculty .detail-faculty {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .alpha-one .alphabet-letters .detail-faculty .detail-faculty {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

/* faculty member */
.arrow-top a:link,
.arrow-top a:visited {
  margin: 40px 0 0 0;
  text-align: center;
  overflow: hidden;
  display: block; }

.contact-card {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }
  .contact-card img {
    margin-bottom: 1.25rem; }
  .contact-card .bio .bio-details {
    margin-top: 12px; }

@media screen and (min-width: 40.0625em) {
  .contact-card {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #333333; }
    .contact-card::before, .contact-card::after {
      content: ' ';
      display: table; }
    .contact-card::after {
      clear: both; }
    .contact-card img {
      width: 28.73%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      margin-bottom: 0; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .contact-card img {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .contact-card img {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .contact-card .bio {
      width: 71.27%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .contact-card .bio {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .contact-card .bio {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .contact-card h3 {
      margin-top: -2px; }
    .contact-card .links {
      width: 100%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .contact-card .links {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .contact-card .links {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

.admission-staff {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .admission-staff h2 {
    color: #FFFFFF;
    padding: 3px 10px;
    text-align: left;
    background: #CC0000;
    line-height: 34px;
    margin-bottom: 20px;
    width: 100%; }
  .admission-staff .admission-staff-01 {
    float: left;
    margin: 0 10px 28px; }
    .admission-staff .admission-staff-01 img {
      margin-bottom: 6px; }
    .admission-staff .admission-staff-01 .admission-details {
      overflow: hidden; }

.pathways-all {
  margin-bottom: 1.875rem; }

.pathways-all-top-content {
  padding-bottom: 1.25rem; }

.pathways-all-grid .photo-ft-block {
  opacity: 1;
  transition: opacity .2s ease-in-out; }

.pathways-all-grid .photo-ft-block.inactive {
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=25);*/
  opacity: .25; }

.pathways-dropDown {
  background: url(../img/pattern.png);
  padding: 0.9375rem 1.25rem 1.25rem;
  margin-bottom: 1.25rem; }

.pathways-dropDown span {
  display: block;
  font-family: nimbus-sans-condensed, sans-serif;
  font-weight: bold;
  font-size: 1.125rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding-bottom: 0.625rem; }

.pathways-dropDown-menu {
  display: block;
  position: relative;
  font-family: athelas, serif;
  font-weight: bold;
  font-size: 1.125rem;
  text-transform: none;
  height: 2.8125rem;
  line-height: 2.8125rem;
  background: #ffffff; }
  .pathways-dropDown-menu > a {
    display: block;
    position: relative;
    padding: 0.125rem 1.25rem;
    color: #CC0000; }
    .pathways-dropDown-menu > a:after {
      font-sizefont-size: 1.875rem;
      padding-right: 1.25rem;
      position: absolute;
      right: 0;
      top: auto; }
    .pathways-dropDown-menu > a.open {
      background: #CC0000;
      color: #ffffff; }

.pathways-dropDown-menu ul {
  position: absolute;
  z-index: 100;
  display: none;
  height: auto;
  background: #ffffff;
  color: #CC0000;
  left: auto;
  top: auto;
  padding: 0 1.25rem;
  width: 100%;
  cursor: pointer;
  border: 1px solid #333333;
  border-right: none; }
  .pathways-dropDown-menu ul li {
    padding: 0.625rem 0.125rem; }
    .pathways-dropDown-menu ul li + li {
      border-top: 1px solid #333333; }
    .pathways-dropDown-menu ul li a {
      display: block; }

/* Pathways */
.pathways-banner {
  overflow: hidden;
  margin: 0 auto 1.25rem 0;
  position: relative;
  width: 100%; }
  .pathways-banner .banner-inner {
    position: relative; }
    .pathways-banner .banner-inner > img {
      width: 100%; }

.banner-tooltip {
  position: absolute;
  float: left;
  padding: 0.3125rem 0.625rem 0.625rem;
  background: #CC0000;
  bottom: 20px;
  margin-left: 33px; }
  .banner-tooltip h3 {
    color: #ffffff;
    overflow: hidden;
    padding-bottom: 0;
    font-famiy: athelas, serif;
    font-weight: bold;
    font-size: 1.125rem; }
  .banner-tooltip p {
    color: #ffffff;
    line-height: 1.2; }
  .banner-tooltip .pointer-down {
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    border-top: 21px solid #CC0000; }

.banner-bottom-grey {
  background: url(../img/pattern.png);
  padding: 15px;
  overflow: hidden; }
  .banner-bottom-grey span {
    color: #000000;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1; }

.pathways-banner .banner-tooltip,
.pathways-banner .read-more-open,
.pathways-banner .banner-bottom-grey {
  display: none; }

@media screen and (min-width: 56.25em) {
  .pathways-banner {
    margin-bottom: 3.4375rem; }
    .pathways-banner .banner-bottom-grey {
      margin-bottom: 0.9375rem; }
      .pathways-banner .banner-bottom-grey span {
        font-size: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  .pathways-banner .banner-tooltip,
  .pathways-banner .read-more-open {
    display: block; }
  .pathway-content .intro,
  .pathway-content .story {
    display: none; }
  .banner-bottom-grey {
    padding: 22px 30px 24px 32px;
    border: none; }
  .banner-bottom-grey span {
    font-size: 1.875rem; }
  .read-more-open {
    float: right; }
  .read-story {
    background: #000;
    width: 158px;
    height: 35px;
    float: right;
    position: absolute;
    text-transform: uppercase;
    right: 10px;
    bottom: 20px; }
  .read-story span {
    color: #ffffff;
    text-align: center;
    line-height: 35px;
    padding-left: 12px; }
  .read-story span img {
    padding-left: 2px;
    width: 13px;
    height: 13px; }
  .read-story span a:link,
  .read-story span a:visited {
    color: #ffffff; }
  .read-more-open .open-box {
    display: none;
    position: absolute;
    float: right;
    background: #000000;
    width: 340px;
    padding: 20px 20px 0 20px;
    right: 0;
    bottom: 0;
    overflow: scroll;
    height: 100%; }
  .read-more-open .open-box h3 {
    color: #ffffff;
    width: 340px; }
  .read-more-open .open-box p {
    color: #ffffff;
    overflow: hidden;
    line-height: 20px;
    margin-bottom: 5px; }
  #story-box-close {
    position: absolute;
    top: 0;
    right: 0; }
    #story-box-close img {
      width: 16px;
      height: 16px; }
  .read-more-open .open-box a:link img,
  .read-more-open .open-box a:visited img {
    float: right; } }

#timeline-container {
  margin-bottom: 1.25rem; }

.timeline-item {
  padding: 0.9375rem 1.25rem 0 1.25rem;
  width: 100%;
  background: url(../img/pattern.png);
  border-top: 1px solid #333333; }
  .timeline-item h2 {
    font-size: 1.125rem;
    padding-bottom: 0.3125rem; }
  .timeline-item h3 {
    padding: 0;
    font-family: athelas, serif;
    font-weight: bold;
    font-size: 1.125rem;
    text-transform: none; }
  .timeline-item.co-op {
    background: transparent;
    border-top: none; }
    .timeline-item.co-op h2 {
      border-bottom: 1px solid #333333; }

.timeline-gutter-sizer {
  width: 60px; }

.timeline-grid-sizer,
.timeline-item {
  width: 100%; }

@media screen and (min-width: 56.25em) {
  .timeline-grid-sizer,
  .timeline-item {
    width: 43%; }
  .timeline-chrono-bar {
    left: calc(43% + 27px); }
  #timeline-container {
    border-bottom: 5px solid #ccc;
    border-top: 5px solid #ccc;
    width: 100%;
    box-sizing: content-box;
    margin-bottom: 0;
    padding-bottom: 2.5rem; }
  .timeline-chrono-bar {
    background: #ccc none repeat scroll 0 0;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    width: 6px; }
  .timeline-item {
    width: 43%;
    border: 2px solid #a2a2a2;
    border-radius: 10px;
    margin-top: 30px;
    padding: 18px 20px;
    background: transparent; }
    .timeline-item .timeline-item img {
      float: left;
      margin: 0 15px 15px 0; }
    .timeline-item.co-op {
      border-top: 2px solid #a2a2a2; }
      .timeline-item.co-op h2 {
        border-bottom: none; }
    .timeline-item h2 {
      color: #CC0000;
      padding-bottom: 0; }
    .timeline-item p {
      clear: both; }
    .timeline-item ul {
      list-style: outside none none; }
      .timeline-item ul li::before {
        content: "·";
        left: -5px;
        padding-left: 3px;
        position: relative;
        top: 3px; }
  .timeline-tooltip {
    /*background: #e21a2d none repeat scroll 0 0;*/
    /*border-radius: 50%;*/
    background: url(../img/red-diamond.png) no-repeat;
    height: 20px;
    position: absolute;
    right: -2.625rem;
    width: 20px; }
    .timeline-tooltip.position-left {
      left: -2.625rem;
      right: auto; }
      .timeline-tooltip.position-left::before, .timeline-tooltip.position-left::after {
        border-left: medium none;
        border-right: 10px solid #a2a2a2;
        left: 30px; }
      .timeline-tooltip.position-left::after {
        border-right-color: #ffffff;
        left: 33px; }
    .timeline-tooltip::before, .timeline-tooltip::after {
      border-bottom: 10px solid transparent;
      border-left: 10px solid #a2a2a2;
      border-top: 10px solid transparent;
      content: "";
      display: inline-block;
      left: -20px;
      position: absolute; }
    .timeline-tooltip::after {
      border-left-color: #ffffff;
      left: -23px; } }

@media screen and (min-width: 64.0625em) {
  .timeline-grid-sizer,
  .timeline-item {
    width: 46.9%; }
  .timeline-chrono-bar {
    left: calc(46.9% + 27px); } }

.related-pathway {
  overflow: hidden;
  margin: 2.5rem auto 0.625rem auto;
  padding-top: 1.25rem;
  border-top: 1px solid #333333; }
  .related-pathway .related-heading {
    border: medium none;
    margin-top: 0;
    overflow: hidden;
    padding: 6px 0 17px;
    margin: 0 auto; }
    .related-pathway .related-heading h2 {
      float: left; }
    .related-pathway .related-heading span {
      float: right; }

@media screen and (min-width: 56.25em) {
  .related-pathway {
    margin-top: 0;
    margin-bottom: 4.375rem;
    padding-top: 0;
    border-top: 0; } }

/* Bold Tabs - Library Style */
@media screen and (max-width: 40em) {
  .tab-nav {
    display: none; } }

@media screen and (min-width: 40.0625em) {
  .tabs-trigger {
    display: none; } }

.library-sidebar-second {
  margin-bottom: 1.875rem; }
  .library-sidebar-second .library-right-sidebar {
    padding-bottom: 0.3125rem; }
    .library-sidebar-second .library-right-sidebar h2 {
      margin-top: 10px; }
    .library-sidebar-second .library-right-sidebar > div {
      border-top: 5px solid #ccc; }

@media screen and (min-width: 64.0625em) {
  .library-sidebar-second {
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
    .library-sidebar-second {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
    .library-sidebar-second {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

@media screen and (min-width: 64.0625em) {
    .library-sidebar-second::before, .library-sidebar-second::after {
      content: ' ';
      display: table; }
    .library-sidebar-second::after {
      clear: both; }
    .library-sidebar-second .library-right-sidebar {
      width: 50%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
      .library-sidebar-second .library-right-sidebar {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
      .library-sidebar-second .library-right-sidebar {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

#primoQueryTemp {
  width: 100%; }

.bold-tabs {
  margin-bottom: 1.25rem; }
  .bold-tabs .tab-nav-wrap {
    margin-bottom: 1.25rem;
    background: url(../img/pattern.png);
    padding: 1.25rem; }
    .bold-tabs .tab-nav-wrap .tab-nav {
      text-align: center;
      margin-bottom: 1.25rem; }
      .bold-tabs .tab-nav-wrap .tab-nav li {
        background-color: #333333; }
        .bold-tabs .tab-nav-wrap .tab-nav li a {
          color: #ffffff;
          display: block;
          height: 100%; }
          .bold-tabs .tab-nav-wrap .tab-nav li a br {
            display: none; }
        .bold-tabs .tab-nav-wrap .tab-nav li::before {
          content: none; }
        .bold-tabs .tab-nav-wrap .tab-nav li a {
          display: block;
          padding: 7px 10px; }

@media screen and (min-width: 40.0625em) {
  .bold-tabs .tab-nav-wrap {
    margin-bottom: 0;
    padding: 0;
    background: transparent; }
    .bold-tabs .tab-nav-wrap .tab-nav {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin-bottom: 0; }
      .bold-tabs .tab-nav-wrap .tab-nav li {
        background: transparent;
        border: 1px solid #333333;
        margin-right: 2px;
        float: left;
        width: calc(20% - 2px); }
        .bold-tabs .tab-nav-wrap .tab-nav li a {
          line-height: 1;
          color: #333333; }
        .bold-tabs .tab-nav-wrap .tab-nav li.active {
          background: #CC0000;
          border-color: #CC0000; }
          .bold-tabs .tab-nav-wrap .tab-nav li.active a {
            color: #ffffff; } }

.tabs-trigger {
  height: 3.125rem;
  background: #ffffff;
  color: #CC0000;
  padding: 0 0.3125rem; }
  .tabs-trigger button {
    width: 100%;
    height: 100%;
    line-height: 3.125rem;
    text-align: left; }
  .tabs-trigger button {
    font-family: athelas, serif;
    font-weight: bold;
    font-size: 1.125rem;
    text-transform: none;
    position: relative; }
  .tabs-trigger button:after {
    font-size: 1.875rem;
    position: absolute;
    right: 0;
    top: auto; }

.bold-tabs .tab {
  border: solid 10px #CC0000;
  padding: 15px;
  display: none; }

.bold-tabs #tab-1 {
  display: block; }

.bold-tabs .search {
  height: 27px;
  padding: 0 6px;
  width: percent(0.33333); }

.library-image {
  margin: 20px 0;
  overflow: hidden;
  padding-right: 20px; }

.resource-of-month {
  border: 1px solid #333333;
  padding: 15px;
  margin-bottom: 1.875rem; }
  .resource-of-month img {
    width: 200px; }

@media screen and (min-width: 40.0625em) {
  .resource-of-month img {
    float: left; }
  .resource-of-month .resource-detail {
    float: left;
    width: calc(100% - 200px);
    padding-left: 0.9375rem; }
    .resource-of-month .resource-detail h2 {
      margin-top: -3px; } }

.book-month .book-img {
  margin-top: 8px; }
  .book-month .book-img img {
    padding: 20px 59px 20px 59px;
    margin: 0px 15px 10px 0px;
    background: #e5e5e5;
    border: 1px solid #ccc; }
  .book-month .book-img p {
    margin-top: 2px; }

.cont-slider li {
  width: 100%; }

.main-content ul.cont-slider li:before {
  content: none; }

.bx-pager a {
  background: url(../img/inactive-slider.png) no-repeat;
  width: 10px;
  height: 10px;
  float: left;
  margin-right: 6px;
  text-indent: -999999px;
  outline: none; }
  .bx-pager a.pager-active {
    background: url(../img/active-slider.png) no-repeat; }

/* ==========================================================================
Co-Op Page Template
========================================================================== */
/**
*
* This page template has 3 tabs across the top that each trigger their
* corresponding content panels.
* 
* Inside each content panel there is div.co-op-content-area for the main
* content and div.co-op-sidebar for the sidebar content.
*
*/
/* Co-Op Base
========================================================================== */
.co-op-heading {
  padding: 10px; }

.co-op-video-section {
  background: url(../img/pattern.png);
  padding: 1.25rem 1.25rem 0.0625rem 1.25rem;
  margin: 2.1875rem auto; }
  .co-op-video-section .co-op-video {
    margin-bottom: 0.625rem; }
  .co-op-video-section h2 {
    font-family: athelas, serif;
    font-weight: bold;
    font-size: 1.125rem;
    text-transform: none;
    margin-bottom: 1.25rem; }

@media screen and (min-width: 48em) {
  .co-op-video-section {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1.875rem 2.5rem;
    margin: 3.125rem auto; }
    .co-op-video-section::before, .co-op-video-section::after {
      content: ' ';
      display: table; }
    .co-op-video-section::after {
      clear: both; }
    .co-op-video-section .co-op-video {
      width: 50%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      margin-bottom: 0; } }
    @media screen and (min-width: 48em) and (min-width: 40.0625em) {
      .co-op-video-section .co-op-video {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 48em) and (min-width: 64.0625em) {
      .co-op-video-section .co-op-video {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 48em) {
    .co-op-video-section .co-op-video-detail {
      width: 50%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 48em) and (min-width: 40.0625em) {
      .co-op-video-section .co-op-video-detail {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 48em) and (min-width: 64.0625em) {
      .co-op-video-section .co-op-video-detail {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 48em) {
    .co-op-video-section h2 {
      font-size: 1.5rem;
      line-height: 1;
      margin-bottom: 0.625rem; } }

@media screen and (min-width: 64.0625em) {
  .co-op-video-section {
    padding: 3.75rem 5rem; }
  h2 {
    font-size: 1.875rem; } }

.interactive-map {
  margin-bottom: 2.5rem; }

.co-op-labels {
  font-family: athelas, serif;
  font-size: 3.75rem;
  background: #CC0000;
  color: #ffffff; }

/* Co-Op Main Panel Tabs
========================================================================== */
.co-op-tabs {
  display: none;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: center;
  margin-bottom: 3.125rem; }
  .co-op-tabs::before, .co-op-tabs::after {
    content: ' ';
    display: table; }
  .co-op-tabs::after {
    clear: both; }

.co-op-tabs .co-op-tab {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
  .co-op-tabs .co-op-tab h3 {
    position: relative;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: #ffffff; }
    .co-op-tabs .co-op-tab h3 a {
      display: block;
      color: #000000;
      font-family: athelas, serif;
      font-weight: bold;
      text-transform: none;
      letter-spacing: 0;
      font-size: 1.03125rem;
      padding: 0.625rem 0 1.5625rem 0;
      position: relative;
      line-height: 1.2; }
      .co-op-tabs .co-op-tab h3 a:before {
        display: block;
        font-size: 2.5rem;
        line-height: 1.5; }
  .co-op-tabs .co-op-tab.ui-state-active h3 {
    background: #CC0000; }
    .co-op-tabs .co-op-tab.ui-state-active h3::after {
      content: '';
      display: block;
      width: 2.5rem;
      height: 2.5rem;
      position: absolute;
      top: 100%;
      margin-top: -1.25rem;
      left: 50%;
      margin-left: -1.25rem;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      background: #CC0000; }
    .co-op-tabs .co-op-tab.ui-state-active h3 a {
      color: #ffffff; }

@media screen and (min-width: 48em) {
  .co-op-tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

@media screen and (min-width: 64.0625em) {
  .co-op-tabs .co-op-tab a {
    font-size: 1.125rem; }
    .co-op-tabs .co-op-tab a:before {
      font-size: 3.75rem; } }

/* Co-Op Main Content
========================================================================== */
/* Co-Op Content Area
========================================================================== */
.employers {
  margin-bottom: 2.5rem; }

.co-op-employer-panel {
  display: block;
  padding: 0 0.625rem 0.625rem 0.625rem; }
  .co-op-employer-panel .employer {
    padding-bottom: 0.625rem; }
    .co-op-employer-panel .employer .employer-inner {
      background: #ffffff;
      padding: 0.9375rem; }
      .co-op-employer-panel .employer .employer-inner h4 {
        font-family: nimbus-sans, sans-serif;
        font-weight: bold;
        font-size: 1.125rem;
        text-transform: none;
        letter-spacing: 0; }
        .co-op-employer-panel .employer .employer-inner h4 a:after {
          padding-left: 0.3125rem; }
      .co-op-employer-panel .employer .employer-inner .employer-location {
        display: none; }
      .co-op-employer-panel .employer .employer-inner .employer-type {
        display: none; }
      .co-op-employer-panel .employer .employer-inner .employer-description {
        display: none; }
      .co-op-employer-panel .employer .employer-inner .co-op-pathways {
        display: none; }

@media screen and (min-width: 48em) {
  .employers {
    background: url(../img/pattern.png);
    margin-top: 2.1875rem;
    margin-bottom: 2.1875rem;
    padding: 1.875rem 1.25rem 1.25rem; }
  .co-op-employer-panels h3 {
    display: none; }
  .co-op-employer-panels .co-op-employer-panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem; } }
  @media screen and (min-width: 48em) and (min-width: 40.0625em) {
    .co-op-employer-panels .co-op-employer-panel {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 48em) and (min-width: 64.0625em) {
    .co-op-employer-panels .co-op-employer-panel {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

@media screen and (min-width: 48em) {
    .co-op-employer-panels .co-op-employer-panel::before, .co-op-employer-panels .co-op-employer-panel::after {
      content: ' ';
      display: table; }
    .co-op-employer-panels .co-op-employer-panel::after {
      clear: both; }
    .co-op-employer-panels .co-op-employer-panel .employer {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 50%;
      float: left;
      padding-left: 0.3125rem;
      padding-right: 0.3125rem; }
      .co-op-employer-panels .co-op-employer-panel .employer .employer-inner {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding: 0.625rem; }
        .co-op-employer-panels .co-op-employer-panel .employer .employer-inner h4 a {
          font-size: 1.03125rem; }
        .co-op-employer-panels .co-op-employer-panel .employer .employer-inner .employer-location {
          display: block;
          margin-top: 0.9375rem;
          margin-bottom: 0.9375rem; }
          .co-op-employer-panels .co-op-employer-panel .employer .employer-inner .employer-location:before {
            padding-right: 0.3125rem; }
        .co-op-employer-panels .co-op-employer-panel .employer .employer-inner .employer-type {
          display: block; }
        .co-op-employer-panels .co-op-employer-panel .employer .employer-inner .employer-description {
          display: block; }
        .co-op-employer-panels .co-op-employer-panel .employer .employer-inner .co-op-pathways {
          display: block; } }

@media screen and (min-width: 64.0625em) {
  .co-op-employer-panel .employer {
    width: 33.33333%; }
    .co-op-employer-panel .employer .employer-inner h4 {
      font-size: 1.125rem; } }

.co-op-pathways {
  margin-top: 0.9375rem; }
  .co-op-pathways p {
    margin-bottom: 0; }
  .co-op-pathways a {
    display: block; }

.co-op-content-header h2 {
  margin-bottom: 0; }

.co-op-content .video-container > img {
  width: 100%;
  height: auto; }

/* Google Map
========================================================================== */
.interactive-map .co-op-content {
  padding: 0; }

#map-canvas {
  padding-bottom: 51.724%; }

#map-controls {
  margin: 5px;
  padding: 5px 5px 5px 10px; }

#map-controls button {
  padding: inherit;
  margin: inherit;
  background: #ffffff;
  color: #666;
  width: 8.4375rem;
  height: 3.125rem;
  font-family: nimbus-sans-condensed, sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: .05em; }

#map-controls button:hover {
  color: #333333; }

/*.gm-bundled-control {
    right: rem-calc(75px) !important;
    bottom: rem-calc(120px) !important;
    .gmnoprint > div {
        text-align: center;
        background: $dark-gray !important;
        color: $white !important;
        width: auto !important;
        width: auto !important;
        img {
            display: none !important;
        }
        div[title="Zoom in"],
        div[title="Zoom out"] {
            background: $dark-gray !important;
            font-size: rem-calc(30px);
            height: rem-calc(45px) !important;
            width: rem-calc(45px) !important;
        }
        div[title="Zoom in"]:before {
            @extend .icon-plus;
        }
        div[title="Zoom in"] + div {
            padding-left: rem-calc(10px);
            width: rem-calc(25px);
        }
        div[title="Zoom out"]:before {
            @extend .icon-minus;
        }
    }
}*/
.co-op-mobile-info-window-wrap {
  position: relative;
  display: none;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.35); }
  .co-op-mobile-info-window-wrap .close:after {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 1.25rem;
    color: red;
    font-size: 1.875rem; }
  .co-op-mobile-info-window-wrap .arrow {
    position: absolute;
    top: 0;
    width: 100%; }
  .co-op-mobile-info-window-wrap .arrow:before,
  .co-op-mobile-info-window-wrap .arrow:after {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 50%; }
  .co-op-mobile-info-window-wrap .arrow:before {
    right: 50%;
    border-top: 30px solid transparent;
    border-right: 30px solid #ffffff; }
  .co-op-mobile-info-window-wrap .arrow:after {
    left: 50%;
    border-top: 30px solid transparent;
    border-left: 30px solid #ffffff; }
  .co-op-mobile-info-window-wrap .co-op-mobile-info-window {
    padding: 0 1.25rem 0.625rem 1.25rem; }

.mapinfo {
  padding-top: 0.625rem;
  font-family: athelas, serif;
  font-weight: normal;
  font-size: 1.03125rem;
  padding-right: 1.5625rem; }
  .mapinfo .employer {
    font-family: athelas, serif;
    font-weight: bold;
    font-size: 1.03125rem;
    text-transform: none;
    border-bottom: 1px solid #333333;
    padding-bottom: 0.9375rem;
    margin-bottom: 0.625rem; }
  .mapinfo .location {
    padding-bottom: 0.625rem; }
    .mapinfo .location:before {
      font-size: 1.25rem;
      padding: 0 0.625rem 0.625rem 0.625rem; }
  .mapinfo .category {
    text-transform: none; }
    .mapinfo .category:before {
      padding-right: 0.625rem;
      font-size: 1.25rem; }

@media screen and (min-width: 48em) {
  .mapinfo {
    margin-top: 0.3125rem; }
  .employer {
    margin-bottom: 1.5625rem;
    font-size: 1.125rem; }
  .location {
    padding-bottom: 0; }
    .location:before {
      font-size: 1.5rem; }
  .type:before {
    font-size: 1.5rem; } }

.gm-style-iw {
  width: 19.375rem; }
  .gm-style-iw + div {
    width: auto !important;
    height: auto !important;
    right: 1.25rem !important; }
    .gm-style-iw + div img {
      display: none; }
    .gm-style-iw + div:after {
      color: #CC0000;
      font-size: 1.875rem; }

/* social media */
#tabs ul li.tabs-space {
  list-style: none;
  float: left; }

.auto-height-tabs {
  height: auto;
  margin-bottom: 2.875rem;
  overflow: hidden;
  margin-top: 1.25rem; }

.clikable-tabs {
  overflow: hidden;
  margin-bottom: 20px; }

#tabs > ul {
  float: left;
  margin-bottom: 0; }
  #tabs > ul li {
    background: #e5e5e5; }
    #tabs > ul li a {
      padding: 0.375rem;
      text-align: center; }
      #tabs > ul li a.pad {
        padding: 0.25rem 0.6875rem; }
    #tabs > ul li,
    #tabs > ul li a {
      float: left;
      margin: 0 0.125rem 0 0;
      color: #000000; }
    #tabs > ul li.last,
    #tabs > ul li a.last {
      margin: 0;
      padding-right: 0; }
    #tabs > ul li.active {
      background: #ccc;
      border-bottom: 2px solid #ccc; }
    #tabs > ul li:before {
      content: none; }

@media screen and (min-width: 22.8125em) {
  #tabs > ul li a {
    padding: 0.625rem; } }

* html #tabs li {
  display: inline; }

#tabs div.tab {
  background: #cccccc;
  clear: both;
  padding: 0.9375rem;
  min-height: 4.8125rem; }
  #tabs div.tab.tab-bg {
    min-height: 0.375rem;
    padding: 0;
    clear: both;
    background: #CC0000; }

#tabs div h3 {
  margin-bottom: 0.75rem; }

#tabs div p {
  margin-bottom: 0; }

#tabs div .search {
  border: 1px solid #666666;
  height: 1.375rem;
  padding-left: 0.375rem;
  width: 360px; }

#tabs div .btn {
  color: #ffffff;
  height: 1.5rem;
  width: 2.125rem;
  background: #CC0000;
  border: none;
  cursor: pointer;
  margin-left: 0.625rem; }

#tabs .advance-search {
  padding-top: 0.625rem;
  float: left; }

#tabs .slideshow-detail {
  background: #fff;
  float: left;
  width: 100%;
  margin-top: 2.1875rem; }

.filters {
  margin-bottom: 1.8125rem;
  overflow: hidden; }
  .filters .select-01,
  .filters .select-02 {
    width: 100%; }
  .filters .select-01 {
    margin-bottom: 1.25rem; }
  .filters .select-01 select,
  .filters .select-02 select {
    border: 1px solid #969696; }
  .filters .select-02 select.category {
    border: 1px solid; }

@media screen and (min-width: 48em) {
  .filters .select-01,
  .filters .select-02 {
    float: left; }
  .filters .select-01 {
    width: 10.8125rem;
    margin-right: 1.25rem; }
  .filters .select-02 {
    width: 20.375rem; } }

.mediaListing {
  border-top: 1px solid #dddddd;
  margin-bottom: 1.875rem; }
  .mediaListing .mediaListingEntry {
    border-bottom: 1px solid #dddddd; }
    .mediaListing .mediaListingEntry h2 {
      font-family: athelas, serif;
      font-size: 1.125rem;
      text-transform: none;
      margin-bottom: 0; }

.mediaListingEntryLinks {
  float: right;
  width: 120px; }

.mediaListingEntryLink {
  float: right;
  clear: right;
  margin-top: 10px; }

.mediaListingEntryThumbnail {
  float: left;
  border: 3px solid #dfdbd5;
  margin-right: 0.9375rem;
  width: 7.1875rem; }

.news-articles01,
.mediaListingEntry {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }

.news-articles .news-articles01 .news-article-block p {
  display: block; }

.news-articles .news-articles01 .news-article-block .camera-img-date {
  margin-top: 0.625rem; }
  .news-articles .news-articles01 .news-article-block .camera-img-date img {
    width: auto; }
  .news-articles .news-articles01 .news-article-block .camera-img-date span {
    padding-left: 0.3125rem; }
  .news-articles .news-articles01 .news-article-block .camera-img-date img,
  .news-articles .news-articles01 .news-article-block .camera-img-date span {
    display: inline-block;
    vertical-align: middle; }

@media screen and (min-width: 40.0625em) {
  .news-articles {
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
    .news-articles {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
    .news-articles {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .news-articles::before, .news-articles::after {
      content: ' ';
      display: table; }
    .news-articles::after {
      clear: both; }
    .news-articles .news-articles01 {
      width: 50%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .news-articles .news-articles01 {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .news-articles .news-articles01 {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
      .news-articles .news-articles01 .news-article-block {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; } }

@media screen and (min-width: 64.0625em) {
  .news-articles .news-articles01 {
    width: 33.33333%; } }

.main-image {
  margin-bottom: 1.875rem;
  margin-top: 1.875rem;
  text-align: center;
  position: relative;
  color: #fff; }
  .main-image .image-wrap {
    position: relative;
    display: inline-block; }
    .main-image .image-wrap .desc {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      display: none; }
    .main-image .image-wrap .teaser {
      width: 100%;
      background: #000000;
      text-align: left; }
      .main-image .image-wrap .teaser .teaserHeader {
        margin: 10px 0px;
        line-height: 100%;
        color: #ffffff;
        padding: 5px 20px 5px 10px; }
      .main-image .image-wrap .teaser .teaserContent {
        margin: 10px 0px;
        padding: 5px 20px 20px 10px; }

.toggleCaptionContainer {
  position: absolute;
  right: 0.3125rem;
  bottom: 0.3125rem;
  cursor: pointer;
  z-index: 1000; }
  .toggleCaptionContainer .toggleCaption {
    width: 3.125rem;
    height: 1.25rem; }

.filmstrip {
  margin-bottom: 1.875rem; }
  .filmstrip .item {
    padding-right: 0.625rem; }
    .filmstrip .item .active {
      border: 3px solid #CC0000; }
    .filmstrip .item img {
      background-color: #ffffff;
      border: 3px solid #dfdbd5;
      width: 110px;
      height: 70px;
      cursor: pointer; }

.inlineVideo {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem; }

.top-news-events {
  overflow: hidden;
  width: 700px; }

.bg-black-inner {
  background: #000;
  height: 48px;
  position: relative; }

.featured-item img {
  width: 100%;
  margin-top: 0.9375rem;
  margin-bottom: 1.25rem; }

.featured-item .featured-item-detail h2 {
  font-family: athelas, serif;
  font-weight: bold;
  font-size: 1.125rem;
  text-transform: none;
  line-height: 1.2;
  margin-top: -0.3125rem; }

.featured-item .featured-item-detail a {
  font-family: nimbus-sans sans-serif;
  font-size: 0.875rem;
  font-weight: bold;
  display: block;
  margin-top: 0.625rem; }
  .featured-item .featured-item-detail a.external:before {
    padding-right: 0.3125rem; }
  .featured-item .featured-item-detail a.external.internal:after {
    padding-left: 0.3125rem; }

@media screen and (min-width: 40.0625em) {
  .featured-item {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ccc;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
    .featured-item::before, .featured-item::after {
      content: ' ';
      display: table; }
    .featured-item::after {
      clear: both; }
    .featured-item img {
      width: 33.33333%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      margin: 0; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .featured-item img {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .featured-item img {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
    .featured-item .featured-item-detail {
      width: 66.66667%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .featured-item .featured-item-detail {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .featured-item .featured-item-detail {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  .featured-item .featured-item-detail {
    font-size: 1.125rem; }
    .featured-item .featured-item-detail h2 {
      font-size: 2.25rem; } }

.feature-events {
  margin-top: 1.25rem;
  margin-bottom: 2.5rem; }

.featured-head,
.event-head {
  background: none repeat scroll 0 0 #999999;
  margin-bottom: 0.9375rem; }
  .featured-head h2,
  .event-head h2 {
    color: #ffffff;
    padding: 0 0.625rem; }

.featured-inner h3 h3,
.events-inner h3 {
  font-family: athelas, serif;
  font-weight: bold;
  text-transform: none; }

.featured-inner h3 p span,
.events-inner p span {
  text-transform: uppercase;
  font-weight: bold; }

.featured-inner {
  margin-bottom: 1.875rem; }
  .featured-inner .featured-border {
    margin-top: 1.25rem; }
    .featured-inner .featured-border .inner-img img {
      width: 100%;
      margin-bottom: 1.25rem; }
    .featured-inner .featured-border .inner-right h3 {
      margin-top: -3px;
      font-size: 1.5rem; }
    .featured-inner .featured-border .inner-right p {
      padding-bottom: 0.3125rem;
      margin-top: 0.5625rem; }
    .featured-inner .featured-border .inner-right a.border-top-link {
      display: block;
      padding-top: 0.3125rem; }
  .featured-inner > a {
    display: block;
    margin-top: 1.25rem; }

.events-inner h3 {
  font-size: 1.125rem; }

@media screen and (min-width: 40.0625em) {
  .feature-events {
    margin-bottom: 1.875rem; }
  .featured-inner .featured-border {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ccc;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
    .featured-inner .featured-border::before, .featured-inner .featured-border::after {
      content: ' ';
      display: table; }
    .featured-inner .featured-border::after {
      clear: both; }
    .featured-inner .featured-border .inner-img {
      width: 41.66667%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .featured-inner .featured-border .inner-img {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .featured-inner .featured-border .inner-img {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 40.0625em) {
      .featured-inner .featured-border .inner-img img {
        margin: 0; }
    .featured-inner .featured-border .inner-right {
      width: 58.33333%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) {
      .featured-inner .featured-border .inner-right {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 40.0625em) and (min-width: 64.0625em) {
      .featured-inner .featured-border .inner-right {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  .feature-events {
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-bottom: 0; } }
  @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
    .feature-events {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
    .feature-events {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

@media screen and (min-width: 64.0625em) {
    .feature-events::before, .feature-events::after {
      content: ' ';
      display: table; }
    .feature-events::after {
      clear: both; }
  .featured-inner {
    width: 66.66667%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
    .featured-inner {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
    .featured-inner {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  .events-inner {
    width: 33.33333%;
    float: left;
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 40.0625em) {
    .events-inner {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) {
    .events-inner {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

.why-banner {
  position: relative;
  margin-bottom: 1.25rem; }
  .why-banner .banner-image img {
    width: 100%; }
  .why-banner .banner-image:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.15)); }
  .why-banner .banner-detail {
    font-family: athelas, serif;
    font-size: 1.125rem;
    font-weight: bold;
    position: absolute;
    left: 0.3125rem;
    top: 0.3125rem;
    color: #ffffff;
    line-height: 1.2; }

@media screen and (min-width: 30em) {
  .why-banner .banner-detail {
    left: 1.25rem;
    top: 1.25rem; } }

@media screen and (min-width: 48em) {
  .why-banner {
    margin-bottom: 3.75rem; }
    .why-banner .banner-detail {
      max-width: 75rem;
      margin-left: auto;
      margin-right: auto;
      margin-left: 8.33333%;
      width: 91.66667%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      font-size: 1.875rem;
      left: 0;
      top: 20%; }
      .why-banner .banner-detail::before, .why-banner .banner-detail::after {
        content: ' ';
        display: table; }
      .why-banner .banner-detail::after {
        clear: both; } }
    @media screen and (min-width: 48em) and (min-width: 40.0625em) {
      .why-banner .banner-detail {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 48em) and (min-width: 64.0625em) {
      .why-banner .banner-detail {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  .why-banner .banner-detail {
    font-size: 2.5rem; } }

.whys {
  margin-top: 2.5rem; }

.why + .why {
  margin-top: 1.5625rem; }

.why h2 {
  font-family: athelas, serif;
  font-weight: bold;
  font-size: 1.125rem;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  margin-bottom: 0.3125rem; }

.why .why-detail .why-image {
  width: 100%; }

.why .why-detail .why-col2 {
  margin-top: 1.25rem; }

.why .why-bar .bar-items {
  padding-bottom: 2.5rem; }

#why1 .why-detail > .why-image {
  margin-top: 1.25rem;
  margin-bottom: 0.625rem; }

#why2 .why-detail .why-callouts-mobile {
  margin-bottom: 2.1875rem; }
  #why2 .why-detail .why-callouts-mobile .bar-item {
    margin-top: 1.25rem; }

#why2 .why-detail .why-callouts-desktop {
  display: none; }

#why3 .why-detail .why-col2 .why-image {
  margin-bottom: 0.625rem; }

@media screen and (min-width: 48em) {
  .why + .why {
    margin-top: 3.125rem; }
  .why h2 {
    font-size: 2.25rem;
    margin-bottom: 1.25rem; }
  .why .why-detail .why-col2 {
    margin-top: 0; }
  .why .why-bar .bar-items .bar-item {
    margin-top: 0; }
  #why1 .why-detail {
    max-width: none;
    margin-left: -0.3125rem;
    margin-right: -0.3125rem; }
    #why1 .why-detail::before, #why1 .why-detail::after {
      content: ' ';
      display: table; }
    #why1 .why-detail::after {
      clear: both; }
    #why1 .why-detail .why-col1 {
      width: 50%;
      float: left;
      padding-left: 0.3125rem;
      padding-right: 0.3125rem; }
    #why1 .why-detail .why-col2 {
      width: 50%;
      float: left;
      padding-left: 0.3125rem;
      padding-right: 0.3125rem;
      margin-bottom: 0.3125rem; }
    #why1 .why-detail > .why-image {
      width: 100%;
      float: left;
      padding-left: 0.3125rem;
      padding-right: 0.3125rem;
      margin-top: 0;
      margin-bottom: 0; }
  #why2 .why-detail,
  #why3 .why-detail,
  #why4 .why-detail {
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }
  @media screen and (min-width: 48em) and (min-width: 40.0625em) {
    #why2 .why-detail,
    #why3 .why-detail,
    #why4 .why-detail {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 48em) and (min-width: 64.0625em) {
    #why2 .why-detail,
    #why3 .why-detail,
    #why4 .why-detail {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

@media screen and (min-width: 48em) {
    #why2 .why-detail::before, #why2 .why-detail::after,
    #why3 .why-detail::before,
    #why3 .why-detail::after,
    #why4 .why-detail::before,
    #why4 .why-detail::after {
      content: ' ';
      display: table; }
    #why2 .why-detail::after,
    #why3 .why-detail::after,
    #why4 .why-detail::after {
      clear: both; }
    #why2 .why-detail .why-col1,
    #why2 .why-detail .why-col2,
    #why3 .why-detail .why-col1,
    #why3 .why-detail .why-col2,
    #why4 .why-detail .why-col1,
    #why4 .why-detail .why-col2 {
      width: 50%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 48em) and (min-width: 40.0625em) {
      #why2 .why-detail .why-col1,
      #why2 .why-detail .why-col2,
      #why3 .why-detail .why-col1,
      #why3 .why-detail .why-col2,
      #why4 .why-detail .why-col1,
      #why4 .why-detail .why-col2 {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 48em) and (min-width: 64.0625em) {
      #why2 .why-detail .why-col1,
      #why2 .why-detail .why-col2,
      #why3 .why-detail .why-col1,
      #why3 .why-detail .why-col2,
      #why4 .why-detail .why-col1,
      #why4 .why-detail .why-col2 {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 48em) {
  #why2 .why-detail .why-callouts-desktop {
    display: block;
    margin-top: 4.0625rem;
    margin-bottom: 0; }
    #why2 .why-detail .why-callouts-desktop .bar-item {
      width: 50%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      margin-top: 0; } }
    @media screen and (min-width: 48em) and (min-width: 40.0625em) {
      #why2 .why-detail .why-callouts-desktop .bar-item {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 48em) and (min-width: 64.0625em) {
      #why2 .why-detail .why-callouts-desktop .bar-item {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 48em) {
  #why2 .why-detail .why-callouts-mobile {
    display: none; }
  #why3 .why-detail {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto; }
    #why3 .why-detail::before, #why3 .why-detail::after {
      content: ' ';
      display: table; }
    #why3 .why-detail::after {
      clear: both; }
    #why3 .why-detail .why-col2 .why-image {
      margin-left: -1.1875rem; }
  .why-bar .bar-items {
    max-width: none;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-top: 4.6875rem;
    padding-bottom: 2.1875rem; } }
  @media screen and (min-width: 48em) and (min-width: 40.0625em) {
    .why-bar .bar-items {
      margin-left: -0.75rem;
      margin-right: -0.75rem; } }
  @media screen and (min-width: 48em) and (min-width: 64.0625em) {
    .why-bar .bar-items {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

@media screen and (min-width: 48em) {
    .why-bar .bar-items::before, .why-bar .bar-items::after {
      content: ' ';
      display: table; }
    .why-bar .bar-items::after {
      clear: both; }
    .why-bar .bar-items .bar-item {
      width: 25%;
      float: left;
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }
    @media screen and (min-width: 48em) and (min-width: 40.0625em) {
      .why-bar .bar-items .bar-item {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    @media screen and (min-width: 48em) and (min-width: 64.0625em) {
      .why-bar .bar-items .bar-item {
        padding-left: 1.25rem;
        padding-right: 1.25rem; } }

@media screen and (min-width: 64.0625em) {
  #why3 .why-detail {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    #why3 .why-detail .why-col2 {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      #why3 .why-detail .why-col2 .why-image {
        margin-top: auto;
        margin-bottom: 0;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        width: 100%;
        margin-left: -2.1875rem; } }