body.hidden {overflow: hidden}

.pg_lightboxFrameOuter {cursor: pointer}
.pg_lightboxFrameOuter figure {margin-bottom: 6%}
.pg_lightboxFrameOuter figure img {max-width: 120px}

.pg_lightboxFrameBack { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.9); z-index: 99999999}
.pg_lightboxFrameBack.closed {display: none}
.pg_lightboxFrameBack.opened {display: block}
.pg_lightboxFrameBackCloser {position: absolute; top: 2%; right: 2%; color: #fff;cursor: pointer}


.pg_lightboxFrameInner {position: absolute; width: 80%; left: 10%; top: 10%; bottom: 10%; height: 80%}
.pg_lightboxFrameIframe {border: none; outline: 0; position: absolute; top: 0; left: 0; width: 100%; height: 80%}
.pg_NoLightboxFrame {border: none; outline: 0;width: 100%}

.lightboxFrameSkipLink:focus-visible {display: table;position: initial;height: auto;width: auto;margin: 0 auto;padding: 4px;margin-bottom: 2%;margin-top: 2%}


@media (max-width: 768px)
{
.pg_NoLightboxOuter { position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  width: 100%;}
.pg_NoLightboxOuter iframe {  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; }  

}