/*

  color(yellow) single argument defaults to dark colors
  color(light, yellow) returns light yellow

*/
/*

respond-to mixin
$size: breakpoint key (ex. full or large-screens)

*/
/*

font mixin
$key: type style key (ex. bold-24 or roman-24). See typography.json for options.

@include font(bold-24);

*/
.s01-section {
  position: relative; }

.s01-section__container > .container {
  padding: 4.5rem 0 1.5rem 0; }
  @media (min-width: 768px) {
    .s01-section__container > .container {
      display: -ms-flexbox;
      display: flex; }
      .s01-section__container > .container > .column-10 {
        padding: 0 1.5rem; } }
  .s01-section__container > .container.with-border-bottom {
    border-bottom: 1px solid #CCD6DD; }
  .s01-section__container > .container.with-border-top {
    border-top: 1px solid #CCD6DD; }

@media (min-width: 768px) {
  .s01-section__container .column-2 {
    width: 15.25424%;
    float: left;
    margin-right: 1.69492%;
    -ms-flex-order: 1;
        order: 1; } }

@media (min-width: 768px) {
  .s01-section__container .column-10 {
    width: 83.05085%;
    float: left;
    margin-right: 1.69492%;
    -ms-flex-order: 2;
        order: 2; }
    .s01-section__container .column-10.constrained {
      width: 66.10169%;
      float: left;
      margin-right: 1.69492%; } }

.s01-section__container .column-12 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

.s01-section__container .s01-section__left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .s01-section__container .s01-section__left h2 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 0rem;
    margin: 0;
    padding: 0 0 0rem 0;
    color: #14171A;
    padding-bottom: 1.5rem;
    padding-top: 0.85em;
    -ms-flex-order: 2;
        order: 2; }
  .s01-section__container .s01-section__left .s01-section__image {
    position: relative;
    text-align: left;
    -ms-flex-order: 1;
        order: 1; }
    .s01-section__container .s01-section__left .s01-section__image img {
      width: 100%;
      max-width: 100px; }
  @media (min-width: 768px) {
    .s01-section__container .s01-section__left .s01-section__image {
      -ms-flex-order: 2;
          order: 2; }
    .s01-section__container .s01-section__left h2 {
      -ms-flex-order: 1;
          order: 1; } }

.s01-section__container.theme-bg-color--dark * {
  color: #FFFFFF; }

.s01-section__container.theme-bg-color--dark .container {
  padding: 4.5rem 0; }

.s01-section__container.theme-bg-color--dark .s01-section__left h2 {
  color: #FFFFFF; }

.s01-section__container.bg-color--neutral-extra-extra-light-gray h1, .s01-section__container.bg-color--neutral-extra-extra-light-gray p, .s01-section__container.bg-color--neutral-extra-extra-light-gray ul, .s01-section__container.bg-color--neutral-extra-extra-light-gray li, .s01-section__container.bg-color--neutral-extra-extra-light-gray ol {
  color: #657786; }

.s01-section__container.bg-color--neutral-extra-extra-light-gray h2, .s01-section__container.bg-color--neutral-extra-extra-light-gray h3, .s01-section__container.bg-color--neutral-extra-extra-light-gray h4, .s01-section__container.bg-color--neutral-extra-extra-light-gray h5, .s01-section__container.bg-color--neutral-extra-extra-light-gray h6 {
  color: #9AA9B5; }

.s01-section__container.bg-color--neutral-extra-extra-light-gray > .container {
  padding: 4.5rem 0; }

.s01-section__container.bg-color--neutral-extra-extra-light-gray .s01-section__left h2 {
  color: #14171A; }

.s01-section__container .s02-columns {
  margin-bottom: 0.75rem; }
  .s01-section__container .s02-columns .container {
    margin: 0; }
/*

  color(yellow) single argument defaults to dark colors
  color(light, yellow) returns light yellow

*/
/*

respond-to mixin
$size: breakpoint key (ex. full or large-screens)

*/
/*

font mixin
$key: type style key (ex. bold-24 or roman-24). See typography.json for options.

@include font(bold-24);

*/
.s02-columns .container {
  padding: 0; }
  @media (min-width: 768px) {
    .s02-columns .container {
      display: -ms-flexbox;
      display: flex; }
      .s02-columns .container.flex-center {
        -ms-flex-align: center;
            align-items: center; } }
  .s02-columns .container.with-border {
    border-bottom: 1px solid #CCD6DD; }

.s02-columns .column {
  min-height: 1px;
  width: 100%;
  float: right;
  margin-right: 0; }
  .s02-columns .column.last {
    float: right;
    margin-right: 0; }

@media (min-width: 768px) {
  .s02-columns .column-1 {
    width: 6.77966%;
    float: left;
    margin-right: 1.69492%; } }

.s02-columns .column-2 {
  width: 15.25424%;
  float: left;
  margin-right: 1.69492%; }

@media (min-width: 768px) {
  .s02-columns .column-3 {
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%; } }

@media (min-width: 480px) and (max-width: 767px) {
  .s02-columns .column-3 {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%; }
    .s02-columns .column-3:nth-child(even) {
      width: 49.15254%;
      float: right;
      margin-right: 0; } }

@media (min-width: 768px) {
  .s02-columns .column-4 {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%; } }

@media (min-width: 480px) and (max-width: 767px) {
  .s02-columns .column-4 {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%;
    margin-right: 0; } }

.s02-columns .column-5 {
  width: 40.67797%;
  float: left;
  margin-right: 1.69492%; }

@media (min-width: 768px) {
  .s02-columns .column-6 {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%; }
    .s02-columns .column-6 .container {
      margin: 0; } }

@media (min-width: 480px) and (max-width: 767px) {
  .s02-columns .column-6 {
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%; }
    .s02-columns .column-6 .container {
      margin: 0; } }

.s02-columns .column-7 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  @media (min-width: 768px) {
    .s02-columns .column-7 {
      width: 57.62712%;
      float: left;
      margin-right: 1.69492%; }
      .s02-columns .column-7 .container {
        margin: 0; } }

@media (min-width: 768px) {
  .s02-columns .column-8 {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%; }
  .s02-columns .column-9 {
    width: 74.57627%;
    float: left;
    margin-right: 1.69492%; }
  .s02-columns .column-10 {
    width: 83.05085%;
    float: left;
    margin-right: 1.69492%; }
  .s02-columns .column-11 {
    width: 91.52542%;
    float: left;
    margin-right: 1.69492%; }
  .s02-columns .column-12 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; } }
/*

  color(yellow) single argument defaults to dark colors
  color(light, yellow) returns light yellow

*/
/*

respond-to mixin
$size: breakpoint key (ex. full or large-screens)

*/
/*

font mixin
$key: type style key (ex. bold-24 or roman-24). See typography.json for options.

@include font(bold-24);

*/
.s03 {
  width: 100%;
  margin: 0 auto 3rem auto; }
  .s03__tab-content {
    display: none; }
    .s03__tab-content--active {
      display: block; }
    .s03__tab-content .c01-rich-text-editor p {
      padding: 0; }
  .s03__tabs-list:after {
    content: ' ';
    clear: both;
    display: block; }
  .s03__tabs-list.container {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.5rem; }
  .s03__tabs {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #AAB8C2;
    display: none; }
    .s03__tabs ul {
      margin: 0;
      padding: 0; }
      .s03__tabs ul li {
        display: block;
        padding: 0; }
        @media (min-width: 950px) {
          .s03__tabs ul li {
            display: block;
            float: left;
            margin-right: 2.5rem; } }
        .s03__tabs ul li a {
          display: inline-block;
          text-decoration: none;
          line-height: 1em; }
          @media (min-width: 950px) {
            .s03__tabs ul li a {
              border-bottom: 5px solid transparent;
              padding-bottom: 0.75rem; }
              .s03__tabs ul li a.s03__tabs-tab--active {
                color: #14171A;
                border-bottom: 5px solid #14171A;
                pointer-events: none; } }
        .s03__tabs ul li:last-child {
          margin-right: 0; }
    @media (min-width: 950px) {
      .s03__tabs {
        display: block; } }
  .s03__tabs-dropdown {
    margin-bottom: 1.5rem;
    position: relative;
    text-align: left;
    background: #FFFFFF;
    color: #AAB8C2;
    width: 100%;
    float: left;
    display: block;
    z-index: 100; }
    .s03__tabs-dropdown .title-container {
      max-width: 100%;
      padding-left: 6.6%;
      padding-right: 6.6%;
      border-top: 1px solid #AAB8C2;
      border-bottom: 1px solid #AAB8C2; }
    .s03__tabs-dropdown .title {
      margin: 0;
      padding: 1.5rem 0;
      width: 100%;
      cursor: pointer;
      box-sizing: border-box;
      position: relative;
      z-index: 2; }
      .s03__tabs-dropdown .title .arrow-down svg {
        top: 20px;
        width: 20px;
        height: 30px;
        display: block;
        position: absolute;
        right: 0;
        fill: #14171A;
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
        transition: all 0.3s ease-in-out; }
    .s03__tabs-dropdown ul {
      margin: auto;
      background: #F5F8FA;
      padding-left: 6.6%;
      padding-right: 6.6%;
      width: 100%;
      box-sizing: border-box;
      list-style: none;
      visibility: visible;
      z-index: 1; }
      .s03__tabs-dropdown ul li {
        padding-bottom: 3rem;
        width: 100%;
        vertical-align: top;
        overflow: hidden;
        cursor: pointer; }
        .s03__tabs-dropdown ul li.s03__tabs-dropdown-item--active {
          color: #AAB8C2; }
        .s03__tabs-dropdown ul li:first-child {
          padding-top: 3rem; }
    .s03__tabs-dropdown--container {
      width: 100%;
      top: calc(4.5rem + 2px);
      position: absolute; }
      .s03__tabs-dropdown--container:after {
        content: ' ';
        display: block;
        background: transparent;
        height: 40px;
        box-shadow: 0 40px 30px -30px rgba(0, 0, 0, 0.1) inset; }
    @media (min-width: 950px) {
      .s03__tabs-dropdown {
        display: none; } }
    .s03__tabs-dropdown--closed .s03__tabs-dropdown--container {
      display: none; }
    .s03__tabs-dropdown--closed .title .arrow-down svg {
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }
/*

  color(yellow) single argument defaults to dark colors
  color(light, yellow) returns light yellow

*/
/*

respond-to mixin
$size: breakpoint key (ex. full or large-screens)

*/
/*

font mixin
$key: type style key (ex. bold-24 or roman-24). See typography.json for options.

@include font(bold-24);

*/
.s04-divider__border {
  border-top: 1px solid #CCD6DD;
  margin: 1.5rem auto;
  height: 1px;
  width: 100%;
  display: block; }

/*# sourceMappingURL=structure.css.map*/