/**************************** LGallery ****************************/
.LGallery {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #0E0E0E !important;
  opacity: 0 !important;
  transition: all 0.5s !important;
  z-index: -1 !important;
}

.LGallery_open {
  opacity: 1 !important;
  z-index: 9999 !important;
}

.LGallery * {
  box-sizing: border-box !important;
}

.LGallery-OpenBtn {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  opacity: 0.4 !important;
  cursor: pointer !important;
  transition: opacity 0.4s !important;
  z-index: 13 !important;
}

.LGallery-OpenBtn svg {
  width: 50% !important;
}

.LGallery-OpenBtn:hover {
  opacity: 1 !important;
}

.LGallery-PlayBtn, .LGallery-PauseBtn {
  position: fixed !important;
  top: 10px !important;
  right: 10px !important;
  display: none !important;
  justify-content: center !important;
  align-items: center !important;
  width: 40px !important;
  height: 40px !important;
  cursor: pointer !important;
  opacity: 0.6 !important;
  transition: all 0.3s ease-out !important;
  z-index: -1 !important;
}

.LGallery-CloseBtn, .LGallery-FullscreenBtn, .LGallery-Counter {
  position: fixed !important;
  top: 10px !important;
  right: 10px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 40px !important;
  height: 40px !important;
  cursor: pointer !important;
  opacity: 0.6 !important;
  transition: all 0.3s ease-out !important;
  z-index: 12 !important;
}

@media screen and (max-width: 768px) {
  .LGallery-CloseBtn, .LGallery-FullscreenBtn, .LGallery-PlayBtn, .LGallery-PauseBtn, .LGallery-Counter {
    top: 3px !important;
    right: 3px !important;
  }
}

.LGallery-CloseBtn svg, .LGallery-FullscreenBtn svg, .LGallery-PlayBtn svg, .LGallery-PauseBtn svg, .LGallery-Counter svg {
  width: 15px !important;
  fill: #fff !important;
}

@media screen and (max-width: 768px) {
  .LGallery-CloseBtn svg, .LGallery-FullscreenBtn svg, .LGallery-PlayBtn svg, .LGallery-PauseBtn svg, .LGallery-Counter svg {
    width: 15px !important;
  }
}

.LGallery-CloseBtn:hover, .LGallery-FullscreenBtn:hover, .LGallery-PlayBtn:hover, .LGallery-PauseBtn:hover, .LGallery-Counter:hover {
  transform: scale(0.7) !important;
  opacity: 1 !important;
}

.LGallery-FullscreenBtn {
  padding-bottom: 2px;
  right: 50px !important;
}

@media screen and (max-width: 768px) {
  .LGallery-FullscreenBtn {
    display: none !important;
  }
}

.LGallery-FullscreenBtn svg {
  width: 20px !important;
}

.LGallery-PlayBtn, .LGallery-PauseBtn {
  right: 90px !important;
}

.LGallery-PlayBtn_hidden, .LGallery-PauseBtn_hidden {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .LGallery-PlayBtn, .LGallery-PauseBtn {
    top: 3px !important;
    right: 40px !important;
  }
}

.LGallery-PlayBtn svg, .LGallery-PauseBtn svg {
  width: 15px !important;
}

@media screen and (max-width: 768px) {
  .LGallery-PlayBtn svg, .LGallery-PauseBtn svg {
    width: 15px !important;
  }
}

.LGallery-Counter {
  right: auto;
  left: 10px;
  justify-content: flex-start !important;
  width: 70px !important;
  font-family: sans-serif;
  font-weight: lighter;
  color: #fff;
}

.LGallery-Counter:hover {
  transform: scale(0.7) !important;
  opacity: 1 !important;
}

.LGallery-Menubar {
  position: absolute !important;
  top: 0px !important;
  left: 0 !important;
  width: 100% !important;
  height: 60px !important;
  background-color: #0E0E0E80 !important;
  opacity: 1 !important;
  z-index: 11 !important;
}

@media screen and (max-width: 768px) {
  .LGallery-Menubar {
    height: 47px !important;
  }
}

.LGalleryBody_hidden {
  position: relative !important;
  overflow: hidden !important;
}

