@CHARSET "ISO-8859-1";

/****************************************
 * Animacion Cargando
 *****************************************/
.loading
{
    position: relative;
    top: 1em;
    height: 1em;
    display: flex;
    padding: 0em 1%;
}


.bullet1 {
  
  -webkit-animation: move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
          animation: move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.bullet2 {
  
  -webkit-animation: move 2s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
          animation: move 2s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.bullet3 {
  -webkit-animation: move 2s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
          animation: move 2s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.bullet4 {
  
  -webkit-animation: move 2s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
          animation: move 2s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

@-webkit-keyframes move {
  0% {
        opacity: 0;
    left: 10%;
  }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
  100% {
        opacity: 0;
    left: 87%;
  }
}

@keyframes move {
  0% {
        opacity: 0;
    left: 10%;
  }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
  100% {
        opacity: 0;
    left: 87%;
  }
}