@charset "utf-8";

.image-gallery-icon { color: rgb(255, 255, 255); transition: 0.3s ease-out; appearance: none; background-color: transparent; border: 0px; cursor: pointer; outline: none; position: absolute; z-index: 4; filter: drop-shadow(rgb(26, 26, 26) 0px 2px 2px); }

@media (hover: hover) and (pointer: fine) {
  .image-gallery-icon:hover { color: rgb(51, 122, 183); }
  .image-gallery-icon:hover .image-gallery-svg { transform: scale(1.1); }
}

.image-gallery-icon:focus { outline: rgb(51, 122, 183) solid 2px; }

.image-gallery-using-mouse .image-gallery-icon:focus { outline: none; }

.image-gallery-fullscreen-button, .image-gallery-play-button { bottom: 0px; padding: 20px; }

.image-gallery-fullscreen-button .image-gallery-svg, .image-gallery-play-button .image-gallery-svg { height: 28px; width: 28px; }

@media (max-width: 768px) {
  .image-gallery-fullscreen-button, .image-gallery-play-button { padding: 15px; }
  .image-gallery-fullscreen-button .image-gallery-svg, .image-gallery-play-button .image-gallery-svg { height: 24px; width: 24px; }
}

@media (max-width: 480px) {
  .image-gallery-fullscreen-button, .image-gallery-play-button { padding: 10px; }
  .image-gallery-fullscreen-button .image-gallery-svg, .image-gallery-play-button .image-gallery-svg { height: 16px; width: 16px; }
}

.image-gallery-fullscreen-button { right: 0px; }

.image-gallery-play-button { left: 0px; }

.image-gallery-left-nav, .image-gallery-right-nav { padding: 50px 10px; top: 50%; transform: translateY(-50%); }

.image-gallery-left-nav .image-gallery-svg, .image-gallery-right-nav .image-gallery-svg { height: 120px; width: 60px; }

@media (max-width: 768px) {
  .image-gallery-left-nav .image-gallery-svg, .image-gallery-right-nav .image-gallery-svg { height: 72px; width: 36px; }
}

@media (max-width: 480px) {
  .image-gallery-left-nav .image-gallery-svg, .image-gallery-right-nav .image-gallery-svg { height: 48px; width: 24px; }
}

.image-gallery-left-nav[disabled], .image-gallery-right-nav[disabled] { opacity: 0.6; pointer-events: none; }

.image-gallery-left-nav { left: 0px; }

.image-gallery-right-nav { right: 0px; }

.image-gallery { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; }

.image-gallery.fullscreen-modal { background: rgb(0, 0, 0); inset: 0px; height: 100%; position: fixed; width: 100%; z-index: 5; }

.image-gallery.fullscreen-modal .image-gallery-content { top: 50%; transform: translateY(-50%); }

.image-gallery-content { position: relative; line-height: 0; top: 0px; }

.image-gallery-content.fullscreen { background: rgb(0, 0, 0); }

.image-gallery-content .image-gallery-slide .image-gallery-image { max-height: calc(-80px + 100vh); }

.image-gallery-content.left .image-gallery-slide .image-gallery-image, .image-gallery-content.right .image-gallery-slide .image-gallery-image { max-height: 100vh; }

.image-gallery-slide-wrapper { position: relative; }

.image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right { display: inline-block; width: calc(100% - 110px); }

@media (max-width: 768px) {
  .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right { width: calc(100% - 87px); }
}

.image-gallery-slide-wrapper.image-gallery-rtl { direction: rtl; }

.image-gallery-slides { line-height: 0; overflow: hidden; position: relative; white-space: nowrap; text-align: center; }

.image-gallery-slide { left: 0px; position: absolute; top: 0px; width: 100%; }

.image-gallery-slide.center { position: relative; }

.image-gallery-slide .image-gallery-image { width: 100%; object-fit: contain; }

.image-gallery-slide .image-gallery-description { background: rgba(0, 0, 0, 0.4); bottom: 70px; color: rgb(255, 255, 255); left: 0px; line-height: 1; padding: 10px 20px; position: absolute; white-space: normal; }

@media (max-width: 768px) {
  .image-gallery-slide .image-gallery-description { bottom: 45px; font-size: 0.8em; padding: 8px 15px; }
}

