/* Plandeux color palette */
/*
 * Mixin to swap font families
 * Must include define('PV_FONT', '//fast.fonts.net/cssapi/58841da2-0523-45dd-9aff-ce6b42ca9557.css'); in wp-config.php
 */
/* Plandeux base colors */
/* Extra small devices (phone, below 768px, * Bootstrap 3 col-xs) */
/* Small devices (tablets, 768px and up, * Bootstrap 3 col-sm) */
/* Medium devices (laptops, 992px and up, * Bootstrap 3 col-md) */
/* Large devices (desktops, 1200px and up, * Bootstrap 3 col-lg) */
/* Extra large devices (above 1319px, * Bootstrap 3 col-xl) */
.bs-company-scroller {
  position: relative;
  padding: 40px 0;
  text-align: center;
  background-color: #f5f5f5;
}
@media screen and (min-width: 768px) {
  .bs-company-scroller {
    padding: 64px 0;
  }
}
@media screen and (min-width: 1200px) {
  .bs-company-scroller {
    padding: 80px 0;
  }
}
.bs-company-scroller .container {
  margin: 0 auto;
}
.bs-company-scroller .container .l2-heading {
  text-align: center;
  max-width: 1072px;
  margin: 0 auto 24px;
}
.bs-company-scroller .container .scroller {
  max-width: 1280px;
}
.bs-company-scroller .container .scroller:nth-child(2) {
  margin-top: 48px;
}
.bs-company-scroller .container .scroller .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px 0;
  gap: 180px;
  list-style: none;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bs-company-scroller .container .scroller .items li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 190px;
}
.bs-company-scroller .container .scroller .items li img.att {
  max-width: 50px;
}
.bs-company-scroller .container .scroller .items li img {
  display: block;
  max-width: 179px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.bs-company-scroller .container .scroller[data-animated=true] {
  overflow: hidden;
  -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #ffffff), color-stop(80%, #ffffff), to(transparent));
  -webkit-mask: linear-gradient(90deg, transparent, #ffffff 20%, #ffffff 80%, transparent);
          mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #ffffff), color-stop(80%, #ffffff), to(transparent));
          mask: linear-gradient(90deg, transparent, #ffffff 20%, #ffffff 80%, transparent);
}
.bs-company-scroller .container .scroller[data-animated=true][data-direction=forwards] .items {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-animation: scroll 30s forwards linear infinite;
          animation: scroll 30s forwards linear infinite;
}
.bs-company-scroller .container .scroller[data-animated=true][data-direction=reverse] .items {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  animation: scroll 30s reverse linear infinite;
}
@-webkit-keyframes scroll {
  to {
    -webkit-transform: translate(calc(-50% - 90px));
            transform: translate(calc(-50% - 90px));
  }
}
@keyframes scroll {
  to {
    -webkit-transform: translate(calc(-50% - 90px));
            transform: translate(calc(-50% - 90px));
  }
}

.bs-company-scroller.white {
  position: relative;
  padding: 40px 0;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .bs-company-scroller.white {
    padding: 64px 0;
  }
}
@media screen and (min-width: 1200px) {
  .bs-company-scroller.white {
    padding: 80px 0;
  }
}
.bs-company-scroller.white .container {
  margin: 0 auto;
}
.bs-company-scroller.white .container .l2-heading {
  text-align: center;
  max-width: 1072px;
  margin: 0 auto;
  margin-bottom: 40px !important;
}
@media screen and (min-width: 768px) {
  .bs-company-scroller.white .container .l2-heading {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .bs-company-scroller.white .container .l2-heading {
    margin-bottom: 56px !important;
  }
}
.bs-company-scroller.white .container .scroller {
  max-width: 1280px;
}
.bs-company-scroller.white .container .scroller .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px 0;
  gap: 180px;
  list-style: none;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bs-company-scroller.white .container .scroller .items li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 190px;
}
.bs-company-scroller.white .container .scroller .items li img.att {
  max-width: 50px;
}
.bs-company-scroller.white .container .scroller .items li img {
  display: block;
  max-width: 179px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.bs-company-scroller.white .container .scroller[data-animated=true] {
  overflow: hidden;
  -webkit-mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #ffffff), color-stop(80%, #ffffff), to(transparent));
  -webkit-mask: linear-gradient(90deg, transparent, #ffffff 20%, #ffffff 80%, transparent);
          mask: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #ffffff), color-stop(80%, #ffffff), to(transparent));
          mask: linear-gradient(90deg, transparent, #ffffff 20%, #ffffff 80%, transparent);
}
.bs-company-scroller.white .container .scroller[data-animated=true][data-direction=forwards] .items {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-animation: scroll 30s forwards linear infinite;
          animation: scroll 30s forwards linear infinite;
}
.bs-company-scroller.white .container .scroller[data-animated=true][data-direction=reverse] .items {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  animation: scroll 30s reverse linear infinite;
}
@keyframes scroll {
  to {
    -webkit-transform: translate(calc(-50% - 90px));
            transform: translate(calc(-50% - 90px));
  }
}