/*
====== Fade effect ======
*/
.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;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.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;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


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

/*
====== Zoom-out effect ======
*/
.mfp-zoom-out {
    /* start state */
    /* animate in */
    /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0;
}

/*
====== Left effect ======
*/
.mfp-left-horizontal .mfp-with-anim {
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    -webkit-transition: transform 0.3s ease, opacity 0.3s ease;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
}
.mfp-left-horizontal .mfp-with-anim .summary-inner {
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    -webkit-transition: transform 0.3s ease, opacity 0.3s ease;
}
.mfp-left-horizontal.mfp-bg {
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
}
.mfp-left-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
}
.mfp-left-horizontal.mfp-ready .mfp-with-anim .summary-inner {
    transform: none;
    -webkit-transform: none;
    opacity: 1;
}
.mfp-left-horizontal.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-left-horizontal.mfp-removing .mfp-with-anim {
    opacity: 0;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
}
.mfp-left-horizontal.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-left-horizontal.mfp-removing .mfp-close {
    display: none;
}

/*
====== Right effect ======
*/
.mfp-right-horizontal .mfp-with-anim {
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    -webkit-transition: transform 0.3s ease, opacity 0.3s ease;
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
}
.mfp-right-horizontal .mfp-with-anim .summary-inner {
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    -webkit-transition: transform 0.3s ease, opacity 0.3s ease;
}
.mfp-right-horizontal.mfp-bg {
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
}
.mfp-right-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
}
.mfp-right-horizontal.mfp-ready .mfp-with-anim .summary-inner {
    transform: none;
    -webkit-transform: none;
    opacity: 1;
}
.mfp-right-horizontal.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-right-horizontal.mfp-removing .mfp-with-anim {
    opacity: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
}
.mfp-right-horizontal.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-right-horizontal.mfp-removing .mfp-close {
    display: none;
}