/* 22Slides */


/* Lightbox Stylesheet
------------------------------------------------------------------------------- */

	#overlay {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		color: #fff;
		background-image: url('../_images/loading.gif');
		background-repeat: no-repeat;
		background-position: center center;
		z-index: 99;
		opacity: 0;
		transition: opacity .25s ease-out;
		}
		
	#overlay.show { opacity: 1; }
		
	#overlay > div {
		position: relative;
		float: left;
		padding: 10px 10px 30px;
		text-align: center;
		opacity: 0;
		transition: opacity .5s ease-out;
		}
		
	#overlay > div.show {
		opacity: 1;
		}
		
	#overlay img {
		display: block;
		margin: 0 auto;
		}
		
/* Details
------------------------------------------------------------------------------- */
	
	#overlay .info {
		position: absolute;
		bottom: 3px;
		left: 10px;
		right: 10px;
		color: #000;
		font-size: 12px;
		}
		
	#overlay .info span {
		color: #000;
		background: rgba(255,255,255, .75);
		border-radius: 50px;
		padding: 2px 15px;
		}
		
/* Actions */
		
	#overlay .action {
		float: right;
		margin: 0 0 0 5px;
		position: absolute;
		bottom: 0;
		right: 0;
		}
		
/* Close Button */

	#overlay .close {
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		background: url('../_images/a-close.png') center center no-repeat;
		opacity: .3;
		transition: opacity .15s ease-out;
		}
		
	#overlay .info:hover .close { opacity: 1; }
		
/* Paging
------------------------------------------------------------------------------- */

	#overlay .paging {
		display: block;
		position: absolute;
		z-index: 2;
		top: 50%;
		margin-top: -150px;
		width: 100px;
		height: 300px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
		transition: opacity .25s ease-out;
		opacity: .4;
		}
		
	#overlay .paging:hover {
		opacity: 1;
		}
	
	#overlay .next {
		right: 0;
		background-image: url('../_images/a-next.svg');
		border-radius: 3px 0 03px;
		}
	
	#overlay .back {
		left: 0;
		background-image: url('../_images/a-back.svg');
		border-radius: 0 3px 3px 0;
		}
	
	#overlay .invisible {
		cursor: default;
		background: none !important;
		}
			
/* Close overlay button
------------------------------------------------------------------------------- */
		
		#overlay .close-overlay {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 75px;
			height: 75px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			background-position: center center;
			background-repeat: no-repeat;
			background-image: url('../_images/a-close.svg');
			background-size: 35%;
			transition: opacity .25s ease-out;
			opacity: .4;
			}
			
		#overlay .close-overlay:hover { opacity: 1; }