body.popup-is-up {
    height: 100%;
    overflow-y: hidden;
}


#arcade-popup {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 100000;
    background-color: rgba(0, 0, 0, 0.6);
    }

    #arcade-popup div.frame div.inner {
        display: table-cell;
        width: 60%;
        /* height: 60%; */
        margin: 0px auto;
        background-color: #f2f2f2;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius:  50px;
        border:1px solid #666666;
        padding: 2em;
        padding-left: 20px;
        padding-right: 20px;
        text-align:center;
        vertical-align: middle;
        font-weight: bold;
        font-size: 15px;
        border: 3px solid #cccccc;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        }

        #arcade-popup div.frame div.inner p {
            width: 100%;
            margin-bottom: 2em;
            text-align: center;
            vertical-align: middle;
            font-size: 1.0em;
        }

     #arcade-popup div.frame div.inner span.popup-close {

            padding: 0.5em;
            padding-left: 1em;
            padding-right: 1em;
            display: inline-block;
            background-color: black;
            color: white;
            font-size: 1.6em;
            cursor: pointer;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius:  6px;

                }