.rainbow {

  /* Font options */

  /* Chrome, Safari, Opera */
  -webkit-animation: rainbow 5s infinite;

  /* Internet Explorer */
  -ms-animation: rainbow 5s infinite;

  /* Standar Syntax */
  animation: rainbow 5s infinite;
}

.live {

  /* Font options */

  /* Chrome, Safari, Opera */
  -webkit-animation: live 5s infinite;

  /* Internet Explorer */
  -ms-animation: live 5s infinite;

  /* Standar Syntax */
  animation: live 2s infinite;
}

.live_product {

  /* Font options */

  /* Chrome, Safari, Opera */
  -webkit-animation: live_product 5s infinite;

  /* Internet Explorer */
  -ms-animation: live_product 5s infinite;

  /* Standar Syntax */
  animation: live_product 2s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow {
  0% {
    color: #ecf0f1;
  }

  10% {
    color: #2d3436;
  }

  20% {
    color: #ecf0f1;
  }

  30% {
    color: #2d3436;
  }

  40% {
    color: #ecf0f1;
  }

  50% {
    color: #2d3436;
  }

  60% {
    color: #ecf0f1;
  }

  70% {
    color: #2d3436;
  }

  80% {
    color: #ecf0f1;
  }

  90% {
    color: #2d3436;
  }

  100% {
    color: #ecf0f1;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes live {
  50% {
    color: #e84118;
  }

  100% {
    color: #f5f6fa;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes live_product {
  50% {
    color: #e84118;
  }

  100% {
    color: #f8d7da;
  }
}