.slbOverlay, .slbWrap, .slbWrapOuter { position: fixed; inset: 0px; }
.slbOverlay { overflow: hidden; z-index: 2000; background-color: rgb(0, 0, 0); opacity: 0.7; animation: 0.5s ease 0s 1 normal none running slbOverlay; }
.slbWrapOuter { overflow: hidden auto; z-index: 2010; }
.slbWrap { position: absolute; text-align: center; }
.slbWrap::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.slbContentOuter { position: relative; display: inline-block; vertical-align: middle; margin: 0px auto; padding: 0px 1em; box-sizing: border-box; z-index: 2020; text-align: left; max-width: 100%; }
.slbContentEl .slbContentOuter { padding: 5em 1em; }
.slbContent { position: relative; }
.slbContentEl .slbContent { animation: 0.3s ease 0s 1 normal none running slbEnter; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 0.2em 1em; }
.slbImageWrap { animation: 0.3s ease 0s 1 normal none running slbEnter; position: relative; }
.slbImageWrap::after { content: ""; position: absolute; inset: 3em 0px; display: block; z-index: -1; box-shadow: rgba(0, 0, 0, 0.6) 0px 0.2em 1em; background-color: rgb(255, 255, 255); }
.slbDirectionNext .slbImageWrap { animation: 0.4s ease 0s 1 normal none running slbEnterNext; }
.slbDirectionPrev .slbImageWrap { animation: 0.4s ease 0s 1 normal none running slbEnterPrev; }
.slbImage { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 3em 0px; margin: 0px auto; }
.slbCaption { display: inline-block; max-width: 100%; max-height: 3em; overflow-wrap: normal; position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: left; line-height: 18px; color: rgb(243, 243, 243); padding: 0px 0px 1em; font-size: 16px; }
.slbArrow, .slbCloseBtn { margin: 0px; padding: 0px; border: 0px; cursor: pointer; background: 0px 0px; box-shadow: none !important; }
.slbArrow:focus, .slbArrow:hover, .slbCloseBtn:focus, .slbCloseBtn:hover { opacity: 0.5; color: rgb(255, 255, 255); background: 0px 0px; }
.slbArrow:active, .slbCloseBtn:active { opacity: 0.8; }
.slbCloseBtn { animation: 0.3s ease 0s 1 normal none running slbEnter; font-size: 28px; width: 3rem; height: 3rem; line-height: 3rem; position: absolute; right: 0px; top: 0px; color: rgba(255, 255, 255, 0.7); text-align: center; }
.slbLoading .slbCloseBtn { display: none; }
.slbLoadingText { font-size: 1.4em; color: rgba(255, 255, 255, 0.9); }
.slbArrows { position: fixed; top: 50%; left: 0px; right: 0px; }
.slbLoading .slbArrows { display: none; }
.slbArrow { position: absolute; top: 50%; margin-top: -5em; width: 5em; height: 10em; opacity: 0.7; text-indent: -999em; overflow: hidden; }
.slbArrow::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -0.8em 0px 0px -0.8em; border: 0.8em solid transparent; }
.slbArrow.next { right: 0px; }
.slbArrow.next::before { border-left-color: rgb(255, 255, 255); }
.slbArrow.prev { left: 0px; }
.slbArrow.prev::before { border-right-color: rgb(255, 255, 255); }
.slbIframeCont { width: 80em; height: 0px; overflow: hidden; padding-top: 56.25%; margin: 5em 0px; max-width: 900px; }
.slbIframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.6) 0px 0.2em 1em; background: rgb(0, 0, 0); }
@-webkit-keyframes slbOverlay { 
  0% { opacity: 0; }
  100% { opacity: 0.7; }
}
@keyframes slbOverlay { 
  0% { opacity: 0; }
  100% { opacity: 0.7; }
}
@-webkit-keyframes slbEnter { 
  0% { opacity: 0; transform: translate3d(0px, -1em, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes slbEnter { 
  0% { opacity: 0; transform: translate3d(0px, -1em, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slbEnterNext { 
  0% { opacity: 0; transform: translate3d(4em, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes slbEnterNext { 
  0% { opacity: 0; transform: translate3d(4em, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slbEnterPrev { 
  0% { opacity: 0; transform: translate3d(-4em, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes slbEnterPrev { 
  0% { opacity: 0; transform: translate3d(-4em, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}