#imagelightbox{
	position:fixed;
	z-index:999;
	-ms-touch-action:none;
	touch-action:none
}
#imagelightbox{
	cursor:pointer;
	position:fixed;
	z-index:10000;
	-ms-touch-action:none;
	touch-action:none
}
#imagelightbox-overlay{
	background-color:#fff;
	background-color:rgba(101,94,97,.9);
	position:fixed;
	z-index:9998;
	top:0;
	right:0;
	bottom:0;
	left:0
}
#imagelightbox-close{
	width:2.5em;
	height:2.5em;
	text-align:left;
	background-color:rgba(98,141,61,1);
	border-radius:50%;
	position:fixed;
	z-index:10002;
	top:2.5em;
	right:2.5em;
	cursor:pointer;

    -webkit-transition:all .15s ease-in-out;
    -moz-transition:all .15s ease-in-out;
    -ms-transition:all .15s ease-in-out;
    -o-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out
}
#imagelightbox-close:hover,#imagelightbox-close:focus{
	background-color:rgba(98,141,61,1)
}
#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)
}
#imagelightbox-caption{
	text-align:center;
	color:#fff;
	background-color:rgb(101,94,97);
	position:fixed;
	z-index:10001;
	left:0;
	right:0;
	bottom:0;
	padding:0.625em
}
#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;
	padding:0.313em;

	-webkit-transform:translateX( -50%);
	-ms-transform:translateX( -50%);
	transform:translateX( -50%)
}
#imagelightbox-nav button{
	width:1em;
	height:1em;
	background-color:transparent;
	border:1px solid #fff;
	border-radius:50%;
	display:inline-block;
	margin:0 0.313em
}
#imagelightbox-nav button.active{
	background-color:#fff
}
.imagelightbox-arrow{
	width:3.75em;
	height:7.5em;
	background-color:rgba(98,141,61,1);
	vertical-align:middle;
	display:none;
	position:fixed;
	z-index:10001;
	top:50%;
	margin-top:-3.75em;
	cursor:pointer;

    -webkit-transition:all .15s ease-in-out;
    -moz-transition:all .15s ease-in-out;
    -ms-transition:all .15s ease-in-out;
    -o-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out
}
.imagelightbox-arrow:hover,.imagelightbox-arrow:focus{ 
	background-color:#2f2d2f
}
.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;
	border:1em solid transparent;
	content:'';
	display:inline-block;
	margin-bottom:-0.125em
}
.imagelightbox-arrow-left:before{
	border-left:none;
	border-right-color:#fff;
	margin-left:-0.313em
}
.imagelightbox-arrow-right:before{
	border-right:none;
	border-left-color:#fff;
	margin-right:-0.313em
}
#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:41.250em){
	#imagelightbox-close
	{
		top:1.25em;
		right:1.25em
	}
	#imagelightbox-nav
	{
		bottom:1.25em
	}

	.imagelightbox-arrow
	{
		width:2.5em;
		height:3.75em;
		margin-top:-2.75em
	}
	.imagelightbox-arrow-left{
		left:1.25em
	}
	.imagelightbox-arrow-right{
		right:1.25em
	}
}
@media only screen and (max-width:20em){
	.imagelightbox-arrow-left{ left:0;}
	.imagelightbox-arrow-right{ right:0;}
}