/* Custom Mocon Entrance Animations */


@keyframes MfadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(-30px, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
.MfadeInLeft {
    animation-name: MfadeInLeft;
}



@keyframes MfadeInRight {
    from {
      opacity: 0;
      transform: translate3d(30px, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
.MfadeInRight {
    animation-name: MfadeInRight;
}



@keyframes MfadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 30px, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
.MfadeInUp {
    animation-name: MfadeInUp;
}



@keyframes MfadeInDown {
    from {
      opacity: 0;
      transform: translate3d(0, -30px, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
.MfadeInDown {
    animation-name: MfadeInDown;
}




a[href^="tel"],
a[href^="mailto"] {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #3a3a3a !important;
}