.ekko-lightbox{
    display:-ms-flexbox!important;
    display:flex!important;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-right:0!important
}

.ekko-lightbox .modal-header{
    width: 100%;
    z-index: 10000000;
    border: 0px;
    position: absolute;
}

.ekko-lightbox-container{
    position:relative
}
.ekko-lightbox-container>div.ekko-lightbox-item{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%
}
.ekko-lightbox iframe{
    width:100%;
    height:100%
}
.ekko-lightbox-nav-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    pointer-events: none; /* no bloquea clics al fondo */
    z-index: 3; /* por encima del z-index:2 del enlace */
}
.ekko-lightbox-nav-overlay a{
    -ms-flex:1;
    flex:1;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    opacity:0;
    transition:opacity .5s;
    color:#fff;
    font-size:30px;
    pointer-events: auto; /* solo las flechas pueden ser clickeadas */
    z-index: 4;
}
.ekko-lightbox-nav-overlay a>*{
    -ms-flex-positive:1;
    flex-grow:1
}
.ekko-lightbox-nav-overlay a>:focus{
    outline:none
}
.ekko-lightbox-nav-overlay a span{
    padding:0 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{
    outline:none
}
.ekko-lightbox-nav-overlay a.disabled{
    cursor:default;
    visibility:hidden
}
.ekko-lightbox a:hover{
    opacity:1;
    text-decoration:none
}
.ekko-lightbox .modal-dialog{
    display:none
}
.ekko-lightbox .modal-footer{
    text-align:left
}
.ekko-lightbox-loader{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.ekko-lightbox-loader>div{
    width:40px;
    height:40px;
    position:relative;
    text-align:center
}
.ekko-lightbox-loader>div>div{
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#fff;
    opacity:.6;
    position:absolute;
    top:0;
    left:0;
    animation:a 2s infinite ease-in-out
}
.ekko-lightbox-loader>div>div:last-child{
    animation-delay:-1s
}
.modal-dialog .ekko-lightbox-loader>div>div{
    background-color:#333
}
@keyframes a{
    0%,to{
        transform:scale(0);
        -webkit-transform:scale(0)
    }
    50%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
}