/*Created CSS File animations.css*/

#MVidale1234, #ParaFadeIn,#MV{animation-name:humanFadeOut;
       animation-delay :4.5s;
       animation-duration:3s;
       animation-fill-mode:both;
       animation-iteration-count:1;
}

.verify2, #confirm{animation-name:humanFadeIn;
         animation-delay:2s;
         animation-duration:2s;
         animation-fill-mode:both;
         animation-iteration-count:1;
}

.FadeInPages{animation-name:humanFadeIn;
             animation-delay:1s;
             animation-duration:2s;
             animation-fill-mode:both;
             animation-iteration-count:1;
}

#Hero1{animation-name:humanFadeIn;
             animation-delay:2s;
             animation-duration:2s;
             animation-fill-mode:both;
             animation-iteration-count:1;
}

#HideMe {animation-name:humanFadeIn;
             animation-delay:4s;
             animation-duration:2s;
             animation-fill-mode:both;
             animation-iteration-count:1;
}

#MVidale1 .para1{animation-name:humanFadeIn2;
       animation-delay :1.5s;
       animation-duration:1s;
       animation-fill-mode:both;
       animation-iteration-count:1;
}



@keyframes humanFadeIn {from{opacity:0;}to{opacity:1;}}
@keyframes humanFadeIn2 {from{opacity:0;}to{opacity:1;}}
@keyframes humanFadeOut {from{opacity:1;}to{opacity:0;}}
}

.veryfy-human, #human{animation-name:humanFadeIn;
             animation-delay:2.5s;
             animation-duration:0.5s;
             animation-fill-mode:both;
             animation-iteration-count:1;
}

  .animate {
    animation-duration: 1.5s;
    animation-name: animate-fade;
    animation-delay: 0.5s;
    animation-fill-mode: both!important;
    animation-iteration-count:1;
  }
      
  @keyframes animate-fade {
      0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  
  .animate.pop {
    animation-name: animate-pop;
    animation-timing-function: cubic-bezier(1.26,.53,.74,1.48);
  }
  
  @keyframes animate-pop {
    0% {
      opacity: 0;
      transform: scale(0.5, 0.5);
    }
          
    100% {
      opacity: 1;
      transform: scale(1, 1);
    }
  }
  
  
  .delay-1 {
    animation-delay: 
    1.6s;
  }
      
  .delay3.7 {
    animation-delay: 3.7s;
  }
  
  .delay1 {
    animation-delay: 2.7s;
  }
      
  .delay3 {
    animation-delay: 1.8s;
  }
  
   .delay4 {
    animation-delay: 2.8s;
  }
  
    .delay5 {
    animation-delay: 3.8s;
  }