/****************************** Slider ******************************/
.LGallerySlider {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 95% !important;
  height: calc(100% - 50px) !important;
}

.LGallerySlider * {
  box-sizing: border-box !important;
}

.LGallerySlider_lgslider {
  width: 100% !important;
  height: 100% !important;
}

.LGallerySlider_lgslider .LGallerySlider-Label {
  bottom: 0px !important;
  left: 0 !important;
  padding: 15px 0px !important;
  width: 100% !important;
}

@media screen and (max-width: 768px) {
  .LGallerySlider_lgslider .LGallerySlider-Label {
    padding: 15px 0px !important;
  }
}

@media screen and (max-height: 414px) {
  .LGallerySlider_lgslider .LGallerySlider-Label {
    padding: 5px !important;
  }
}

@media screen and (max-width: 768px) {
  .LGallerySlider {
    width: 100% !important;
    height: 100% !important;
  }
}

.LGallerySlider-Label {
  position: absolute !important;
  bottom: 25px !important;
  left: 2.5% !important;
  padding: 15px 30px !important;
  width: 95% !important;
  font-size: 16px !important;
  font-weight: bold !important;
  font-family: sans-serif !important;
  color: #ececec !important;
  text-align: center !important;
  background-color: #0E0E0E80 !important;
  opacity: 1 !important;
  transition: all 0.5s;
  z-index: 12 !important;
  line-height: 1.7 !important;
}

@media screen and (max-width: 768px) {
  .LGallerySlider-Label {
    bottom: 0 !important;
    left: 0 !important;
    padding: 15px 0px !important;
    width: 100% !important;
    padding: 7px 5px !important;
    font-size: 13px !important;
  }
}

@media screen and (max-height: 414px) {
  .LGallerySlider-Label {
    font-size: 12px !important;
  }
}

.LGallerySlider-Label_hidden {
  opacity: 0 !important;
}

.LGallerySlider-LabelDescription {
  display: block !important;
  line-height: 1.3 !important;
  width: 100% !important;
  font-weight: normal !important;
  font-size: 14px !important;
}

@media screen and (max-width: 768px) {
  .LGallerySlider-LabelDescription {
    font-size: 11px !important;
  }
}

@media screen and (max-height: 414px) {
  .LGallerySlider-LabelDescription {
    font-size: 9px !important;
  }
}

.LGallerySlider-Inner {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}

.LGallerySlider-Slide {
  position: absolute !important;
  top: 50%;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(0.6) !important;
  margin: 0 !important;
  display: block !important;
  width: auto;
  max-width: 100% !important;
  height: auto;
  max-height: 100% !important;
  cursor: grab;
  box-shadow: none !important;
  opacity: 0 !important;
  will-change: transform;
  will-change: opacity;
  transition: opacity 0.7s, transform 1s;
  z-index: 10;
}

.LGallerySlider-Slide_showing {
  transform: translate(-50%, -50%) scale(1) !important;
  opacity: 1 !important;
}

.LGallerySlider-Slide_swiping {
  transition: all 0.5s !important;
}

.LGallerySlider-Slide_lgslider {
  top: 0 !important;
  left: 0 !important;
  transform: translate(0, 0) scale(1) !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  cursor: pointer;
  transition: opacity 1s, transform 1s !important;
}

.LGallerySlider-Slide_lgslider .LGallerySlider-Slide_showing {
  transform: translate(0, 0) scale(1) !important;
}

.LGallerySlider-Button {
  position: absolute !important;
  top: calc(50% - 55px/2) !important;
  transform: scale(1) !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 40px !important;
  height: 55px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  opacity: 0.6 !important;
  transition: opacity 0.2s, transform .7s !important;
  z-index: 12 !important;
}

.LGallerySlider-Button svg {
  width: 24px !important;
  height: 40px !important;
  fill: #fff !important;
}

.LGallerySlider-Button:hover {
  opacity: 1 !important;
}

.LGallerySlider-Button_prev {
  left: 0px !important;
}

.LGallerySlider-Button_next {
  right: 0px !important;
}

.LGallerySlider-Button_clicked {
  transform: scale(0.6) !important;
  opacity: 1 !important;
}

/****************************** Fullscreen Mode ******************************/
.LGallery:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}

