@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,700&display=swap");
.flex {
  display: flex;
  width: 100%;
  justify-content: space-around; }

.f-center {
  justify-content: center;
  align-items: center; }

.f-column {
  flex-direction: column; }

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

.text-bold {
  font-weight: 700 !important; }

.text-small {
  font-size: .8rem;
  font-weight: 500; }

.no-flex {
  display: block; }

.h1 {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  font-size: 4rem !important;
  line-height: 1.2 !important;
  display: block; }

.h2 {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  font-size: 3rem !important;
  line-height: 1.2 !important;
  display: block; }

.h3 {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  font-size: 2.5rem !important;
  line-height: 1.2 !important;
  display: block; }

.header-font {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif; }

.base-font {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif; }

.shadow-sm {
  box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 30px; }

.shadow-lg {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px; }

.rounded-sm {
  border-radius: 3px; }

.rounded-lg {
  border-radius: 3em; }

.above-the-fold {
  margin-top: -10vh; }

.py1 {
  padding: 1rem 0; }

.py2 {
  padding: 2rem 0; }

.py3 {
  padding: 2rem; }

.px1 {
  padding: 0 1rem; }

.px2 {
  padding: 0 2rem 0; }

.px3 {
  padding: 0 2rem; }

.mt1 {
  margin-top: 1rem; }

.mt2 {
  margin-top: 2rem; }

.mt3 {
  margin-top: 2rem; }

.mb1 {
  margin-bottom: 1rem; }

.mb2 {
  margin-bottom: 2rem; }

.mb3 {
  margin-bottom: 3rem; }

.image-clear-left {
  min-width: 150px;
  width: 150px;
  float: left;
  shape-outside: circle(45%);
  margin-right: 5%;
  text-align: center; }
  .image-clear-left img {
    margin: 0; }

.outer {
  position: relative; }
  .outer:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 62.5%; }
  .outer > .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.outer-small {
  position: relative; }
  .outer-small:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 47.05882353%; }
    @media (min-width: 1000px) {
      .outer-small:before {
        padding-top: 41.17647059%; } }
  .outer-small > .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.youtube-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  z-index: 2000; }

.youtube-video-container iframe, .youtube-video-container embed, .youtube-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vertical {
  display: table-cell;
  vertical-align: middle; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

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

.hidden {
  display: none !important; }

.visible {
  display: block; }

.pad {
  width: 100%;
  height: 5vh;
  display: inline-block; }

.image-top {
  object-position: 50% 0 !important; }

.image-middle {
  object-position: 50% 25% !important; }

.image-bottom {
  object-position: 50% 50% !important; }

.wrapper {
  display: inline-block;
  width: 94%;
  padding: 0 3%; }

.visible {
  display: table; }

.lazyload {
  opacity: 1;
  transition: opacity .5s ease-out; }

.lazyload:not(.loaded) {
  opacity: 1; }

.color-white {
  color: white; }

.color-brand {
  color: #052d50; }

.color-brand-bg {
  background: rgba(5, 45, 80, 0.9); }

.color-brand-alt-bg {
  background: rgba(244, 208, 109, 0.9); }

.color-black-bg {
  background: rgba(40, 50, 40, 0.9); }

.color-grey-bg {
  background: rgba(110, 110, 110, 0.9); }

.color-grey-light-bg {
  background: rgba(161, 161, 161, 0.9); }

.color-grey-dark-bg {
  background: rgba(59, 59, 59, 0.9); }

.opaque {
  opacity: .8; }

.googleCalendar {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 100%; }

.googleCalendar iframe {
  min-width: 100%;
  min-height: 100%; }

.feather {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none; }

.feather-2x {
  width: 32px;
  height: 32px;
  stroke-width: 1.5; }

.skip-to-content {
  position: absolute;
  z-index: 2000;
  top: -1000px;
  left: -1000px;
  height: 1px;
  width: 1px;
  text-align: left;
  overflow: hidden; }
  .skip-to-content:focus, .skip-to-content :active, .skip-to-content :hover {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
    color: white; }

.alert-banner {
  width: 100%;
  position: relative;
  display: flex;
  background: #F4D06D;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding: 0.66666667rem 0; }
  .alert-banner .container {
    max-width: 1000px;
    width: 94%;
    margin: 0 auto; }
  .alert-banner p {
    font-size: .6rem;
    font-weight: 600;
    color: #052d50;
    text-decoration: none;
    box-shadow: unset;
    margin-bottom: 0; }
    @media (min-width: 1000px) {
      .alert-banner p {
        font-weight: 500;
        font-size: .8rem; } }
  .alert-banner .button {
    margin-bottom: 0;
    font-size: .8rem; }

.alert-on {
  margin-top: 3em; }
  @media (min-width: 1000px) {
    .alert-on {
      margin-top: 2.5em; } }
.alert {
  color: red; }

lite-youtube {
  background-color: #000;
  position: relative;
  display: block;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  max-width: 100%;
  z-index: 2000; }

/* gradient */
lite-youtube::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
  background-position: top;
  background-repeat: repeat-x;
  height: 60px;
  padding-bottom: 50px;
  width: 100%;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); }

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
  content: "";
  display: block;
  padding-bottom: calc(100% / (16 / 9)); }

lite-youtube > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0; }

/* play button */
lite-youtube > .lty-playbtn {
  width: 68px;
  height: 48px;
  position: absolute;
  cursor: pointer;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
  z-index: 1;
  background-color: transparent;
  /* YT's actual play button svg */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
  filter: grayscale(100%);
  transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
  border: none; }

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
  filter: none; }

