.mfp-fade.mfp-bg {
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    background-color: #05212c;
    opacity: 0.5;
  }
  
  
  /* overlay animate in */
  
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
  }
  
  
  /* overlay animate out */
  
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
  }
  
  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.4s ease-out;
  }
  
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
  }
  
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
  }