/**
 * POPUP
 */
 .white-popup {
    position: relative;
    background: #FFF;
    width:auto;
    max-width: 800px;
    margin: 20px auto 140px;
  }
      .white-popup .header-popup {
          padding: 10px;
          background: #E3E3E4;
          color: #393939;
          font-size: 16px;
          font-weight: bold;
      }
      .white-popup .content-popup {
          padding: 20px;
          color: #393939;
      }
      .white-popup .footer-popup {
          padding: 10px;
          text-align: right;
      }
          .white-popup .footer-popup button {
              margin: 0 0 0 10px;
              text-transform: uppercase;
              padding: 10px 40px;
              height: auto;
              border: 0px;
              font-size: 13px;
              letter-spacing: 2px;
          }
          /*.white-popup.prompt .footer-popup button {
              margin: 0 auto;
              display: block;
          }*/
  
          /* overlay at start */
          .mfp-fade.mfp-bg {
            opacity: 0;
  
            -webkit-transition: all 0.15s ease-out;
            -moz-transition: all 0.15s ease-out;
            transition: all 0.15s ease-out;
          }
          /* overlay animate in */
          .mfp-fade.mfp-bg.mfp-ready {
            opacity: 0.8;
          }
          /* overlay animate out */
          .mfp-fade.mfp-bg.mfp-removing {
            opacity: 0;
          }
  
          /* content at start */
          .mfp-fade.mfp-wrap .mfp-content {
            opacity: 0;
  
            -webkit-transition: all 0.15s ease-out;
            -moz-transition: all 0.15s ease-out;
            transition: all 0.15s ease-out;
          }
          /* content animate it */
          .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
            opacity: 1;
          }
          /* content animate out */
          .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
            opacity: 0;
          }