.ekko-lightbox-container {
 position: relative;
}
.ekko-lightbox-container > div.ekko-lightbox-item {
 left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; position: absolute;
}
.ekko-lightbox iframe {
 width: 100%; height: 100%;
}
.ekko-lightbox-nav-overlay {
 left: 0px; top: 0px; width: 100%; height: 100%; display: flex; position: absolute; z-index: 1;
}
.ekko-lightbox-nav-overlay a {
 transition:opacity 0.5s; flex:1 1 0px; color: rgb(255, 255, 255); font-size: 30px; display: flex; z-index: 1; opacity: 0; align-items: center;
}
.ekko-lightbox-nav-overlay a > * {
 flex-grow: 1;
}
.ekko-lightbox-nav-overlay a > :focus {
 
}
.ekko-lightbox-nav-overlay a span {
 padding: 0px 30px;
}
.ekko-lightbox-nav-overlay a:last-child span {
 text-align: right;
}
.ekko-lightbox-nav-overlay a:hover {
 text-decoration: none;
}
.ekko-lightbox-nav-overlay a:focus {
 
}
.ekko-lightbox a:hover {
 text-decoration: none; opacity: 1;
}
.ekko-lightbox .modal-dialog {
 display: none;text-align:center;
}
.ekko-lightbox .modal-footer {
 text-align: left;
}
.ekko-lightbox-loader {
 left: 0px; top: 0px; width: 100%; right: 0px; bottom: 0px; display: flex; position: absolute; flex-direction: column; justify-content: center; align-items: center;
}
.ekko-lightbox-loader > div {
 width: 40px; height: 40px; text-align: center; position: relative;
}
.ekko-lightbox-loader > div > div {
 border-radius: 50%; animation:a 2s ease-in-out infinite; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.6; background-color: rgb(255, 255, 255);
}
.ekko-lightbox-loader > div > div:last-child {
 animation-delay: -1s;
}
.modal-dialog .ekko-lightbox-loader > div > div {
 background-color: rgb(51, 51, 51);
}