.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: #050505; opacity: 0.93; 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.25%; top: 2%; font-family: "Roboto";  font-size: calc(1.95vw + 1.95vh + 1.95vmin); color: #747474; z-index: 1070;transition: color 0.26s 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%; width: calc(1.75vw + 1.75vh + 1.75vmin); height:calc(1.75vw + 1.75vh + 1.75vmin);opacity: 0.4; transition: opacity 0.26s ease;}
.sl-wrapper .sl-navigation button.sl-prev {left: 2%; width: calc(1.75vw + 1.75vh + 1.75vmin); height:calc(1.75vw + 1.75vh + 1.75vmin);opacity: 0.4; transition: opacity 0.26s 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: 4%; top: 4%; font-size: calc(3.95vw + 3.95vh + 3.95vmin);}}

@media (orientation:portrait) 
{.sl-wrapper .sl-navigation button.sl-next {right: 2%; width: calc(2.75vw + 2.75vh + 2.75vmin); height:calc(2.75vw + 2.75vh + 2.75vmin);}}

@media (orientation:portrait) 
{.sl-wrapper .sl-navigation button.sl-prev {left: 2%; width: calc(2.75vw + 2.75vh + 2.75vmin); height:calc(2.75vw + 2.75vh + 2.75vmin);}}

.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 #333; height: 40px; left: 50%; margin: -20px 0 0 -20px;  opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 1007; animation: pulsate 1s ease-out infinite;}
.sl-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
.sl-transition {transition: transform ease .2s;}
@keyframes pulsate {0% {transform: scale(.1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0;}}