.white-exit {
  position: relative;
  background: #FFF;
  /* padding: 20px; */
	width: auto;
	max-width: 678px;
	margin: 20px auto;
}

.exit_inner {
  width: 678px;
  height: 480px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.exit_content {
  padding: 10px;
  margin-right: 20px;
  width: 50%;
  background: rgba(0,0,0,0.3);
}
.exit_content h3 , .exit_content h2, .exit_content h1 {
  color : white;
}
.exit_content p {
  color: white;
}

.exit_content p a {
  color: yellow ;
}

.exit_content .button {
  color: white;
}

#exit-close-1 {
	position: absolute;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50px;
}


/* 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;
}