/* Custom CSS for the Magnific Popup */
.mfp-wrap {
  z-index: 99999;
}
.mfp-bg {
  background: #fff;
}

.white-popup {
  position: relative;
  background: #FFF;
  border: 1px solid #ddd;
  -webkit-box-shadow: -2px 2px 4px 0px rgba(85,85,85,0.6);
  -moz-box-shadow: -2px 2px 4px 0px rgba(85,85,85,0.6);
  box-shadow: -2px 2px 4px 0px rgba(85,85,85,0.6);
  padding: 30px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  z-index: 99999;
}

.mfp-close {
  color: #333;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-title {
  color: #444;
}
.mfp-counter,
.mfp-figure small {
  color: #777;
}

button.mfp-arrow:hover,
button.mfp-close:hover {
  background: none;
}

.message-to-from {
  margin: 10px 0;
}
.message-to-from span {
  color: #999;
}