@keyframes flash {
  0% {
    opacity: 0.3;
    transform: scale(0.2);
  }
  25% {
    opacity: 0.4;
    transform: scale(0.4);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.6);
  }
  75% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
.hotspot-slider-main .hotspot-slider-wrapper .image-wrapper {
  position: relative;
  line-height: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hotspot-slider-main .hotspot-slider-wrapper .hotspot-box {
  position: absolute;
  font-size: 12px;
  font-weight: 700;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 13px;
  width: 13px;
}
.hotspot-slider-main .hotspot-slider-wrapper .overlay {
  background: #000000;
  opacity: 0.3;
  position: absolute;
  display: none;
}
.hotspot-slider-main .content--hub {
  position: relative;
}
.hotspot-slider-main .content--hub .next,
.hotspot-slider-main .content--hub .prev {
  text-align: center;
  transition: opacity 0.15s ease;
  background-color: #000;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.3;
}
.hotspot-slider-main .content--hub a.prev {
  left: 0;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}
.hotspot-slider-main .content--hub a.prev:hover,
.hotspot-slider-main .content--hub a.next:hover {
  opacity: 1;
}
.hotspot-slider-main .content--hub a.next {
  right: 0;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.hotspot-slider-main .content--hub.hide-slider-arrows .prev,
.hotspot-slider-main .content--hub.hide-slider-arrows .next,
.hotspot-slider-main.init-view .labels {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .hotspot-slider-main .next,
  .hotspot-slider-main .prev {
    transition: none;
  }
}
.hotspot-slider-main .hotspot .content--hub {
  color: #b70c4c;
}
.hotspot-slider-main .hotspot .content--hub .inner--Chub a {
  display: inline-block;
  height: 100%;
  margin-top: 0;
  opacity: 1;
  position: relative;
  top: 5px;
}
.hotspot-slider-main .hotspot.hotspot--view {
  display: flex;
  align-items: center;
}
.hotspot-slider-main .hotspot.hotspot--view.imageright {
  flex-direction: row-reverse;
}
.hotspot-slider-main .hotspot.hotspot--view.splitmore .field--name-field-hotspot-image {
  width: 33%;
}
.hotspot-slider-main .hotspot.hotspot--view.splitmore .content--hub {
  width: 66%;
}
.hotspot-slider-main .hotspot-box {
  background-color: #dd5a5f;
  color: #b70c4c;
}
.hotspot-slider-main .hotspot-box.active:after {
  animation: flash 2s ease-out;
  animation-iteration-count: infinite;
  background-color: #dd5a5f;
  border-radius: 50%;
  content: "";
  height: 30px;
  position: absolute;
  width: 30px;
}
@media (max-width: 992px) {
  .hotspot-slider-main .hotspot.hotspot--view {
    flex-direction: column;
  }
  .hotspot-slider-main .hotspot.hotspot--view.equal .content--hub,
  .hotspot-slider-main .hotspot.hotspot--view.equal .field--name-field-hotspot-image {
    margin-top: 15px;
  }
}