﻿@-webkit-keyframes logoScrollerAnimation {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-33.3333333333%, 0, 0);
            transform: translate3d(-33.3333333333%, 0, 0);
  }
}
@keyframes logoScrollerAnimation {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-33.3333333333%, 0, 0);
            transform: translate3d(-33.3333333333%, 0, 0);
  }
}
.customer-logos--black .customers-logo--scroller-row {
  mix-blend-mode: multiply;
}
.customer-logos--black .customer-logos__logo img {
  mix-blend-mode: multiply;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.customer-logos--white .customers-logo--scroller-row {
  mix-blend-mode: screen;
}
.customer-logos--white .customer-logos__logo img {
  mix-blend-mode: screen;
  -webkit-filter: invert(1) grayscale(1);
          filter: invert(1) grayscale(1);
}
.customer-logos--grid {
  display: grid;
  grid-column-gap: 48px;
  grid-row-gap: 60px;
}
.customer-logos--grid .customer-logos__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customer-logos--grid .customer-logos__logo img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 50px;
}
.customer-logos--scroller {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 20px 0px;
  pointer-events: none;
}
.customer-logos--scroller a {
  pointer-events: all;
}
.customer-logos--scroller .customers-logo--scroller-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0px;
  width: 3750px;
}
@media only screen and (min-width: 960px) {
  .customer-logos--scroller .customers-logo--scroller-row {
    padding: 20px 0px;
    width: 7500px;
  }
}
.customer-logos--scroller .customers-logo--scroller-row:nth-child(odd) {
  -webkit-animation: logoScrollerAnimation 75s linear infinite;
          animation: logoScrollerAnimation 75s linear infinite;
}
.customer-logos--scroller .customers-logo--scroller-row:nth-child(even) {
  -webkit-animation: logoScrollerAnimation 90s linear infinite;
          animation: logoScrollerAnimation 90s linear infinite;
}
.customer-logos--scroller .customer-logos__logo {
  display: block;
  padding: 15px;
  max-width: 125px;
}
.customer-logos--scroller .customer-logos__logo:nth-child(odd) {
  padding-top: 0px;
}
.customer-logos--scroller .customer-logos__logo:nth-child(even) {
  padding-bottom: 0px;
}
@media only screen and (min-width: 960px) {
  .customer-logos--scroller .customer-logos__logo {
    padding: 30px;
    max-width: 250px;
  }
}
.customer-logos--scroller .customer-logos__logo img {
  max-height: 33px;
  min-width: 95px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (min-width: 960px) {
  .customer-logos--scroller .customer-logos__logo img {
    max-height: 65px;
    min-width: 190px;
  }
}
.customer-logos__logo img {
  border: none;
}

.customer-scroller--single .customer-scroller__bottom {
  display: none;
}