/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.de
	Available for use under the MIT License
	Version 2.7.0
*/
body.hidden-scroll{overflow:hidden}
.sl-overlay{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#111111;
	opacity:.8;
	display:none;
	z-index:1035
}
	
.sl-wrapper{
	z-index:1040;
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:fixed
}
.sl-wrapper *{box-sizing:border-box}
.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}
.sl-wrapper button:hover{opacity:0.8}
.sl-wrapper .sl-close{
	display:none;
	position:fixed;
	right:30px;
	top:30px;
	z-index:10060;
	margin-top:-14px;
	margin-right:-14px;
	height:44px;
	width:44px;
	line-height:44px;
	font-family:Arial,Baskerville,monospace;
	color:#fff;
	font-size:3rem
}
	
.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1060;color:#000;font-size:1rem}
.sl-wrapper .sl-navigation{width:100%;display:none}
.sl-wrapper .sl-navigation button{
	position:fixed;
	top:50%;
	margin-top:-22px;
	height:44px;
	width:22px;
	line-height:44px;
	text-align:center;
	display:block;
	z-index:10060;
	font-family:Arial,Baskerville,monospace;
	color:#fff
}
.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}
.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}

@media (min-width: 35.5em){
	.sl-wrapper .sl-navigation button{width:44px}
	.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}
	.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}
}
	
@media (min-width: 50em){
	.sl-wrapper .sl-navigation button{width:44px}
	.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}
	.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}
}
.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}
.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}
.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}
	
@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}
	
@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}
.sl-wrapper .sl-image iframe{background:#000;border:0 none}

@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}

@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}
.sl-wrapper .sl-image .sl-caption{
	display:none;
	padding:10px;
	color:#111111;
	background:rgba(0,0,0,0.8);
	font-size:1rem;
	position:absolute;
	bottom:0;
	left:0;
	right:0}
	
.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}
.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}
.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:1060}
.sl-spinner{
	display:none;
	border:5px solid #333;
	border-radius:40px;
	height:40px;
	left:50%;
	margin:-20px 0 0 -20px;
	opacity:0;
	position:fixed;
	top:50%;
	width:40px;
	z-index:1007;
	-webkit-animation:pulsate 1s ease-out infinite;
	-moz-animation:pulsate 1s ease-out infinite;
	-ms-animation:pulsate 1s ease-out infinite;
	-o-animation:pulsate 1s ease-out infinite;
	animation:pulsate 1s ease-out infinite}
	
.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
.sl-transition{
	transition:-moz-transform ease 200ms;
	transition:-ms-transform ease 200ms;
	transition:-o-transform ease 200ms;
	transition:-webkit-transform ease 200ms;
	transition:transform ease 200ms}

@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}
@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}
@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}
@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}
@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}

.gallery a img {
	float: left;
	width: 12%;
	height: auto;
	border: 2px solid #fff;
	-webkit-transition: -webkit-transform .15s ease;
	-moz-transition: -moz-transform .15s ease;
	-o-transition: -o-transform .15s ease;
	-ms-transition: -ms-transform .15s ease;
	transition: transform .15s ease;
	position: relative;
  }
  
.gallery a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	z-index: 5;
  }
  
  .clear {
	clear: both;
	float: none;
	width: 100%;
  }