.module-multi-distributors {
  margin-top: 3.2rem;
  transition: opacity 0.3s linear; }
  .module-multi-distributors .cta.open-modal {
    position: relative;
    font-size: 1.8rem;
    padding-bottom: 2rem;
    padding: 14px 40px;
    width: 22.5rem;
    color: #ffffff;
    background-color: #006b6b;
    text-align: center;
    margin-top: 0rem;
    border-radius: 30px;
    margin-bottom: 0.8rem;
    border-bottom: 2px solid #006b6b; }
    .module-multi-distributors .cta.open-modal.opened:after {
      transform: scale(0.7, -1); }
    .module-multi-distributors .cta.open-modal:focus, .module-multi-distributors .cta.open-modal.active {
      background-color: #ffffff;
      color: #006b6b;
      border-color: #006b6b; }
  .module-multi-distributors .modal {
    z-index: 999;
    width: 100%;
    height: 100% !important;
    overflow: auto;
    transition: all 0.2s ease-out;
    opacity: 0;
    position: fixed;
    pointer-events: none;
    left: 0px;
    top: 0px; }
    .module-multi-distributors .modal .modal-close-hit {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: blue;
      display: block;
      background: rgba(255, 255, 255, 0.7); }
    .module-multi-distributors .modal.opened {
      height: 100% !important;
      display: block;
      opacity: 1;
      pointer-events: all; }
      .module-multi-distributors .modal.opened ul.distributors-list li {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px); }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(1) {
          transition: all 0.3s ease-in-out 0.4s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(1):after {
            transition: all 0.5s ease-out 0.5s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(2) {
          transition: all 0.3s ease-in-out 0.5s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(2):after {
            transition: all 0.5s ease-out 0.6s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(3) {
          transition: all 0.3s ease-in-out 0.6s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(3):after {
            transition: all 0.5s ease-out 0.7s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(4) {
          transition: all 0.3s ease-in-out 0.7s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(4):after {
            transition: all 0.5s ease-out 0.8s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(5) {
          transition: all 0.3s ease-in-out 0.8s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(5):after {
            transition: all 0.5s ease-out 0.9s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(6) {
          transition: all 0.3s ease-in-out 0.9s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(6):after {
            transition: all 0.5s ease-out 1s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(7) {
          transition: all 0.3s ease-in-out 1s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(7):after {
            transition: all 0.5s ease-out 1.1s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(8) {
          transition: all 0.3s ease-in-out 1.1s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(8):after {
            transition: all 0.5s ease-out 1.2s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(9) {
          transition: all 0.3s ease-in-out 1.2s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(9):after {
            transition: all 0.5s ease-out 1.3s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(10) {
          transition: all 0.3s ease-in-out 1.3s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(10):after {
            transition: all 0.5s ease-out 1.4s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(11) {
          transition: all 0.3s ease-in-out 1.4s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(11):after {
            transition: all 0.5s ease-out 1.5s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(12) {
          transition: all 0.3s ease-in-out 1.5s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(12):after {
            transition: all 0.5s ease-out 1.6s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(13) {
          transition: all 0.3s ease-in-out 1.6s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(13):after {
            transition: all 0.5s ease-out 1.7s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(14) {
          transition: all 0.3s ease-in-out 1.7s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(14):after {
            transition: all 0.5s ease-out 1.8s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(15) {
          transition: all 0.3s ease-in-out 1.8s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(15):after {
            transition: all 0.5s ease-out 1.9s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(16) {
          transition: all 0.3s ease-in-out 1.9s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(16):after {
            transition: all 0.5s ease-out 2s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(17) {
          transition: all 0.3s ease-in-out 2s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(17):after {
            transition: all 0.5s ease-out 2.1s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(18) {
          transition: all 0.3s ease-in-out 2.1s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(18):after {
            transition: all 0.5s ease-out 2.2s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(19) {
          transition: all 0.3s ease-in-out 2.2s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(19):after {
            transition: all 0.5s ease-out 2.3s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(20) {
          transition: all 0.3s ease-in-out 2.3s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(20):after {
            transition: all 0.5s ease-out 2.4s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(21) {
          transition: all 0.3s ease-in-out 2.4s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(21):after {
            transition: all 0.5s ease-out 2.5s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(22) {
          transition: all 0.3s ease-in-out 2.5s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(22):after {
            transition: all 0.5s ease-out 2.6s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(23) {
          transition: all 0.3s ease-in-out 2.6s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(23):after {
            transition: all 0.5s ease-out 2.7s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(24) {
          transition: all 0.3s ease-in-out 2.7s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(24):after {
            transition: all 0.5s ease-out 2.8s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(25) {
          transition: all 0.3s ease-in-out 2.8s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(25):after {
            transition: all 0.5s ease-out 2.9s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(26) {
          transition: all 0.3s ease-in-out 2.9s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(26):after {
            transition: all 0.5s ease-out 3s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(27) {
          transition: all 0.3s ease-in-out 3s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(27):after {
            transition: all 0.5s ease-out 3.1s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(28) {
          transition: all 0.3s ease-in-out 3.1s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(28):after {
            transition: all 0.5s ease-out 3.2s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(29) {
          transition: all 0.3s ease-in-out 3.2s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(29):after {
            transition: all 0.5s ease-out 3.3s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(30) {
          transition: all 0.3s ease-in-out 3.3s; }
          .module-multi-distributors .modal.opened ul.distributors-list li:nth-child(30):after {
            transition: all 0.5s ease-out 3.4s; }
        .module-multi-distributors .modal.opened ul.distributors-list li:after {
          transform: scale(1, 1); }
      .module-multi-distributors .modal.opened .distributors-container {
        transition: all 0.3s ease-out 0.3s;
        opacity: 1;
        transform: translate(-50%, -50%); }
    .module-multi-distributors .modal.is-scrollable .distributors-container:after {
      opacity: 1; }
  .module-multi-distributors .distributors-container {
    background: #ffffff;
    box-sizing: border-box;
    transition: all 0.5s ease-out;
    margin-top: 0;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -48%);
    border: 1px solid #4a4a4a;
    border-radius: 0.8rem;
    width: 90vw;
    max-height: 90vh;
    opacity: 0;
    overflow: auto; }
    .module-multi-distributors .distributors-container h2 {
      font-size: 3.1rem;
      display: block; }
    .module-multi-distributors .distributors-container .wrapper {
      padding: 2.9rem 3.6rem; }
    .module-multi-distributors .distributors-container:after {
      content: url("/static/svg/chevron-down.svg");
      background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.25));
      display: block;
      fill: #000;
      position: sticky;
      bottom: -1px;
      text-align: center;
      width: 100%;
      pointer-events: none;
      opacity: 0;
      transition: opacity 150ms ease-in-out; }
    .module-multi-distributors .distributors-container a.close-modal {
      position: absolute;
      right: 3.6rem;
      top: 3.6rem;
      transition: all 0.3s ease-out;
      opacity: 0.4;
      display: block; }
      .module-multi-distributors .distributors-container a.close-modal:hover {
        opacity: 1; }
    .module-multi-distributors .distributors-container ul.distributors-list {
      display: flex;
      flex-direction: column;
      justify-content: stretch;
      margin-top: 4.3rem; }
      .module-multi-distributors .distributors-container ul.distributors-list li {
        padding: 0.7rem 0rem;
        padding-right: 0.8rem;
        padding-top: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        opacity: 0;
        transform: translate3d(0px, 10px, 0px);
        transition: none; }
        .module-multi-distributors .distributors-container ul.distributors-list li:after {
          content: "";
          width: 100%;
          height: 1px;
          background: #E7E6E4;
          position: absolute;
          bottom: 0.1rem;
          transform-origin: top left;
          transform: scale(0, 1); }
        .module-multi-distributors .distributors-container ul.distributors-list li:last-child {
          border-bottom: none; }
          .module-multi-distributors .distributors-container ul.distributors-list li:last-child:after {
            display: none; }
        .module-multi-distributors .distributors-container ul.distributors-list li span {
          font-size: 1.8rem; }
        .module-multi-distributors .distributors-container ul.distributors-list li .cta {
          position: relative;
          margin-top: 1.2rem;
          width: 10rem;
          padding-top: 0.7rem;
          padding-bottom: 0.7rem;
          padding-left: 0;
          padding-right: 0; }
          .module-multi-distributors .distributors-container ul.distributors-list li .cta span {
            font-size: 1.2rem;
            top: 0.1rem;
            position: relative; }
          .module-multi-distributors .distributors-container ul.distributors-list li .cta[disabled] {
            background: #D3E9E9;
            color: #8F8F8F;
            border-color: transparent;
            pointer-events: none; }
    .module-multi-distributors .distributors-container .product-notice {
      margin-top: 4rem;
      font-size: 0.8em;
      padding: 10px;
      background: #FFE2DE;
      border-radius: 6px; }
    @media (min-width: 1024px) {
    .module-multi-distributors {
      margin-bottom: 0 !important; }
      .module-multi-distributors .cta.open-modal:hover {
        background-color: #ffffff;
        color: #006b6b;
        border-color: #006b6b; } }
    @media (min-width: 768px) {
      .module-multi-distributors .distributors-container {
        width: 34.4rem;
        max-height: 80vh; } }

*[data-module-type="product-tile-group"] {
  margin-bottom: 1.6rem; }
  *[data-module-type="product-tile-group"] .product-tiles-container {
    display: flex;
    flex-wrap: wrap; }
    *[data-module-type="product-tile-group"] .product-tiles-container .product-tile {
      width: 100%; }
  *[data-module-type="product-tile-group"] .title-line {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5.6rem; }
    *[data-module-type="product-tile-group"] .title-line a.cta-tertiary svg {
      display: none !important; }
  *[data-module-type="product-tile-group"] .product-tile {
    background-color: #fff;
    padding: 2.6rem 2.6rem 0;
    position: relative;
    border: 1px solid #D8D8D8;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 5.6rem; }
    *[data-module-type="product-tile-group"] .product-tile .product-tile-content {
      flex-grow: 1;
      text-align: left; }
    *[data-module-type="product-tile-group"] .product-tile .product-cta-line {
      width: calc(100% + 5.2rem);
      margin-left: -2.6rem;
      margin-top: 1.6rem;
      position: relative;
      text-align: left; }
      *[data-module-type="product-tile-group"] .product-tile .product-cta-line a {
        background: #F8F8F8;
        width: 100%;
        margin-left: 0;
        padding: 0.4rem 2.6rem; }
      *[data-module-type="product-tile-group"] .product-tile .product-cta-line:hover .product-cta-price {
        color: #25B6BB; }
    *[data-module-type="product-tile-group"] .product-tile .product-cta-price {
      position: absolute;
      right: 2.6rem;
      top: 0.5rem;
      pointer-events: none; }
    *[data-module-type="product-tile-group"] .product-tile .product-tile-image-container {
      width: calc(100% + 5.2rem);
      position: relative;
      padding-bottom: 120%;
      margin-bottom: 2.8rem;
      margin-left: -2.6rem;
      margin-top: -2.6rem;
      overflow: hidden; }
      *[data-module-type="product-tile-group"] .product-tile .product-tile-image-container .lazy-element {
        background-position: center;
        background-size: cover;
        transform: scale3d(0.9, 0.9, 0.9); }
        *[data-module-type="product-tile-group"] .product-tile .product-tile-image-container .lazy-element.lazy-loaded {
          transform: scale3d(1, 1, 1); }
    *[data-module-type="product-tile-group"] .product-tile .tile-header {
      margin-bottom: 9px; }
    *[data-module-type="product-tile-group"] .product-tile .tile-body p,
    *[data-module-type="product-tile-group"] .product-tile .tile-body li {
      margin-bottom: 8px; }
    *[data-module-type="product-tile-group"] .product-tile .tile-body li {
      list-style: disc outside;
      margin-left: 1em; }
    *[data-module-type="product-tile-group"] .product-tile .body-copy {
      position: relative;
      z-index: 0; }
    *[data-module-type="product-tile-group"] .product-tile .product-link {
      margin-top: 8px; }
  *[data-module-type="product-tile-group"].product-tile-group--projects .product-tile.product-tile--blank {
    border: 0;
    margin-bottom: 0;
    padding: 0; }
  *[data-module-type="product-tile-group"].product-tile-group--projects .product-tile.product-tile--share {
    border: 0; }
    *[data-module-type="product-tile-group"].product-tile-group--projects .product-tile.product-tile--share hr {
      height: 1px;
      background: #E7E6E4;
      margin: 2.4rem 0;
      clear: both; }
      *[data-module-type="product-tile-group"].product-tile-group--projects .product-tile.product-tile--share hr:first-child {
        margin-top: 0; }
      *[data-module-type="product-tile-group"].product-tile-group--projects .product-tile.product-tile--share hr:last-child {
        margin-bottom: 0; }
  *[data-module-type="product-tile-group"].product-tile-group--projects .project-page__share {
    width: calc(100% + 5.2rem);
    position: relative;
    margin-left: -2.6rem;
    margin-top: -2.6rem;
    text-align: left; }
  @media (min-width: 768px) {
      *[data-module-type="product-tile-group"] .product-tiles-container {
        justify-content: space-between; }
        *[data-module-type="product-tile-group"] .product-tiles-container .product-tile {
          width: 45%; } }
  @media (min-width: 1024px) {
      *[data-module-type="product-tile-group"] .product-tiles-container {
        justify-content: space-between; }
        *[data-module-type="product-tile-group"] .product-tiles-container.count-2:after {
          content: "";
          width: 30%; }
        *[data-module-type="product-tile-group"] .product-tiles-container.count-5:after {
          content: "";
          width: 30%; }
        *[data-module-type="product-tile-group"] .product-tiles-container.count-8:after {
          content: "";
          width: 30%; }
        *[data-module-type="product-tile-group"] .product-tiles-container.count-11:after {
          content: "";
          width: 30%; }
        *[data-module-type="product-tile-group"] .product-tiles-container.count-14:after {
          content: "";
          width: 30%; }
        *[data-module-type="product-tile-group"] .product-tiles-container.count-17:after {
          content: "";
          width: 30%; }
        *[data-module-type="product-tile-group"] .product-tiles-container.count-20:after {
          content: "";
          width: 30%; }
        *[data-module-type="product-tile-group"] .product-tiles-container.count-23:after {
          content: "";
          width: 30%; }
        *[data-module-type="product-tile-group"] .product-tiles-container.count-26:after {
          content: "";
          width: 30%; }
        *[data-module-type="product-tile-group"] .product-tiles-container.count-29:after {
          content: "";
          width: 30%; }
        *[data-module-type="product-tile-group"] .product-tiles-container.count-32:after {
          content: "";
          width: 30%; }
        *[data-module-type="product-tile-group"] .product-tiles-container .product-tile {
          width: 30%; } }
  @media (min-width: 1440px) {
      *[data-module-type="product-tile-group"] .product-tiles-container .product-tile {
        width: 30%; } }

*[data-module-type="image-gallery"] .body-copy {
  margin-top: 0.5rem;
  max-width: none; }
  *[data-module-type="image-gallery"] .body-copy em {
    font-weight: bold; }

*[data-module-type="image-gallery"] .image-gallery__main-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 1;
  transform: scale3d(1, 1, 1); }
  *[data-module-type="image-gallery"] .image-gallery__main-image--active {
    transition: 1000ms transform linear, 1000ms opacity linear; }
  *[data-module-type="image-gallery"] .image-gallery__main-image--from {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1.1); }
  *[data-module-type="image-gallery"] .image-gallery__main-image--to.image-gallery__main-image--from {
    opacity: 1;
    transform: scale3d(1, 1, 1); }

*[data-module-type="image-gallery"] .image-gallery__main-image__img {
  opacity: 1; }
  *[data-module-type="image-gallery"] .image-gallery__main-image__img--active {
    transition: 200ms opacity linear; }
  *[data-module-type="image-gallery"] .image-gallery__main-image__img--in {
    z-index: 2;
    opacity: 1; }
  *[data-module-type="image-gallery"] .image-gallery__main-image__img--out {
    z-index: 1;
    opacity: 0; }

*[data-module-type="image-gallery"] .image-gallery__lazy-container {
  width: 100%;
  position: relative;
  padding-bottom: 56%;
  background: transparent; }
  *[data-module-type="image-gallery"] .image-gallery__lazy-container .lazy-element img {
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%; }

*[data-module-type="image-gallery"] .image-gallery__thumbnails {
  padding-top: 3.2rem; }
  *[data-module-type="image-gallery"] .image-gallery__thumbnails__row {
    justify-content: center; }

*[data-module-type="image-gallery"] .image-gallery__thumbnail-container {
  flex: 0 0 1.2rem;
  cursor: pointer;
  background-color: #e7e8e8;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 1.2rem;
  margin-left: 0.6rem;
  margin-right: 0.6rem;
  transition: background-color 200ms linear; }
  *[data-module-type="image-gallery"] .image-gallery__thumbnail-container .lazy-container {
    display: none; }
  *[data-module-type="image-gallery"] .image-gallery__thumbnail-container.image-gallery__control--active {
    background-color: #006b6b; }
  *[data-module-type="image-gallery"] .image-gallery__thumbnail-container.image-gallery__control--active {
    cursor: pointer; }
  @media (min-width: 768px) {
    *[data-module-type="image-gallery"] .image-gallery__thumbnails {
      justify-content: flex-start;
      padding-right: 1.2rem;
      padding-left: 1.2rem; }
      *[data-module-type="image-gallery"] .image-gallery__thumbnails__row {
        justify-content: flex-start;
        margin-right: -2.4rem;
        margin-left: -2.4rem; }
    *[data-module-type="image-gallery"] .image-gallery__thumbnail-container {
      margin: 0;
      height: auto;
      width: 20%;
      border-radius: 0;
      flex: 0 1 20%;
      cursor: pointer;
      background: none;
      padding-right: 1.2rem;
      padding-left: 1.2rem; }
      *[data-module-type="image-gallery"] .image-gallery__thumbnail-container .lazy-container {
        display: block; }
      *[data-module-type="image-gallery"] .image-gallery__thumbnail-container .lazy-element::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        border: 2px solid #006b6b;
        opacity: 0;
        transition: opacity 200ms linear; }
      *[data-module-type="image-gallery"] .image-gallery__thumbnail-container .lazy-element img {
        z-index: 0;
        transform-origin: center;
        transition: transform 200ms linear; }
      *[data-module-type="image-gallery"] .image-gallery__thumbnail-container.image-gallery__control--active {
        background: none; }
        *[data-module-type="image-gallery"] .image-gallery__thumbnail-container.image-gallery__control--active .lazy-element::before {
          opacity: 1; }
      *[data-module-type="image-gallery"] .image-gallery__thumbnail-container.image-gallery__control--active {
        cursor: default; }
      *[data-module-type="image-gallery"] .image-gallery__thumbnail-container:focus:not(.image-gallery__control--active) .lazy-element img, *[data-module-type="image-gallery"] .image-gallery__thumbnail-container:hover:not(.image-gallery__control--active) .lazy-element img {
        transform: translate(-50%, -50%) scale(1.1); } }