/* IMAGE LIGHTBOX SELECTOR */



#imagelightbox {
    cursor: pointer;
    position: fixed;
    z-index: 10000;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
    -moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
    box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}





/* WITH ACTIVITY INDICATION */



#imagelightbox-loading,
#imagelightbox-loading div {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#imagelightbox-loading {
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.625em; /* 10 */
    margin: -1.25em 0 0 -1.25em; /* 20 */
    -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
    -moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
    box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}

    #imagelightbox-loading div {
        width: 1.25em; /* 20 */
        height: 1.25em; /* 20 */
        background-color: #fff;
        -webkit-animation: imagelightbox-loading .5s ease infinite;
        -moz-animation: imagelightbox-loading .5s ease infinite;
        -o-animation: imagelightbox-loading .5s ease infinite;
        animation: imagelightbox-loading .5s ease infinite;
    }



@-webkit-keyframes imagelightbox-loading {

    from {
        opacity: .5;
        -webkit-transform: scale( .75 );
    }

    50% {
        opacity: 1;
        -webkit-transform: scale( 1 );
    }

    to {
        opacity: .5;
        -webkit-transform: scale( .75 );
    }
}

@-moz-keyframes imagelightbox-loading {

    from {
        opacity: .5;
        -moz-transform: scale( .75 );
    }

    50% {
        opacity: 1;
        -moz-transform: scale( 1 );
    }

    to {
        opacity: .5;
        -moz-transform: scale( .75 );
    }
}

@-o-keyframes imagelightbox-loading {

    from {
        opacity: .5;
        -o-transform: scale( .75 );
    }

    50% {
        opacity: 1;
        -o-transform: scale( 1 );
    }

    to {
        opacity: .5;
        -o-transform: scale( .75 );
    }
}

@keyframes imagelightbox-loading {

    from {
        opacity: .5;
        transform: scale( .75 );
    }

    50% {
        opacity: 1;
        transform: scale( 1 );
    }

    to {
        opacity: .5;
        transform: scale( .75 );
    }
}