html.with-popup{
    position: fixed !important;
    overflow: auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
}
html.with-popup  body {
    height: 100% !important;
    margin: 0 !important;
    overflow: auto !important;
}

.bb_modaloverlay{
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    overflow-y: scroll;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: block;
    pointer-events:auto;
    z-index:99999;
    -webkit-overflow-scrolling: touch;
}
.bb_modaloverlay .bb_modal {
    background-color:#ffffff;
    height: 100%;
    position: relative;
    margin: 0 auto;
    padding:0;
    display:block !important;

}



.bb_modaloverlay .bb_modal > iframe, .bb_modaloverlay .bb_modal > div {
    border: none;
    width: 100%;
    background: #fff;
    height:100%;
}



@media only screen
and (min-width : 749px) {
    .bb_modaloverlay{
        overscroll-behavior : contain;
    }
    .bb_modaloverlay .bb_modal {
        min-height: 75%;
        height:75%;
        margin: 30px auto;
        max-width:980px;
        width:750px;
    }
}