.popup-container {
    background: rgba(0,0,0,.2);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden;
    z-index:115;
}
.slide-iframe {
      transition:height .7s ease;
}
.popup-zone {
    display: table;
    height: 100%;
    width: 400%;
    position: absolute;
    table-layout: fixed;
    left:0%;
}

.popup-zone-item {
    display: table-cell;
    width: 1vh;
    vertical-align: middle;
    padding: 50px;
    position: relative;
}

.slide-popup {
    background: #fff;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.2);
    margin: 0 auto;
    padding: 20px;
    position:relative;
    max-width:800px;

 
}

.one .popup-zone {
    left: 0%;
}

.two .popup-zone {
    left: -100%;
}

.three .popup-zone {
    left: -200%;
}

.four .popup-zone {
    left: -300%;
}

.popup-item-scroll {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: auto;    
    -webkit-overflow-scrolling: touch
}

.popup-item-scroll-content {
    display: table;
    height: 100%;
    width: 100%;
}

.popup-item-scroll-item {
    display: table-cell;
    vertical-align: middle;
    padding: 32px;
}

.popupinner {
    height: 900px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.popup-item-scroll.animating {
    overflow:hidden;
}
.slide-iframe-heading {
    font-size:1.4em;
    font-weight:normal;
    padding-right:86px;
  

}
.slide-popup-head {
    padding-bottom:10px;
}
.slide-popup .closepopup {
    right:2px;
    top:2px;
}
.dashboard-popup .slide-popup .closepopup {
    background: url(/img/Compress.svg) no-repeat center center;
}
.slide-popup-action {
    float:right;
}
.slide-popup-head h2{
    float:left;
}
.slide-popup-head:after {
    content:"";
    clear:both;
    display:table;
}


.slide-popup-head .slide-popup-back-btn {
    position: absolute;
    right: 50px;
    top: 2px;
    color: #000;
    font-size: 1.0714em;
    cursor: pointer;
    color: #666;
    height: 48px;
    width: 48px;
    background: url(/img/Undo-24.png) no-repeat center center;
    overflow: hidden;
    text-align: left;
    text-indent: -999px;
    display:none;
}
body.hide-page-scroll {
    overflow:hidden;
}


 


.iphoneHTML .mobile-content {
    overflow:hidden;
    position:fixed;
    left:0;
    top:0;
}
.iphoneHTML .popup-zone {
        width:100%;
        position:static;
      
    }
    .iphoneHTML .popup-zone-item {
        display:none;
    }
     .iphoneHTML .popup-zone-item.currentPopup {
        display:table-cell;
    }

     .iphoneHTML .popup-item-scroll {
         overflow:visible;
          
    }
.iphoneHTML .popup-container {
    overflow:visible;
    position:absolute;
     background:none;
}
.iphoneHTML .popup-item-scroll-item {
        
         background:rgba(0,0,0,.2);
    }
.iphoneHTML.animating-body .popup-container{
    background: rgba(0,0,0,.2);
    position: fixed;  
    overflow: hidden;
}
.iphoneHTML.animating-body .popup-zone {    
   
    width: 400%;
    position: absolute;
   
}
.iphoneHTML.animating-body .popup-item-scroll-item {
        
         background:none;
    }



 .iphoneHTML.animating-body .popup-zone-item {
        display:table-cell;
    }