/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.com
	Available for use under the MIT License
	Version 2.14.3
*/
/*! By André Rinas, www.andrerinas.de | Documentation, ://simplelightbox.com | Available for use under the MIT License | Version 2.14.3 */
body.hidden-scroll { overflow: hidden; }
.sl-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000000; display: none; z-index: 1035; }
.sl-wrapper { z-index: 1040; width: 100%; height: 100%; left: 0; top: 0; position: fixed; }
.sl-wrapper * { box-sizing: border-box; }
.sl-wrapper button { border: 0 none; background: rgba(0,0,0,0); font-size: 28px; padding: 0; cursor: pointer; }
.sl-wrapper button:hover { opacity: .7; }
.sl-wrapper .sl-close { display: none; position: fixed; right: calc(1rem - 0.99rem); top: calc(2rem - 0.8rem); z-index: 10070; height: 6.25rem; width: 6.25rem; font-family: "Montserrat", sans-serif; color: #76a6bb; font-size: 6.25rem; line-height: 1; display: flex; align-items: center; justify-content: center; transform: translateY(-5px); user-select: none; transition: 0.19s color ease; }
.sl-wrapper .sl-close:hover { color: #fff; }
@media (orientation: portrait) { .sl-wrapper .sl-close { right: 0; top: calc(20px + 3vh - 2.5vw); font-size: calc(50px + 5vw); height: calc(50px + 5vw); width: calc(50px + 5vw); display: flex; align-items: center; justify-content: center; transform: translateY(-8px); } }
@media (min-width: 768px) and (orientation: portrait) { .sl-wrapper .sl-close { right: 0; top: calc(40px - 15px); font-size: 100px; height: 100px; width: 100px; transform: translateY(-12px); } }
.sl-wrapper .sl-counter { display: none; position: fixed; left: 4rem; top: 3rem; z-index: 10070; color: #fff; font-family: "Montserrat", sans-serif; font-size: 2.4rem; height: 6.25rem; display: flex; align-items: center; user-select: none; }
@media (orientation: portrait) { .sl-wrapper .sl-counter { left: 5%; top: calc(20px + 3vh); font-size: calc(28px + 2vw); height: calc(50px + 5vw); } }
@media (min-width: 768px) and (orientation: portrait) { .sl-wrapper .sl-counter { left: 40px; top: 40px; font-size: 40px; height: 100px; } }
.sl-wrapper .sl-download { display: none; position: fixed; bottom: 5px; width: 100%; text-align: center; z-index: 10060; color: #fff; font-size: 1rem; }
.sl-wrapper .sl-download a { color: #fff; }
.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: 10060; color: #76a6bb; transition: 0.19s color ease; font-family: "Montserrat", sans-serif; user-select: none; width: calc(2.8vw + 2.8vh + 2.8vmin); }
.sl-wrapper .sl-navigation button.sl-next { right: 0.5vw; font-size: calc(2.8vw + 2.8vh + 2.8vmin); }
.sl-wrapper .sl-navigation button.sl-prev { left: 0.5vw; font-size: calc(2.8vw + 2.8vh + 2.8vmin); }
.sl-wrapper .sl-navigation button:hover { opacity: 1 !important; color: #ffffff !important; }
.sl-wrapper.sl-dir-rtl .sl-navigation { direction: ltr; }
.sl-wrapper .sl-image { position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000; will-change: transform, opacity; }
.sl-wrapper .sl-image img { margin: 0; padding: 0; display: block; border: 0 none; width: 100%; height: auto; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
@media(min-width: 35.5em) { .sl-wrapper .sl-image img { border: 0 none; } }
@media(min-width: 50em) { .sl-wrapper .sl-image img { border: 0 none; } }
@media (orientation: portrait) { .sl-wrapper .sl-image { left: 0 !important; width: 100% !important; } }
@media (orientation: portrait) { .sl-wrapper .sl-image img { width: 100% !important; height: auto !important; } }
.sl-wrapper .sl-image iframe { background: #000; border: 0 none; }
@media(min-width: 35.5em) { .sl-wrapper .sl-image iframe { border: 0 none; } }
@media(min-width: 50em) { .sl-wrapper .sl-image iframe { border: 0 none; } }
.sl-wrapper .sl-image .sl-caption { display: none; padding: 10px; color: #fff; background: rgba(0,0,0,.8); font-size: 1rem; position: absolute; bottom: 0; left: 0; right: 0; }
.sl-wrapper .sl-image .sl-caption.pos-top { bottom: auto; top: 0; }
.sl-wrapper .sl-image .sl-caption.pos-outside { bottom: auto; }
.sl-spinner { display: none; border: 5px solid #ffffff; 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; }
.sl-transition { transition: -moz-transform ease 200ms; transition: -ms-transform ease 200ms; transition: -o-transform ease 200ms; transition: -webkit-transform ease 200ms; transition: transform ease 200ms; }
@-webkit-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; } }
@-moz-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } }
@-o-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } }
@-ms-keyframes pulsate { 0% { transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } }
@media (orientation: portrait) { .sl-wrapper .sl-navigation button { z-index: 10070 !important; width: calc(1.8vw + 1.8vh + 1.8vmin); } .sl-wrapper .sl-navigation button.sl-next { right: 2%; font-size: calc(3.8vw + 3.8vh + 3.8vmin); } .sl-wrapper .sl-navigation button.sl-prev { left: 2%; font-size: calc(3.8vw + 3.8vh + 3.8vmin); } }