@-webkit-keyframes ring{
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  1% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  2% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  3% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  4% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  5% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  6% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  7% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  9% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  10%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-ring.animated_{
  -webkit-animation: ring 5s ease infinite;
  animation: ring 5s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}


/*
ADICIONAR ESSAS CLASSES AO HTML DO SINO
  <i class="fa fa-bell-o faa-ring animated" style="color: red; font-size: 20px;"></i>
*/