[data-max-columns] {
  display: grid; }
  @media (min-width: 992px) {
    [data-max-columns][data-max-columns="4"] {
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    [data-max-columns][data-max-columns="4"] {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    [data-max-columns][data-max-columns="4"] {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (max-width: 575.98px) {
    [data-max-columns][data-max-columns="4"] {
      grid-template-columns: 100%;
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (min-width: 992px) {
    [data-max-columns][data-max-columns="3"] {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (max-width: 991.98px) {
    [data-max-columns][data-max-columns="3"] {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (max-width: 575.98px) {
    [data-max-columns][data-max-columns="3"] {
      grid-template-columns: 100%;
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (min-width: 576px) {
    [data-max-columns][data-max-columns="2"] {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto;
      grid-gap: 15px; } }
  @media (max-width: 575.98px) {
    [data-max-columns][data-max-columns="2"] {
      grid-template-columns: 100%;
      grid-template-rows: auto;
      grid-gap: 15px; } }
  [data-max-columns][data-max-columns="auto"] {
    justify-content: center; }
    @media (min-width: 576px) {
      [data-max-columns][data-max-columns="auto"] {
        /* autoprefixer: ignore next */
        grid-template-columns: repeat(auto-fit, minmax(auto, 280px));
        grid-template-rows: auto;
        grid-gap: 15px; } }
    @media (max-width: 575.98px) {
      [data-max-columns][data-max-columns="auto"] {
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 992px), (-ms-high-contrast: active) and (min-width: 992px) {
  [data-max-columns][data-max-columns="4"] {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 991.98px), (-ms-high-contrast: active) and (min-width: 768px) and (max-width: 991.98px) {
  [data-max-columns][data-max-columns="4"] {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 576px) and (max-width: 767.98px), (-ms-high-contrast: active) and (min-width: 576px) and (max-width: 767.98px) {
  [data-max-columns][data-max-columns="4"] {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (max-width: 575.98px), (-ms-high-contrast: active) and (max-width: 575.98px) {
  [data-max-columns][data-max-columns="4"] {
    grid-template-columns: 100%;
    grid-template-rows: repeat(20, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
  [data-max-columns][data-max-columns="3"] {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 576px) and (max-width: 767.98px), (-ms-high-contrast: active) and (min-width: 576px) and (max-width: 767.98px) {
  [data-max-columns][data-max-columns="3"] {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (max-width: 575.98px), (-ms-high-contrast: active) and (max-width: 575.98px) {
  [data-max-columns][data-max-columns="3"] {
    grid-template-columns: 100%;
    grid-template-rows: repeat(20, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (min-width: 576px), (-ms-high-contrast: active) and (min-width: 576px) {
  [data-max-columns][data-max-columns="2"] {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, minmax(1px, auto));
    grid-gap: 15px; } }

@media all and (-ms-high-contrast: none) and (max-width: 575.98px), (-ms-high-contrast: active) and (max-width: 575.98px) {
  [data-max-columns][data-max-columns="2"] {
    grid-template-columns: 100%;
    grid-template-rows: repeat(20, minmax(1px, auto));
    grid-gap: 15px; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    [data-max-columns][data-max-columns="auto"] {
      grid-template-columns: 100%;
      grid-template-rows: repeat(20, minmax(1px, auto));
      grid-gap: 15px; } }

.button-tiles-group {
  position: relative;
  margin: 80px auto; }
  .button-tiles-group .button-tiles-grid {
    display: grid;
    width: 100%;
    grid-template-columns: 50% 50%;
    grid-auto-rows: minmax(0, 1fr);
    height: 770px; }
    @media (max-width: 991.98px) {
      .button-tiles-group .button-tiles-grid {
        grid-template-columns: 1fr;
        height: unset; } }
  .button-tiles-group .block-header {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6); }
    @media (max-width: 1199.98px) {
      .button-tiles-group .block-header {
        width: 100%; } }
  .button-tiles-group .header-wrapper {
    padding: 100px; }
    @media (max-width: 991.98px) {
      .button-tiles-group .header-wrapper {
        padding: 80px; } }
    @media (max-width: 767.98px) {
      .button-tiles-group .header-wrapper {
        padding: 80px 30px; } }
    .button-tiles-group .header-wrapper .captions {
      position: relative; }
    .button-tiles-group .header-wrapper .caption {
      visibility: hidden;
      position: absolute;
      opacity: 0;
      padding: 0;
      transition: opacity 0.2s;
      z-index: 2;
      color: #fff;
      font-family: "Roboto Slab", serif;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 28px;
      color: #fff; }
      @media (max-width: 1599.98px) {
        .button-tiles-group .header-wrapper .caption {
          transform: unset; } }
      .button-tiles-group .header-wrapper .caption.show {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        color: #fff;
        font-family: "Roboto Slab", serif;
        opacity: 1;
        visibility: visible;
        z-index: 1; }
    .button-tiles-group .header-wrapper img.hide-image {
      display: none !important; }
    .button-tiles-group .header-wrapper .header-links {
      position: relative;
      z-index: 8; }
      .button-tiles-group .header-wrapper .header-links.hide {
        display: none; }
      .button-tiles-group .header-wrapper .header-links-wrapper {
        grid-gap: 20px;
        grid-template-columns: max-content;
        display: grid; }
        @media (max-width: 1199.98px) {
          .button-tiles-group .header-wrapper .header-links-wrapper {
            grid-template-columns: 1fr;
            justify-items: center; } }
      .button-tiles-group .header-wrapper .header-links a {
        font-family: "Roboto", sans-serif;
        display: inline-block;
        background-color: #fff;
        color: #327e86;
        padding: 13px 20px;
        border-radius: 3px;
        width: 300px;
        text-align: center; }
        .button-tiles-group .header-wrapper .header-links a:hover, .button-tiles-group .header-wrapper .header-links a:focus {
          background-color: #14252c;
          color: #fff;
          text-decoration: none; }
    .button-tiles-group .header-wrapper-inner {
      position: relative;
      z-index: 8; }
      .button-tiles-group .header-wrapper-inner .header-group-text {
        max-width: 400px;
        margin-right: 0;
        margin-bottom: 43px;
        margin-left: 0;
        text-align: left;
        transition: opacity 0.3s 0.215s, visibility 0.3s 0.215s, transform 0.3s 0.215s; }
        .button-tiles-group .header-wrapper-inner .header-group-text.hide {
          opacity: 0;
          visibility: hidden; }
        .button-tiles-group .header-wrapper-inner .header-group-text h3 {
          font-family: "Roboto Slab", serif;
          color: #fff;
          font-size: 40px;
          font-weight: 700;
          line-height: 48px; }
        .button-tiles-group .header-wrapper-inner .header-group-text p {
          font-family: "Roboto Slab", serif;
          font-size: 24px;
          color: #fff;
          font-weight: 400;
          line-height: 36px; }
  .button-tiles-group article {
    height: 100%; }
    @media (max-width: 991.98px) {
      .button-tiles-group article {
        height: 50%; } }
  .button-tiles-group figure {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: 0; }
    .button-tiles-group figure img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      background-color: #000;
      opacity: 0.6;
      mix-blend-mode: multiply; }
  .button-tiles-group .tiles {
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    grid-gap: 20px;
    row-gap: 0;
    display: grid; }
    @media (max-width: 1199.98px) {
      .button-tiles-group .tiles {
        grid-template-columns: 1fr; } }
    @media (max-width: 991.98px) {
      .button-tiles-group .tiles {
        justify-content: unset;
        align-items: unset; } }
    .button-tiles-group .tiles .tile {
      display: flex;
      text-align: center; }
      @media (max-width: 1599.98px) {
        .button-tiles-group .tiles .tile {
          border-bottom: 1px solid #fff; } }
      @media (max-width: 991.98px) {
        .button-tiles-group .tiles .tile {
          text-align: unset; } }
      .button-tiles-group .tiles .tile:nth-child(3), .button-tiles-group .tiles .tile:nth-child(4) {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff; }
        @media (max-width: 1599.98px) {
          .button-tiles-group .tiles .tile:nth-child(3), .button-tiles-group .tiles .tile:nth-child(4) {
            border-top: unset; } }
      .button-tiles-group .tiles .tile .caption {
        display: none; }
      .button-tiles-group .tiles .tile a {
        padding: 35px 50px;
        width: 100%;
        font-size: 24px;
        color: #fff;
        font-family: "Roboto", sans-serif;
        text-decoration: none;
        transition: background-color 0.25s, color 0.25s;
        position: relative; }
        @media (max-width: 991.98px) {
          .button-tiles-group .tiles .tile a {
            display: flex;
            justify-content: center;
            align-items: center; } }
        .button-tiles-group .tiles .tile a:after {
          content: "";
          color: #327e86; }
        .button-tiles-group .tiles .tile a:hover {
          background-color: #fff;
          color: #327e86; }
          .button-tiles-group .tiles .tile a:hover:after {
            content: url(../svg/arrow-right.svg);
            color: #327e86;
            position: absolute;
            right: 8px; }
    .button-tiles-group .tiles-wrapper {
      position: relative;
      z-index: 4;
      align-items: center;
      background-color: rgba(0, 0, 0, 0.8);
      display: flex;
      padding: 100px 30px;
      height: 700px; }
      @media (min-width: 1600px) {
        .button-tiles-group .tiles-wrapper {
          height: 100%; } }
      @media (max-width: 1599.98px) {
        .button-tiles-group .tiles-wrapper {
          height: unset; } }
      @media (max-width: 1199.98px) {
        .button-tiles-group .tiles-wrapper {
          width: 100%; } }
      @media (max-width: 991.98px) {
        .button-tiles-group .tiles-wrapper {
          background-color: #000;
          align-items: unset;
          padding: 0; } }

.hidden-background-images img {
  display: none; }
  .hidden-background-images img.show-image {
    display: block; }