/**
 * Foundation for Sites by ZURB
 * Version 6.5.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
body {
  margin: 0px; }
  body ::-webkit-scrollbar {
    display: none !important; }

p {
  margin: 0px;
  margin-bottom: 16px; }

.row {
  max-width: 1300px; }

@media screen and (max-width: 39.99875em) {
  br {
    display: none; } }

::-webkit-scrollbar {
  display: none !important; }

header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  position: fixed;
  top: 4px;
  left: 0px;
  z-index: 50;
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.4);
  background: #fff; }
  header > .inner {
    width: 100%; }
    header > .inner .logo-container {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      height: 100%; }
      header > .inner .logo-container .logo {
        width: auto;
        height: 64px;
        cursor: pointer; }
    header > .inner .hamburger {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: 100px;
      height: 80px;
      position: fixed;
      top: 4px;
      right: 10px; }
      @media screen and (min-width: 64em) {
        header > .inner .hamburger {
          display: none; } }
      header > .inner .hamburger.active + nav {
        height: calc(100vh - 84px); }
    header > .inner nav {
      text-align: center; }
      @media screen and (max-width: 63.99875em) {
        header > .inner nav {
          width: 100vw;
          height: 0vh;
          max-height: unset;
          position: fixed;
          top: 84px;
          left: 0px;
          background: #fff;
          overflow: hidden;
          transition: all 0.24s ease-out; } }
      header > .inner nav ul {
        display: inline-block;
        list-style: none;
        margin: 0px;
        font-size: 0px; }
        header > .inner nav ul::before {
          content: "";
          display: none;
          position: absolute;
          top: 0px;
          left: 0px;
          width: 70%;
          height: 100%;
          background: #FBF3EC; }
          @media screen and (max-width: 63.99875em) {
            header > .inner nav ul::before {
              display: block; } }
        @media screen and (max-width: 63.99875em) {
          header > .inner nav ul {
            position: relative;
            margin-top: 40px;
            padding: 40px 0px;
            padding-left: 60px;
            float: left; } }
        header > .inner nav ul li {
          display: inline-block; }
          @media screen and (max-width: 63.99875em) {
            header > .inner nav ul li {
              display: block; } }
          header > .inner nav ul li a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 80px;
            position: relative;
            padding: 8px 10px;
            font-family: 'Raleway', sans-serif;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            color: #4B4E53;
            overflow: hidden; }
            @media screen and (max-width: 63.99875em) {
              header > .inner nav ul li a {
                text-align: left;
                justify-content: flex-start;
                font-size: 30px;
                font-weight: 400;
                line-height: 30px; } }
            @media screen and (min-width: 81.25em) {
              header > .inner nav ul li a {
                padding: 8px 20px;
                font-size: 14px;
                line-height: 16px; } }
            header > .inner nav ul li a::after {
              content: "";
              display: block;
              width: 0px;
              height: 2px;
              position: absolute;
              top: calc(100% - 20px);
              left: calc(50% - 20px);
              background: #FFCF01;
              transition: top 0.32s ease-out 0.1s, width 0.32s ease; }
              @media screen and (max-width: 63.99875em) {
                header > .inner nav ul li a::after {
                  height: 8px;
                  top: calc(50% - 4px);
                  left: initial;
                  right: 0px;
                  z-index: -1; } }
            header > .inner nav ul li a:hover, header > .inner nav ul li a.current {
              color: #020F50; }
              @media screen and (max-width: 63.99875em) {
                header > .inner nav ul li a:hover, header > .inner nav ul li a.current {
                  font-weight: 600; } }
              header > .inner nav ul li a:hover::after, header > .inner nav ul li a.current::after {
                width: 40px; }
    header > .inner button.download {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      height: 48px;
      position: relative;
      top: 16px;
      border: 1px solid #020F50;
      padding: 0px 8px;
      padding-right: 16px;
      text-align: left;
      font-family: 'Raleway', sans-serif;
      font-size: 14px;
      line-height: 16px;
      color: #4B4E53;
      float: right;
      cursor: pointer; }
      @media screen and (max-width: 63.99875em) {
        header > .inner button.download {
          display: none; } }
      header > .inner button.download:hover {
        border-color: #020F50;
        color: #020F50; }
      header > .inner button.download:focus {
        outline: none; }
      header > .inner button.download img {
        margin-right: 16px; }

footer {
  padding: 40px 0px;
  background: #020F50; }
  footer > .inner .footer-block {
    height: 100%; }
    footer > .inner .footer-block a {
      font-family: 'Montserrat', sans-serif;
      color: #fff; }
    footer > .inner .footer-block.a {
      border-right: 2px solid rgba(255, 255, 255, 0.15); }
      @media screen and (min-width: 64em) {
        footer > .inner .footer-block.a {
          margin-right: 40px; } }
      @media screen and (max-width: 39.99875em) {
        footer > .inner .footer-block.a {
          margin-bottom: 40px; } }
      footer > .inner .footer-block.a .social-list {
        margin-top: 20px; }
        footer > .inner .footer-block.a .social-list ul {
          margin: 0px;
          padding: 0px;
          padding-top: 10px;
          list-style: none; }
          footer > .inner .footer-block.a .social-list ul li {
            display: inline-flex;
            align-items: flex-end;
            justify-content: flex-start;
            height: 100%;
            margin-right: 8px; }
            footer > .inner .footer-block.a .social-list ul li:first-child a {
              position: relative;
              bottom: 2px; }
            footer > .inner .footer-block.a .social-list ul li a {
              font-size: 24px;
              line-height: 24px;
              color: #fff; }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      footer > .inner .footer-block.b {
        margin-left: 40px; } }
    @media screen and (min-width: 64em) {
      footer > .inner .footer-block.c {
        margin-left: 20px;
        border-left: 2px solid rgba(255, 255, 255, 0.15); } }
    @media screen and (max-width: 63.99875em) {
      footer > .inner .footer-block.c {
        margin-top: 40px; } }
    footer > .inner .footer-block.c img {
      display: block;
      width: auto;
      height: 100px;
      padding: 16px 32px;
      background: #fff;
      float: right; }
      @media screen and (max-width: 63.99875em) {
        footer > .inner .footer-block.c img {
          float: left; } }
    footer > .inner .footer-block p {
      margin-bottom: 0px; }
    footer > .inner .footer-block span,
    footer > .inner .footer-block strong {
      font-family: 'Raleway', sans-serif;
      color: #fff; }
  footer .copyright {
    margin-top: 40px; }
    footer .copyright span,
    footer .copyright a,
    footer .copyright strong {
      color: #fff; }
    footer .copyright a {
      text-decoration: underline; }

.page-content {
  padding-top: 84px; }

div.section-heading {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 40px; }
  div.section-heading::after {
    content: "";
    display: block;
    width: 0px;
    height: 4px;
    position: absolute;
    bottom: 0px;
    background: #FFCF01;
    transition: all 0.8s ease-out 0.24s; }
  div.section-heading .body-font-large {
    font-size: 28px;
    line-height: 32px;
    color: #020F50; }

.body-font-regular {
  font: normal normal 18px/30px "Montserrat", sans-serif;
  font-weight: lighter;
  letter-spacing: 0.41px;
  color: #4B4E53; }
  @media screen and (max-width: 39.99875em) {
    .body-font-regular {
      font-size: 16px;
      line-height: 24px; } }

.body-font-large {
  font: normal 400 40px/48px "Montserrat", sans-serif;
  color: #009EE3; }
  @media screen and (max-width: 39.99875em) {
    .body-font-large {
      font-size: 26px;
      line-height: 36px; } }

p.body-font-large {
  margin-bottom: 40px; }

strong {
  font-weight: 600; }

span.block {
  display: block; }

.progress-bar {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10;
  background: #fff; }
  .progress-bar > .inner {
    width: 0%;
    height: 4px;
    transition: width 0s ease;
    background: #FFCF01; }

.team-member-container {
  position: relative; }
  .team-member-container.for-arrow {
    transform: scaleY(-1);
    top: 300px; }
  .team-member-container .color-panel {
    content: "";
    display: block;
    height: 480px;
    position: absolute;
    top: 40px;
    left: -25%;
    right: -50%;
    z-index: -1; }
    .team-member-container .color-panel.arrow {
      width: 200px;
      left: initial;
      right: 80px;
      background-color: transparent !important;
      background-image: url("/assets/img/down-arrow.png");
      background-size: contain;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      opacity: 1;
      transform: scaleY(-1); }
      @media screen and (max-width: 39.99875em) {
        .team-member-container .color-panel.arrow {
          width: 120px;
          right: 50px; } }
  .team-member-container.theme-off-white .color-panel {
    background-color: #F2F4F3; }
  .team-member-container.theme-pale-blue .color-panel {
    background-color: #F1F9FD; }
  .team-member-container.theme-pale-yellow .color-panel {
    background-color: #FBF3EC; }
  .team-member-container.situated-left .team-member {
    float: none; }
    @media screen and (max-width: 63.99875em) {
      .team-member-container.situated-left .team-member {
        display: inline-block; } }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      .team-member-container.situated-left .team-member + .team-member {
        margin-left: 40px; } }
    @media screen and (max-width: 39.99875em) {
      .team-member-container.situated-left .team-member + .team-member {
        margin-left: 20px; } }

.team-member {
  display: block;
  margin-bottom: 40px;
  float: right; }
  .team-member .image {
    width: 320px;
    height: 400px;
    margin-bottom: 16px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #BDC6C3; }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      .team-member .image {
        width: 240px;
        height: 300px; } }
    @media screen and (max-width: 39.99875em) {
      .team-member .image {
        width: 150px;
        height: 200px; } }
  .team-member .text {
    position: relative;
    padding-left: 16px; }
    @media screen and (max-width: 39.99875em) {
      .team-member .text .body-font-regular {
        font-size: 12px;
        line-height: 24px; } }
    .team-member .text::before {
      content: "";
      display: block;
      width: 4px;
      height: calc(100% - 16px);
      position: absolute;
      top: 8px;
      left: 0px;
      background: #FFCF01; }
    .team-member .text .name {
      margin-bottom: -8px; }

.content-block {
  position: relative;
  padding: 80px 0px;
  overflow: hidden; }
  @media screen and (max-width: 39.99875em) {
    .content-block {
      padding: 40px 0px; } }
  .content-block p.body-font-regular {
    padding-right: 20px; }
  .content-block.popped .section-heading::after {
    width: 120px; }
  .content-block.background-arrow {
    padding: 0px;
    overflow: visible; }

.pop-in {
  position: relative;
  top: 80px;
  opacity: 0;
  transition: opacity 0.64s ease , top 0.8s ease; }
  .pop-in.popped {
    top: 0px;
    opacity: 1; }

.slideshow-container {
  margin-bottom: 80px; }
  .slideshow-container > h3 {
    margin-bottom: 32px;
    text-align: center;
    color: #009EE3; }

.slideshow .slick-slide {
  cursor: grab; }
  .slideshow .slick-slide:focus {
    cursor: grabbing; }

@media screen and (min-width: 64em) {
  .slideshow.a {
    padding-right: 40px; } }

.slideshow.a .slick-dots {
  list-style: none;
  margin: 0px;
  margin-top: 20px;
  text-align: right; }
  .slideshow.a .slick-dots li {
    display: inline-block; }
    .slideshow.a .slick-dots li.slick-active button {
      background: #020F50; }
    .slideshow.a .slick-dots li button {
      width: 24px;
      height: 24px;
      margin-left: 10px;
      border: 1px solid #020F50;
      color: transparent;
      cursor: pointer; }
      .slideshow.a .slick-dots li button:focus {
        outline: none; }

.slideshow.a .slick-slide:focus {
  outline: none; }

.slideshow.a .slick-slide .slide-info-block {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 400px;
  padding: 80px 40px;
  background: #009EE3;
  text-align: center;
  transition: all 0.24s ease; }
  @media screen and (max-width: 39.99875em) {
    .slideshow.a .slick-slide .slide-info-block {
      height: 300px; } }
  .slideshow.a .slick-slide .slide-info-block span {
    display: block;
    width: 100%;
    position: relative;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    color: #fff; }
    @media screen and (max-width: 39.99875em) {
      .slideshow.a .slick-slide .slide-info-block span {
        font-size: 18px;
        line-height: 30px; } }
    .slideshow.a .slick-slide .slide-info-block span::before, .slideshow.a .slick-slide .slide-info-block span::after {
      content: "";
      display: block;
      width: 60px;
      height: 4px;
      position: absolute;
      left: calc(50% - 30px);
      background: #FFCF01; }
      @media screen and (max-width: 39.99875em) {
        .slideshow.a .slick-slide .slide-info-block span::before, .slideshow.a .slick-slide .slide-info-block span::after {
          width: 30px;
          height: 2px;
          left: calc(50% - 15px); } }
    .slideshow.a .slick-slide .slide-info-block span::before {
      top: -40px; }
      @media screen and (max-width: 39.99875em) {
        .slideshow.a .slick-slide .slide-info-block span::before {
          top: -20px; } }
    .slideshow.a .slick-slide .slide-info-block span::after {
      bottom: -40px; }
      @media screen and (max-width: 39.99875em) {
        .slideshow.a .slick-slide .slide-info-block span::after {
          bottom: -20px; } }

.landing-banner {
  position: relative;
  background: #F2F4F3; }
  .landing-banner::after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    box-shadow: 0px 0px 80px 240px #F2F4F3; }
  .landing-banner + .content-block {
    margin-top: 80px; }
  .landing-banner .main-panel-container {
    position: relative;
    top: 150px; }
    @media screen and (max-width: 39.99875em) {
      .landing-banner .main-panel-container {
        position: static; } }
    .landing-banner .main-panel-container .main-panel {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 500px;
      height: 300px;
      position: absolute;
      top: 0px;
      left: 0px;
      padding: 0px 40px;
      padding-bottom: 20px;
      background: #fff; }
      @media screen and (max-width: 39.99875em) {
        .landing-banner .main-panel-container .main-panel {
          width: 280px;
          height: 180px;
          top: calc(100% - 210px);
          left: 0px;
          padding: 0px 16px; } }
      .landing-banner .main-panel-container .main-panel span {
        display: inline-block;
        position: relative;
        padding-left: 32px;
        font-family: 'Raleway', sans-serif;
        font-weight: 600;
        font-size: 52px;
        line-height: 48px;
        color: #009EE3; }
        @media screen and (max-width: 39.99875em) {
          .landing-banner .main-panel-container .main-panel span {
            padding-left: 16px;
            font-size: 30px;
            line-height: 30px; } }
        .landing-banner .main-panel-container .main-panel span::before {
          content: "";
          display: block;
          width: 4px;
          height: calc(100% + 32px);
          position: absolute;
          bottom: 0px;
          left: 0px;
          background: #FFCF01; }
          @media screen and (max-width: 39.99875em) {
            .landing-banner .main-panel-container .main-panel span::before {
              width: 2px;
              height: calc(100% + 8px); } }
        .landing-banner .main-panel-container .main-panel span::after {
          content: "2018";
          display: block;
          position: absolute;
          top: calc(100% + 8px);
          right: -16px;
          font-weight: 400;
          color: #4B4E53; }
          @media screen and (max-width: 63.99875em) {
            .landing-banner .main-panel-container .main-panel span::after {
              top: 100%;
              right: 0px; } }
    .landing-banner .main-panel-container button.cta {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 280px;
      height: 80px;
      position: absolute;
      top: 300px;
      padding-left: 16px;
      background: #ffd934;
      font-family: 'Raleway', sans-serif;
      font-size: 18px;
      font-weight: 600;
      color: #020F50;
      cursor: pointer; }
      @media screen and (max-width: 39.99875em) {
        .landing-banner .main-panel-container button.cta {
          width: 220px;
          height: 60px;
          font-size: 14px;
          line-height: 18px;
          right: 63px;
          top: calc(100% - 30px); } }
      .landing-banner .main-panel-container button.cta:focus {
        outline: none; }
      .landing-banner .main-panel-container button.cta:hover .arrow {
        animation: rotate-y 0.32s ease-out normal forwards; }
      .landing-banner .main-panel-container button.cta .arrow {
        width: 80px;
        height: 80px;
        position: relative;
        left: 10px;
        background-image: url("/assets/img/thin-arrow-black.svg");
        background-size: 32%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-color: #FFCF01; }

@keyframes rotate-y {
  0% {
    background-position: 50% 50%; }
  50% {
    background-position: 50% 280%;
    background-image: url("/assets/img/thin-arrow-black.svg"); }
  51% {
    background-position: 50% 280%;
    background-image: url(""); }
  52% {
    background-position: 50% -30%;
    background-image: url("/assets/img/thin-arrow-black.svg"); }
  100% {
    background-position: 50% 50%; } }
        @media screen and (max-width: 39.99875em) {
          .landing-banner .main-panel-container button.cta .arrow {
            width: 60px;
            height: 60px;
            left: 30px; } }
  .landing-banner .image {
    width: 100%;
    height: 640px;
    background-image: url("/assets/img/imagehead.jpg");
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat; }
    @media screen and (min-width: 64em) {
      .landing-banner .image {
        background-size: 150%; } }
    @media screen and (max-width: 39.99875em) {
      .landing-banner .image {
        width: calc(100vw - 40px);
        height: calc(100vh - 144px);
        margin-left: -10px;
        background-position: 70% 100%;
        background-size: 280%; } }
  .landing-banner .lower {
    position: relative;
    z-index: 2; }
    .landing-banner .lower .body-font-large {
      color: #009EE3; }

.hamburger.active > .hamburger-inner::before {
  opacity: 0; }

.hamburger.active > .hamburger-inner div:nth-child(1) {
  top: 8px;
  transform: rotate(45deg); }

.hamburger.active > .hamburger-inner div:nth-child(2) {
  opacity: 0; }

.hamburger.active > .hamburger-inner div:nth-child(3) {
  top: -8px;
  transform: rotate(-45deg); }

.hamburger-inner {
  position: relative; }
  .hamburger-inner::before {
    content: "Menu";
    position: absolute;
    right: calc(100% + 16px);
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #3E3E3E;
    opacity: 1;
    transition: all 0.24s ease; }
  .hamburger-inner div {
    width: 40px;
    height: 4px;
    position: relative;
    top: 0px;
    margin-bottom: 4px;
    background: #020F50;
    transform: rotate(0deg);
    opacity: 1;
    transition: all 0.24s ease; }
    .hamburger-inner div:last-child {
      margin-bottom: 0px; }

.file-list .file-item {
  margin-top: 0px;
  margin-bottom: 40px; }
  .file-list .file-item .filename {
    max-width: 200px; }

.file-item {
  display: block;
  margin-top: 40px; }
  .file-item .image {
    display: block;
    vertical-align: top; }
    .file-item .image img {
      width: auto;
      height: 40px;
      margin-bottom: 10px; }
  .file-item .text {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 26px;
    vertical-align: top; }
    .file-item .text .filename {
      display: block;
      margin-bottom: 2px;
      font-weight: normal;
      font-size: 20px;
      line-height: 22px;
      color: #020F50;
      word-wrap: break-word; }
    .file-item .text .filesize {
      display: block;
      font-weight: 600;
      font-size: 16px;
      line-height: 30px;
      color: #4B4E53; }

@media screen and (min-width: 64em) {
  section#chair-and-ceo-report .color-panel {
    height: 1000px; } }

section#chair-and-ceo-report p.body-font-large {
  display: block;
  position: relative; }
  section#chair-and-ceo-report p.body-font-large::before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -28px;
    left: -20px;
    background-image: url("/assets/img/quote.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%; }

section#transformation .stat-icons {
  max-width: 600px;
  margin: auto;
  margin-top: 80px;
  padding-right: 20px;
  text-align: center; }
  @media screen and (max-width: 63.99875em) {
    section#transformation .stat-icons {
      margin: 40px 0px;
      text-align: center; } }
  section#transformation .stat-icons span {
    display: block;
    margin-bottom: 40px;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 16px;
    line-height: 22px;
    color: #020F50; }
  section#transformation .stat-icons img {
    margin-right: 20px;
    vertical-align: top; }
    @media screen and (min-width: 40em) and (max-width: 63.99875em) {
      section#transformation .stat-icons img {
        margin: 0px 5px; } }
    @media screen and (max-width: 39.99875em) {
      section#transformation .stat-icons img {
        margin: 0px;
        width: 100px; } }

section#customer-and-community .content-block {
  position: relative;
  margin-top: 80px;
  overflow: visible; }
  section#customer-and-community .content-block::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -5;
    background: #FBF3EC; }
  section#customer-and-community .content-block .team-member-container {
    position: relative;
    top: 25%; }
    section#customer-and-community .content-block .team-member-container .color-panel {
      right: 0px;
      background-image: url("/assets/img/background-city.jpg");
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      filter: grayscale(100%);
      opacity: 0.1; }

section#our-people .team-member-container div:nth-child(2) {
  margin-top: 80px; }
  @media screen and (max-width: 39.99875em) {
    section#our-people .team-member-container div:nth-child(2) {
      margin-top: 40px;
      margin-bottom: 0px !important; } }

@media screen and (max-width: 63.99875em) {
  section#our-people .team-member-container {
    text-align: center; } }

section#our-people .team-member-container .color-panel {
  right: -25% !important;
  left: 40px; }
  @media screen and (min-width: 64em) {
    section#our-people .team-member-container .color-panel {
      height: 800px; } }

section#our-people .team-member-container .team-member {
  float: none; }
  @media screen and (max-width: 63.99875em) {
    section#our-people .team-member-container .team-member {
      display: inline-block; } }
  section#our-people .team-member-container .team-member .image {
    width: 100%;
    height: 320px; }
    @media screen and (max-width: 63.99875em) {
      section#our-people .team-member-container .team-member .image {
        width: 280px;
        height: 200px; } }
    @media screen and (max-width: 39.99875em) {
      section#our-people .team-member-container .team-member .image {
        width: calc(100vw - 20px);
        height: 280px; } }

section#downloads {
  background: #F2F4F3; }

.multi-tab {
  position: relative; }
  .multi-tab .color-panel {
    height: 640px; }
    @media screen and (max-width: 39.99875em) {
      .multi-tab .color-panel {
        position: absolute;
        top: 0px !important; } }
    .multi-tab .color-panel.image {
      background-image: url("/assets/img/background-shore.jpg");
      background-size: cover;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      opacity: 0.1;
      filter: grayscale(100%); }
  @media screen and (max-width: 39.99875em) {
    .multi-tab > .row {
      display: block; } }
  .multi-tab ul {
    margin: 0px;
    padding: 0px;
    list-style: none; }
  .multi-tab .enlarge-overlay {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 20;
    cursor: zoom-out; }
    .multi-tab .enlarge-overlay.active {
      display: flex; }
    .multi-tab .enlarge-overlay::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 19;
      background: rgba(0, 0, 0, 0.8); }
    .multi-tab .enlarge-overlay img {
      width: 50vw;
      min-width: 300px;
      max-width: calc(80vw - 32px);
      height: auto;
      position: relative;
      z-index: 21; }
      .multi-tab .enlarge-overlay img.portrait {
        width: auto;
        min-width: unset;
        max-width: unset;
        height: 50vh;
        min-height: 300px;
        max-height: calc(80vh - 32px); }
  .multi-tab .tab-list-button, .multi-tab .tab-list .close-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 56px;
    margin: 20px 0px;
    background: #FFCF01;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #020F50; }
    @media screen and (min-width: 40em) {
      .multi-tab .tab-list-button, .multi-tab .tab-list .close-button {
        display: none; } }
  .multi-tab .tab-list {
    width: 300px;
    padding-top: 80px; }
    @media screen and (max-width: 39.99875em) {
      .multi-tab .tab-list {
        width: 100%;
        height: 0%;
        position: fixed;
        top: 84px;
        left: 0px;
        z-index: 20;
        padding: 0px;
        background: #F1F9FD;
        overflow: hidden;
        transition: all 0.24s ease; } }
    @media screen and (max-width: 39.99875em) {
      .multi-tab .tab-list.active {
        height: calc(100vh - 84px);
        padding: 20px 10px 40px 10px; } }
    .multi-tab .tab-list.active .close-button {
      display: flex; }
    .multi-tab .tab-list .close-button {
      position: fixed;
      top: initial;
      right: 0px;
      bottom: 0px;
      z-index: 21;
      display: none; }
    .multi-tab .tab-list li {
      margin-bottom: 8px; }
      .multi-tab .tab-list li a {
        display: block;
        padding: 4px 0px;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        line-height: 26px;
        color: #4B4E53;
        transition: color 0.24s ease; }
        .multi-tab .tab-list li a:hover {
          color: #020F50; }
        .multi-tab .tab-list li a.active {
          font-weight: 600;
          color: #020F50; }
        .multi-tab .tab-list li a + ul {
          padding-left: 20px;
          padding-top: 8px; }
          .multi-tab .tab-list li a + ul li a {
            font-size: 15px;
            line-height: 20px; }
  .multi-tab .tab-view {
    position: relative;
    height: 800px;
    background: #fff;
    box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 39.99875em) {
      .multi-tab .tab-view {
        height: 500px; } }
    .multi-tab .tab-view::before, .multi-tab .tab-view::after {
      content: "";
      display: block;
      width: 100%;
      height: 200px;
      position: absolute;
      left: 0px;
      z-index: 2; }
    .multi-tab .tab-view::before {
      top: 0px;
      box-shadow: inset 0px 80px 100px -50px #fff; }
    .multi-tab .tab-view::after {
      bottom: 0px;
      box-shadow: inset 0px -100px 100px -50px #fff; }
    .multi-tab .tab-view .tab-content {
      width: 100%;
      height: 0%;
      position: absolute;
      top: 50px;
      left: 0px;
      padding: 80px;
      opacity: 0;
      transition: all 0.24s ease;
      overflow: hidden; }
      @media screen and (max-width: 63.99875em) {
        .multi-tab .tab-view .tab-content {
          padding: 80px 20px; } }
      .multi-tab .tab-view .tab-content.active {
        height: 100%;
        top: 0px;
        opacity: 1;
        overflow: scroll;
        transition: top 0.8s ease, opacity 1.6s ease; }
      .multi-tab .tab-view .tab-content > .inner {
        position: relative; }
      .multi-tab .tab-view .tab-content-heading {
        display: block;
        margin-bottom: 20px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 22px;
        line-height: 30px;
        color: #009EE3; }
      .multi-tab .tab-view .tab-content img {
        display: block;
        margin: 40px auto;
        cursor: zoom-in; }
      .multi-tab .tab-view .tab-content ul li {
        margin-bottom: 20px;
        position: relative;
        padding-left: 60px; }
        .multi-tab .tab-view .tab-content ul li::before {
          content: "";
          display: block;
          width: 40px;
          height: 32px;
          position: absolute;
          top: -1px;
          left: 0px;
          background-image: url("/assets/img/thin-arrow-blue.svg");
          background-size: contain;
          background-position: 50% 50%;
          background-repeat: no-repeat;
          transform: rotate(-90deg);
          opacity: 1; }
      .multi-tab .tab-view .tab-content ol {
        padding-top: 20px; }
        .multi-tab .tab-view .tab-content ol li,
        .multi-tab .tab-view .tab-content ol li p {
          font-family: 'Montserrat', sans-serif;
          font-size: 14px;
          font-size: 12px;
          font-weight: 300;
          line-height: 16px;
          color: #4B4E53; }