.lightbox__overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(10, 20, 25, 0.75);
    z-index: 10002;
    display: flex
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .lightbox__overlay {
        display: block
    }
}

.lightbox__content {
    position: relative;
    width: 100%;
    height: 100%;
    visibility: hidden
}

.lightbox__content>.ui__toolbar__base[data-name=lightbox] {
    display: none
}

.lightbox__content .carousel__base {
    height: 100%
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .lightbox__content .carousel__base {
        height: 100vh
    }
}

.lightbox__content .carousel__base .owl-carousel {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.lightbox__content .carousel__base .owl-stage-outer {
    max-height: 85vh;
    overflow: visible
}

.lightbox__content .carousel__base .owl-stage {
    height: 100%
}

.lightbox__content .carousel__base .owl-dots {
    position: relative;
    margin-top: 25px
}

.lightbox__content .carousel__base .owl-item {
    justify-content: center
}

.lightbox__content .expandableComponent__base {
    margin: 0 80px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width:320px) and (max-width:1024px) {
    .lightbox__content .expandableComponent__base {
        margin: 0 15px
    }
}

.lightbox__content .expandableComponent__base .videoWrapper {
    width: 100%;
    height: 100%
}

.lightbox__content .expandableComponent__base .videoWrapper .video__base {
    width: 100%;
    height: calc(85vh - 40px);
    flex-direction: column-reverse
}

.lightbox__content .expandableComponent__base .videoWrapper .video__base .video-js {
    padding-bottom: 0
}

.lightbox__content .expandableComponent__base .image__container,
.lightbox__content .expandableComponent__base .video__container {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
    align-items: center;
    position: relative
}

.lightbox__content .expandableComponent__base .image__container .ui__toolbar__base[data-name=lightbox],
.lightbox__content .expandableComponent__base .video__container .ui__toolbar__base[data-name=lightbox] {
    top: 2px;
    right: 0;
    height: 40px
}

.lightbox__content .expandableComponent__base .image__container .ui__btn,
.lightbox__content .expandableComponent__base .video__container .ui__btn {
    width: 40px;
    height: 40px;
    background: rgba(10, 20, 25, 0.1)
}

.lightbox__content .expandableComponent__base .image__container .ui__btn:before,
.lightbox__content .expandableComponent__base .video__container .ui__btn:before {
    font-size: 14px
}

.lightbox__content .expandableComponent__base .image__container img,
.lightbox__content .expandableComponent__base .video__container img {
    outline: 3px solid #fff;
    max-height: calc(85vh - 35px);
    max-width: 100%;
    width: auto;
    height: auto
}

.lightbox__content .expandableComponent__base .image__container--hasCaption img,
.lightbox__content .expandableComponent__base .video__container--hasCaption img {
    max-height: calc(85vh - 45px)
}

.lightbox__content .expandableComponent__base .responsiveMedia__caption {
    margin: 15px 0;
    align-self: flex-start;
    min-height: 21px;
    max-height: 50px;
    max-width: 100%;
    overflow: auto
}

@media(min-width:1025px) {
    .lightbox__content .expandableComponent__base .responsiveMedia__caption {
        max-width: 75%
    }
}

.lightbox__content .expandableComponent__base .responsiveMedia__caption span {
    color: #fff
}

@media(min-width:320px) {
    .lightbox__content .expandableComponent__base .responsiveMedia__caption span {
        font-size: .875rem;
        font-family: "Siemens Sans", Arial, sans-serif;
        line-height: 1.1428571429;
        margin-top: 0;
        margin-bottom: 0
    }
}

.lightbox__content .expandableComponent__base .responsiveMedia__caption a span {
    border-bottom: 1px solid
}