.sl-wrapper .sl-navigation button { height: 44px; line-height: 44px; font-family: Arial, Baskerville, monospace }
body.hidden-scroll { overflow: hidden }
.sl-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #585858; opacity: .9; display: none; z-index: 20006 }
.sl-wrapper .sl-counter { top: 30px; display: none; color: #000; position: fixed }
.sl-wrapper { z-index: 1000 }
.sl-wrapper button { border: 0; background: 0 0; font-size: 28px; padding: 0; cursor: pointer }
.sl-wrapper button:hover { opacity: .7 }
.sl-wrapper .sl-counter { left: 30px; z-index: 1015; font-size: 1rem }
.sl-wrapper .sl-navigation { width: 100%; display: none }
.sl-wrapper .sl-navigation button { position: fixed; top: 50%; margin-top: -22px; width: 22px; text-align: center; display: block; z-index: 111015; color: #000 }
.sl-wrapper .sl-navigation button.sl-next { right: 5px; font-size: 2rem }
.sl-wrapper .sl-navigation button.sl-prev { left: 5px; font-size: 2rem; outline: none; z-index: 21000; }
.sl-wrapper .sl-image { position: fixed; -ms-touch-action: none; touch-action: none; padding: 0px; z-index: 100000; }
.sl-wrapper .sl-image img { margin: 0; padding: 0; display: block; border: 0; }
.sl-wrapper .sl-image iframe { background: #000; border: 0; }
@media (min-width:35.5em) { .sl-wrapper .sl-navigation button { width: 44px }
.sl-wrapper .sl-navigation button.sl-next { right: 10px; font-size: 3rem; outline: none; z-index: 21000; }
.sl-wrapper .sl-navigation button.sl-prev { left: 10px; font-size: 3rem }
.sl-wrapper .sl-image iframe, .sl-wrapper .sl-image img { border: 0 } } 
@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-image iframe, .sl-wrapper .sl-image img { border: 0 } }
.sl-wrapper .sl-image .sl-caption { display: block; padding: 10px; font: 16px ebrima; color: #fff; background: #000; opacity: .8; position: absolute; bottom: 0; left: 0; right: 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: #000; z-index: 1005 }
.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 }
@-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%, 100% { opacity:0 }
0% { transform:scale(.1) }
50% { opacity:1 }
100% { transform:scale(1.2) }
}