/*LOADER BOX*/
.loader {
    height: 150px;
    width: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a0a0a0;
    position: relative;
  }
  
  .loader span {
    font-size: 15px;
    position: absolute;
    bottom: 16px;
    margin-left: 8px;
  }
  
  @media only screen and (min-width: 861px) {
    .row:nth-child(odd) .loader:nth-child(odd),
    .row:nth-child(even) .loader:nth-child(even) {
      background: #1e1e1e;
    }
  
    .row:nth-child(odd) .loader:nth-child(even),
    .row:nth-child(even) .loader:nth-child(odd) {
      background: #2a2a2a;
    }
  }
  
  @media only screen and (max-width: 860px) {
    .row .loader:first-child,
    .row .loader:last-child {
      background: #2a2a2a;
    }
  
    .row .loader {
      background: #1e1e1e;
    }
  }
  
  @media only screen and (max-width: 460px) {
    .row .loader:nth-child(odd) {
      background: #2a2a2a;
    }
    .row .loader:nth-child(even) {
      background: #1e1e1e;
    }
  }
  
  /*** LOADERS ***/
  @keyframes spinBasic {
      from {
          transform: rotate(0deg);
      }
      to {
          transform: rotate(360deg);
      }
  }
  
  @keyframes spinBasicReverse {
      from {
          transform: rotate(0deg);
      }
      to {
          transform: rotate(-360deg);
      }
  }
  
  @keyframes rotateWithBoost {
      0% {
          transform: rotate(0deg);
      }
      60% {
          transform: rotate(180deg);
      }
      90%,
      100% {
          transform: rotate(360deg);
      }
  }
  /*LOADER 10*/
  @keyframes loader10svg {
    0%,
    25% {
      transform: rotate(0deg);
    }
    45%,
    100% {
      transform: rotate(-180deg);
    }
  }
  @keyframes loader10dot {
    0% {
      transform: rotate(0deg);
    }
    20%,
    50% {
      transform: rotate(180deg);
    }
    70%,
    100% {
      transform: rotate(360deg);
    }
  }
  
  .loader10 svg {
    overflow: visible;
    transform-origin: center center;
    animation: 1.5s linear loader10svg infinite;
  }
  
  .loader10 svg circle:nth-of-type(2),
  .loader10 svg circle:nth-of-type(3) {
    transform-origin: 26.5px center;
    animation: 1.5s linear loader10dot infinite;
  }