.white-popup {
    position   : relative;
    background : #FFF;
    padding    : 20px;
    width      : auto;
    max-width  : 700px;
    margin     : 20px auto;
    height     : auto !important;
    overflow   : visible;
}

.mfp-iframe-holder .mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    /*right: 30%;*/
    width      : 32px;
    height     : 32px;
    text-align : center;
    padding    : 4px;
}

.mfp-content .mfp-close {
    width       : 32px;
    height      : 32px;
    line-height : 24px;
    margin      : 2px;
    right       : -16px;
    top         : -16px;
    color       : #fff;
    padding     : 4px;
    background  : #333;
    font-size   : 40px;
    font-weight : 100;
    text-align  : center;
    cursor      : pointer;
    box-sizing: border-box;
}

.mfp-fade.mfp-bg {
    opacity    : 0;
    transition : all .3s;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity : .9;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity : 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity    : 0;
    transition : all .3s;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity : 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity : 0;
}

.youtube-popup-iframe {
    width          : 100%;
    padding-bottom : 60%;
    position       : relative;
}

.youtube-popup-iframe iframe {
    width    : 100% !important;
    height   : 100% !important;
    position : absolute !important;
    left     : 0;
    top      : 0;
}

.white-popup.video-scaler {
    padding : 0;
}

.mfp-iframe-scaler.video-scaler {

}

.mfp-iframe-scaler.iframe-scaler {
    height  : auto;
    padding : 0;
    overflow: visible;
}