.tm-sc-clients-logo {
  padding: 0 2px;
  column-gap: 2%; }
  .tm-sc-clients-logo .each-logo {
    transition: all 0.3s ease; }
    @media (prefers-reduced-motion: reduce) {
      .tm-sc-clients-logo .each-logo {
        transition: none; } }
    .tm-sc-clients-logo .each-logo img {
      transition: all 0.3s ease; }
      @media (prefers-reduced-motion: reduce) {
        .tm-sc-clients-logo .each-logo img {
          transition: none; } }
  .tm-sc-clients-logo.clients-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .tm-sc-clients-logo.clients-grid .each-logo {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px 10px;
      width: 16.666%;
      word-wrap: break-word;
      box-sizing: border-box;
      flex: auto;
      text-align: center;
      overflow: hidden;
      cursor: pointer; }
    .tm-sc-clients-logo.clients-grid.grid-1col .each-logo {
      width: 100%;
      max-width: 100%; }
    .tm-sc-clients-logo.clients-grid.grid-2col .each-logo {
      width: 47.5%;
      max-width: 47.5%; }
    .tm-sc-clients-logo.clients-grid.grid-3col .each-logo {
      width: 31.333%;
      max-width: 31.333%; }
      @media (max-width: 1024px) {
        .tm-sc-clients-logo.clients-grid.grid-3col .each-logo {
          width: 47.5%;
          max-width: 47.5%; } }
    .tm-sc-clients-logo.clients-grid.grid-4col .each-logo {
      width: 22.5%;
      max-width: 22.5%; }
      @media (max-width: 1024px) {
        .tm-sc-clients-logo.clients-grid.grid-4col .each-logo {
          width: 31.333%;
          max-width: 31.333%; } }
      @media (max-width: 767px) {
        .tm-sc-clients-logo.clients-grid.grid-4col .each-logo {
          width: 47.5%;
          max-width: 47.5%; } }
    .tm-sc-clients-logo.clients-grid.grid-5col .each-logo {
      width: 17.5%;
      max-width: 17.5%; }
      @media (max-width: 1024px) {
        .tm-sc-clients-logo.clients-grid.grid-5col .each-logo {
          width: 31.333%;
          max-width: 31.333%; } }
      @media (max-width: 767px) {
        .tm-sc-clients-logo.clients-grid.grid-5col .each-logo {
          width: 47.5%;
          max-width: 47.5%; } }
      .tm-sc-clients-logo.clients-grid.grid-5col .each-logo img {
        max-width: 150px; }
    .tm-sc-clients-logo.clients-grid.grid-6col .each-logo {
      width: 14.666%;
      max-width: 14.666%; }
      @media (max-width: 1024px) {
        .tm-sc-clients-logo.clients-grid.grid-6col .each-logo {
          width: 22.5%;
          max-width: 22.5%; } }
      @media (max-width: 767px) {
        .tm-sc-clients-logo.clients-grid.grid-6col .each-logo {
          width: 47.5%;
          max-width: 47.5%; } }
      .tm-sc-clients-logo.clients-grid.grid-6col .each-logo img {
        max-width: 130px; }
  .tm-sc-clients-logo.clients-animation-grayscale .each-logo img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .4; }
  .tm-sc-clients-logo.clients-animation-grayscale .each-logo:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1; }
  .tm-sc-clients-logo.clients-animation-opacity .each-logo img {
    opacity: .5; }
  .tm-sc-clients-logo.clients-animation-opacity .each-logo:hover img {
    opacity: 1; }
  .tm-sc-clients-logo.clients-animation-blur .each-logo:hover img {
    -webkit-filter: blur(1px);
    filter: blur(1px); }
  .tm-sc-clients-logo.clients-animation-zoom .each-logo img {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  .tm-sc-clients-logo.clients-animation-zoom .each-logo:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .tm-sc-clients-logo.clients-animation-contrast .each-logo:hover img {
    -webkit-filter: contrast(300%);
    filter: contrast(300%); }
  .tm-sc-clients-logo.clients-animation-invert .each-logo:hover img {
    -webkit-filter: invert(100%);
    filter: invert(100%); }
  .tm-sc-clients-logo.clients-animation-rollover .each-logo {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: none; }
    .tm-sc-clients-logo.clients-animation-rollover .each-logo:hover .thumb {
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      transform: translateY(100%); }
    .tm-sc-clients-logo.clients-animation-rollover .each-logo:hover .thumb-hover {
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      transform: translate(-50%, 0); }
    .tm-sc-clients-logo.clients-animation-rollover .each-logo .thumb {
      position: relative;
      display: block;
      width: auto;
      margin: 0 auto;
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
      -moz-transition: -moz-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
      transition: transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93); }
    .tm-sc-clients-logo.clients-animation-rollover .each-logo .thumb-hover {
      position: absolute;
      top: 0;
      left: 50%;
      width: auto;
      -webkit-transform: translate(-50%, -100%);
      -moz-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
      -moz-transition: -moz-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
      transition: transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93); }
  .tm-sc-clients-logo.clients-carousel .each-logo {
    padding: 20px 10px;
    word-wrap: break-word;
    box-sizing: border-box;
    text-align: center; }