/* 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 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 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: #000;
			background-color: rgba( 0, 0, 0, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			-webkit-transition: opacity .3s ease;
      background: url(../Images/close.png) top right no-repeat;
      border: none;
      cursor: pointer;
			height: 30px;
			position: fixed;
			right: 30px; 
			text-align: left;
			top: 30px;
			transition: opacity .3s ease;
			width: 30px;
			z-index: 10002;
      height: 30px;
      opacity: 0.5;
      width: 30px;
      outline:none;
		}
		#imagelightbox-close:hover,
		#imagelightbox-close:focus { opacity: 1; outline: none; }


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: rgba(5,127,165,0.8);
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 10px;
		}
    
		/* ARROWS */

		.imagelightbox-arrow
		{
			-webkit-transition: opacity .3s ease;
			background-color:transparent;
			display: none;
      border:none;
			height: 400px;
			margin-top: -200px;
			position: fixed;
			top: 50%;
			transition: opacity .3s ease;
			vertical-align: middle;
			width: 60px;
			z-index: 10001;
      cursor: pointer;
      opacity:0.5;
      outline:none;
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus,
		.imagelightbox-arrow:active {opacity:1; outline: none;}

    .imagelightbox-arrow-left	{
      left: 40px;
      background: url(../Images/prev.png) left center no-repeat;
    }
    .imagelightbox-arrow-right	{
      right: 40px;
      background: url(../Images/next.png) right center no-repeat;
    ;}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#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: 660px)
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 20px;
				right: 20px;
			}
			#imagelightbox-nav
			{
				bottom: 20px;
			}

			.imagelightbox-arrow
			{
				width: 40px;
				height: 60px; 
				margin-top: -30px; 
			}
			.imagelightbox-arrow-left	{ left: 20px;}
			.imagelightbox-arrow-right	{ right: 20px; }
		}

		@media only screen and (max-width: 320px)
		{
			.imagelightbox-arrow-left	{ left: 0; }
			.imagelightbox-arrow-right	{ right: 0; }
		}