/* ANIMACIONES */
@keyframes giro {
  from {-webkit-transform:rotate(0deg);}
  to {  -webkit-transform:rotate(360deg);}    
}

@-webkit-keyframes giro {
  from {-webkit-transform:rotate(0deg);}
  to {  -webkit-transform:rotate(360deg);}
}

@-moz-keyframes giro {
  from {-moz-transform:rotate(0deg);}
  to {  -moz-transform:rotate(360deg);}
}

@keyframes slide-contacto {
  0% {bottom: 142px;}    
  100% {bottom: 0;}
}

@-webkit-keyframes slide-fundido {
  0% {bottom: 142px;}    
  100% {bottom: 0;}
}

@-moz-keyframes slide-fundido {
  0% {bottom: 142px;}    
  100% {bottom: 0;}
}

@keyframes slide-contacto-fundido {
  0% {opacity: 1;bottom: -100px;}    
  100% {opacity: 0;bottom: 0;}
}

@keyframes fundido {
  0% {opacity: 0;}  
  20% {opacity: 0;}     
  100% {opacity: 1;}
}
@-webkit-keyframes fundido {
  0% {opacity: 0;}      
  100% {opacity: 1;}
}

@-moz-keyframes fundido {
  0% {opacity: 0;}      
  100% {opacity: 1;}
}

@keyframes slide-arriba {
  0% {top: -100px; opacity: 0;}   
  100% {top: 0; opacity: 1;}
}

@-webkit-keyframes slide-arriba {
  0% {top: -100px;opacity: 0;}  
  100% {top: 0;opacity: 1;}
}

@-moz-keyframes slide-arriba {
  0% {top: -100px; opacity: 0;}   
  100% {top: 0; opacity: 1;}  
}

@keyframes slide-abajo {
  0% {top: 100px; opacity: 0;}    
  100% {top: 0; opacity: 1;}
}

@-webkit-keyframes slide-abajo {
  0% {top: 100px;opacity: 0;} 
  100% {top: 0;opacity: 1;}
}

@-moz-keyframes slide-abajo {
  0% {top: 100px; opacity: 0;}    
  100% {top: 0; opacity: 1;}  
}

@keyframes slide-izda {
  0% {left: -300px; opacity: 0;}    
  100% {left: 0; opacity: 1;}
}

@-webkit-keyframes slide-izda {
  0% {left: -300px; opacity: 0;}    
  100% {left: 0; opacity: 1;}
}

@-moz-keyframes slide-izda {
  0% {left: -300px; opacity: 0;}    
  100% {left: 0; opacity: 1;} 
}

@keyframes slide-dcha {
  0% {right: -300px; opacity: 0;}   
  100% {right: 0; opacity: 1;}
}

@-webkit-keyframes slide-dcha {
  0% {right: -300px; opacity: 0;}   
  100% {right: 0; opacity: 1;}
}

@-moz-keyframes slide-dcha {
  0% {right: -300px; opacity: 0;}   
  100% {right: 0; opacity: 1;}  
}

.fundido {
  animation:  fundido;
  animation-duration: 1s; 
}

.slide-arriba,
.slide-abajo,
.slide-izda,
.slide-dcha {
  position:relative;
   
}

.slide-arriba {
  animation: slide-arriba;
  animation-duration: 1.4s;     
}

.slide-abajo {  
  animation: slide-abajo; 
  animation-duration: 1.4s;     
}

.slide-izda {
  animation: slide-izda;    
  animation-duration: 1.4s;     
}

.slide-dcha {
  animation: slide-dcha;
  animation-duration: 1.4s;     
}


.espera-1 {
	animation-delay: .2s; 
	animation-fill-mode: backwards;
}

.espera-2 {
	animation-delay: .4s; 
	animation-fill-mode: backwards;
}

.espera-3 {
	animation-delay: .5s; 
	animation-fill-mode: backwards;
}

.espera-4 {
	animation-delay: .8s; 
	animation-fill-mode: backwards;
}

.espera-5 {
	animation-delay: 1s; 
	animation-fill-mode: backwards;
}


.espera-6 {
	animation-delay: 1.2s; 
	animation-fill-mode: backwards;
}


.espera-7 {
	animation-delay: 1.4s; 
	animation-fill-mode: backwards;
}

/* CONTADORES */
div.contador-instalaciones::before, div.contador-empleados::before, div.contador-volumen::before, div.contador-prensas::before {
    font-size: 50px;
    font-weight: 800;
    content: counter(count);
    counter-increment: 3;
    border:  solid thin red;
    width: 100px;
    height:  100px;
    display:  block;
}

div.contador-instalaciones::before {
    animation: contador-instalaciones 1s linear alternate;  
    animation-fill-mode: forwards;     
}

