.lightboxOverlay {

    position: fixed !important;

    opacity: .5 !important;

    height: 100vh !important;



}


.fancybox__track svg,
#lightbox svg {

    position: absolute !important;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}





.lightbox {

     

    position: fixed !important;

    top: 0 !important;

    left: 0 !important;

    /*

    top: 50% !important;

    left: 50% !important;

    transform: translate(-50%, -50%) !important; */

    width: 100vw;

    height: 100vh;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



#ligthbox svg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}





@media screen and (min-width: 992px) {

    .lb-nav {

        width: 75vw;

        z-index: 10;

        left: 50%;

        transform: translateX(-50%); 

    }

}

/* @media screen and (max-width: 991px) {

    .lb-nav {

        width: 70vw;

    }   

} */





.lb-prev {

    position: relative;

    width: 80px !important;

    height: 74px !important;

    background: url('/wp-content/plugins/obrovo/assets/img/arrow__left.svg') left 48% no-repeat !important;

    opacity: 1 !important;

    left: -105px !important;

    top: 50%;

    transform: translateY(-50%); 

}

.lb-next {

    position: relative;

    width: 80px !important;

    height: 74px !important;

    background: url('/wp-content/plugins/obrovo/assets/img/arrow__right.svg') right 48% no-repeat !important;

    opacity: 1 !important;

    right: -105px !important;

    top: 50%;

    transform: translateY(-52%);

}

@media screen and (max-width: 991px) {

    .lb-prev,

    .lb-next {

        width: 65px !important;

        height: 55px !important;

        background-size: contain !important;

    }

}

@media screen and (max-width: 991px) {

    .lb-prev {

        left: 0px !important;

        top: 100%;

        transform: translateY(10px);

    }

    .lb-next {

        right: 0 !important;

        top: 100%;

        transform: translateY(10px);

    }

    

}



#lightbox {

    flex-direction: column-reverse;

}



.lb-dataContainer {

    position: absolute !important;

    top: 20px !important;

    width: 90vw !important;

}



.lb-outerContainer {

   

    background: transparent !important;

}

@media screen and (min-width: 991px) {

    .lb-outerContainer {

        min-height: 70vh !important;

    }

    

}



.lb-container {

    display: flex !important;

    height: 100% !important;

    align-items: center !important;

    justify-content: center !important

}



.lb-data .lb-details {

    visibility: hidden !important;

    opacity: 0 !important;

}



.lb-close {

    /* background: url('/wp-content/plugins/obrovo/assets/css/vendor/images/close.png') top right no-repeat !important; */

    background: url('/wp-content/plugins/obrovo/assets/img/X.svg') top right no-repeat !important;

    width: 117px !important;

    height: 114px !important;

    opacity: 1 !important;

}

/* .lb-data .lb-close {

    position: absolute;

    right: -45%;

    top: -90px;

} */

.lb-data .lb-close {

    position: relative;

}

/* @media screen and (min-width: 1681px) {

    .lb-data .lb-close {

        top: -180px

    }    

} */

@media screen and (max-width: 991px) {

    .lb-close {

        background-size: auto;

        width: 100% !important;

        height: 80px !important;

        opacity: 1 !important;

        background-size: contain !important;

    }

    .lb-data .lb-close {

        right: -25px;

        top: -25px;

    }

    

}

@media screen and (max-width: 480px) {

    .lb-close {

        background-size: auto;

        width: 100% !important;

        height: 80px !important;

        opacity: 1 !important;

        background-size: contain !important;

    }

    .lb-data .lb-close {

        right: -25px;

        top: -25px;

    }

    

}



.lb-loader {

    background: url('/wp-content/plugins/obrovo/assets/css/vendor/images/loading.gif') center center no-repeat !important;

}