@layer cms-elements {
  .gallery-pager {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
  }

  .gallery-pager li {
    margin: 0;
    padding: 0;
    display: inline-block;
  }

  .gallery-pager li:before, .gallery-pager li:after {
    display: none;
  }

  .gallery-pager li button {
    opacity: .7;
    cursor: pointer;
    background: none;
    border: none;
    padding: 5px 8px;
    transition: opacity .3s linear;
  }

  .gallery-pager li button.current {
    opacity: 1;
    border: 1px solid;
    font-weight: bold;
  }

  .gallery-pager li button:hover, .gallery-pager li button:focus, .gallery-pager li button:active {
    opacity: 1;
  }

  .gallery-pager .prev-btn, .gallery-pager .next-btn {
    transition: opacity .3s linear;
  }

  .gallery-pager .prev-btn:hover, .gallery-pager .next-btn:hover, .gallery-pager .prev-btn:focus, .gallery-pager .next-btn:focus, .gallery-pager .prev-btn:active, .gallery-pager .next-btn:active {
    opacity: .5;
  }

  .cms-el-row {
    flex-flow: wrap;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }

  .cms-el-col {
    float: left;
    box-sizing: border-box;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }

  .cms-el-col figure {
    margin: 0;
    padding: 0;
  }

  .cms-el-col figure img {
    width: 100%;
    height: auto;
  }

  .cms-el-col.cms-el-col-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .cms-el-col.cms-el-col-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .cms-el-col.cms-el-col-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .cms-el-col.cms-el-col-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .cms-el-col.cms-el-col-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .cms-el-col.cms-el-col-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .cms-el-col.cms-el-col-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .cms-el-col.cms-el-col-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .cms-el-col.cms-el-col-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .cms-el-col.cms-el-col-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .cms-el-col.cms-el-col-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .cms-el-col.cms-el-col-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  @media screen and (min-width: 480px) {
    .cms-el-col.cms-el-tiny-1 {
      flex-basis: 8.33333%;
      max-width: 8.33333%;
    }

    .cms-el-col.cms-el-tiny-2 {
      flex-basis: 16.6667%;
      max-width: 16.6667%;
    }

    .cms-el-col.cms-el-tiny-3 {
      flex-basis: 25%;
      max-width: 25%;
    }

    .cms-el-col.cms-el-tiny-4 {
      flex-basis: 33.3333%;
      max-width: 33.3333%;
    }

    .cms-el-col.cms-el-tiny-5 {
      flex-basis: 41.6667%;
      max-width: 41.6667%;
    }

    .cms-el-col.cms-el-tiny-6 {
      flex-basis: 50%;
      max-width: 50%;
    }

    .cms-el-col.cms-el-tiny-7 {
      flex-basis: 58.3333%;
      max-width: 58.3333%;
    }

    .cms-el-col.cms-el-tiny-8 {
      flex-basis: 66.6667%;
      max-width: 66.6667%;
    }

    .cms-el-col.cms-el-tiny-9 {
      flex-basis: 75%;
      max-width: 75%;
    }

    .cms-el-col.cms-el-tiny-10 {
      flex-basis: 83.3333%;
      max-width: 83.3333%;
    }

    .cms-el-col.cms-el-tiny-11 {
      flex-basis: 91.6667%;
      max-width: 91.6667%;
    }

    .cms-el-col.cms-el-tiny-12 {
      flex-basis: 100%;
      max-width: 100%;
    }
  }

  @media screen and (min-width: 640px) {
    .cms-el-col.cms-el-small-1 {
      flex-basis: 8.33333%;
      max-width: 8.33333%;
    }

    .cms-el-col.cms-el-small-2 {
      flex-basis: 16.6667%;
      max-width: 16.6667%;
    }

    .cms-el-col.cms-el-small-3 {
      flex-basis: 25%;
      max-width: 25%;
    }

    .cms-el-col.cms-el-small-4 {
      flex-basis: 33.3333%;
      max-width: 33.3333%;
    }

    .cms-el-col.cms-el-small-5 {
      flex-basis: 41.6667%;
      max-width: 41.6667%;
    }

    .cms-el-col.cms-el-small-6 {
      flex-basis: 50%;
      max-width: 50%;
    }

    .cms-el-col.cms-el-small-7 {
      flex-basis: 58.3333%;
      max-width: 58.3333%;
    }

    .cms-el-col.cms-el-small-8 {
      flex-basis: 66.6667%;
      max-width: 66.6667%;
    }

    .cms-el-col.cms-el-small-9 {
      flex-basis: 75%;
      max-width: 75%;
    }

    .cms-el-col.cms-el-small-10 {
      flex-basis: 83.3333%;
      max-width: 83.3333%;
    }

    .cms-el-col.cms-el-small-11 {
      flex-basis: 91.6667%;
      max-width: 91.6667%;
    }

    .cms-el-col.cms-el-small-12 {
      flex-basis: 100%;
      max-width: 100%;
    }
  }

  @media screen and (min-width: 760px) {
    .cms-el-col.cms-el-medium-1 {
      flex-basis: 8.33333%;
      max-width: 8.33333%;
    }

    .cms-el-col.cms-el-medium-2 {
      flex-basis: 16.6667%;
      max-width: 16.6667%;
    }

    .cms-el-col.cms-el-medium-3 {
      flex-basis: 25%;
      max-width: 25%;
    }

    .cms-el-col.cms-el-medium-4 {
      flex-basis: 33.3333%;
      max-width: 33.3333%;
    }

    .cms-el-col.cms-el-medium-5 {
      flex-basis: 41.6667%;
      max-width: 41.6667%;
    }

    .cms-el-col.cms-el-medium-6 {
      flex-basis: 50%;
      max-width: 50%;
    }

    .cms-el-col.cms-el-medium-7 {
      flex-basis: 58.3333%;
      max-width: 58.3333%;
    }

    .cms-el-col.cms-el-medium-8 {
      flex-basis: 66.6667%;
      max-width: 66.6667%;
    }

    .cms-el-col.cms-el-medium-9 {
      flex-basis: 75%;
      max-width: 75%;
    }

    .cms-el-col.cms-el-medium-10 {
      flex-basis: 83.3333%;
      max-width: 83.3333%;
    }

    .cms-el-col.cms-el-medium-11 {
      flex-basis: 91.6667%;
      max-width: 91.6667%;
    }

    .cms-el-col.cms-el-medium-12 {
      flex-basis: 100%;
      max-width: 100%;
    }
  }

  @media screen and (min-width: 992px) {
    .cms-el-col.cms-el-large-1 {
      flex-basis: 8.33333%;
      max-width: 8.33333%;
    }

    .cms-el-col.cms-el-large-2 {
      flex-basis: 16.6667%;
      max-width: 16.6667%;
    }

    .cms-el-col.cms-el-large-3 {
      flex-basis: 25%;
      max-width: 25%;
    }

    .cms-el-col.cms-el-large-4 {
      flex-basis: 33.3333%;
      max-width: 33.3333%;
    }

    .cms-el-col.cms-el-large-5 {
      flex-basis: 41.6667%;
      max-width: 41.6667%;
    }

    .cms-el-col.cms-el-large-6 {
      flex-basis: 50%;
      max-width: 50%;
    }

    .cms-el-col.cms-el-large-7 {
      flex-basis: 58.3333%;
      max-width: 58.3333%;
    }

    .cms-el-col.cms-el-large-8 {
      flex-basis: 66.6667%;
      max-width: 66.6667%;
    }

    .cms-el-col.cms-el-large-9 {
      flex-basis: 75%;
      max-width: 75%;
    }

    .cms-el-col.cms-el-large-10 {
      flex-basis: 83.3333%;
      max-width: 83.3333%;
    }

    .cms-el-col.cms-el-large-11 {
      flex-basis: 91.6667%;
      max-width: 91.6667%;
    }

    .cms-el-col.cms-el-large-12 {
      flex-basis: 100%;
      max-width: 100%;
    }
  }

  @media screen and (min-width: 1200px) {
    .cms-el-col.cms-el-giant-1 {
      flex-basis: 8.33333%;
      max-width: 8.33333%;
    }

    .cms-el-col.cms-el-giant-2 {
      flex-basis: 16.6667%;
      max-width: 16.6667%;
    }

    .cms-el-col.cms-el-giant-3 {
      flex-basis: 25%;
      max-width: 25%;
    }

    .cms-el-col.cms-el-giant-4 {
      flex-basis: 33.3333%;
      max-width: 33.3333%;
    }

    .cms-el-col.cms-el-giant-5 {
      flex-basis: 41.6667%;
      max-width: 41.6667%;
    }

    .cms-el-col.cms-el-giant-6 {
      flex-basis: 50%;
      max-width: 50%;
    }

    .cms-el-col.cms-el-giant-7 {
      flex-basis: 58.3333%;
      max-width: 58.3333%;
    }

    .cms-el-col.cms-el-giant-8 {
      flex-basis: 66.6667%;
      max-width: 66.6667%;
    }

    .cms-el-col.cms-el-giant-9 {
      flex-basis: 75%;
      max-width: 75%;
    }

    .cms-el-col.cms-el-giant-10 {
      flex-basis: 83.3333%;
      max-width: 83.3333%;
    }

    .cms-el-col.cms-el-giant-11 {
      flex-basis: 91.6667%;
      max-width: 91.6667%;
    }

    .cms-el-col.cms-el-giant-12 {
      flex-basis: 100%;
      max-width: 100%;
    }
  }

  @media screen and (min-width: 1364px) {
    .cms-el-col.cms-el-huge-1 {
      flex-basis: 8.33333%;
      max-width: 8.33333%;
    }

    .cms-el-col.cms-el-huge-2 {
      flex-basis: 16.6667%;
      max-width: 16.6667%;
    }

    .cms-el-col.cms-el-huge-3 {
      flex-basis: 25%;
      max-width: 25%;
    }

    .cms-el-col.cms-el-huge-4 {
      flex-basis: 33.3333%;
      max-width: 33.3333%;
    }

    .cms-el-col.cms-el-huge-5 {
      flex-basis: 41.6667%;
      max-width: 41.6667%;
    }

    .cms-el-col.cms-el-huge-6 {
      flex-basis: 50%;
      max-width: 50%;
    }

    .cms-el-col.cms-el-huge-7 {
      flex-basis: 58.3333%;
      max-width: 58.3333%;
    }

    .cms-el-col.cms-el-huge-8 {
      flex-basis: 66.6667%;
      max-width: 66.6667%;
    }

    .cms-el-col.cms-el-huge-9 {
      flex-basis: 75%;
      max-width: 75%;
    }

    .cms-el-col.cms-el-huge-10 {
      flex-basis: 83.3333%;
      max-width: 83.3333%;
    }

    .cms-el-col.cms-el-huge-11 {
      flex-basis: 91.6667%;
      max-width: 91.6667%;
    }

    .cms-el-col.cms-el-huge-12 {
      flex-basis: 100%;
      max-width: 100%;
    }
  }

  @media screen and (min-width: 1520px) {
    .cms-el-col.cms-el-full-1 {
      flex-basis: 8.33333%;
      max-width: 8.33333%;
    }

    .cms-el-col.cms-el-full-2 {
      flex-basis: 16.6667%;
      max-width: 16.6667%;
    }

    .cms-el-col.cms-el-full-3 {
      flex-basis: 25%;
      max-width: 25%;
    }

    .cms-el-col.cms-el-full-4 {
      flex-basis: 33.3333%;
      max-width: 33.3333%;
    }

    .cms-el-col.cms-el-full-5 {
      flex-basis: 41.6667%;
      max-width: 41.6667%;
    }

    .cms-el-col.cms-el-full-6 {
      flex-basis: 50%;
      max-width: 50%;
    }

    .cms-el-col.cms-el-full-7 {
      flex-basis: 58.3333%;
      max-width: 58.3333%;
    }

    .cms-el-col.cms-el-full-8 {
      flex-basis: 66.6667%;
      max-width: 66.6667%;
    }

    .cms-el-col.cms-el-full-9 {
      flex-basis: 75%;
      max-width: 75%;
    }

    .cms-el-col.cms-el-full-10 {
      flex-basis: 83.3333%;
      max-width: 83.3333%;
    }

    .cms-el-col.cms-el-full-11 {
      flex-basis: 91.6667%;
      max-width: 91.6667%;
    }

    .cms-el-col.cms-el-full-12 {
      flex-basis: 100%;
      max-width: 100%;
    }
  }
}