#imagelightbox{
	cursor:pointer;
	position:fixed;
	z-index:100000;
	top:50%;
	touch-action:none;
	box-shadow:0 0 1rem rgba(0,0,0,.1)
}
.imagelightbox-open{
	user-select:none
}
.imagelightbox-loading,.imagelightbox-loading div{
	border-radius:100%
}
.imagelightbox-loading{
	background-color:rgba(130,130,130,.8);
	position:fixed;
	z-index:100003;
	top:50%;
	left:50%;
	padding:.65em;
	margin:-1.3em 0 0 -1.3em;
	box-shadow:0 0 2.5em rgba(130,130,130,.6)
}
.imagelightbox-loading div{
	width:1.3em;
	height:1.3em;
	background-color:#fff;
	animation:imagelightbox-loading .5s ease infinite
}
@keyframes imagelightbox-loading{
	from{
		opacity:.5;
		transform:scale(.75)
}
	50%{
		opacity:1;
		transform:scale(1)
}
	to{
		opacity:.5;
		transform:scale(.75)
}
}
.imagelightbox-overlay{
	background-color:#323232;
	position:fixed;
	z-index:99998;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-bottom:3.5rem solid #111
}
.imagelightbox-close,.imagelightbox-zoom{
	border:none;
	cursor:pointer;
	width:3em;
	height:3em;
	background-color:rgb(50,50,50);
	border:2px solid #777;
	position:fixed;
	z-index:100002;
	top:2.5em;
	right:2.5em;
	transition:color .3s ease
}
.imagelightbox-zoom{
	transition:all 0.125s linear;
	right:6.5em
}
.imagelightbox-zoom:before{
	content:'+';
	font-family:Arial;
	font-size:200%;
	color:#f6f5f4;
	bottom:0;
	position:relative
}
.imagelightbox-close:hover{
	background-color:#111
}
.imagelightbox-close:before,.imagelightbox-close:after{
	width:2px;
	background-color:#f6f5f4;
	content:'';
	position:absolute;
	top:30%;
	bottom:30%;
	left:50%;
	margin-left:-1px
}
.imagelightbox-close:before{
	transform:rotate(45deg)
}
.imagelightbox-close:after{
	transform:rotate(-45deg)
}
.imagelightbox-caption{
	text-align:center;
	color:#fff;
	background-color:#111;
	position:fixed;
	font-weight:300;
	z-index:100001;
	left:0;
	right:0;
	bottom:0;
	padding:.5rem .5rem 1rem .5rem;
	transition:opacity .25s ease;
	text-transform:uppercase
}
@media only screen and (max-width:600px){
	.imagelightbox-caption{
		font-size:90%
}
}
.imagelightbox-nav{
	background-color:rgba(0,0,0,.4);
	position:fixed;
	z-index:100001;
	left:50%;
	bottom:3.75em;
	padding:.313em;
	transform:translateX(-50%)
}
.imagelightbox-nav a{
	position:relative;
	top:.2em;
	width:1em;
	height:1em;
	border:1px solid #fff;
	display:inline-block;
	margin:0 .313em
}
.imagelightbox-nav .active{
	animation:fade-in 0.45s linear;
	background-color:#fff
}
.imagelightbox-navitem:active{
	background:gray
}
.imagelightbox-arrow{
	border:none;
	cursor:pointer;
	width:4em;
	height:4em;
	color:#f6f5f4;
	background-color:rgba(130,130,130,.8);
	vertical-align:middle;
	display:none;
	position:fixed;
	z-index:100002;
	top:50%;
	padding:0;
	margin-top:-3.75em
}
.imagelightbox-arrow:hover{
	background-color:rgba(0,0,0,.75)
}
.imagelightbox-arrow:active{
	background-color:#111
}
.imagelightbox-arrow-left{
	left:2.5em
}
.imagelightbox-arrow-right{
	right:2.5em
}
.imagelightbox-arrow:before{
	width:0;
	height:0;
	content:'';
	margin-bottom:-7%;
	font-size:130%
}
.imagelightbox-arrow-left:before{
	font-size: 175%;
	content:'<';
	font-family:Arial;
}
.imagelightbox-arrow-right:before{
	content:'>';
	font-family:Arial;
	font-size: 175%;
}
.imagelightbox-loading,.imagelightbox-overlay,.imagelightbox-close,.imagelightbox-nav,.imagelightbox-arrow{
	animation:fade-in 0.25s linear
}
@keyframes fade-in{
	from{
		opacity:0
}
	to{
		opacity:1
}
}
@media only screen and (max-width:41.25em){
	#container{
		width:100%
}
	.imagelightbox-close,.imagelightbox-zoom{
		top:1.25em;
		right:1.25em
}
	.imagelightbox-zoom:before{
		bottom:0.125rem;
	}
	.imagelightbox-zoom{
		right:5em
}
	.imagelightbox-arrow{
		width:3em;
		height:3em;
		top:inherit;
		bottom:4rem
}
	.imagelightbox-arrow-left{
		left:.5rem
}
	.imagelightbox-arrow-right{
		right:.5rem
}
}
@media only screen and (max-width:20em){
	.imagelightbox-arrow-left{
		left:0
}
	.imagelightbox-arrow-right{
		right:0
}
}