.enhanced .static_ourstory-short .static_ourstory_long,
.enhanced .static_ourstory-long .static_ourstory_short {
  position: absolute;
  width: 0;
  height: 0;
  clip: 0, 0, 0, 0;
  overflow: hidden; }

.enhanced .static_ourstory_long {
  opacity: 0;
  transition: opacity 1s ease-in;
  transition-delay: .4s; }

.enhanced .static_ourstory-long .static_ourstory_long {
  opacity: 1; }

.static_hero-ourstory {
  position: static;
  max-height: none; }

.static_hero-ourstory img {
  width: 100%; }
  @media (min-width: 50em) {
    .static_hero-ourstory img {
      object-fit: cover;
      object-position: center; } }

.static_hero-ourstory:after,
.static_ourstory:after {
  content: " ";
  float: right;
  width: 1px;
  height: 1px; }

.static_ourstory:after {
  float: left; }

.static_ourstory {
  will-change: width, margin-top;
  /*transform: rotateZ(0);
  transition: all .4s linear;*/
  position: relative;
  background-image: none;
  padding-top: 0; }
  .static_ourstory:before {
    display: block;
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-size: 105%; }
  .static_ourstory:before {
    height: 4vw;
    min-height: 35px;
    max-height: 60px;
    top: auto;
    bottom: 100%; }
    @media (min-width: 50em) {
      .static_ourstory:before {
        bottom: 99%; } }
  .static_ourstory .static_body {
    overflow: hidden; }
  @media (min-width: 50em) {
    .static_ourstory.static_ourstory-short {
      margin-left: 4%;
      margin-top: -40%;
      width: 40%;
      max-width: 530px;
      padding: 0 20px 25px;
      box-sizing: border-box;
      background: #fff; } }
  @media (min-width: 50em) {
    .static_ourstory.static_ourstory-short {
      /* 600px */
      margin-left: 5%; } }
  @media (min-width: 50em) {
    .static_ourstory.static_ourstory-short {
      /* 768px */
      margin-left: 4%; } }
  @media (min-width: 75em) {
    .static_ourstory.static_ourstory-short {
      /* 1200px */
      margin-left: 5%; } }
  @media (min-width: 106.25em) {
    .static_ourstory.static_ourstory-short {
      /* 1700px */
      margin-left: 5.3125em;
      /* static padding at max-width */ } }
  @media (min-width: 50em) {
      .static_ourstory.static_ourstory-short .static_body {
        padding-left: 1em;
        padding-right: 1em; } }
  @media (min-width: 100em) {
    .static_ourstory.static_ourstory-short {
      width: 30%; } }
  .static_ourstory.static_ourstory-long {
    position: relative;
    z-index: 1000;
    background-color: #fff;
    margin-top: -10%;
    width: 100%; }
    .static_ourstory.static_ourstory-long:before, .static_ourstory.static_ourstory-long:after {
      content: " ";
      display: table; }
    .static_ourstory.static_ourstory-long:after {
      clear: both; }
    .static_ourstory.static_ourstory-long {
      *zoom: 1; }
    .static_ourstory.static_ourstory-long:before {
      display: block;
      bottom: 100%; }

.static_content .static_ourstory_hed {
  font-weight: 700;
  /* We use calc here to keep the same browser support profile across Media Queries,
	 * especially since existing CSS should already have a fallback font-size. */
  font-size: calc(30px);
  color: #002B5C;
  margin: .5em 0 0; }
  @media (min-width: 400px) and (max-width: 999px) {
    .static_content .static_ourstory_hed {
      font-size: calc(30px + (50 - 30) * ((100vw - 400px) / (1000 - 400))); } }
  @media (min-width: 1000px) {
    .static_content .static_ourstory_hed {
      font-size: calc(50px); } }
  @media (min-width: 50em) {
    .static_content .static_ourstory_hed {
      margin-top: .2em; } }
  @media (min-width: 62.5em) {
    .static_content .static_ourstory_hed {
      font-size: 3.125em; } }

.static_ourstory-long .static_content .static_ourstory_hed {
  margin-top: .5em; }
  @media (min-width: 62.5em) {
    .static_ourstory-long .static_content .static_ourstory_hed {
      margin-top: .8em; } }

.static_content .static_ourstory_subhed {
  font-weight: 400;
  /* We use calc here to keep the same browser support profile across Media Queries,
	 * especially since existing CSS should already have a fallback font-size. */
  font-size: calc(19px);
  color: #1176bb;
  margin-top: .2em; }
  .fonts-loaded .static_content .static_ourstory_subhed {
    font-family: Nunito Sans, sans-serif; }
  @media (min-width: 400px) and (max-width: 1299px) {
    .static_content .static_ourstory_subhed {
      font-size: calc(19px + (22 - 19) * ((100vw - 400px) / (1300 - 400))); } }
  @media (min-width: 1300px) {
    .static_content .static_ourstory_subhed {
      font-size: calc(22px); } }

.static_content .static_ourstory_summary {
  font-weight: 400;
  /* We use calc here to keep the same browser support profile across Media Queries,
	 * especially since existing CSS should already have a fallback font-size. */
  font-size: calc(17px);
  line-height: 1.2;
  color: #002B5C; }
  .fonts-loaded .static_content .static_ourstory_summary {
    font-family: Nunito Sans, sans-serif; }
  @media (min-width: 400px) and (max-width: 1299px) {
    .static_content .static_ourstory_summary {
      font-size: calc(17px + (20 - 17) * ((100vw - 400px) / (1300 - 400))); } }
  @media (min-width: 1300px) {
    .static_content .static_ourstory_summary {
      font-size: calc(20px); } }
  .static_content .static_ourstory_summary strong {
    font-family: sans-serif;
    font-weight: 700; }
    .fonts-loaded .static_content .static_ourstory_summary strong {
      font-family: Nunito Sans Bold, sans-serif; }

.static_ourstory_long .static_ourstory_summary {
  font-weight: 700;
  /* We use calc here to keep the same browser support profile across Media Queries,
	 * especially since existing CSS should already have a fallback font-size. */
  font-size: calc(19px); }
  .fonts-loaded .static_ourstory_long .static_ourstory_summary {
    font-family: Nunito Sans Bold, sans-serif; }
  @media (min-width: 400px) and (max-width: 1299px) {
    .static_ourstory_long .static_ourstory_summary {
      font-size: calc(19px + (24 - 19) * ((100vw - 400px) / (1300 - 400))); } }
  @media (min-width: 1300px) {
    .static_ourstory_long .static_ourstory_summary {
      font-size: calc(24px); } }

.static_content p.static_ourstory_text,
.static_content .static_ourstory_text > p {
  font-weight: 400;
  /* We use calc here to keep the same browser support profile across Media Queries,
	 * especially since existing CSS should already have a fallback font-size. */
  font-size: calc(16px);
  color: #002B5C; }
  .fonts-loaded .static_content p.static_ourstory_text, .fonts-loaded
  .static_content .static_ourstory_text > p {
    font-family: Nunito Sans, sans-serif; }
  @media (min-width: 400px) and (max-width: 1299px) {
    .static_content p.static_ourstory_text,
    .static_content .static_ourstory_text > p {
      font-size: calc(16px + (18 - 16) * ((100vw - 400px) / (1300 - 400))); } }
  @media (min-width: 1300px) {
    .static_content p.static_ourstory_text,
    .static_content .static_ourstory_text > p {
      font-size: calc(18px); } }

.static_ourstory_sig {
  font-weight: 400;
  font-size: 0.9375em; }
  .fonts-loaded .static_ourstory_sig {
    font-family: Nunito Sans, sans-serif; }

.static_ourstory_sig_icon {
  width: 50%;
  max-width: 350px;
  display: block;
  height: auto; /* Maintain aspect ratio */
  visibility: hidden; /* Hide until loaded */
}

.static_ourstory_sig_icon.loaded {
  visibility: visible;
}

.static_content .static_ourstory_quote {
  display: block;
  font-size: 1em;
  margin: 3em auto;
  max-width: 28em; }

.static_ourstory_quote p {
  font-weight: 700;
  /* We use calc here to keep the same browser support profile across Media Queries,
	 * especially since existing CSS should already have a fallback font-size. */
  font-size: calc(16px);
  color: #002B5C;
  text-align: center;
  line-height: 1.2; }
  .fonts-loaded .static_ourstory_quote p {
    font-family: Nunito Sans ExtraBold, sans-serif; }
  @media (min-width: 350px) and (max-width: 1399px) {
    .static_ourstory_quote p {
      font-size: calc(16px + (34 - 16) * ((100vw - 350px) / (1400 - 350))); } }
  @media (min-width: 1400px) {
    .static_ourstory_quote p {
      font-size: calc(34px); } }
  @media (min-width: 50em) {
    .static_ourstory_quote p {
      margin-top: 0; } }

.collage-3a {
  position: relative;
  text-align: right;
  box-sizing: border-box;
  max-width: 16em;
  margin: 2em auto 0 auto; }
  .collage-3a img {
    position: absolute;
    border: 8px solid #fff;
    width: 45%;
    margin-top: -30%;
    left: 0; }
  .collage-3a img:first-child {
    position: relative;
    width: 80%;
    margin-left: 20%;
    margin-top: auto;
    display: block; }
  .collage-3a img:last-child {
    position: relative;
    margin-right: 10%;
    margin-right: calc(10% + 8px);
    margin-top: -8px; }

@media (min-width: 23em) and (max-width: 49.9375em) {
  .static_content .static_ourstory_quote {
    float: left;
    width: 53%;
    margin-top: 7vw; }
  .collage-3a {
    width: 40%;
    float: right;
    margin-bottom: 1em;
    margin-top: 0;
    max-width: 16em; } }

@media (min-width: 50em) {
  .collage-3a {
    margin-top: -2em;
    max-width: 26em; } }

@media (min-width: 50em) {
  .static_ourstory_col {
    width: 45%;
    float: left; }
    .static_ourstory_col:last-child {
      float: right; } }

.static_ourstory_rgplist {
  padding-left: 4%;
  padding-right: 4%;
  margin: 2em 0 0; }
  @media (min-width: 37.5em) {
    .static_ourstory_rgplist {
      /* 600px */
      padding-left: 5%; } }
  @media (min-width: 48em) {
    .static_ourstory_rgplist {
      /* 768px */
      padding-left: 4%; } }
  @media (min-width: 75em) {
    .static_ourstory_rgplist {
      /* 1200px */
      padding-left: 5%; } }
  @media (min-width: 106.25em) {
    .static_ourstory_rgplist {
      /* 1700px */
      padding-left: 5.3125em;
      /* static padding at max-width */ } }
  @media (min-width: 37.5em) {
    .static_ourstory_rgplist {
      /* 600px */
      padding-right: 5%; } }
  @media (min-width: 48em) {
    .static_ourstory_rgplist {
      /* 768px */
      padding-right: 4%; } }
  @media (min-width: 75em) {
    .static_ourstory_rgplist {
      /* 1200px */
      padding-right: 5%; } }
  @media (min-width: 106.25em) {
    .static_ourstory_rgplist {
      /* 1700px */
      padding-right: 5.3125em;
      /* static padding at max-width */ } }
  @media (min-width: 50em) {
    .static_ourstory_rgplist {
      margin: 0;
      padding-top: 1em; } }
  @media (min-width: 70em) {
    .static_ourstory_rgplist {
      padding-top: 2em; } }
  @media (min-width: 74em) {
    .static_ourstory_rgplist {
      padding-top: 4em; } }
  @media (min-width: 80em) {
    .static_ourstory_rgplist {
      padding-top: 5em; } }

.static_ourstory-short + .static_ourstory_rgplist {
  clear: both; }

.static_ourstory_rgplist_hed {
  margin: 0;
  max-width: 400px; }
  @media (min-width: 37.5em) {
    .static_ourstory_rgplist_hed {
      float: left;
      width: 48%;
      max-width: 600px; } }

.static_ourstory_rgplist_sub {
  font-family: sans-serif;
  font-weight: 400;
  font-style: italic;
  margin: .6em 0 1.6em;
  color: #002B5C;
  font-size: 0.9375em; }
  @media (min-width: 37.5em) {
    .static_ourstory_rgplist_sub {
      /* We use calc here to keep the same browser support profile across Media Queries,
	 * especially since existing CSS should already have a fallback font-size. */
      font-size: calc(13px);
      float: right;
      width: 45%;
      max-width: 700px;
      margin: 0 0 .5em; } }
  @media (min-width: 37.5em) and (max-width: 81.1875em) {
    .static_ourstory_rgplist_sub {
      font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1300 - 320))); } }
  @media (min-width: 81.25em) {
    .static_ourstory_rgplist_sub {
      font-size: calc(18px); } }

.static_ourstory_rgplist_list {
  clear: both; }
  .static_ourstory_rgplist_list:before, .static_ourstory_rgplist_list:after {
    content: " ";
    display: table; }
  .static_ourstory_rgplist_list:after {
    clear: both; }
  .static_ourstory_rgplist_list {
    *zoom: 1; }

.static_ourstory_rgplist_list,
.static_ourstory_rgplist_listitem {
  margin: 0;
  padding: 0;
  font-size: 1em;
  list-style: none; }

.static_ourstory_rgplist_listitem {
  margin-bottom: .5em; }
  .static_ourstory_rgplist_listitem:before, .static_ourstory_rgplist_listitem:after {
    content: " ";
    display: table; }
  .static_ourstory_rgplist_listitem:after {
    clear: both; }
  .static_ourstory_rgplist_listitem {
    *zoom: 1; }

.static_ourstory_rgplist_listitem a:hover {
  text-decoration: none; }

.static_ourstory_rgplist_img {
  float: left;
  width: 40%;
  margin-right: 20px;
  max-width: 150px; }

.static_ourstory_rgplist_name,
.static_ourstory_rgplist_desc {
  line-height: 1.2; }

.static_ourstory_rgplist_name {
  font-weight: 700;
  margin: .5em 0 .3em;
  text-transform: uppercase;
  color: #097CB5;
  display: block;
  /* We use calc here to keep the same browser support profile across Media Queries,
	 * especially since existing CSS should already have a fallback font-size. */
  font-size: calc(15px); }
  .fonts-loaded .static_ourstory_rgplist_name {
    font-family: Nunito Sans ExtraBold, sans-serif; }
  @media (min-width: 400px) and (max-width: 1299px) {
    .static_ourstory_rgplist_name {
      font-size: calc(15px + (20 - 15) * ((100vw - 400px) / (1300 - 400))); } }
  @media (min-width: 1300px) {
    .static_ourstory_rgplist_name {
      font-size: calc(20px); } }

.static_ourstory_rgplist_desc {
  font-family: sans-serif;
  font-weight: 400;
  font-size: 0.9375em;
  color: #002B5C;
  display: block; }

@media (min-width: 25em) {
  .static_ourstory_rgplist_img {
    float: none;
    width: 100%;
    max-width: none; }
  .static_ourstory_rgplist_listitem {
    float: left;
    width: 47.5%;
    margin-right: 5%;
    margin-top: 5%; }
  .static_ourstory_rgplist_listitem:nth-child(2n) {
    margin-right: 0; }
  .static_ourstory_rgplist_listitem:nth-child(2n + 1) {
    clear: left; } }

@media (min-width: 40em) {
  .static_ourstory_rgplist_listitem {
    width: 31.2%; }
  .static_ourstory_rgplist_listitem {
    margin-right: 3%;
    margin-top: 3%; }
  .static_ourstory_rgplist_listitem:nth-child(2n) {
    margin-right: 3%; }
  .static_ourstory_rgplist_listitem:nth-child(2n + 1) {
    clear: none; }
  .static_ourstory_rgplist_listitem:nth-child(3n) {
    margin-right: 0; }
  .static_ourstory_rgplist_listitem:nth-child(3n + 1) {
    clear: left; } }

@media (min-width: 55em) {
  .static_ourstory_rgplist_listitem {
    width: 22.6%; }
  .static_ourstory_rgplist_listitem:nth-child(3n) {
    margin-right: 3%; }
  .static_ourstory_rgplist_listitem:nth-child(3n + 1) {
    clear: none; }
  .static_ourstory_rgplist_listitem:nth-child(4n) {
    margin-right: 0; }
  .static_ourstory_rgplist_listitem:nth-child(4n + 1) {
    clear: left; } }

@media (min-width: 75em) {
  .static_ourstory_rgplist_listitem {
    width: 17.5%; }
  .static_ourstory_rgplist_listitem:nth-child(4n) {
    margin-right: 3%; }
  .static_ourstory_rgplist_listitem:nth-child(4n + 1) {
    clear: none; }
  .static_ourstory_rgplist_listitem:nth-child(5n) {
    margin-right: 0; }
  .static_ourstory_rgplist_listitem:nth-child(5n + 1) {
    clear: left; } }









@media (min-width: 75em) {
    .static_ourstory.static_ourstory-short {
        margin-left: 5%;
    }
}

@media (min-width: 50em) {
    .static_ourstory.static_ourstory-short {
        margin-left: 4%;
    }
}
@media (min-width: 50em) {
    .static_ourstory.static_ourstory-short {
        margin-left: 5%;
    }
}
@media (min-width: 50em) {
    .static_ourstory.static_ourstory-short {
        margin-left: 4%;
        margin-top: -40%;
        width: 40%;
        max-width: 530px;
        padding: 0 20px 25px;
        box-sizing: border-box;
        background: #fff;
    }
}

.icon-curve-wide {
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22972.48%22%20height%3D%228.98in%22%20viewBox%3D%220%200%20729.63%20646.79%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1987987987987o97698a7sc98a%20%7B%20fill%3A%20%23fff%3B%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecurve-25Jun%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1987987987987o97698a7sc98a%22%20d%3D%22M695.6%20648.36c1.07-6.26%2028.83-154.93%206.84-303.93-13.75-93.15-11.84-182.67-7.81-241.37C699%2039.45%20709.77-2.78%20709.85-3.2l.77-4.17h-688l14.25.19L35.65-.6c-.07.42-10.73%2042-15%20104.88-4%2057.93-5.84%20146.26%207.71%20238.06%2011.75%2079.59%2010.08%20159.19%206.6%20212-3.75%2057.16-13.44%2096.1-13.5%2096.49l-.77%204.17h688l-14.19-.18z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
}
.static_ourstory {
    will-change: width, margin-top;
    transform: rotateZ(0);
    transition: all .4slinear;
    position: relative;
    background-image: none;
    padding-top: 0;
}
.icon-curve-wide {
    background-image: linear-gradient(#fff, #fff);
}
.icon-curve-wide, .icon-curve-transparent-wide {
    background-size: auto 110%;
}
.layout_article_body {
    position: relative;
    z-index: 0;
}
.layout_article_body {
    background-color: #fff;
    padding-top: 1.5625em;
}

.icon-curve-wide:before, .icon-curve-transparent-wide:before, .icon-curve-wide-hz {
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22662.1%22%20height%3D%22692.9%22%20viewBox%3D%220%200%20662.1%20692.9%22%20preserveAspectRatio%3D%22none%22%3E%3Cstyle%3E.st0wave%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Ctitle%3Ecurve-25Jun%3C%2Ftitle%3E%3Cpath%20class%3D%22st0wave%22%20d%3D%22M655.5%2015.3c-6.3-1.1-154.9-28.8-303.8-6.8-93.1%2013.7-182.6%2011.8-241.3%207.8C46.8%2011.9%204.6%201.1%204.2%201L0%20.3V688l.2-14.2%206.6%201.2c.4.1%2042%2010.7%20104.8%2015%2057.9%204%20146.2%205.8%20238-7.7%2079.6-11.7%20159.1-10.1%20211.9-6.6%2057.1%203.7%2096.1%2013.4%2096.5%2013.5l4.2.8V2.2l-.2%2014.2-6.5-1.1z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
}
@media (min-width: 50em) {
    .static_ourstory:before {
        bottom: 99%;
    }
}
.static_ourstory:before {
    height: 4vw;
    min-height: 35px;
    max-height: 60px;
    top: auto;
    bottom: 100%;
}
.static_ourstory:before {
    display: block;
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-size: 105%;
}
.static_ourstory:after {
    float: left;
}
.static_hero-ourstory:after, .static_ourstory:after {
    content: " ";
    float: right;
    width: 1px;
    height: 1px;
}