iframe,
.ep-modal-wrap,
.ep.modal-body,
#ep-modal-container {
    transition: all 100ms;
}

#ep-modal-container {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.4); /* Fallback color*/
    z-index: 999999;

    /* Disable widget container selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#ep-modal-container.shown {
    display: block;
    transition-delay: 1s;
}

.ep-iframe {
    border: none;
    height: 100%;
    width: 100%;
}

#ep-modal-container .ep-modal-wrap {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    top: -100%;
    margin-bottom: 50px;
    background-color: #FFF;
    transition: top 500ms, right 500ms, left 500ms, bottom 500ms;
}

#ep-modal-container .ep-modal-wrap.loaded {
    top: 50px;
    transition: top 500ms;
}

#ep-modal-container .ep-modal-wrap:not(.loaded):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiByZ2IoMjU1LCAyNTUsIDI1NSk7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nOyBhbmltYXRpb24tZGVsYXk6IDBzOyIgd2lkdGg9IjEwOHB4IiBoZWlnaHQ9IjEwOHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPgo8Y2lyY2xlIGN4PSI4NCIgY3k9IjUwIiByPSIxMCIgZmlsbD0iI2QyZDJkMiIgc3R5bGU9ImFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nOyBhbmltYXRpb24tZGVsYXk6IDBzOyI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxLjA4Njk1NjUyMTczOTEzMDRzIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsxIiB2YWx1ZXM9IjExOzAiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxIiBiZWdpbj0iMHMiIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZzsgYW5pbWF0aW9uLWRlbGF5OiAwczsiPjwvYW5pbWF0ZT4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjQuMzQ3ODI2MDg2OTU2NTIxNXMiIGNhbGNNb2RlPSJkaXNjcmV0ZSIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiB2YWx1ZXM9IiNkMmQyZDI7I2QyZDJkMjsjZDJkMmQyOyNkMmQyZDI7I2QyZDJkMiIgYmVnaW49IjBzIiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7IGFuaW1hdGlvbi1kZWxheTogMHM7Ij48L2FuaW1hdGU+CjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE2IiBjeT0iNTAiIHI9IjEwIiBmaWxsPSIjZDJkMmQyIiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7IGFuaW1hdGlvbi1kZWxheTogMHM7Ij4KICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSI0LjM0NzgyNjA4Njk1NjUyMTVzIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDswLjI1OzAuNTswLjc1OzEiIHZhbHVlcz0iMDswOzExOzExOzExIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgYmVnaW49IjBzIiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7IGFuaW1hdGlvbi1kZWxheTogMHM7Ij48L2FuaW1hdGU+CiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjQuMzQ3ODI2MDg2OTU2NTIxNXMiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIgdmFsdWVzPSIxNjsxNjsxNjs1MDs4NCIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGJlZ2luPSIwcyIgc3R5bGU9ImFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nOyBhbmltYXRpb24tZGVsYXk6IDBzOyI+PC9hbmltYXRlPgo8L2NpcmNsZT48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIxMCIgZmlsbD0iI2QyZDJkMiIgc3R5bGU9ImFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nOyBhbmltYXRpb24tZGVsYXk6IDBzOyI+CiAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iNC4zNDc4MjYwODY5NTY1MjE1cyIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiB2YWx1ZXM9IjA7MDsxMTsxMTsxMSIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGJlZ2luPSItMS4wODY5NTY1MjE3MzkxMzA0cyIgc3R5bGU9ImFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nOyBhbmltYXRpb24tZGVsYXk6IDBzOyI+PC9hbmltYXRlPgogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSI0LjM0NzgyNjA4Njk1NjUyMTVzIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDswLjI1OzAuNTswLjc1OzEiIHZhbHVlcz0iMTY7MTY7MTY7NTA7ODQiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBiZWdpbj0iLTEuMDg2OTU2NTIxNzM5MTMwNHMiIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZzsgYW5pbWF0aW9uLWRlbGF5OiAwczsiPjwvYW5pbWF0ZT4KPC9jaXJjbGU+PGNpcmNsZSBjeD0iODQiIGN5PSI1MCIgcj0iMTAiIGZpbGw9IiNkMmQyZDIiIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZzsgYW5pbWF0aW9uLWRlbGF5OiAwczsiPgogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjQuMzQ3ODI2MDg2OTU2NTIxNXMiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOzAuMjU7MC41OzAuNzU7MSIgdmFsdWVzPSIwOzA7MTE7MTE7MTEiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBiZWdpbj0iLTIuMTczOTEzMDQzNDc4MjYwOHMiIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZzsgYW5pbWF0aW9uLWRlbGF5OiAwczsiPjwvYW5pbWF0ZT4KICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iNC4zNDc4MjYwODY5NTY1MjE1cyIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiB2YWx1ZXM9IjE2OzE2OzE2OzUwOzg0IiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgYmVnaW49Ii0yLjE3MzkxMzA0MzQ3ODI2MDhzIiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7IGFuaW1hdGlvbi1kZWxheTogMHM7Ij48L2FuaW1hdGU+CjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE2IiBjeT0iNTAiIHI9IjEwIiBmaWxsPSIjZDJkMmQyIiBzdHlsZT0iYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7IGFuaW1hdGlvbi1kZWxheTogMHM7Ij4KICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSI0LjM0NzgyNjA4Njk1NjUyMTVzIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDswLjI1OzAuNTswLjc1OzEiIHZhbHVlcz0iMDswOzExOzExOzExIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgYmVnaW49Ii0zLjI2MDg2OTU2NTIxNzM5MXMiIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZzsgYW5pbWF0aW9uLWRlbGF5OiAwczsiPjwvYW5pbWF0ZT4KICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iNC4zNDc4MjYwODY5NTY1MjE1cyIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7MC4yNTswLjU7MC43NTsxIiB2YWx1ZXM9IjE2OzE2OzE2OzUwOzg0IiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgYmVnaW49Ii0zLjI2MDg2OTU2NTIxNzM5MXMiIHN0eWxlPSJhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZzsgYW5pbWF0aW9uLWRlbGF5OiAwczsiPjwvYW5pbWF0ZT4KPC9jaXJjbGU+CjwhLS0gW2xkaW9dIGdlbmVyYXRlZCBieSBodHRwczovL2xvYWRpbmcuaW8vIC0tPjwvc3ZnPg==') center center no-repeat #fff;;
}

@media screen and (max-width: 813px) {
    #ep-modal-container:not(.jpay) .ep-modal-wrap.loaded {
        top: 0 !important;
        height: 100%;
    }
}

#ep-modal-container.modal-popup .ep-modal-wrap {
    background-color: transparent;
}

#ep-modal-container.modal-popup #ep-modal-close {
    display: none;
}

@media screen and (max-width: 800px) {
    #ep-modal-container:not(.jpay) .ep-modal-wrap {
        left: 0;
        right: 0;
        transform: none;
        -webkit-transform: none;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 767.98px) {
    #ep-modal-container.jpay .ep-modal-wrap {
        left: 0;
        right: 0;
        transform: none;
        -webkit-transform: none;
        margin-bottom: 0px;
    }
}

#ep-modal-body {
    position: relative;
    width: 1080px;
    padding: 0 0;
}

@media screen and (max-width: 1024px) {
    #ep-modal-body {
        width: 800px;
    }
}

@media screen and (max-width: 800px) {
    #ep-modal-body {
        width: 100%;
        margin: 0 0;
        padding: 0 0;
    }
}

#ep-modal-container.modal-popup #ep-modal-body {
    width: 320px;
    padding: 0;
}

#ep-modal-container.modal-popup.modal-mobile #ep-modal-body {
    width: auto;
}

#ep-modal-close {
    display: block;
    width: 40px;
    height: 40px;
    right: 0;
    top: 0;
    background: url("../img/iframe-close-icon-dark.svg") center center no-repeat;
    background-size: 16px 16px;
    position: absolute;
    -webkit-appearance: none;
    outline: none;
    padding: 0;
    cursor: pointer;
    border: 0;
    float: right;
    filter: alpha(opacity=20);
    opacity: .2;
}

@media screen and (max-width: 767px) {
    #ep-modal-close {
        font-size: 25px;
    }
}

#ep-modal-container.modal-mobile .ep-modal-wrap.loaded {
    top: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}


@media screen and (max-width: 432px) {
    #ep-modal-container .ep-modal-wrap {
        width: 100%;
        top: 0 !important;

    }

    #ep-modal-body,
    .ep-iframe {
        min-height: 100% !important;
        width: 100%;
    }

    #ep-modal-container .ep-modal-wrap.with-asc {
        left: 0;
        right: 0;
        top: 0 !important;
        bottom: 0;
    }

    .ep-modal-wrap.loaded {
        width: 100%;
        min-height: 100%
    }

}

/* v4 Styles */
.v4.with_qr_pay #ep-modal-body {
    width: 612px;
}

