.lad_modal {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(52, 54, 66, 0.9);
  z-index:99000;
  overflow-y:auto;
  visibility:hidden;
  opacity:0;
  transition:opacity 0.3s linear, visibility 0.3s linear;
}
.lad_modal.is-visible {
  visibility:visible;
  opacity:1;
  transition:opacity 0.3s linear, visibility 0.3s linear;
}

.lad_modal-container {
  position:relative;
  width:90%;
  margin:5em auto;
  cursor:auto;
  border-radius:6px;
  background-color:white;
}

.lad_modal iframe {
  width:98%;
  max-width:100%;
  background-color:white;
  border:none;
  display:block;
  margin:10px auto 0 auto;
}

.lad_modal_close {
    cursor:pointer;
    font-size:25px;
    position:absolute;
    right:0;
    top:-25px;
    color:#e6e6e6;
    background-color:transparent;
    padding:2px;
    line-height:16px;
    border:1px solid transparent;
}
.lad_modal_close:hover {border:1px solid lightgray}

.lad_modal_hdr {padding:9px 15px; border-bottom:1px solid #eee}

.lad_modal_hdr h3 {font-size:20px; margin:5px 0; }

.lad_modal_hdr_close {
    cursor:pointer;
    float:right;
    font-size:30px;
    color:gray;
    vertical-align:middle;
    line-height:25px;
    border:1px solid transparent;
}

.lad_modal_hdr_close:hover {border:1px solid lightgray}