/*=================== ANIM ===================*/
.APP-stdin-delay{
	  animation-delay: 0.3s;
}

@-webkit-keyframes anim_alternate_1 {
	from {opacity: 1;}
	50%{opacity: 1;}
	55%{opacity: 0;}
	to{opacity: 0;}
}
@keyframes anim_alternate_1 {
	from {opacity: 1;}
	50%{opacity: 1;}
	55%{opacity: 0;}
	to{opacity: 0;}
}

@-webkit-keyframes anim_alternate_2 {
  from {
    opacity: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
 5%,
 45%{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
 
 50%{
    opacity: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
 to{
    opacity: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}
@keyframes anim_alternate_2 {
  from {
    opacity: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
 5%,
 45%{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
 
 50%{
    opacity: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
 to{
    opacity: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}

.APP-anim_alternate_1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-name: anim_alternate_1;
	animation-name: anim_alternate_1;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.APP-anim_alternate_2 {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-name: anim_alternate_2;
	animation-name: anim_alternate_2;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
	opacity: 0;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

.APP-anim_alternate_1.APP-anim_retard1{
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.APP-anim_alternate_2.APP-anim_retard1{
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
.APP-anim_alternate_1.APP-anim_retard2{
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.APP-anim_alternate_2.APP-anim_retard2{
	-webkit-animation-delay: 4.5s;
	animation-delay: 4.5s;
}
/*----------------------*/
@keyframes zoomIn {
	from {opacity: 0;transform: scale3d(0.3, 0.3, 0.3);}
	50% {opacity: 1;}
}
.zoomIn {animation-name: zoomIn;}

.animated.infinite {animation-iteration-count: infinite;}

.animated{
	animation-duration: 1s;
	animation-fill-mode: both;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated{
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important; 
  }
}