/* Post-click styles */
lite-youtube.lyt-activated {
  cursor: unset; }

lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
  opacity: 0;
  pointer-events: none; }

.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

/**
 * Reset some basic elements
 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
hr,
dl,
dd,
ol,
ul,
figure {
  margin: 0;
  padding: 0; }

html {
  font-size: 100%; }
  @media (max-width: 800px) {
    html {
      font-size: 90%; } }
/**
 * Basic styling
 */
body {
  font-weight: 400;
  line-height: 1.7;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  color: rgba(40, 50, 40, 0.9);
  background-color: white;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -moz-font-feature-settings: “liga” on;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
  -ms-font-feature-settings: normal; }

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
ul,
ol,
dl,
figure {
  margin-bottom: 2rem; }

h1 {
  font-size: 200%; }

h2 {
  font-size: 175%; }

h3 {
  font-size: 150%; }

h4 {
  font-size: 125%; }

h5 {
  font-size: 115%; }

h6 {
  font-size: 100%; }

p {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  font-size: 1rem;
  color: rgba(40, 50, 40, 0.9);
  letter-spacing: -.01em; }

li {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  font-size: 1rem;
  letter-spacing: -.01em;
  color: rgba(40, 50, 40, 0.9);
  margin-bottom: 0.66666667rem; }
  li p {
    margin: 0; }

/**
 * Images
 */
img {
  width: 100%;
  height: auto; }

/**
 * Figures
 */
figure > img {
  display: block; }

figcaption {
  font-size: 14px; }

/**
 * Lists
 */
ul li::before {
  content: none !important; }

ul,
ol {
  margin-left: 1rem; }

ol {
  list-style: none;
  counter-reset: my-awesome-counter; }

ol li {
  counter-increment: my-awesome-counter; }

ol li::before {
  content: counter(my-awesome-counter) ". ";
  font-weight: bold;
  position: absolute;
  margin-left: -1em; }

li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Headings
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  color: #052d50;
  line-height: 1.2;
  margin-bottom: 1.33333333rem; }

/**
 * Links
 */
