/* line 1, ../sass/simplelightbox.scss */
body.hidden-scroll {overflow: hidden;}

/* line 4, ../sass/simplelightbox.scss */
.sl-overlay {position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,1); display: none; z-index: 100;}

/* line 15, ../sass/simplelightbox.scss */
.sl-wrapper {z-index: 1000; width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0;}

/* own shit - icon */
.sl-icon {display: none;}
/* end own shit - icon */

/* line 17, ../sass/simplelightbox.scss */
.sl-wrapper button {border: 0 none; background: transparent; font-size: 36px; color: rgba(0,0,0,0); padding: 0; cursor: pointer; opacity: 1; transition: opacity .3s;}

/* line 23, ../sass/simplelightbox.scss */
.sl-wrapper button:hover {opacity: 0.5;}

/* line 28, ../sass/simplelightbox.scss */
.sl-wrapper .sl-close {display: none; height: 2rem; width: 2rem; position: fixed; right: 0.5rem; top: 1rem; z-index: 1015; overflow: visible;}

/* line 36, ../sass/simplelightbox.scss */
.sl-wrapper .sl-counter {display: none; position: fixed; top: 1.25rem; left: 0.75rem; color: rgba(0,0,0,1); z-index: 1015; line-height: 1;}

/* line 44, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation {width: 100%; display: none;}

/* line 47, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button {position: fixed; top: 50%; margin-top: -1.25rem; height: 2.5rem; width: 1.5rem; display: block; z-index: 1015;}

.sl-wrapper .sl-navigation button.sl-next {right: 0.75rem;}
.sl-wrapper .sl-navigation button.sl-prev {left: 0.75rem;}

.sl-wrapper .sl-image {width: 100%; position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000; background: rgba(255,255,255,1);}

/* line 73, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image img {width: 100%; height: auto; margin: 0; padding: 0; display: block;}

/* line 78, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image iframe {border: 0 none; background: #000;}

/* line 82, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption {display: none; color: rgba(0,0,0,1); position: absolute; background: rgba(255,255,255,1); bottom: 0; left: 0; right: 0; text-align: center;}

/* line 93, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-top {padding: 0.375rem 1rem 0.375rem 1rem; bottom: auto; top: 0;}

/* line 98, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-outside {padding: 0 1rem; bottom: auto;}

/* line 103, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-download {display: none; position: absolute; bottom: 5px; right: 5px; color: #fff; z-index: 1005;}

/* line 114, ../sass/simplelightbox.scss */
.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;}

/* line 133, ../sass/simplelightbox.scss */
.sl-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}

@-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;}
}

@media screen and (min-width:48em) {
/* own shit - icon */
.sl-icon {display: block; width: 100%; height: 2rem; position: absolute; top: -2rem; background: url('../../images/layout/logo-small.svg') center top / auto 2rem no-repeat; z-index: -1; pointer-events: none;}
/* end own shit - icon */
}

@media screen and (min-width:64em) {
/* own shit - icon */
.sl-icon {height: 3rem; position: absolute; top: -3rem; background-size: auto 3rem;}
/* end own shit - icon */

.sl-wrapper .sl-counter {left: 1.5rem;}

/*.sl-wrapper .sl-close {display: none; height: 2.75rem; width: 2.75rem; right: 1rem; top: 2.25rem;}
.sl-wrapper .sl-close:before, .sl-wrapper .sl-close:after {width: 2.75rem; height: 0.25rem;}*/
.sl-wrapper .sl-close {right: 1.5rem;}

.sl-wrapper .sl-navigation button {margin-top: -1.5rem; height: 3rem; width: 3rem;}
.sl-wrapper .sl-navigation button.sl-next {right: 1rem;}
.sl-wrapper .sl-navigation button.sl-prev {left: 1rem;}

button.sl-prev:before, button.sl-next:before {top: 0.75rem;}
button.sl-prev:before, button.sl-prev:after, button.sl-next:before, button.sl-next:after {width: 1.875rem;}
}