div.contador-empleados::before {
    animation: contador-empleados 1s linear alternate;
    animation-fill-mode: forwards;    
}

div.contador-volumen::before {
    animation: contador-volumen 1s linear alternate;
    animation-fill-mode: forwards;  
}

div.contador-volumen::after {
    font-size: 50px;
    font-weight: 800;    
    content: ".2";
    animation: contador-volumen-d 1s linear alternate;  
    animation-fill-mode: forwards;          
}

div.contador-prensas::before {
    animation: contador-prensas 1s linear alternate;
    animation-fill-mode: forwards;    
}
@keyframes contador-instalaciones {
  0% {
    counter-increment: count 0;
  }
  5% {
    counter-increment: count 5;
  }  
  10% {
    counter-increment: count 15;
  }
  15% {
    counter-increment: count 25;
  }  
  20% {
    counter-increment: count 203;
  }
  25% {
    counter-increment: count 256;
  }  
  30% {
    counter-increment: count 408;
  }
  35% {
    counter-increment: count 600;
  }  
  40% {
    counter-increment: count 802;
  }
  45% {
    counter-increment: count 1005;
  }  
  50% {
    counter-increment: count 1608;
  }
  55% {
    counter-increment: count 2003;
  }  
  60% {
    counter-increment: count 2856;
  }
  65% {
    counter-increment: count 3308;
  }  
  70% {
    counter-increment: count 3702;
  }
  75% {
    counter-increment: count 4406;
  }  
  80% {
    counter-increment: count 4952;
  }
  85% {
    counter-increment: count 5408;
  }  
  90% {
    counter-increment: count 6600;
  }
  95% {
    counter-increment: count 7155;
  }  
  100% {
    counter-increment: count 7500;
  }
}

@keyframes contador-empleados {
  0% {
    counter-increment: count 0;
  }
  5% {
    counter-increment: count 5;
  }  
  10% {
    counter-increment: count 10;
  }
  15% {
    counter-increment: count 15;
  }  
  20% {
    counter-increment: count 20;
  }
  25% {
    counter-increment: count 25;
  }  
  30% {
    counter-increment: count 30;
  }
  35% {
    counter-increment: count 35;
  }  
  40% {
    counter-increment: count 40;
  }
  45% {
    counter-increment: count 45;
  }  
  50% {
    counter-increment: count 50;
  }
  55% {
    counter-increment: count 55;
  }  
  60% {
    counter-increment: count 60;
  }
  65% {
    counter-increment: count 75;
  }  
  70% {
    counter-increment: count 80;
  }
  75% {
    counter-increment: count 95;
  }  
  80% {
    counter-increment: count 100;
  }
  85% {
    counter-increment: count 115;
  }  
  90% {
    counter-increment: count 120;
  }
  95% {
    counter-increment: count 130;
  }  
  100% {
    counter-increment: count 135;
  }
}

@keyframes contador-volumen-d {
   0% {
    opacity: 0;
  }
   90% {
    opacity: 0;
  }  
  100% {
    opacity: 1;
  }    
}
@keyframes contador-volumen {
  0% {
    counter-increment: count 0;
  }
  5% {
    counter-increment: count 1;
  }  
  10% {
    counter-increment: count 2;
  }
  15% {
    counter-increment: count 3;
  }  
  20% {
    counter-increment: count 4;
  }
  25% {
    counter-increment: count 5;
  }  
  30% {
    counter-increment: count 6;
  }
  35% {
    counter-increment: count 7;
  }  
  40% {
    counter-increment: count 8;
  }
  45% {
    counter-increment: count 9;
  }  
  50% {
    counter-increment: count 10;
  }
  55% {
    counter-increment: count 11;
  }  
  60% {
    counter-increment: count 12;
  }
  65% {
    counter-increment: count 13;
  }  
  70% {
    counter-increment: count 14;
  }
  75% {
    counter-increment: count 15;
  }  
  80% {
    counter-increment: count 16;
  }
  85% {
    counter-increment: count 18;
  }  
  90% {
    counter-increment: count 19;
  }
  95% {
    counter-increment: count 20;
  }  
  100% {
    counter-increment: count 21;
  }
}

@keyframes contador-prensas {
  0% {
    counter-increment: count 0;
  }
  12.5% {
    counter-increment: count 1;
  }
  25% {
    counter-increment: count 2;
  }
  37.5% {
    counter-increment: count 3;
  }
  50% {
    counter-increment: count 4;
  }
  62.5% {
    counter-increment: count 5;
  }
  75% {
    counter-increment: count 6;
  }
  87.5% {
    counter-increment: count 7;
  }
  100% {
    counter-increment: count 8;
  }
}
/* FIN CONTADORES */


/* FIN ANIMACIONES */