#open-popup {
    padding: 20px;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 40px;
    width: 300px;
    max-width: 400px;
    margin: 20px auto;
    text-align: justify;
}

.white-popup_ops {
    position: relative;
    background: #FFF;
    padding: 40px;
    width: 300px;
    max-width: 400px;
    margin: 20px auto;
    text-align: justify;
    /*top:200px;*/
    /*right:230px*/
}

.white-popup_gartner {
    position: relative;
    background: #FFF;
    padding: 40px;
    /*width: 500px;*/
    max-width: 500px;
    margin: 20px auto;
    text-align: justify;
    /*top:200px;*/
    /*right:230px*/
}


.white-popup_mission {
    position: relative;
    background: #FFF;
    padding: 40px;
    width: 300px;
    max-width: 400px;
    margin: 20px auto;
    text-align: justify;
    /*top: 100px;*/
    right: 230px;
}



.mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    transition: all 0.8s;
    transform: translateX(-1000px);
    /*float: right;*/
    /*margin-right: 100px*/
}

.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    transition: all 0.8s;
}

/* animate in */
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateX(0);
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: 0.1;
}

/* animate out */
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    transform: translateX(50px);
    opacity: 0;
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0;
}