/* slide.css; 3-17-22 fv */

@keyframes slidy {
    0% { left: 0%; }
    20% { left: 0%; }
    25% { left: -100%; }
    45% { left: -100%; }
    50% { left: -200%; }
    70% { left: -200%; }
    75% { left: -300%; }
    95% { left: -300%; }
    100% { left: -400%; }
    }

@-webkit-keyframes slidy {
      0% { left: 0%; }
      20% { left: 0%; }
      25% { left: -100%; }
      45% { left: -100%; }
      50% { left: -200%; }
      70% { left: -200%; }
      75% { left: -300%; }
      95% { left: -300%; }
      100% { left: -400%; }
      }
    
.Bkgr_factura { background-image: url('../images/FacturaE_Inv_1.png'); background-size:100% 100%; }
.Bkgr_steps { background-image: url('../images/carrusel_1.png'); background-size:100% 100%; }
div#slider { overflow: hidden; }
div#slider figure img { width: 20% !important; float: left; } /* fv +!important 3-21-20 */
    
    div#slider figure { 
      position: relative;
      width: 500%;
      margin: 0;
      left: 0;
      text-align: left;
      font-size: 0;
      animation: 10s slidy infinite; 
    }
    
    
    /* -----------------list animation----------------- */

div#article {
      overflow: hidden;
      background: rgb(13,27,42);
}

div#article li {
  background: rgb(13,27,42); /* fv -blue */
  animation: bannermove 15s ease infinite; 
} 

.article:nth-child(2) {
  background: green;
  /* animation: bannermove 15s linear infinite;  */
}

.article:nth-child(3) {
  background: yellow;
  /* animation: bannermove 15s linear infinite;  */
}


     @keyframes "bannermove" {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-200%);
      }
    } 

     @-webkit-keyframes "bannermove" {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-200%);
    }
    }