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

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

.lightbox_overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    opacity: 0.7;
    z-index: 999;
    cursor: pointer;
}

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

.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: #fff;
    font-size: 30px;
    cursor: pointer;
    z-index: 1001;
}

.next_img {
    position: absolute;
    color: #fff;
    font-size: 50px;
    right: 10px;
    cursor: pointer;
    z-index: 1001;
    opacity: 0.9;
}

.next_img:hover {
    opacity: 1
}

.prev_img {
    position: absolute;
    color: #fff;
    font-size: 50px;
    left: 10px;
    cursor: pointer;
    z-index: 1001;
    opacity: 0.9;
}

.prev_img:hover {
    opacity: 1;
}