.hotspots .preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -45px;
  z-index: 1; }
  .hotspots .preloader .inner:before, .hotspots .preloader .outer:before {
    background-color: #e6e6e6; }

.hotspot-slider {
  display: none;
  padding-bottom: 50px;
  margin-bottom: 20px; }

@media (max-width: 1023.9998px) {
  .hotspot-slider {
    display: block; }
    .hotspot-slider .hotspot-slider-slide img {
      display: block;
      width: 100%;
      height: auto; }
    .hotspot-slider .hotspot-slider-slide .image {
      position: relative;
      width: 50%;
      float: left; }
    .hotspot-slider .hotspot-slider-slide.first .image span {
      bottom: 0;
      top: auto; }
    .hotspot-slider .hotspot-slider-slide .copy {
      padding: 20px;
      background-color: transparent;
      box-sizing: border-box;
      transition: all 125ms linear;
      position: relative;
      width: 50%;
      float: left; }

  .hotspot-item {
    display: none; } }
@media (max-width: 550px) {
  .hotspot-slider .hotspot-slider-slide .copy {
    width: 100%;
    float: none; }
  .hotspot-slider .hotspot-slider-slide .image {
    width: 100%;
    float: none; } }
@media (min-width: 1024px) {
  .no-image {
    min-width: 400px; }

  .hide-in-popup {
    display: none;
    min-width: 0; } }
.hotspot-pagination {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  text-align: center; }
  .hotspot-pagination:last-child {
    margin-right: 0; }
  .hotspot-pagination-item {
    width: 40px;
    background-color: #d0d1d3;
    height: 8px;
    display: inline-block;
    margin-right: 5px; }
    .hotspot-pagination-item.active {
      background-color: #87898d; }

.hotspot-item {
  position: relative; }
  .hotspot-item .icon.is-hidden {
    opacity: 0; }
  .hotspot-item .hotspot-modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 250ms linear; }

.hotspot-item .hotspot-item-image-wrapper {
  width: 100%;
  margin: 0 auto;
  background-position: center center;
  position: relative; }
  .hotspot-item .hotspot-item-image-wrapper img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.hotspot-item .hotspot-item-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .hotspot-item .hotspot-item-image img {
    width: 100%;
    height: auto; }
.hotspot-item .image {
  opacity: 0;
  transition: all 125ms linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  flex: 1 1 50%;
  min-width: 320px; }
  .hotspot-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
.hotspot-item .copy {
  height: auto;
  padding: 20px;
  visibility: hidden;
  background-color: #fff;
  box-sizing: border-box;
  transition: all 125ms linear;
  position: relative;
  opacity: 0;
  flex: 1 1 50%;
  min-width: 320px; }
  .hotspot-item .copy:before {
    content: "";
    position: absolute;
    top: -16px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent #fff transparent; }
.hotspot-item a {
  display: none;
  -webkit-transform: scale(0.72);
  -ms-transform: scale(0.72);
  transform: scale(0.72);
  transition: all 120ms linear;
  position: absolute;
  color: initial; }
  .hotspot-item a:focus {
    outline: 0; }
  .hotspot-item a:visited, .hotspot-item a:active {
    color: initial; }
  .hotspot-item a.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 1; }
    .hotspot-item a.active .copy {
      visibility: visible;
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .hotspot-item a.active .image {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      opacity: 1; }
    .hotspot-item a.active .contain {
      visibility: visible; }
  .hotspot-item a .contain {
    position: absolute;
    top: 80px;
    right: 16px;
    visibility: hidden;
    background-color: #fff;
    display: flex; }
    .hotspot-item a .contain h2 {
      margin-top: 0; }
    .hotspot-item a .contain:after {
      content: "";
      display: table;
      clear: both; }
    .hotspot-item a .contain.no-image {
      width: 320px; }
    .hotspot-item a .contain.align-left {
      right: auto;
      left: 16px; }
      .hotspot-item a .contain.align-left .copy:before {
        right: auto;
        left: 0;
        border-width: 16px 0 0 16px;
        border-color: transparent transparent transparent #fff; }
    .hotspot-item a .contain.align-center {
      right: -304px; }
    .hotspot-item a .contain.align-above {
      bottom: 80px;
      top: auto; }
      .hotspot-item a .contain.align-above .copy:before {
        top: auto;
        bottom: -16px;
        border-width: 0 16px 16px 0;
        border-color: transparent #fff transparent transparent; }
      .hotspot-item a .contain.align-above.align-center .copy:before {
        border-width: 0 16px 16px 0;
        border-color: transparent #fff transparent transparent; }
      .hotspot-item a .contain.align-above.align-left .copy:before {
        border-width: 16px 16px 0 0;
        border-color: #fff transparent transparent transparent; }
.hotspot-item .icon {
  display: block; }
  .hotspot-item .icon::before {
    content: "";
    width: 100%;
    height: 100%;
    transform-origin: center;
    webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    position: absolute;
    top: -2px;
    left: -2px;
    opacity: 0;
    transition: all .1s linear;
    pointer-events: none; }
  .hotspot-item .icon:hover::before {
    webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    opacity: .7; }
  .hotspot-item .icon.active {
    z-index: 2; }
    .hotspot-item .icon.active::before {
      webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);
      top: -8px;
      left: -8px;
      opacity: .7;
      border: 8px solid rgba(255, 255, 255, 0.8); }
  .hotspot-item .icon:hover {
    z-index: 3; }
  .hotspot-item .icon.plus-blue {
    width: 40px;
    height: 40px;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23002880;%7D.cls-3%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:2.7px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eblue-plus%3C/title%3E%3Ccircle class='cls-1' cx='14.5' cy='14.5' r='14.5'/%3E%3Ccircle class='cls-2' cx='14.5' cy='14.5' r='12'/%3E%3Cline class='cls-3' x1='14.5' y1='7.5' x2='14.5' y2='21.5'/%3E%3Cline class='cls-3' x1='7.5' y1='14.5' x2='21.5' y2='14.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  .hotspot-item .icon.plus-yellow {
    width: 40px;
    height: 40px;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23FFAE48;%7D.cls-3%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:2.7px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eblue-plus%3C/title%3E%3Ccircle class='cls-1' cx='14.5' cy='14.5' r='14.5'/%3E%3Ccircle class='cls-2' cx='14.5' cy='14.5' r='12'/%3E%3Cline class='cls-3' x1='14.5' y1='7.5' x2='14.5' y2='21.5'/%3E%3Cline class='cls-3' x1='7.5' y1='14.5' x2='21.5' y2='14.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat; }

.owl-height {
  transition: height .5s ease-in-out; }

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
    .owl-carousel .owl-stage:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .owl-carousel .owl-stage .owl-stage-outer {
      position: relative;
      overflow: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel .owl-refresh .owl-item {
    display: none; }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .owl-carousel .owl-item .owl-lazy {
      opacity: 0;
      transition: opacity .4s ease; }
    .owl-carousel .owl-item img {
      display: block;
      width: 100%;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    .owl-carousel .owl-item .copy {
      padding-bottom: 0; }
      .owl-carousel .owl-item .copy h2 {
        margin-top: 0; }
  .owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto; }
  .owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
    .owl-carousel.owl-rtl .owl-item {
      float: right; }
  .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000; }
  .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../owl.video.play.html) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: scale .1s ease; }
    .owl-carousel .owl-video-play-icon:hover {
      transition: scale(1.3, 1.3); }
  .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none; }
  .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease; }

.no-js .owl-carousel {
  display: block; }

.owl-nav {
  text-align: center;
  margin-top: 0; }
  .owl-nav button {
    background-color: transparent;
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
    .owl-nav button span {
      visibility: hidden; }
    .owl-nav button.owl-next {
      width: 12px;
      height: 26px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.12 33.41'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cpolyline class='cls-1' points='0.71 32.71 16.71 16.71 0.71 0.71'/%3E%3C/g%3E%3C/svg%3E") no-repeat !important;
      margin-left: 1rem; }
    .owl-nav button.owl-prev {
      width: 12px;
      height: 26px;
      background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.12 33.41'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='17.41 32.71 1.41 16.71 17.41 0.71'/%3E%3C/svg%3E") no-repeat !important;
      margin-right: 1rem;
      margin-left: 1rem; }
