.sl-wrapper .sl-close, .sl-wrapper .sl-navigation button {-webkit-touch-callout: none; user-select: none;}
.sl-wrapper .sl-close:focus, .sl-wrapper .sl-navigation button:focus {outline: 0;}
body.hidden-scroll {overflow: hidden;}
.sl-overlay {position: fixed; left: 0; right: 0;top: 0; bottom: 0; background: #141210; opacity: 0.95; display: none; z-index: 1035;}
.sl-wrapper {z-index: 1040;}
.sl-wrapper button {border: 0; background: transparent; cursor: pointer;}
.sl-wrapper button:hover {color: #ffffff;opacity: 1.0;}
.sl-wrapper .sl-close {position: fixed; right: 2.4%; top: 2.1%; font-family: "Roboto Condensed";  font-size: calc(2.1vw + 2.1vh + 2.1vmin); color: #999999; z-index: 1070;transition: color 0.24s ease; display: none; }
.sl-wrapper .sl-navigation {width: 100%; display: none;}
.sl-wrapper .sl-navigation button {position: fixed; top: 50%; margin-top: -22px; text-align: center;display: block; z-index: 1060; color: #ffffff;}
.sl-wrapper .sl-navigation button.sl-next {right: 2.4%; width: calc(1.5vw + 1.5vh + 1.5vmin); height: calc(1.5vw + 1.5vh + 1.5vmin); opacity: 0.35; transition: opacity 0.24s ease;}
.sl-wrapper .sl-navigation button.sl-prev {left: 2.4%; transform: scale(-1, 1); width: calc(1.5vw + 1.5vh + 1.5vmin); height: calc(1.5vw + 1.5vh + 1.5vmin); opacity: 0.35; transition: opacity 0.24s ease;}
.sl-wrapper .sl-navigation button.sl-prev:hover {opacity: 1.0;}
.sl-wrapper .sl-navigation button.sl-next:hover {opacity: 1.0;}

@media (orientation:portrait) 
{.sl-wrapper .sl-close {right: 3%; top: -3%; font-size: calc(5vw + 5vh + 5vmin);}}

@media (orientation:portrait) 
{.sl-wrapper .sl-navigation button.sl-next {display: none;}}

@media (orientation:portrait) 
{.sl-wrapper .sl-navigation button.sl-prev {display: none;}}

.sl-wrapper .sl-image {position: fixed; touch-action: none; z-index: 1050;}
.sl-wrapper .sl-image img {margin: 0; padding: 0; display: block;border: 0; width: 100%; height: auto;}
.sl-image img:hover {cursor: grabbing; cursor: -moz-grabbing;cursor: -webkit-grabbing;}
.sl-wrapper .sl-image iframe {background: #ffffff; border: 0;}
.sl-spinner {display: none; border: 5px solid #999999; left: 50%; width: calc(1.5vw + 1.5vh + 1.5vmin); height: calc(1.5vw + 1.5vh + 1.5vmin); margin: -20px 0 0 -20px;  opacity: 0; position: fixed; top: 50%;  z-index: 1007; animation: flash 1s ease-out infinite;}
.sl-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
.sl-transition {transition: transform ease .2s;}
@keyframes flash {0% {transform: scale(.1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0;}}