.sl-overlay{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#fff;
	opacity:.7;
	display:none;
	z-index:6}
	
.sl-wrapper{
	z-index:10}
	
.sl-wrapper button{
	border:0;
	background:0 0;
	font-size:24px;
	padding:0;
	cursor:pointer;
}

.sl-wrapper button:hover{
	opacity:.7}
	
.sl-wrapper .sl-close{
	display:none;
	position:fixed;
	right:30px;
	top:30px;
	z-index:15;
	outline:none;
}

.sl-wrapper .sl-navigation{
	width:100%;
	display:none}
	
.sl-wrapper .sl-navigation button{
	position:fixed;
	top:50%;
	margin-top:-10px;
	height:30px;
	width:30px;
	line-height:30px;
	text-algin:center;
	display:block;
	z-index:15;
	font-size:5em;}
	
.sl-wrapper .sl-navigation button.sl-next{
	right:40px;
	outline:none}
	
.sl-wrapper .sl-navigation button.sl-prev{
	left:40px;
	outline:none}
	
.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}
	
.sl-wrapper .sl-image .sl-caption{
	display:none;
	padding:10px;
	color:#fff;
	background:#000;
	opacity:.8;
	position:absolute;
	bottom:0;
	left:0;
	right:0}
	
.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:10;
	-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}	
	
@-webkit-keyframes pulsate { 
0% { 
	transform:scale(.1);opacity:0}
50% {
	opacity:1}
100% {
	transform:scale(1.2);opacity:0}}
	
@keyframes pulsate{
0% {
	transform:scale(.1);opacity:0}
50% {
	opacity:1}
100% {
	transform:scale(1.2);opacity:0}}

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

@-ms-keyframes pulsate {
0% {
	transform:scale(.1);opacity:0} 
50% {
	opacity:1}
100% {
	transform:scale(1.2);opacity:0}}

@media(max-width:600px){
.sl-wrapper .sl-navigation button.sl-next {
    right: 14px;
}
.sl-wrapper .sl-navigation button.sl-prev {
    left: 14px;
}
}
@media(max-width:384px){
.sl-wrapper .sl-navigation button.sl-prev {
    left: -2px;
}
.sl-wrapper .sl-navigation button.sl-next {
    right: -2px;
}}