/* IMAGE LIGHTBOX SELECTOR */
			
			#imagelightbox {
				cursor: pointer;
				position: fixed;
				z-index: 10000;
				-ms-touch-action: none;
				touch-action: none;
				-webkit-box-shadow: 0 0 20px rgba( 0, 0, 0, .3);
				/* 50 */
				box-shadow: 0 0 20px rgba( 0, 0, 0, .3);
				/* 50 */
			}
			/* ACTIVITY INDICATION */
			
			#imagelightbox-loading,
			#imagelightbox-loading div {
				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 */
				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;
				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);
				}
			}
			
			@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( 34, 34, 34, .98);
				
				position: fixed;
				z-index: 9998;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
			}
			/* "CLOSE" BUTTON */
			
			#imagelightbox-close {
				width: 2.5em;
				/* 40 */
				height: 2.5em;
				/* 40 */
				text-align: left;
				background-color: #666;
				background-color: rgba( 0, 0, 0, .5);
				border-radius: 50%;
				position: fixed;
				z-index: 10002;
				top: 60px;
				/* 40 */
				right: 2.5em;
				/* 40 */
				-webkit-transition: color .3s ease;
				transition: color .3s ease;
				border: none;
			}
			
			#imagelightbox-close:hover,
			#imagelightbox-close:focus {
				background-color: #111;
			}
			
			#imagelightbox-close:before,
			#imagelightbox-close:after {
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			
			#imagelightbox-close:before {
				-webkit-transform: rotate( 45deg);
				-ms-transform: rotate( 45deg);
				transform: rotate( 45deg);
			}
			
			#imagelightbox-close:after {
				-webkit-transform: rotate( -45deg);
				-ms-transform: rotate( -45deg);
				transform: rotate( -45deg);
			}
			/* CAPTION */
			
			#imagelightbox-title {
				/*text-align: center;*/
				color: #fff;
				/*background-color: #666;*/
				position: fixed;
				z-index: 10001;
				left: 0;
				right: 0;
				bottom: 0;
				padding: 0.625em;
				background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%,  #222 100%); 
				/* 10 */
			}
			/* NAVIGATION */
			
			#imagelightbox-nav {
				background-color: #444;
				background-color: rgba( 0, 0, 0, .5);
				border-radius: 20px;
				position: fixed;
				z-index: 10001;
				left: 50%;
				bottom: 3.75em;
				/* 60 */
				padding: 0.313em;
				/* 5 */
				-webkit-transform: translateX( -50%);
				-ms-transform: translateX( -50%);
				transform: translateX( -50%);
			}
			
			#imagelightbox-nav button {
				width: 1em;
				/* 20 */
				height: 1em;
				/* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em;
				/* 5 */
			}
			
			#imagelightbox-nav button.active {
				background-color: #fff;
			}
			/* ARROWS */
			
			.imagelightbox-arrow {
				width: 44px;
				/* 60 */
				height: 44px;
				/* 120 */
				background-color: #444;
				background-color: rgba( 0, 0, 0, .5);
				vertical-align: middle;
				display: none;
				position: fixed;
				z-index: 10001;
				top: 50%;
				margin-top: -3.75em;
				/* 60 */
				border: none;
				
			}
			
			.imagelightbox-arrow:hover,
			.imagelightbox-arrow:focus {
				background-color: #666;
				background-color: rgba( 0, 0, 0, .75);
			}
			
			.imagelightbox-arrow:active {
				background-color: #111;
			}
			
			.imagelightbox-arrow-left {
				left: 60px;
				/* 40 */
			}
			
			.imagelightbox-arrow-right {
				right: 60px;
				/* 40 */
			}
			
			.imagelightbox-arrow:before {
				width: 0;
				height: 0;
				border: 10px solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em;
				/* 2 */
			}
			
			.imagelightbox-arrow-left:before {
				border-left: none;
				border-right-color: #cfd3d4;
				margin-left: -0.313em;
				/* 5 */
			}
			
			.imagelightbox-arrow-right:before {
				border-right: none;
				border-left-color: #cfd3d4;
				margin-right: -0.313em;
				/* 5 */
			}
			
			#imagelightbox-loading,
			#imagelightbox-overlay,
			#imagelightbox-close,
			#imagelightbox-title,
			#imagelightbox-nav,
			.imagelightbox-arrow {
				-webkit-animation: fade-in .25s linear;
				animation: fade-in .25s linear;
			}
			
			@-webkit-keyframes fade-in {
				from {
					opacity: 0;
				}
				to {
					opacity: 1;
				}
			}
			
			@keyframes fade-in {
				from {
					opacity: 0;
				}
				to {
					opacity: 1;
				}
			}
			
			@media only screen and (max-width: 41.250em)
			/* 660 */
			
			{
				#container {
					width: 100%;
				}
				#imagelightbox-close {
					top: 10px;
					/* 20 */
					right: 10px;
					/* 20 */
				}
				#imagelightbox-nav {
					bottom: 1.25em;
					/* 20 */
				}
				.imagelightbox-arrow {
					width: 2.5em;
					/* 40 */
					height: 2.5em;
					/* 60 */
					margin-top: -2.75em;
					/* 30 */
				}
				.imagelightbox-arrow-left {
					left: 1.25em;
					/* 20 */
				}
				.imagelightbox-arrow-right {
					right: 1.25em;
					/* 20 */
				}
			}
			
			@media only screen and (max-width: 20em)
			/* 320 */
			
			{
				.imagelightbox-arrow-left {
					left: 0;
				}
				.imagelightbox-arrow-right {
					right: 0;
				}
			}