body.hidden-scroll { overflow: hidden; }
.sl-overlay { position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; opacity: 0.7; display: none; z-index: 1006; }
.sl-wrapper { z-index: 1000; }
.sl-wrapper button { border: 0px none; background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px; font-size: 24px; padding: 0px; cursor: pointer; }
.sl-wrapper button:hover { opacity: 0.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: 1015; }
.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; touch-action: none; z-index: 10000; }
.sl-wrapper .sl-image img { margin: 0px; padding: 0px; display: block; }
.sl-wrapper .sl-image iframe { border: 0px none; background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
.sl-wrapper .sl-image .sl-caption { display: none; padding: 10px; color: rgb(255, 255, 255); background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.8; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.sl-wrapper .sl-image .sl-caption.pos-top { bottom: auto; top: 0px; }
.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: rgb(255, 255, 255); z-index: 1005; }
.sl-spinner { display: none; border: 5px solid rgb(51, 51, 51); border-radius: 40px; height: 40px; left: 50%; margin: -20px 0px 0px -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 1007; animation: 1s ease-out 0s infinite normal none running pulsate; }
.sl-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
@keyframes pulsate {
0% { transform: scale(0.1); opacity: 0; }
50% { opacity: 1; }
100% { transform: scale(1.2); opacity: 0; }
}
@keyframes pulsate {
0% { transform: scale(0.1); opacity: 0; }
50% { opacity: 1; }
100% { transform: scale(1.2); opacity: 0; }
}
@keyframes pulsate {
0% { transform: scale(0.1); opacity: 0; }
50% { opacity: 1; }
100% { transform: scale(1.2); opacity: 0; }
}