/* ====--- custom overwrite ---=== */
/* ===================================== */

.mfp-iframe-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    position: relative;
    top: 40px;
}
.mfp-close {
	color: #ffffff !important;
}


/* ====--- theme white-popup ---=== */
/* ===================================== */

.white-popup {
    background: #ffffff;
    padding: 20px;
    max-width: 620px;
    margin: 0px auto 20px auto;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.7);
}

.white-popup .mfp-close {
    top: -40px;
}


/* ====--- theme grey-fullsize ---=== */
/* ===================================== */

.mfp-grey-fullsize {
    background: #F0F0F0;
}

.mfp-grey-fullsize .mfp-iframe-holder {
    padding: 0px 0px 0px 0px !important;
}

.mfp-grey-fullsize .mfp-iframe-holder .mfp-close {
    display: none;
}

.mfp-grey-fullsize .mfp-iframe-scaler iframe {
    padding: 0px 0px 0px 0px !important;
    background: #F0F0F0 !important;
}


/*
====== Zoom effect ======
*/

.mfp-zoom-in {
    /* start state */
    /* animate in */
    /* animate out */
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}