a {
  text-decoration: none;
  color: #052d50; }
  a svg {
    height: 14px;
    width: 14px;
    margin-left: .3em; }

p a,
li a {
  color: #052d50;
  font-weight: 500;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  line-height: 1.4;
  /* For some Androids */
  -webkit-transition: all .2s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: all .2s ease-out;
  /* FF3.7+ */
  -o-transition: all .2s ease-out;
  /* Opera 10.5 */
  transition: all .2s ease-out;
  box-shadow: inset 0 -2.5px 0 0 rgba(5, 45, 80, 0.6); }
  p a:hover,
  li a:hover {
    box-shadow: inset 0 -2.5px 0 0 #052d50; }

hr {
  border: 0;
  height: .3em;
  background: #a1a1a1;
  width: 3em;
  margin-bottom: 1rem; }

.hr-space {
  width: 5em;
  height: 1em;
  margin-bottom: 2rem;
  background: #a1a1a1; }

/**
 * Blockquotes
 */
blockquote {
  color: #6e6e6e;
  border-left: 4px solid #a1a1a1;
  padding-left: 1rem;
  font-size: 18px;
  letter-spacing: -1px;
  font-style: italic; }
  blockquote > :last-child {
    margin-bottom: 0; }

/**
 * Code formatting
 */
pre,
code {
  font-size: 15px;
  border: 1px solid #a1a1a1;
  border-radius: 3px;
  background-color: #eef; }

code {
  padding: 1px 5px; }

pre {
  padding: 8px 12px;
  overflow-x: auto; }
  pre > code {
    border: 0;
    padding-right: 0;
    padding-left: 0; }

address {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .1rem;
  font-size: .8rem; }

button > * {
  pointer-events: none; }

.container {
  width: 94%;
  margin: 0 auto; }
  @media (min-width: 800px) {
    .container {
      width: 100%;
      margin: 0 auto;
      max-width: 740px; } }
.container-wide {
  width: 94%;
  margin: 0 auto; }
  @media (max-width: 800px) {
    .container-wide {
      width: 100%;
      margin: 0 auto;
      max-width: 1200px; } }
/**
 * Clearfix
 */
button {
  display: inline-block;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  border: none;
  margin: 0;
  text-decoration: none;
  background: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative; }

button:focus {
  outline: none;
  outline-offset: -4px; }

.button, a.button {
  background: #052d50;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1.4;
  margin: 1rem;
  margin-left: 0;
  padding: .6em 1.5em;
  text-decoration: none;
  z-index: 1;
  text-align: center;
  border-radius: 2px;
  color: white;
  font-size: inherit;
  font-weight: 500;
  position: relative;
  vertical-align: middle;
  transition: all .2s ease-out;
  font-size: .9rem; }
  @media (min-width: 1000px) {
    .button, a.button {
      font-size: .9rem;
      padding: .7em 1.5em;
      font-weight: 500; } }
  .button span, a.button span {
    color: white;
    font-size: .8rem; }
    @media (min-width: 1000px) {
      .button span, a.button span {
        font-size: .9rem;
        font-weight: 500; } }
  .button:hover, a.button:hover {
    background: #073b68; }
  .button.alt, a.button.alt {
    background: #F4D06D;
    box-shadow: inset 0 0 0 0.15em #F4D06D;
    color: #052d50; }
    .button.alt span, a.button.alt span {
      color: #052d50; }
    .button.alt.border, a.button.alt.border {
      color: white;
      background: rgba(0, 0, 0, 0);
      box-shadow: inset 0 0 0 0.15em white; }
      .button.alt.border span, a.button.alt.border span {
        color: #F4D06D; }
      .button.alt.border:hover, a.button.alt.border:hover {
        background: #F4D06D;
        box-shadow: inset 0 0 0 0.15em #F4D06D;
        color: #052d50; }
        .button.alt.border:hover span, a.button.alt.border:hover span {
          color: #052d50; }
  .button.border, a.button.border {
    color: #052d50;
    background: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 0.15em #052d50; }
    .button.border:hover, a.button.border:hover {
      background: #052d50;
      color: white; }
      .button.border:hover span, a.button.border:hover span {
        color: white; }
    .button.border span, a.button.border span {
      color: #052d50; }

.nav {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  margin-top: 2.5em;
  background-color: rgba(0, 0, 0, 0);
  line-height: 0;
  z-index: 2000;
  -webkit-transition: background-color .3s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: background-color .3s ease-out;
  /* FF3.7+ */
  -o-transition: background-color .3s ease-out;
  /* Opera 10.5 */
  transition: background-color .3s ease-out; }

.nav.nav-on {
  background-color: white; }
  .nav.nav-on a {
    color: #052d50; }
  .nav.nav-on a.navbar-item.active {
    color: #052d50; }
  .nav.nav-on a:visited {
    color: #052d50; }
  .nav.nav-on .nav-logo svg :nth-child(2) path {
    fill: #052d50 !important; }
  .nav.nav-on .nav-logo svg :nth-child(2) rect {
    fill: #052d50 !important; }

.nav.nav-off {
  background-color: rgba(0, 0, 0, 0); }

.nav.nav-brand {
  background: #052d50; }

.nav-title {
  flex: 1;
  padding: .5em 1em; }
  .nav-title a {
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
    color: white;
    text-decoration: none;
    box-shadow: none; }

.nav-logo svg {
  height: 3em;
  width: auto; }

.nav-logo-alt svg :nth-child(2) path {
  fill: #052d50 !important; }

.nav-logo-alt svg :nth-child(2) rect {
  fill: #052d50 !important; }

.nav-items {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  padding-right: 1em; }
  .nav-items ul {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center; }
    @media (max-width: 800px) {
      .nav-items ul {
        display: none; } }
    .nav-items ul li {
      list-style: none;
      margin: 0; }
      .nav-items ul li a {
        display: inline-block;
        font-weight: 600;
        color: white;
        font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
        font-size: .6rem;
        letter-spacing: .05em;
        padding: 1.5em .5em;
        margin: 0 1em;
        box-shadow: none;
        -webkit-transition: color .2s ease-out;
        /* Saf3.2+, Chrome */
        -moz-transition: color .2s ease-out;
        /* FF3.7+ */
        -o-transition: color .2s ease-out;
        /* Opera 10.5 */
        transition: color .2s ease-out;
        cursor: pointer; }
        @media (min-width: 1000px) {
          .nav-items ul li a {
            font-size: .8rem; } }
        .nav-items ul li a:visited {
          color: white; }
        .nav-items ul li a:hover {
          text-decoration: none;
          color: #F4D06D;
          -webkit-transition: color .2s ease-out;
          /* Saf3.2+, Chrome */
          -moz-transition: color .2s ease-out;
          /* FF3.7+ */
          -o-transition: color .2s ease-out;
          /* Opera 10.5 */
          transition: color .2s ease-out; }
  .nav-items.alt ul li a {
    color: #052d50; }
  .nav-items.alt ul li:visited {
    color: #052d50; }

.nav-items li a.nav-calltoaction {
  color: rgba(5, 45, 80, 0.95);
  background: #F4D06D;
  padding: .8em 1.5em;
  box-shadow: none;
  margin: 0;
  border-radius: 2px; }
  .nav-items li a.nav-calltoaction:visited {
    color: #052d50; }
  .nav-items li a.nav-calltoaction:hover {
    text-decoration: none;
    color: white;
    -webkit-transition: color .2s ease-out;
    /* Saf3.2+, Chrome */
    -moz-transition: color .2s ease-out;
    /* FF3.7+ */
    -o-transition: color .2s ease-out;
    /* Opera 10.5 */
    transition: color .2s ease-out; }

a.navbar-item.active {
  color: white;
  box-shadow: 0 0.3em 0em #F4D06D; }

.nav-items.dark a {
  color: rgba(40, 50, 40, 0.9);
  -webkit-transition: color .2s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: color .2s ease-out;
  /* FF3.7+ */
  -o-transition: color .2s ease-out;
  /* Opera 10.5 */
  transition: color .2s ease-out; }

.nav-items.dark a.nav-calltoaction {
  color: white;
  background: #F4D06D; }
  .nav-items.dark a.nav-calltoaction:hover {
    color: white;
    background: #f2c855; }

a.nav-button {
  display: none;
  padding: 0 0.5rem;
  z-index: 2000; }
  @media (max-width: 800px) {
    a.nav-button {
      display: inline-block; } }
.burger-icon {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .burger-icon, .burger-icon::before, .burger-icon::after {
    display: block;
    width: 30px;
    height: 2px;
    background-color: white;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  .burger-icon::before, .burger-icon::after {
    position: absolute;
    content: ""; }
  .burger-icon::before {
    top: -10px; }
  .burger-icon::after {
    top: 10px; }

.dark .burger-icon {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .dark .burger-icon, .dark .burger-icon::before, .dark .burger-icon::after {
    display: block;
    width: 30px;
    height: 2px;
    background-color: rgba(40, 50, 40, 0.9);
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  .dark .burger-icon::before, .dark .burger-icon::after {
    position: absolute;
    content: ""; }
  .dark .burger-icon::before {
    top: -10px; }
  .dark .burger-icon::after {
    top: 10px; }

.burger-icon.brand {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .burger-icon.brand, .burger-icon.brand::before, .burger-icon.brand::after {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #052d50;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  .burger-icon.brand::before, .burger-icon.brand::after {
    position: absolute;
    content: ""; }
  .burger-icon.brand::before {
    top: -10px; }
  .burger-icon.brand::after {
    top: 10px; }

.nav-button.is-active .burger-icon {
  background-color: transparent; }

.nav-button.is-active .burger-icon::before, .nav-button.is-active .burger-icon::after {
  background-color: rgba(40, 50, 40, 0.9); }

.nav-button.is-active .burger-icon::before {
  -webkit-transform: translateY(10px) rotate(45deg);
  -moz-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg); }

.nav-button.is-active .burger-icon::after {
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -moz-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg); }

.nav-drawer {
  background: #f0f0f0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1700;
  margin-top: 4em;
  display: none; }
  @media (max-width: 800px) {
    .nav-drawer {
      position: relative;
      margin: 0; } }
  .nav-drawer ul {
    display: inline-block;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around; }
    @media (min-width: 800px) {
      .nav-drawer ul {
        flex-direction: row; } }
    .nav-drawer ul li {
      display: block;
      margin: 0; }
      .nav-drawer ul li a.nav-drawer-item {
        color: #052d50;
        font-size: .9rem;
        color: #052d50;
        padding: .5em 0;
        margin: 1rem 0;
        letter-spacing: .03em; }
        .nav-drawer ul li a.nav-drawer-item.active {
          color: #F4D06D;
          box-shadow: 0 0.2em 0em #F4D06D; }
        .nav-drawer ul li a.nav-drawer-item:visited {
          color: #052d50;
          box-shadow: 0 0.2em 0em #F4D06D; }
        .nav-drawer ul li a.nav-drawer-item:visited:hover {
          color: #052d50;
          box-shadow: 0 0.2em 0em #F4D06D; }
        .nav-drawer ul li a.nav-drawer-item:hover, .nav-drawer ul li a.nav-drawer-item a:visited:hover {
          color: #052d50;
          box-shadow: 0 0.2em 0em #F4D06D; }
        .nav-drawer ul li a.nav-drawer-item:hover {
          color: #052d50;
          box-shadow: 0 0.2em 0em #F4D06D; }

ul.nav-drawer-subitems {
  flex-direction: column;
  margin: 0; }
  ul.nav-drawer-subitems li {
    display: block;
    margin: 0;
    margin-bottom: 0px; }
    ul.nav-drawer-subitems li a {
      font-size: .7rem;
      padding: 0;
      margin: 0;
      margin-bottom: 2rem; }
      ul.nav-drawer-subitems li a:visited {
        color: #052d50; }
      ul.nav-drawer-subitems li a:visited:hover {
        color: #052d50; }
      ul.nav-drawer-subitems li a:hover, ul.nav-drawer-subitems li a a:visited:hover {
        color: #052d50; }
      ul.nav-drawer-subitems li a:hover {
        color: #052d50; }

.mobile-nav {
  width: 100%;
  height: 100%;
  z-index: -3;
  text-transform: uppercase;
  text-align: center;
  background: white;
  position: fixed;
  display: none;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .mobile-nav.load {
    z-index: 1900;
    display: flex; }
  .mobile-nav.exit {
    z-index: -3;
    display: flex; }
  @media (min-width: 800px) {
    .mobile-nav {
      display: none; } }
.mobile-nav-items {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  margin-top: 5em;
  letter-spacing: .2em;
  overflow: scroll;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  text-align: center;
  align-items: center;
  padding: 0; }
  .mobile-nav-items h4 {
    font-size: 1.2rem;
    margin-top: 0.5rem;
    margin-bottom: 0; }

.mobile-nav-items ul {
  width: 100%;
  margin: 0;
  text-align: center; }

.mobile-nav-items li {
  width: 100%;
  margin: 0;
  list-style: none;
  margin-bottom: 1rem; }

.mobile-nav-items li a {
  font-weight: 800;
  font-size: 1rem;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  letter-spacing: .05em;
  display: block;
  padding: 0.66666667rem 0;
  margin: 0 auto;
  box-shadow: none;
  cursor: pointer; }

.mobile-nav-items a.nav-calltoaction {
  color: white;
  background: #052d50;
  margin: 0;
  padding: 1em;
  margin-bottom: 15vh; }
  .mobile-nav-items a.nav-calltoaction:visited {
    color: white; }
  .mobile-nav-items a.nav-calltoaction:hover {
    text-decoration: none;
    color: white;
    background: #073b68;
    -webkit-transition: color .2s ease-out;
    /* Saf3.2+, Chrome */
    -moz-transition: color .2s ease-out;
    /* FF3.7+ */
    -o-transition: color .2s ease-out;
    /* Opera 10.5 */
    transition: color .2s ease-out; }

.mobile-nav-items a.navbar-item.active {
  color: white;
  background: #052d50;
  margin-bottom: .3em; }

.mobile-nav-items a:hover {
  text-decoration: none;
  color: #052d50;
  -webkit-transition: color .3s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: color .3s ease-out;
  /* FF3.7+ */
  -o-transition: color .3s ease-out;
  /* Opera 10.5 */
  transition: color .3s ease-out;
  box-shadow: none; }

.quick-links {
  width: 100%;
  height: 2.5em;
  text-transform: uppercase;
  display: none;
  justify-content: flex-end;
  position: absolute;
  z-index: 1900; }
  @media (min-width: 800px) {
    .quick-links {
      display: flex; } }
  .quick-links ul {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .quick-links ul li {
      list-style: none;
      margin: 0;
      line-height: 0;
      letter-spacing: .03em; }
      .quick-links ul li a {
        font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
        color: white;
        font-size: .4rem;
        padding: 1.2em .5em;
        margin: 0 1em;
        font-weight: 700;
        box-shadow: none;
        display: inline-block; }
        @media (min-width: 1000px) {
          .quick-links ul li a {
            font-size: .5rem; } }
        .quick-links ul li a:visited {
          color: white; }
        .quick-links ul li a:hover {
          color: white;
          box-shadow: 0 0.2em 0em white; }

.quick-links.nav-on {
  background: #052d50; }

.search-link {
  color: white;
  box-shadow: none;
  padding: 0;
  margin-right: 1rem; }
  @media (max-width: 800px) {
    .search-link {
      display: none; } }
  .search-link.mobile {
    display: none; }
    @media (max-width: 800px) {
      .search-link.mobile {
        display: inline-block; } }
  .search-link:hover {
    box-shadow: none; }
  .search-link.brand {
    color: #052d50; }
  @media (min-width: 800px) {
    .search-link svg {
      height: 18px;
      width: 18px; } }
.sub-nav {
  text-align: center;
  background: #f0f0f0;
  margin: 0;
  list-style: none;
  margin-bottom: 2rem; }
  .sub-nav .sub-nav-item {
    display: inline-block;
    padding: 0.5rem 0;
    margin: 0; }
    @media (max-width: 800px) {
      .sub-nav .sub-nav-item {
        display: block;
        width: 100%; } }
    .sub-nav .sub-nav-item a {
      padding: 1rem 0.5rem;
      font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
      font-size: .7rem;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: .1rem; }
      @media (max-width: 500px) {
        .sub-nav .sub-nav-item a {
          font-size: .6rem; } }
  .sub-nav .active {
    background: #a1a1a1;
    border-bottom: 0.2rem solid #F4D06D; }
    .sub-nav .active a {
      color: #052d50; }

.post-item {
  margin-bottom: 2rem; }

.post-header {
  display: table;
  width: 100%;
  min-height: 30vh;
  max-height: 30vh;
  height: 30vh;
  padding: 1rem 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center; }
  .post-header .button {
    box-shadow: inset 0 0 0 0.2em white;
    color: white; }

h3.post-title {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 0.5rem;
  line-height: 1.4;
  font-size: 2rem;
  color: white; }
  @media (max-width: 1000px) {
    h3.post-title {
      font-size: 1.4rem; } }
  @media (max-width: 800px) {
    h3.post-title {
      font-size: 1.2rem; } }
.post-tag {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 80%;
  letter-spacing: .1em;
  color: #3b3b3b;
  margin-bottom: .5em; }

.post-meta {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
  text-transform: uppercase;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 80%;
  letter-spacing: .1em;
  color: white; }

#video-banner {
  position: relative;
  background: #052d50;
  overflow: hidden;
  height: 100vh;
  width: 100%; }

#video-banner .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }
  @media (max-width: 800px) {
    #video-banner .video {
      width: 100%;
      height: 100%;
      padding: 0;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      text-align: center; } }
#video-banner .video-overlay {
  background-image: linear-gradient(to bottom right, #052d50 50%, #F4D06D);
  opacity: .90;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 100vh; }
  @media (max-width: 800px) {
    #video-banner .video-overlay {
      width: 100%;
      height: 100%;
      padding: 0;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      text-align: center; } }
#video-banner video {
  position: absolute;
  width: 100vw;
  top: 0;
  left: 0; }

#video-banner .video-element {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto 100%; }

.grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: space-around;
  flex-direction: row;
  margin-top: 2rem; }
  .grid.column {
    flex-direction: column;
    align-items: center; }
    .grid.column .grid-item {
      margin-bottom: 0.95238095rem; }
      .grid.column .grid-item .grid-item-content {
        padding: 1em 3%; }
  .grid .grid-item {
    width: 100%;
    margin: 0 0.5rem;
    margin-bottom: 1rem;
    flex-basis: 100%;
    max-width: 740px;
    border-radius: 0.3em;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1), 0px 0px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-grow: 1;
    will-change: transform,filter,shadow;
    transform-style: preserve-3d;
    transition: transform .3s ease-out; }
    @media (min-width: 500px) {
      .grid .grid-item {
        flex-basis: 45%; } }
    @media (min-width: 1000px) {
      .grid .grid-item {
        margin: 0 1rem;
        margin-bottom: 2rem;
        flex-basis: 30%; } }
    .grid .grid-item .grid-item-content {
      width: 94%;
      padding: 1em 3%;
      box-shadow: none; }
      @media (min-width: 800px) {
        .grid .grid-item .grid-item-content {
          padding: 3em 3%; } }
      .grid .grid-item .grid-item-content h3 {
        font-size: 1.2rem;
        line-height: 1.4;
        margin: 0; }
      .grid .grid-item .grid-item-content .button {
        margin-top: 0;
        margin-bottom: 0; }
    .grid .grid-item:hover {
      transform: scale(1.01);
      box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.15), 0px 0px 4px rgba(0, 0, 0, 0.1); }
    .grid .grid-item:only-child {
      margin: 0 auto; }

.img-overlay-alt {
  height: 100%;
  width: 100%;
  position: absolute;
  background: #052d50;
  opacity: .1; }

.cacc-background-svg {
  position: absolute;
  height: 100%; }

.page {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 1400px;
  margin: 0 auto;
  margin-bottom: 2rem;
  z-index: 1;
  position: relative; }
  .page:first-of-type {
    margin-top: 2rem; }
  @media (min-width: 1800px) {
    .page {
      max-width: 1800px; } }
  .page .page-title {
    color: #052d50;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: .05em;
    margin-bottom: 2rem; }
    @media (max-width: 500px) {
      .page .page-title {
        font-size: 1.4rem; } }
  .page .page-subtitle {
    color: #6e6e6e;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: .2em;
    margin-bottom: 2rem; }
    @media (max-width: 500px) {
      .page .page-subtitle {
        font-size: 1rem; } }
  .page .page-body {
    width: 100%;
    display: flex;
    flex-direction: column; }
    @media (min-width: 1000px) {
      .page .page-body {
        justify-content: flex-end;
        flex-direction: row-reverse; } }
  .page .side-bar {
    width: 100%; }
    .page .side-bar hr {
      width: 4em;
      height: .5em;
      margin: 0;
      margin-top: 1rem;
      margin-bottom: 1rem;
      background: #F4D06D;
      display: none; }
    @media (min-width: 1000px) {
      .page .side-bar {
        flex-basis: 20%; } }
    .page .side-bar .side-bar-navigation {
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .page .side-bar .side-bar-navigation h4 {
        font-size: 1.2rem;
        margin-bottom: 1rem; }
      .page .side-bar .side-bar-navigation ul {
        margin: 0;
        margin-bottom: 2rem;
        display: flex;
        flex-wrap: wrap; }
        @media (min-width: 1000px) {
          .page .side-bar .side-bar-navigation ul {
            flex-wrap: nowrap;
            flex-direction: column; } }
      .page .side-bar .side-bar-navigation li {
        list-style: none;
        margin-right: 1rem;
        font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
        white-space: nowrap; }
        @media (min-width: 1000px) {
          .page .side-bar .side-bar-navigation li {
            margin: 0;
            margin-bottom: 1rem; } }
      .page .side-bar .side-bar-navigation p, .page .side-bar .side-bar-navigation a, .page .side-bar .side-bar-navigation li {
        font-size: .8rem; }
      .page .side-bar .side-bar-navigation a {
        box-shadow: inset 0 -2.5px 0 0 rgba(0, 0, 0, 0); }
        .page .side-bar .side-bar-navigation a:hover {
          box-shadow: inset 0 -2.5px 0 0 #052d50 !important; }
      .page .side-bar .side-bar-navigation .side-bar-link {
        display: inline-flex;
        align-items: center;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis; }
      .page .side-bar .side-bar-navigation svg {
        width: 12px;
        height: 12px;
        right: 0;
        background: white; }
  .page .page-content {
    flex-basis: 75%;
    margin-right: 2%;
    width: 100%;
    max-width: 1200px; }
  .page .page-resources {
    width: 100%; }
    .page .page-resources h5 {
      font-size: 1.2rem;
      margin-bottom: 0.5rem; }
    .page .page-resources p, .page .page-resources li {
      font-size: .9rem; }

header {
  background-color: #052d50;
  width: 100%;
  position: relative;
  overflow: hidden; }
  header.outer:before {
    padding-top: 133.33333333%; }
    @media (min-width: 800px) {
      header.outer:before {
        padding-top: 75%; } }
    @media (min-width: 1000px) {
      header.outer:before {
        padding-top: 58.33333333%; } }
    @media (min-width: 1400px) {
      header.outer:before {
        padding-top: 50%; } }
    @media (min-width: 1800px) {
      header.outer:before {
        padding-top: 46.66666667%; } }
  header .header-background-svg {
    position: absolute;
    height: 150%;
    margin-top: -8em; }
    @media (min-width: 800px) {
      header .header-background-svg {
        margin-top: -12em; } }
  header .header-background {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
    position: absolute;
    color: transparent; }
  header .header-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    background: #052d50;
    opacity: .9; }
  header .student-image {
    position: absolute;
    height: 800px;
    width: auto;
    bottom: 0;
    right: 0;
    margin-bottom: -5em;
    margin-right: -10em;
    display: none; }
    @media (min-width: 800px) {
      header .student-image {
        height: 500px;
        margin-right: -5em;
        display: block; } }
    @media (min-width: 1000px) {
      header .student-image {
        height: 700px; } }
    @media (min-width: 1400px) {
      header .student-image {
        height: 900px;
        margin-bottom: -20em; } }
    @media (min-width: 1800px) {
      header .student-image {
        height: 1400px;
        margin-bottom: -25em; } }
  header .header-content {
    position: relative;
    height: 100%;
    display: flex;
    display: flex;
    justify-content: center;
    text-align: left;
    flex-direction: column;
    margin-top: 4rem;
    margin-left: 2rem;
    z-index: 1; }
    @media (min-width: 1000px) {
      header .header-content {
        margin-left: 4rem; } }
    header .header-content h1 {
      font-size: .6rem;
      letter-spacing: .3rem;
      margin-bottom: 1rem;
      line-height: 1;
      font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
      text-transform: uppercase;
      color: #052d50; }
      @media (min-width: 1000px) {
        header .header-content h1 {
          font-size: .6rem; } }
      @media (min-width: 1400px) {
        header .header-content h1 {
          font-size: .8rem; } }
    header .header-content h2 {
      font-size: 2rem;
      text-transform: uppercase;
      letter-spacing: .2rem;
      font-weight: 700;
      color: #052d50;
      margin-bottom: 0; }
      @media (min-width: 1000px) {
        header .header-content h2 {
          letter-spacing: .3rem;
          font-size: 3rem; } }
      @media (min-width: 1400px) {
        header .header-content h2 {
          letter-spacing: .3rem;
          font-size: 4rem; } }
      @media (min-width: 1800px) {
        header .header-content h2 {
          letter-spacing: .3rem;
          font-size: 6rem; } }
    header .header-content h3 {
      font-size: 1.2rem;
      text-transform: uppercase;
      letter-spacing: .2rem;
      font-weight: 700;
      color: #052d50;
      margin-bottom: .05em; }
      @media (min-width: 1000px) {
        header .header-content h3 {
          letter-spacing: .3rem;
          font-size: 1.8rem; } }
      @media (min-width: 1400px) {
        header .header-content h3 {
          letter-spacing: .3rem;
          font-size: 2.2rem; } }
      @media (min-width: 1800px) {
        header .header-content h3 {
          letter-spacing: .3rem;
          font-size: 3.45rem; } }
    header .header-content h4 {
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: .2rem;
      font-weight: 700;
      color: white;
      margin-bottom: 1rem;
      margin-top: 2rem; }
      @media (min-width: 1000px) {
        header .header-content h4 {
          letter-spacing: .3rem;
          font-size: 1.2rem; } }
      @media (min-width: 1400px) {
        header .header-content h4 {
          letter-spacing: .3rem;
          font-size: 2rem; } }
    header .header-content p {
      font-size: .8rem;
      letter-spacing: .05rem;
      line-height: 1.4;
      font-weight: 500;
      color: #052d50;
      margin-bottom: .2em; }
      header .header-content p br {
        display: none; }
      @media (min-width: 800px) {
        header .header-content p {
          font-size: .9rem; }
          header .header-content p br {
            display: block; } }
      @media (min-width: 1400px) {
        header .header-content p {
          font-size: 1rem; } }
      @media (min-width: 1800px) {
        header .header-content p {
          font-size: 1.4rem; } }
    header .header-content .header-buttons {
      display: flex; }
    header .header-content .header-meta {
      margin-top: 0.5rem;
      font-size: .8rem;
      font-weight: 500; }

header {
  background-color: #052d50; }
  header .hero {
    width: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
    background: #052d50; }
    header .hero.page-hero.outer:before {
      padding-top: 58.82352941%; }
      @media (min-width: 800px) {
        header .hero.page-hero.outer:before {
          padding-top: 58.82352941%; } }
      @media (min-width: 1000px) {
        header .hero.page-hero.outer:before {
          padding-top: 47.05882353%; } }
      @media (min-width: 1400px) {
        header .hero.page-hero.outer:before {
          padding-top: 35.29411765%; } }
      @media (min-width: 1800px) {
        header .hero.page-hero.outer:before {
          padding-top: 23.52941176%; } }
    header .hero.page-hero img {
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: top;
      position: absolute;
      color: transparent; }
    header .hero.page-hero .img-overlay {
      height: 100%;
      width: 100%;
      position: absolute;
      background: #052d50;
      opacity: .8; }
    header .hero.page-hero .cta {
      width: 100%;
      height: 100%;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center; }
      header .hero.page-hero .cta .cta-content {
        flex-basis: 100%;
        position: absolute;
        margin-top: 2rem;
        text-align: center;
        margin-left: 0;
        padding: 1em; }
        @media (min-width: 1000px) {
          header .hero.page-hero .cta .cta-content {
            padding: 4em;
            flex-basis: 60em; } }
        header .hero.page-hero .cta .cta-content h1 {
          font-size: .7rem;
          margin-bottom: 1rem;
          letter-spacing: .2em;
          font-weight: 700;
          text-transform: uppercase;
          color: white; }
          @media (min-width: 1000px) {
            header .hero.page-hero .cta .cta-content h1 {
              font-size: .7rem; } }
        header .hero.page-hero .cta .cta-content h2 {
          font-size: 1.4rem;
          margin-bottom: 1rem;
          text-transform: unset;
          letter-spacing: .1rem;
          color: white; }
          @media (min-width: 1000px) {
            header .hero.page-hero .cta .cta-content h2 {
              font-size: 3rem; } }
          @media (min-width: 1400px) {
            header .hero.page-hero .cta .cta-content h2 {
              font-size: 4rem; } }
        header .hero.page-hero .cta .cta-content p {
          font-size: .8rem;
          letter-spacing: .1rem;
          line-height: 1.4;
          font-weight: 500;
          color: white;
          margin-bottom: .2em; }
          header .hero.page-hero .cta .cta-content p br {
            display: none; }
          @media (min-width: 1000px) {
            header .hero.page-hero .cta .cta-content p {
              font-size: .9rem; }
              header .hero.page-hero .cta .cta-content p br {
                display: block; } }
          @media (min-width: 1400px) {
            header .hero.page-hero .cta .cta-content p {
              font-size: 1rem; } }
        header .hero.page-hero .cta .cta-content .video-button {
          color: white;
          box-shadow: none;
          display: block;
          margin: 0 auto; }
          header .hero.page-hero .cta .cta-content .video-button .feather {
            width: 25px;
            height: 25px;
            stroke-width: 2;
            margin: 0; }
          header .hero.page-hero .cta .cta-content .video-button p, header .hero.page-hero .cta .cta-content .video-button a, header .hero.page-hero .cta .cta-content .video-button button {
            color: white;
            margin: 0; }
        header .hero.page-hero .cta .cta-content .cta-links {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-direction: column; }
          @media (min-width: 1000px) {
            header .hero.page-hero .cta .cta-content .cta-links {
              flex-direction: row; } }
          header .hero.page-hero .cta .cta-content .cta-links a {
            color: white;
            font-size: 1rem;
            display: flex;
            align-items: center;
            margin-bottom: 1rem; }

header {
  background-color: #052d50; }
  header .hero.marketing-hero {
    width: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
    background: #052d50; }
    header .hero.marketing-hero.outer:before {
      padding-top: 125%; }
      @media (min-width: 800px) {
        header .hero.marketing-hero.outer:before {
          padding-top: 75%; } }
      @media (min-width: 1000px) {
        header .hero.marketing-hero.outer:before {
          padding-top: 50%; } }
      @media (min-width: 1400px) {
        header .hero.marketing-hero.outer:before {
          padding-top: 46.15384615%; } }
    header .hero.marketing-hero img {
      height: 100%;
      object-fit: cover; }
    header .hero.marketing-hero .img-overlay {
      height: 100%; }
    header .hero.marketing-hero .cta .cta-content {
      flex-basis: 100%;
      position: absolute;
      margin-top: 2rem;
      text-align: center;
      margin-left: 0; }
      header .hero.marketing-hero .cta .cta-content h1 {
        font-size: .6rem;
        letter-spacing: .3rem;
        margin-bottom: 1rem;
        line-height: 1;
        font-family: "Poppins", -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif;
        text-transform: uppercase;
        color: white; }
        @media (min-width: 1000px) {
          header .hero.marketing-hero .cta .cta-content h1 {
            font-size: .6rem; } }
        @media (min-width: 1400px) {
          header .hero.marketing-hero .cta .cta-content h1 {
            font-size: .7rem; } }
      header .hero.marketing-hero .cta .cta-content h2 {
        font-size: 2rem;
        text-transform: uppercase;
        letter-spacing: .2rem;
        font-weight: 700;
        color: white;
        margin-bottom: 1rem; }
        @media (min-width: 1000px) {
          header .hero.marketing-hero .cta .cta-content h2 {
            letter-spacing: .3rem;
            font-size: 3rem;
            margin-bottom: 2rem; } }
        @media (min-width: 1400px) {
          header .hero.marketing-hero .cta .cta-content h2 {
            letter-spacing: .3rem;
            font-size: 5rem; } }
      header .hero.marketing-hero .cta .cta-content h3 {
        font-size: 1.2rem;
        text-transform: uppercase;
        letter-spacing: .2rem;
        font-weight: 700;
        color: white;
        margin-bottom: .05em; }
        @media (min-width: 1000px) {
          header .hero.marketing-hero .cta .cta-content h3 {
            letter-spacing: .3rem;
            font-size: 1.8rem; } }
        @media (min-width: 1400px) {
          header .hero.marketing-hero .cta .cta-content h3 {
            letter-spacing: .3rem;
            font-size: 2.6rem; } }
      header .hero.marketing-hero .cta .cta-content .bigheaderbutton {
        display: block;
        font-size: 1.2rem;
        text-transform: uppercase;
        letter-spacing: .1rem;
        font-weight: 700;
        color: #052d50;
        margin-bottom: 1rem;
        margin-top: 2rem;
        background: #F4D06D;
        padding: 1rem 0.66666667rem; }
        @media (min-width: 1000px) {
          header .hero.marketing-hero .cta .cta-content .bigheaderbutton {
            letter-spacing: .3rem;
            font-size: 1.2rem;
            padding: 2rem 1rem; } }
        @media (min-width: 1400px) {
          header .hero.marketing-hero .cta .cta-content .bigheaderbutton {
            letter-spacing: .3rem;
            font-size: 1.8rem; } }
.mobile-quick-links {
  background: #052d50;
  padding: 0.5rem 0;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2000;
  width: 100%; }
  @media (min-width: 800px) {
    .mobile-quick-links {
      display: none; } }
  .mobile-quick-links ul {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
    margin: 0; }
    .mobile-quick-links ul li {
      list-style: none;
      margin: 0 .5em .5em;
      flex-grow: 1;
      text-align: center; }
      .mobile-quick-links ul li span {
        display: block; }
      .mobile-quick-links ul li a {
        font-size: .5rem;
        font-weight: 700;
        letter-spacing: .05em;
        color: white;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .mobile-quick-links ul li a svg {
          padding: 0.5rem;
          stroke-width: 1.6; }