@media screen and (max-width: 628px) {
    .v4.with_qr_pay #ep-modal-body {
        width: 432px;
    }
}

@media screen and (max-width: 431px) {
    .v4.with_qr_pay #ep-modal-body {
        width: 100%;
    }
}

.v4 #ep-modal-body {
    width: 512px;
}

.v4 #ep-modal-close {
    display: block;
    width: 40px;
    height: 40px;
    right: 15px;
    top: 15px;
    opacity: 1;
    background: url("../img/iframe-close-icon.svg") center center no-repeat;
    background-size: 16px 16px;
}

.v4.test-mode #ep-modal-close {
    top: 38px;
}

#ep-modal-close.dark {
    background: url("../img/iframe-close-icon-dark.svg") center center no-repeat;
}

#ep-modal-container.v4 .ep-modal-wrap {
    background: none;
}

#ep-modal-container.v4.modal-mobile .ep-modal-wrap.loaded {
    top: 0;
    padding-bottom: 50px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

#ep-modal-container.v4 .ep-modal-wrap.with-asc {
    top: 5%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    transform: none;
    -webkit-transform: none;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

#ep-modal-container.v4 .ep-modal-wrap.with-asc #ep-modal-body,
#ep-modal-container.v4 .ep-modal-wrap.with-asc .ep-iframe {
    width: 100%;
    height: 100% !important;
}


