/*
ANIMACIONES
*/

/* logotipo DVD */
@keyframes zeroFV {	
	0%,100% { top:0%; margin-top:0; }
	50% { top:100%; margin-top:-150px; }
}
@keyframes zeroFH {	
	0%,100% { left:0%; margin-left:0; }
	50% { left:100%; margin-left:-150px; }
}
@media (max-width: 992px)  {
	.zeroCirculo {
		animation: zeroFV 15s linear 0s infinite both, zeroFH 7s linear 0s infinite both;
	}

}

/*
GLOBALES
*/
.animacion {
    display: flex;
}
.animacion.bajar {
    align-items: flex-end;
}
.animacion.subir {
    align-items: flex-start;
}
.animacion.izquierda {
    overflow: hidden;
    width: 100%;
}
.animacion.izquierda span {
    margin-left: -100%;
}
@keyframes subir {	
	0% { opacity: 0; padding-top:6%; margin-bottom: -6% }
	100% { opacity:1; padding-top:0%; margin-bottom: 0; }
}
@keyframes bajar {	
	0% { opacity:0; padding-bottom:6%; margin-top: -6%;  }
	100% { opacity:1; padding-bottom:0%; margin-top: 0; }
}
@keyframes alphaIn {	
	from { opacity: 0;  }
	to { opacity:1; }
}
@keyframes alphaOut {	
	from { opacity: 1;  }
	to { opacity:0; }
}
@keyframes lineas {	
	from { height: 0%;  }
	to { height:80%; }
}
@keyframes rotacion {	
	from { transform: rotate(0deg);  }
	to { transform: rotate(365deg); }
}
@keyframes izquierda {	
	from { margin-left: -100%;  }
	to { margin-left: 0%; }
}

/*
PARTICULARES
*/
.zeroCirculo.siguePuntero {
	animation: alphaIn 0.4s ease-out 0s 1 /*infinite*/ both;
}
.zeroCirculo .zeroFondo {
	animation: rotacion 20s linear 0s /*1*/ infinite both;
}
/* fondo molesta */
@keyframes videoJungle {	
	0% { margin-left: -20%;  }
	100% { margin-left: 0%; }
}
/*
MOLESTA
*/
/*.molesta */.tit span,
.molesta .subtit span,
.molesta .txt {
	opacity: 0;
	display: inline-block;
}
/*.molesta*/.animacion .tit span:nth-child(1) {
	animation: bajar 0.2s ease-out 0.2s 1 /*infinite*/ both;
}
/*.molesta*/.animacion .tit span:nth-child(2) {
	animation: bajar 0.2s ease-out 0.3s 1 /*infinite*/ both;
}
/*.molesta*/.animacion .tit span:nth-child(3) {
	animation: bajar 0.2s ease-out 0.4s 1 /*infinite*/ both;
}
/*.molesta*/.animacion .tit span:nth-child(4) {
	animation: bajar 0.2s ease-out 0.4s 1 /*infinite*/ both;
}
.molesta.animacion .subtit span:nth-child(1) {
	animation: alphaIn 0.05s ease-out 1s 1 /*infinite*/ both;
}
.molesta.animacion .subtit span:nth-child(2) {
	animation: alphaIn 0.05s ease-out 1.3s 1 /*infinite*/ both;
}
.molesta.animacion .subtit span:nth-child(3) {
	animation: alphaIn 0.05s ease-out 1.6s 1 /*infinite*/ both;
}
.molesta.animacion .txt {
    animation: alphaIn 1s ease-in 1.7s 1 /*infinite*/ both;
}
/* OUT */
.molesta.animacion.out .tit,
.molesta.animacion.out .subtit,
.molesta.animacion.out .txt {
	animation: alphaOut 0.5s ease-in 0s 1 /*infinite*/ both;
}

/*
ZERO
*/
.zero .circulo {
	opacity: 0;
}
.zero .circulo.animacion {
	animation: alphaIn 0.4s ease-out 0s 1 /*infinite*/ both;
}
.zero .circulo.animacion img {
	animation: subir 0.2s ease-out 0.5s 1 /*infinite*/ both;
}
.zero .circulo.animacion .subtit {
	animation: subir 0.2s ease-out 0.6s 1 /*infinite*/ both;
}
.zero .circulo.animacion .txt {
	animation: subir 0.2s ease-out 0.7s 1 /*infinite*/ both;
}
/**/
.zero .circulo.tres.animacion {
	animation: alphaIn 0.4s ease-out 0.4s 1 /*infinite*/ both;
}
.zero .circulo.tres.animacion img {
	animation: bajar 0.2s ease-out 0.9s 1 /*infinite*/ both;
}
.zero .circulo.tres.animacion .subtit {
	animation: bajar 0.2s ease-out 1s 1 /*infinite*/ both;
}
.zero .circulo.tres.animacion .txt {
	animation: bajar 0.2s ease-out 1.1s 1 /*infinite*/ both;
}

/*
COMBINATORIA
*/
.combinatoria.animacion .subtit span {
	animation: izquierda 0.4s ease-out 0.6s 1 /*infinite*/ both;
}
.combinatoria .txt {
	opacity: 0;
}
.combinatoria.animacion .txt {
	animation: alphaIn 1s ease-out 1s 1 /*infinite*/ both;
}
@media (min-width: 992px)  {
	.combinatoria .dcha {
		margin-left: -20%;
	}

	.combinatoria.animacion .dcha {
		animation: videoJungle 0.6s ease 0s 1 /*infinite*/ both;
	}
}