/* Animation CSS
---------------------------------------------------------------------------- */
.anim {
  opacity: 0;
/*   transform: translate(0, 10vh); */
}

.isMobile .anim{
	opacity:1!important;
}

.anim.a-rdy{
/* 	transition: all 1s; */
}
body:not(.isMobile) .anim.visible {
  	animation: fade-in-right ease 0.8s forwards;
	animation-delay:0.4s;
/*   opacity: 1;
  transform: translate(0, 0); */
}
.anim-2{
  animation-delay: 0.8s!important;
}
.anim-3{
  animation-delay: 1.2s!important;
}
.anim-4{
  animation-delay: 1.6s!important;
}
.anim-5{
  animation-delay: 2s!important;
}

@keyframes fade-in-right {
  from {
    opacity: 0;
    transform: translateX(-.5vw);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes grow-left {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

/* Disable Animations at 600px */
@media only screen and (max-width:600px) {
	.anim {
		opacity: unset;
		transform: unset;
	}
	.anim.a-rdy {
		transition: unset;
	}
	.anim.visible {
		opacity: unset;
		transform: unset;
	}
}