#ep-modal-container.v4 .ep-modal-wrap.with-asc #ep-modal-close {
    right: 6px
}

#ep-modal-container.v4 .ep-modal-wrap.with-asc #ep-modal-close {
    color: #000000;
}

@media screen and (max-width: 1024px) {
    .v4 #ep-modal-body {
        width: 512px;
    }
}

@media screen and (max-width: 800px) {
    #ep-modal-container.shown.v4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
    }

    #ep-modal-container.v4 .ep-modal-wrap {
        position: relative;
    }

    .v4 #ep-modal-body {
        margin: 0 0;
        padding: 0 0;
    }
}

@media screen and (max-width: 767px) {
    .v4 #ep-modal-close {
        font-size: 40px;
    }
}

/* mobile version */
@media screen and (max-width: 512px) {
    #ep-modal-container.v4 .ep-modal-wrap {
        width: 100%;
        top: 0 !important;
        height: 100%;
    }

    #ep-modal-container.v4 .ep-modal-wrap.loaded {
        padding-bottom: 0 !important;
    }

    .v4 #ep-modal-body,
    .v4 .ep-iframe {
        min-height: 100% !important;
        width: 100%;
    }

    #ep-modal-container.v4 .ep-modal-wrap.with-asc {
        left: 0;
        right: 0;
        top: 0 !important;
        bottom: 0;
        border-radius: 0;
    }

    .v4 #ep-modal-close {
        top: 5px;
        right: 10px;
    }

    .v4.test-mode #ep-modal-close {
        top: 29px;
    }
}

/* v3 Styles */
.v3 #ep-modal-body {
    max-width: 650px;
}

@media screen and (max-width: 800px) {
    #ep-modal-container.v3 .ep-modal-wrap {
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        right: auto;
        left: 50%;
    }

    .v3 #ep-modal-body {
        width: 650px;
        margin: 0 0;
        padding: 0 0;
    }
}

@media screen and (max-height: 600px) {
    #ep-modal-container.v3 .ep-modal-wrap {
        top: 0 !important;
    }
}

@media screen and (max-width: 650px) {
    #ep-modal-container.v3 .ep-modal-wrap {
        transform: none;
        -webkit-transform: none;
        right: 0;
        left: 0;
    }

    .v3 #ep-modal-body {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .ep-modal-wrap, #ep-modal-body {
        min-height: 100%;

    }

    #ep-modal-body, .ep-iframe {
        position: static;
    }
}

/* default_1D3 Styles */
#ep-modal-container.default_1D3 {
    background-color: rgba(0, 0, 0, 0.8);
}

.default_1D3.with_qr_pay #ep-modal-body {
    width: 612px;
}

@media screen and (max-width: 628px) {
    .default_1D3.with_qr_pay #ep-modal-body {
        width: 432px;
    }
}

@media screen and (max-width: 431px) {
    .default_1D3.with_qr_pay #ep-modal-body {
        width: 100%;
    }
}

.default_1D3 #ep-modal-body {
    /*background-color: #262339;*/
    width: 416px;
}

@media screen and (min-width: 992px) {
    .default_1D3 #ep-modal-body {
        width: 1010px;
    }
}

.default_1D3 .with-asc #ep-modal-body {
    background-color: #fff;
}

.default_1D3 #ep-modal-close {
    display: block;
    width: 35px;
    height: 35px;
    right: 15px;
    top: 30px;
    opacity: 1;
    background: url("../img/iframe-close-icon-purple.svg") center center no-repeat;
    background-color: #1d1b2b;
    background-size: 13px 13px;
    border-radius: 18px;
}

