.animated {
  animation-duration: 1s;
  animation-fill-mode: both;  
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn; 
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}


/* ANIMATION */
.animation-delay02 {
  animation-delay: 0.2s;
}
.animation-delay03 {
  animation-delay: 0.3s;
}
.animation-delay045 {
  animation-delay: 0.45s;
}
.animation-delay04 {
  animation-delay: 0.4s;
}
.animation-delay06 {
  animation-delay: 0.6s;
}
.animation-delay08 {
  animation-delay: 0.8s;
}
.animation-delay09 {
  animation-delay: 0.9s;
}
.animation-delay10 {
  animation-delay: 1.0s;
}
.animation-delay12 {
  animation-delay: 1.2s;
}
.animation-delay14 {
  animation-delay: 1.4s;
}
.animation-delay16 {
  animation-delay: 1.6s;
}
.animation-delay20 {
  animation-delay: 2s;
}
.opacity-0 {
  opacity: 0;
}
.opacity-1 {
  opacity: 1;
}
.transition {
  transition: all ease 1.6s;
}
.transition-delay04 {
  transition-delay: 0.4s;
}
.transition-delay06 {
  transition-delay: 0.6s;
}
.transition-delay08 {
  transition-delay: 0.8s;
}
.transition-delay12 {
  transition-delay: 1.2s;
}
.transition-delay16 {
  transition-delay: 1.6s;
}
.transition-delay20 {
  transition-delay: 2s;
}
.container-overflow {
  overflow: hidden;
}
.transform-scale0 {
  transform: scale(0);
}
.transform-scale1 {
  transform: scale(1);
}

/* BTN animation start*/
.btn-verde {
  animation: 1.6s playShadow ease-out infinite;
}
.btn-verde:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  z-index: -1;
  pointer-events: none;
  transition: 0.35s;
}
.btn-verde:hover:after {
  box-shadow: 0 0 0 4px rgba(1, 146, 21, 0.3), 0 0 0 8px rgb(1, 146, 21, 0.2);
}
.btn-verde div{  
  animation: 1.6s playText ease-out infinite;
}
@keyframes playShadow {
  from {
    box-shadow: 0 0 0 0px rgb(1, 146, 21, 0.3), 0 0 0 0px rgba(1, 146, 21, 0.2);
    transform: scale(1);
  }
  18% {
    box-shadow: 0 0 0 0px rgb(1, 146, 21, 0.3), 0 0 0 0px rgb(1, 146, 21, 0.2);
  }
  50% {
    transform: scale(1.08);
  }  
  to {
    box-shadow: 0 0 0 16px rgb(1, 146, 21, 0), 0 0 0 27px rgb(1, 146, 21, 0);
    transform: scale(1);
  }
}
@keyframes playText {
  from {
   transform: scale(1);
  }
  50% {
    transform: scale(0.92);
  }  
  to {
    transform: scale(1);
  }
}

/* BTN animation end */