.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme {
  -webkit-tap-highlight-color: transparent;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content {
  --ls-scale: 1;
  --anim-curve: cubic-bezier(0.19, 0.43, 0.37, 1);
  --video-icons-color: 1;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted {
  display: block !important;
  width: 20px;
  height: 20px;
  left: initial;
  top: initial;
  opacity: 1 !important;
  transform: none;
  margin: 0 !important;
  filter: invert(var(--video-icons-color));
  transform: scale(calc(1/var(--ls-scale)));
}
@media screen and (min-width: 1025px) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted {
    bottom: -30px;
    transform: translateY(0);
    transition: transform 0.5s var(--anim-curve) 0.1s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted {
    bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted {
    bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted {
    bottom: -30px;
    transform: translateY(0);
    transition: transform 0.5s var(--anim-curve) 0.1s;
  }
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play:after,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted:after {
  opacity: 1;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play {
  left: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play {
    left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play {
    left: 30px;
  }
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play:after {
  background: url(../images/marella/video-play.svg) no-repeat 50% 50%;
  background-size: 100%;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play.fpls-video-autoplay--init:after {
  background: url(../images/marella/video-pause.svg) no-repeat 50% 50%;
  background-size: 100%;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play.fpls-video--playing:after {
  background: url(../images/marella/video-play.svg) no-repeat 50% 50%;
  background-size: 100%;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-play.fpls-video--paused:after {
  background: url(../images/marella/video-pause.svg) no-repeat 50% 50%;
  background-size: 100%;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted {
  left: calc(20px + 20px + 40px);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted {
    left: calc(20px + 20px + 40px);
  }
}
@media screen and (max-width: 767px) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted {
    left: calc(30px + 20px + 40px);
  }
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted:after {
  background: url(../images/marella/audio-active.svg) no-repeat 50% 50%;
  background-size: 100%;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted.fpls-video-autoplay--init:after {
  background: url(../images/marella/audio-disabled.svg) no-repeat 50% 50%;
  background-size: 100%;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted.fpls-video--unmuted:after {
  background: url(../images/marella/audio-disabled.svg) no-repeat 50% 50%;
  background-size: 100%;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box .fpls-box-unmuted.fpls-video--muted:after {
  background: url(../images/marella/audio-active.svg) no-repeat 50% 50%;
  background-size: 100%;
}
@media screen and (min-width: 1025px), screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box:hover .fpls-box-play,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .fpls-wall-content .fpls-box:hover .fpls-box-unmuted {
    transform: translateY(-40px);
    transition: transform 0.35s var(--anim-curve) 0.1s;
  }
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-1,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-2,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-3,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-4 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-1.is-active,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-2.is-active,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-3.is-active,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-4.is-active {
  opacity: 1;
  visibility: visible;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-1,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-2,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-3,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-4 {
  cursor: pointer;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-1 .fpls-box,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-2 .fpls-box,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-3 .fpls-box,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-4 .fpls-box {
  position: relative;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-1 .fpls-box::after,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-2 .fpls-box::after,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-3 .fpls-box::after,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-4 .fpls-box::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  pointer-events: none;
  animation: hotspotPulse 1.5s infinite;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-1 .fpls-img,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-2 .fpls-img,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-3 .fpls-img,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-4 .fpls-img {
  transition: filter 0.3s ease;
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-1.is-active .fpls-img,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-2.is-active .fpls-img,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-3.is-active .fpls-img,
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-4.is-active .fpls-img {
  filter: brightness(0.1);
}
.fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .closeHotspotItem {
  cursor: pointer;
}
@keyframes hotspotPulse {
  0% {
    opacity: 0.8;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.72);
  }
  70% {
    opacity: 0;
    box-shadow: 0 0 0 16px rgba(255, 255, 255, 0);
  }
  100% {
    opacity: 0;
    box-shadow: 0 0 0 16px rgba(255, 255, 255, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-1::after,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-2::after,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-3::after,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspot-4::after {
    animation: none;
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-1,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-2,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-3,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-4 {
    opacity: 0;
    visibility: hidden;
    transition: none;
  }
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-1.is-active,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-2.is-active,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-3.is-active,
  .fpls-wall-freegrid2-default.fpls-wall-freegrid2-xister-marella-theme .hotspotSection .hotspotItem-4.is-active {
    opacity: 1;
    visibility: visible;
  }
}