.lightbox .lb-close {
    right: calc(100% - 61%);
}

/****LightBox Wrapper*******/

.lightbox {
    top: 0 !important;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    background: linear-gradient(322deg, rgba(26, 75, 148, 0.40) 48.04%, rgba(4, 18, 71, 0.40) 54.97%) !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
    opacity: 0.99 !important;
}

.lightbox .lb-details {
    display: none !important;
}

.lightbox .lb-closeContainer {
    position: absolute;
    top: 25px;
    right: 5vw;

    background-size: contain !important;
    z-index: 9999;
    opacity: 1 !important;

}

.lightbox .lb-closeContainer .lb-close {
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
}


.lb-nav a.lb-prev {
    width: 50px !important;
    left: 5vw !important;
    height: 50px !important;
    top: 50% !important;
    background: url(../images/svg/backw.svg) left 48% no-repeat !important;
    opacity: 1 !important;
    position: fixed;
}



.lb-image {
    /* height: 90vh !important; */
    object-fit: cover !important;
}


/* .lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    position: fixed;
    z-index: 9;
    background: url(../images/loading.gif) no-repeat;
  }

   */


   .lb-loader {
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    /* backdrop-filter: blur(5px); */
    overflow-y: hidden;
  }
  
  .lb-cancel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px !important;
    height: 200px !important;
    background: url(../images/webloader.gif) no-repeat !important;
    background-size: contain !important;
  }  
  


  
.body-scroll-lock #aboutfullpage {
    overflow: hidden;
}

.lb-container {
    max-width: calc(100vw - 300px);
    max-height: calc(100vh - 100px);
}

.lb-nav a.lb-next {
    width: 50px !important;
    right: 5vw !important;
    height: 50px !important;
    top: 50% !important;
    background: url(../images/svg/nextw.svg) right 48% no-repeat !important;
    opacity: 1 !important;
    position: fixed;
}


.scrollLocked {
    position: fixed;
    overflow: hidden;
}

.scrollLocked .inner-section {
    filter: blur(25px);
}

.lb-outerContainer {
    width: auto !important;
    height: auto !important;
}


@media (min-width: 280px) and (max-width: 1024px) {
    .lightbox .lb-closeContainer {

        top: 94px;

    }

    .lb-container {
        max-width: calc(100vw - 160px);
        max-height: calc(100vh - 100px);
    }
}
@media (min-width: 600px) and (max-width: 980px) {
    .lb-container {
        max-width: calc(100vw - 215px);
    }
}
