.white-popup {
  position: relative;
  background: #FFF;
  width:auto;
  max-width: 500px;
  margin: 20px auto;
}
	.white-popup .header-popup {
		padding: 10px;
		background: #d4d4d4;
		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 20px; */
						background-color: #353535;
						color: #fff;
            border: 0;
		}
		/*.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;
		}