@charset "utf-8";

html.magnifying > body { overflow-x: hidden !important; }

.magnify, .magnify > .magnify-lens, .magnify-fullscreen, .lens-fullscreen { min-width: 0px; min-height: 0px; animation: auto ease 0s 1 normal none running none; border: none; float: none; margin: 0px; opacity: 1; outline: none; overflow: visible; padding: 0px; text-indent: 0px; transform: none; transition: none 0s ease 0s; }

.magnify { position: relative; width: 100%; height: 100%; box-shadow: none; z-index: inherit; display: flex; align-items: center; justify-content: center; -webkit-box-orient: vertical; flex-direction: column; font-size: 0px; line-height: 0; text-align: center; }

.magnify > .magnify-lens { position: absolute; width: 200px; height: 200px; border-radius: 100%; box-shadow: rgba(255, 255, 255, 0.85) 0px 0px 0px 7px, rgba(0, 0, 0, 0.25) 0px 0px 7px 7px, rgba(0, 0, 0, 0.25) 0px 0px 40px 2px inset; cursor: none; display: none; z-index: 99; }

.magnify > .magnify-lens.loading { opacity: 0.8; background: rgb(51, 51, 51) !important; }

.magnify > .magnify-lens.loading::after { position: absolute; top: 50%; left: 0px; width: 100%; color: rgb(255, 255, 255); content: "Loading..."; font: italic 16px / 1 Calibri, sans-serif; letter-spacing: 1px; margin-top: -8px; text-align: center; text-shadow: rgba(51, 51, 51, 0.8) 0px 0px 2px; text-transform: none; }

#lightslider-demo { visibility: hidden; }

#lightslider-demo.lightSlider { visibility: visible; }

#lightslider-demo img { width: 100%; }