.gallery { display: block; position: relative; width: 100%; height: 100%;}
.gallery .gallery-window { -webkit-transition: opacity 750ms ease; -moz-transition: opacity 750ms ease; -o-transition: opacity 750ms ease; -ms-transition: opacity 750ms ease; transition: opacity 750ms ease; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; font-size: 18px; line-height: 30px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.gallery .gallery-window::-webkit-scrollbar { width: 0; height: 0; }
.gallery .gallery-window .gallery-elements { height: 100%; width: 100%; white-space: nowrap; display: inline-block; }
.gallery .gallery-window .gallery-elements .item { width: 100%; height: 100%; position: relative; display: inline-block; margin: 0; float: none; }
.gallery .gallery-window .gallery-elements .item.zoom { width: 100%; position: absolute; }
.gallery .gallery-window .gallery-elements .item img { max-width: 100%; width: auto; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.gallery ul.gallery-list { position: absolute; bottom: 0px; padding: 0; height: 50px; width: calc(100% - 100px); left: 50px; text-align: center; z-index: 1000; }
.gallery ul.gallery-list.gallery-style-dots li { width: 25px; height: 25px; background-color: #000; border-radius: 100%; color: transparent; margin: 25px 25px; display: inline-block; }
.gallery ul.gallery-list.gallery-style-numbers li { display: none; }
.gallery ul.gallery-list.gallery-style-dots li.selected { display: inline-block; color: #ff0000; background-color: #ff0000; }
.gallery ul.gallery-list.gallery-style-numbers li.selected { display: inline-block; }
.gallery ul.arrow-gallery { width: 100%; position: absolute; bottom: 0; height: 50px; padding: 0; }
.gallery ul.arrow-gallery li { position: absolute; display: inline-block; border: 1px solid; top: 0; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; }
.gallery ul.arrow-gallery li.left { left: 0; }
.gallery ul.arrow-gallery li.right { right: 0; }
.gallery ul.arrow-gallery li.disabled { opacity: 0.2; pointer-events: none; transition: all 0.5s; }
.zoom { position: fixed; background-color: rgba(0, 0, 0, 0.9); }
.zoom .item { width: 100%; height: 100%; position: relative; display: inline-block; margin: 0; float: none;}
.zoom .item img { max-width: 100%; width: auto; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.zoom .item figcaption { display: none; }