.LGallery:-webkit-full-screen .LGallery-CloseBtn {
  display: none !important;
}

.LGallery:-webkit-full-screen .LGallery-FullscreenBtn {
  right: 10px !important;
}

.LGallery:-webkit-full-screen .LGallery-PlayBtn, .LGallery:-webkit-full-screen .LGallery-PauseBtn {
  right: 50px !important;
}

.LGallery:-webkit-full-screen .LGallery_hiddenBtns {
  opacity: 0 !important;
  transition: all 1s !important;
}

.LGallery:-webkit-full-screen .LGallery-Menubar {
  display: none !important;
}

.LGallery:-webkit-full-screen .LGallerySlider {
  width: 100% !important;
  height: 100% !important;
}

.LGallery:-webkit-full-screen .LGallerySlider-Label {
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
}

.LGallery:-webkit-full-screen .LGallerySlider-Slide {
  object-fit: cover;
  width: auto !important;
  height: 100% !important;
  transform: translate(-50%, -50%) scale(1) !important;
  transition: opacity 2s, transform 2s !important;
}

.LGallery:-webkit-full-screen .LGallerySlider-Button_prev {
  left: 10px !important;
}

.LGallery:-webkit-full-screen .LGallerySlider-Button_next {
  right: 10px !important;
}

.LGallery:-moz-full-screen {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}

.LGallery:-moz-full-screen .LGallery-CloseBtn {
  display: none !important;
}

.LGallery:-moz-full-screen .LGallery-FullscreenBtn {
  right: 10px !important;
}

.LGallery:-moz-full-screen .LGallery-PlayBtn, .LGallery:-moz-full-screen .LGallery-PauseBtn {
  right: 50px !important;
}

.LGallery:-moz-full-screen .LGallery_hiddenBtns {
  opacity: 0 !important;
  transition: all 1s !important;
}

.LGallery:-moz-full-screen .LGallery-Menubar {
  display: none !important;
}

.LGallery:-moz-full-screen .LGallerySlider {
  width: 100% !important;
  height: 100% !important;
}

.LGallery:-moz-full-screen .LGallerySlider-Label {
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
}

.LGallery:-moz-full-screen .LGallerySlider-Slide {
  object-fit: cover;
  width: auto !important;
  height: 100% !important;
  transform: translate(-50%, -50%) scale(1) !important;
  transition: opacity 2s, transform 2s !important;
}

.LGallery:-moz-full-screen .LGallerySlider-Button_prev {
  left: 10px !important;
}

.LGallery:-moz-full-screen .LGallerySlider-Button_next {
  right: 10px !important;
}

.LGallery:fullscreen {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}

.LGallery:fullscreen .LGallery-CloseBtn {
  display: none !important;
}

.LGallery:fullscreen .LGallery-FullscreenBtn {
  right: 10px !important;
}

.LGallery:fullscreen .LGallery-PlayBtn, .LGallery:fullscreen .LGallery-PauseBtn {
  right: 50px !important;
}

.LGallery:fullscreen .LGallery_hiddenBtns {
  opacity: 0 !important;
  transition: all 1s !important;
}

.LGallery:fullscreen .LGallery-Menubar {
  display: none !important;
}

.LGallery:fullscreen .LGallerySlider {
  width: 100% !important;
  height: 100% !important;
}

.LGallery:fullscreen .LGallerySlider-Label {
  left: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
}

.LGallery:fullscreen .LGallerySlider-Slide {
  object-fit: cover;
  width: auto !important;
  height: 100% !important;
  transform: translate(-50%, -50%) scale(1) !important;
  transition: opacity 2s, transform 2s !important;
}

.LGallery:fullscreen .LGallerySlider-Button_prev {
  left: 10px !important;
}

.LGallery:fullscreen .LGallerySlider-Button_next {
  right: 10px !important;
}

/****************************** LGSliderWithPreview ******************************/
.LGSliderWithPreview {
  position: relative !important;
  margin: 0 auto !important;
  width: 100%;
  max-width: 100% !important;
  height: 100%;
  max-height: 100% !important;
}

.LGSliderWithPreview * {
  box-sizing: border-box !important;
}