@media screen and (min-width: 1000px) {
    .default_1D3 #ep-modal-close {
        right: 30px
    }
}


.default_1D3 .with-asc #ep-modal-close {
    background-color: #fff;
    background: url("../img/iframe-close-icon.svg") center center no-repeat;
}

#ep-modal-close.dark {
    background: url("../img/iframe-close-icon-dark.svg") center center no-repeat;
}

#ep-modal-container.default_1D3 .ep-modal-wrap {
    background: none;
}

#ep-modal-container.default_1D3.modal-mobile .ep-modal-wrap.loaded {
    top: 0;
    padding-bottom: 50px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

#ep-modal-container.default_1D3 .ep-modal-wrap.with-asc {
    top: 5%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    transform: none;
    -webkit-transform: none;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

#ep-modal-container.default_1D3 .ep-modal-wrap.with-asc #ep-modal-body,
#ep-modal-container.default_1D3 .ep-modal-wrap.with-asc .ep-iframe {
    width: 100%;
    height: 100% !important;
}

#ep-modal-container.default_1D3 .ep-modal-wrap.with-asc #ep-modal-close {
    right: 6px
}

#ep-modal-container.default_1D3 .ep-modal-wrap.with-asc #ep-modal-close {
    color: #000000;
}

@media screen and (max-width: 800px) {
    #ep-modal-container.default_1D3 .ep-modal-wrap {
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        right: auto;
        left: 50%;
    }
}

@media screen and (max-width: 767px) {
    .default_1D3 #ep-modal-close {
        font-size: 40px;
    }
}

/* mobile version */
@media screen and (max-width: 432px) {
    #ep-modal-container.default_1D3 .ep-modal-wrap {
        width: 100%;
        top: 0 !important;
        height: 100%;
    }

    #ep-modal-container.default_1D3 .ep-modal-wrap.loaded {
        padding-bottom: 0 !important;
    }

    .default_1D3 #ep-modal-body,
    .default_1D3 .ep-iframe {
        min-height: 100% !important;
        width: 100%;
    }

    #ep-modal-container.default_1D3 .ep-modal-wrap.with-asc {
        left: 0;
        right: 0;
        top: 0 !important;
        bottom: 0;
        border-radius: 0;
    }
}

@media screen and (max-width: 340px) {
    .default_1D3 #ep-modal-close {
        right: 20px;
    }
}

#ep-modal-container.jpay  {
    background-color: rgba(14, 39, 72, 0.4);
    backdrop-filter: blur(5px);
}

#ep-modal-container.jpay .ep-modal-wrap.loaded {
    top: 100px;
}

.jpay .ep-modal-wrap {
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(34, 76, 115, 0.1);
    border-radius: 16px;
}

.jpay #ep-modal-body {
    width: 488px;
}

.jpay #ep-modal-close {
    display: none;
}

.jpay:not(.modal-mobile).close-visible #ep-modal-close {
    display: block;
}

.jpay #ep-modal-close {
    width: 20.6px;
    height: 20.6px;
    right: 24px;
    top: 24px;
    background: url(../img/iframe-close-icon-grey.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}

@media (max-width: 992.98px) {
    #ep-modal-container.jpay .ep-modal-wrap.loaded {
        top: 50px !important;
    }
    #ep-modal-container.jpay.modal-mobile.top-5 .ep-modal-wrap.loaded {
        top: 50px !important;
    }
}



@media (max-width: 767.98px) {
    #ep-modal-container.jpay .ep-modal-wrap.loaded {
        bottom: 0 !important;
    }
    .jpay .ep-modal-wrap {
        border-radius: 16px 16px 0px 0px;
    }
    .jpay #ep-modal-body, .jpay .ep-modal-wrap {
        width: 100%;
    }
}

@media (max-width: 767.98px) and  (min-height:800px) {
    #ep-modal-container.jpay.modal-mobile .ep-modal-wrap.loaded {
        min-height: unset !important;
        top: auto !important;
        bottom: 0 !important;
    }
}

/* cms_ecommerce Styles */
.cms_ecommerce #ep-modal-wrap {
    background-color: transparent;
}

.cms_ecommerce #ep-modal-body {
    max-width: 640px;
}

.cms_ecommerce #ep-modal-close {
    background: url("../img/iframe-close-icon-blue.svg") center center no-repeat #F2F6FA;
    opacity: 1;
    border-radius: 50%;
    right: 30px;
    top: 30px;
    height: 30px;
    width: 30px;
}