/* 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( 30, 30, 30, .75 ); /* 50 */
	-moz-box-shadow: 0 0 3.125em rgba( 30, 30, 30, .75 ); /* 50 */
	box-shadow: 0 0 3.125em rgba( 30, 30, 30, .75 ); /* 50 */
}

/* ACTIVITY INDICATION */

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

#imagelightbox-loading {

	width: 40px; /* 40 */
	height: 40px; /* 40 */
	background-color: #003284;
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 10px; /* 10 */
	margin: -20px 0 0 -20px; /* 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: 20px; /* 20 */
	height: 20px; /* 20 */
	background-color: #F0F0F0;

	-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 ); }
}

/* OVERLAY */
#imagelightbox-overlay {
	background-color: #fff;
	background-color: rgba( 245, 245, 245, .9 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* NAVIGATION */

#imagelightbox-navigation {
	position: fixed;
	top: 10px;
	left: 50%;
	z-index: 10001;
}

#imagelightbox-navigation,
#imagelightbox-navigation-prev,
#imagelightbox-navigation-next {
  -webkit-transition: display 0.5s linear;
          transition: display 0.5s linear;
}

#imagelightbox-navigation-prev,
#imagelightbox-navigation-next {
	background: url('carrousel_next_prev_sprite.png') 0 0 no-repeat transparent;
	color: #003284;
	text-shadow: 1px 1px 5px #999;
	cursor: pointer;
	display: block;
	font-size: 26px;
	height: 54px;
	z-index: 200;
	position: absolute;
	width: 32px;
}
#imagelightbox-navigation-prev {
	background-position: -20px -8px;
	margin-top: -27px;
	left: 0;
	top: 50%;
}
#imagelightbox-navigation-prev:hover {
	background-position: -20px -78px;
}
#imagelightbox-navigation-next {
	background-position: -17px -147px;
	margin-top: -27px;
	right: 0;
	top: 50%;
}
#imagelightbox-navigation-next:hover {
	background-position: -17px -217px;
}
@media screen and (min-width: 768px) {
	#imagelightbox-navigation-prev,
	#imagelightbox-navigation-next {
		height: 70px;
		width: 70px;
	}
	#imagelightbox-navigation-prev {
		background-position: 0px 0px;
		margin-top: -35px;
	}
	#imagelightbox-navigation-prev:hover {
		background-position: 0px -70px;
	}
	#imagelightbox-navigation-next {
		background-position: 0px -140px;
		margin-top: -35px;
	}
	#imagelightbox-navigation-next:hover {
		background-position: 0px -210px;
	}
}