.LGSliderWithPreview .LGallerySlider {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: translate(0, 0) !important;
  width: 100% !important;
  height: calc(100% - 55px);
}

.LGSliderWithPreview .LGallerySlider-Label {
  bottom: 0px !important;
  left: 0 !important;
  padding: 15px 0px !important;
  width: 100% !important;
}

@media screen and (max-width: 768px) {
  .LGSliderWithPreview .LGallerySlider-Label {
    padding: 15px 0px !important;
  }
}

@media screen and (max-height: 414px) {
  .LGSliderWithPreview .LGallerySlider-Label {
    padding: 5px !important;
  }
}

.LGSliderWithPreview-Img {
  display: block !important;
  margin: 0 auto !important;
  width: auto;
  max-width: 100% !important;
  height: calc(100% - 55px);
  max-height: 100% !important;
  object-fit: contain !important;
}

.LGSliderWithPreview-Thumbs {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin: 0 auto;
  margin-top: 5px;
  width: 450px;
  max-width: 100% !important;
  height: 50px;
  overflow: hidden !important;
}

@media screen and (max-width: 414px) {
  .LGSliderWithPreview-Thumbs {
    margin-top: 0;
  }
}

.LGSliderWithPreview-ThumbsContainer {
  position: relative !important;
  display: flex !important;
  justify-content: flex-start;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  transition: all 0.5s;
}

.LGSliderWithPreview-Thumb {
  display: block !important;
  height: 100%;
  width: 50px;
  object-fit: cover !important;
  cursor: pointer;
  opacity: 0.7;
  outline-offset: -2px;
  transition: opacity 0.2s;
}

.LGSliderWithPreview-Thumb:first-of-type {
  margin-left: 0 !important;
}

.LGSliderWithPreview-Thumb:last-of-type {
  margin-right: 0 !important;
}

@media screen and (max-width: 414px) {
  .LGSliderWithPreview-Thumb {
    opacity: 0.6;
  }
}

.LGSliderWithPreview-Thumb_active {
  opacity: 1;
  outline: 2px solid #000;
}

.LGSliderWithPreview-Thumb:hover {
  outline: 2px solid #000;
  opacity: 1;
}

@media screen and (max-width: 414px) {
  .LGSliderWithPreview-Thumb:hover {
    outline-offset: -1px;
    outline: 1px solid #000;
  }
}

/****************************** LGSliderWithPreview ******************************/
.LGCarusel {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  font-size: 1rem;
  cursor: pointer;
}

.LGCarusel * {
  box-sizing: border-box !important;
}

.LGCarusel-Slider {
  margin: 0 auto !important;
  height: 100% !important;
  overflow: hidden !important;
  transition: opacity 0.5s;
}

.LGCarusel-SliderInner {
  display: flex !important;
  align-items: center !important;
  margin: 0;
  padding: 0 !important;
  width: 9999px !important;
  height: 100% !important;
  list-style: none !important;
  opacity: 1 !important;
  will-change: transform !important;
  will-change: opacity !important;
  will-change: margin !important;
  transition: transform 1s;
  transition-timing-function: cubic-bezier(0.67, 0.01, 0.23, 1) !important;
}

.LGCarusel-Slide {
  height: 100% !important;
}

.LGCarusel-Slide picture {
  display: flex !important;
  align-items: center !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}

.LGCarusel-Slide picture img {
  display: block !important;
  margin: 0 auto !important;
  width: auto;
  max-width: 100% !important;
  height: auto;
  max-height: 100% !important;
  object-fit: fill;
}

.LGCarusel-Button {
  position: absolute !important;
  top: calc(50% - 55px/2) !important;
  transform: scale(1) !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 40px !important;
  height: 55px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  opacity: 0.6 !important;
  transition: opacity 0.2s, transform .7s !important;
  z-index: 12 !important;
}

.LGCarusel-Button svg {
  width: 24px !important;
  height: 55px !important;
  fill: #fff !important;
}

.LGCarusel-Button:hover {
  opacity: 1 !important;
}

.LGCarusel-Button_prev {
  left: 0px !important;
}

.LGCarusel-Button_next {
  right: 0px !important;
}

.LGCarusel-Button_clicked {
  transform: scale(0.6) !important;
  opacity: 1 !important;
}