.zgfm-anim-top-to-bottom {
    animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running zgfm_ttb;
}
.zgfm-anim-bottom-to-top {
    animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running zgfm_btt;
}
.zgfm-anim-left-to-right {
    animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running zgfm_ltr;
}
.zgfm-anim-right-to-left {
    animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running zgfm_rtl;
}
.zgfm-anim-from-center {
    animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running zgfm_appear;
    transform: scale(1);
}

@keyframes zgfm_ttb {
    0% {
        opacity: 0;
        transform: translate(0, -10%);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes zgfm_ttb {
    0% {
        opacity: 0;
        transform: translate(0, -10%);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes zgfm_btt {
    0% {
        opacity: 0;
        transform: translate(0, 10%);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes zgfm_btt {
    0% {
        opacity: 0;
        transform: translate(0, 10%);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes zgfm_ltr {
    0% {
        opacity: 0;
        transform: translate(-10%, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes zgfm_ltr {
    0% {
        opacity: 0;
        transform: translate(-10%, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes zgfm_rtl {
    0% {
        opacity: 0;
        transform: translate(10%, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes zgfm_rtl {
    0% {
        opacity: 0;
        transform: translate(10%, 0);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes zgfm_appear {
    0% {
        opacity: 0.1;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes zgfm_appear {
    0% {
        opacity: 0.1;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}