/* ===========================
   ===== Lightbox  =====
   =========================== */


.centering{
    max-width:1300px;
    margin:50px auto;
    text-align: left
}

.lightbox_overlay{
    position: absolute;
    top: 0;
    left:0;
    background: #FFF;
    opacity: 1 ;
    z-index:9990;
    cursor: pointer;
}

.lightbox{
    position: absolute;
    background: white;
    z-index: 9991;
}

.spinner{
    position: absolute;
    top:calc(50% - 25px);
    left:calc(50% - 25px);
    font-size: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;

}

@-webkit-keyframes spin {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


.close{
    position: absolute;
    color:#102694;
    font-size:20px;
    cursor: pointer;
    z-index:9992;
    right: 30px;
    top: 30px;
}

.next_img{
    position: absolute;
    color:#102694;
    font-size:25px;
    right:20px;
    cursor: pointer;
    z-index:9992;
    opacity:0.9;
}
.next_img:hover{
    opacity:1
}

.prev_img{
    position: absolute;
    color:#102694;
    font-size:25px;
    left:20px;
    cursor: pointer;
    z-index:9992;
    opacity:0.9;
}

.prev_img:hover{
    opacity:1;
}


/*
top: 785.467px;
  display: block;
  position: absolute;
  background-color: aqua;
  width: 50px;
  height: 50px;
  z-index: 9992;
  */