body.hidden-scroll {
overflow:hidden;
}

.sl-overlay {
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
background:#000;
opacity:0.7;
display:none;
z-index:1006;
}

.sl-wrapper {
z-index:1000;
}

.sl-wrapper button {
border:0;
background:0 0;
font-size:40px;
color:#fff;
cursor:pointer;
padding:0;
}

.sl-wrapper button:hover {
opacity:.7;
}

.sl-wrapper .sl-close {
display:none;
position:fixed;
right:30px;
top:30px;
z-index:1015;
}

.sl-wrapper .sl-counter {
display:none;
position:fixed;
top:30px;
left:30px;
z-index:-10;
color:#000;
}

.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-align:center;
display:block;
z-index:1015;
font-family:arial sans-serif;
}

.sl-wrapper .sl-navigation button.sl-next {
right:40px;
}

.sl-wrapper .sl-navigation button.sl-prev {
left:40px;
}

.sl-wrapper .sl-image {
position:fixed;
-ms-touch-action:none;
touch-action:none;
z-index:10000;
}

.sl-wrapper .sl-image img {
display:block;
margin:0;
padding:0;
}

.sl-wrapper .sl-image iframe {
border:0;
background:#000;
}

.sl-wrapper .sl-image .sl-caption {
display:none;
color:#fff;
background:#000;
opacity:.8;
position:absolute;
bottom:0;
left:0;
right:0;
padding:10px;
}

.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:1005;
}

.sl-spinner {
display:none;
border:5px solid #333;
border-radius:40px;
height:40px;
left:50%;
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;
margin:-20px 0 0 -20px;
}

.sl-scrollbar-measure {
position:absolute;
top:-9999px;
width:50px;
height:50px;
overflow:scroll;
}

50% {
opacity:1;
}

100% {
opacity:0;
transform:scale(1.2);
}

0% {
transform:scale(.1);
}


@media (min-width: 480px) and (max-width: 767px) {
.sl-wrapper .sl-navigation button.sl-prev {left: 5px;}
.sl-wrapper .sl-navigation button.sl-next {right: 5px;}
}

@media (min-width:321px) and (max-width:479px){
.sl-wrapper .sl-navigation button.sl-prev {left: 5px;}
.sl-wrapper .sl-navigation button.sl-next {right: 5px;}
}

@media only screen and (max-width:320px){
.sl-wrapper .sl-navigation button.sl-prev {left: 5px;}
.sl-wrapper .sl-navigation button.sl-next {right: 5px;}
}