.image-gallery-bullets { bottom: 20px; left: 0px; margin: 0px auto; position: absolute; right: 0px; width: 80%; z-index: 4; }

.image-gallery-bullets .image-gallery-bullets-container { margin: 0px; padding: 0px; text-align: center; }

.image-gallery-bullets .image-gallery-bullet { appearance: none; background-color: transparent; border: 1px solid rgb(255, 255, 255); border-radius: 50%; box-shadow: rgb(26, 26, 26) 0px 2px 2px; cursor: pointer; display: inline-block; margin: 0px 5px; outline: none; padding: 5px; transition: 0.2s ease-out; }

@media (max-width: 768px) {
  .image-gallery-bullets .image-gallery-bullet { margin: 0px 3px; padding: 3px; }
}

@media (max-width: 480px) {
  .image-gallery-bullets .image-gallery-bullet { padding: 2.7px; }
}

.image-gallery-bullets .image-gallery-bullet:focus { transform: scale(1.2); background: rgb(51, 122, 183); border: 1px solid rgb(51, 122, 183); }

.image-gallery-bullets .image-gallery-bullet.active { transform: scale(1.2); border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255); }

@media (hover: hover) and (pointer: fine) {
  .image-gallery-bullets .image-gallery-bullet:hover { background: rgb(51, 122, 183); border: 1px solid rgb(51, 122, 183); }
  .image-gallery-bullets .image-gallery-bullet.active:hover { background: rgb(51, 122, 183); }
}

.image-gallery-thumbnails-wrapper { position: relative; }

.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl { direction: rtl; }

.image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right { display: inline-block; vertical-align: top; width: 100px; }

@media (max-width: 768px) {
  .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right { width: 81px; }
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails { height: 100%; width: 100%; left: 0px; padding: 0px; position: absolute; top: 0px; }

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail { display: block; margin-right: 0px; padding: 0px; }

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail { margin-left: 0px; margin-top: 2px; }

.image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right { margin: 0px 5px; }

@media (max-width: 768px) {
  .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right { margin: 0px 3px; }
}

.image-gallery-thumbnails { overflow: hidden; padding: 5px 0px; }

@media (max-width: 768px) {
  .image-gallery-thumbnails { padding: 3px 0px; }
}

.image-gallery-thumbnails .image-gallery-thumbnails-container { cursor: pointer; text-align: center; transition: transform 0.3s ease-out; white-space: nowrap; }

.image-gallery-thumbnail { display: inline-block; border: 4px solid transparent; transition: border 0.3s ease-out; width: 100px; background: transparent; padding: 0px; }

@media (max-width: 768px) {
  .image-gallery-thumbnail { border: 3px solid transparent; width: 81px; }
}

.image-gallery-thumbnail + .image-gallery-thumbnail { margin-left: 2px; }

.image-gallery-thumbnail .image-gallery-thumbnail-inner { display: block; position: relative; }

.image-gallery-thumbnail .image-gallery-thumbnail-image { vertical-align: middle; width: 100%; line-height: 0; }

.image-gallery-thumbnail.active, .image-gallery-thumbnail:focus { outline: none; border: 4px solid rgb(51, 122, 183); }

@media (max-width: 768px) {
  .image-gallery-thumbnail.active, .image-gallery-thumbnail:focus { border: 3px solid rgb(51, 122, 183); }
}

@media (hover: hover) and (pointer: fine) {
  .image-gallery-thumbnail:hover { outline: none; border: 4px solid rgb(51, 122, 183); }
}

@media (hover: hover) and (pointer: fine) and (max-width: 768px) {
  .image-gallery-thumbnail:hover { border: 3px solid rgb(51, 122, 183); }
}

.image-gallery-thumbnail-label { box-sizing: border-box; color: rgb(255, 255, 255); font-size: 1em; left: 0px; line-height: 1em; padding: 5%; position: absolute; top: 50%; text-shadow: rgb(26, 26, 26) 0px 2px 2px; transform: translateY(-50%); white-space: normal; width: 100%; }

@media (max-width: 768px) {
  .image-gallery-thumbnail-label { font-size: 0.8em; line-height: 0.8em; }
}

.image-gallery-index { background: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); line-height: 1; padding: 10px 20px; position: absolute; right: 0px; top: 0px; z-index: 4; }

@media (max-width: 768px) {
  .image-gallery-index { font-size: 0.8em; padding: 5px 10px; }
}