.modal-popup
{
	position: relative;
  background: #fff;
  max-width: 900px;
  margin: 40px auto;
  padding: 20px;    
}
.modal-popup h2.popup-title
{
	text-align: center;
	color:inherit;
}
.modal-popup .mfp-close
{
	color:inherit;
}
.modal-popup p
{
  color:inherit;
}

.modal-popup img
{
  max-width:100%;
  height:auto;
}
.modal-popup img.alignnone {
    margin: 5px 20px 20px 0;
}

.modal-popup img.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.modal-popup img.alignright, .modal-popup img[style*="float: right"] {
    float:right;
    margin: 5px 0 20px 20px;
}

.modal-popup img.alignleft, .modal-popup img[style*="float: left"] {
    float: left;
    margin: 5px 20px 20px 0;
}

.modal-popup a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.modal-popup a img.alignnone {
    margin: 5px 20px 20px 0;
}

.modal-popup a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.modal-popup a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.modal-popup .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.modal-popup .wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.modal-popup .wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.modal-popup .wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.modal-popup .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.modal-popup .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

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