@font-face {
    font-family: 'DIN Pro Cond';
    src: url('DINPro-CondensedMedium.woff2') format('woff2'),
        url('DINPro-CondensedMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('DINPro.woff2') format('woff2');
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('DINPro-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: bold;
    font-display: swap;
}
@font-face {
    font-family: 'DIN Pro Cond';
    src: url('DINPro-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* .hotSpot {
    -webkit-animation: pulse 5s ease-out;
    -moz-animation: pulse 5s ease-out;
    animation: pulse 5s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

@keyframes pulse {
    0% {
      transform: scale(.8);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(.8);
    }
  } */

.ggskin { 
    font-family: "DIN Pro Cond";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
}

.info-text :first-child {
    height: auto !important;
    background-color: #0C224180 !important;
    border-color: #9a243d !important;
    border-width: 2px !important;
    padding: 20px !important;
}
.info-text {
    height: auto !important;
}
div.map-pin :hover {
    z-index: 20 !important;
}

/* div.map-pin {
    width: 3.8% !important;
    height: 1.25% !important;
} */

.svg-mark1{
    position: relative !important;
}

.map-text-1{
    font-size: 20px !important;
}
.map-text-2{
    font-size: 20px !important;
}
.map-text-3{
    font-size: 20px !important;
}
.map-text-4{
    font-size: 20px !important;
}

@media (orientation: landscape) {
    .map-floor{
        max-height: 533px !important;
        height: 100% !important;
        max-width: 800px !important;
        width: 156vh !important;
    }
  }
  
@media (orientation: portrait) {
    .map-floor{
        max-width: 800px !important;
        max-height: 533px !important;
        width: 100% !important;
        height: 63vw !important;
    }
  }


  @media (orientation: landscape) {
    .map-floor-svg{
        max-height: 533px !important;
        height: 100% !important;
        max-width: 831px !important;
        width: 156vh !important;
        box-sizing: border-box !important;
    }
  }
  
@media (orientation: portrait) and (min-width: 450px) {
    .map-floor-svg{
        transform-origin: center center;
        transform: rotate(-90deg);
        max-width: 831px !important;
        max-height: 533px !important;
        width: 156vw !important;
        height: 100vw !important;
        box-sizing: border-box !important;
    }
    .map-text-1{
        top: 27% !important;
    }
    .map-text-2{
        top: 48% !important;
    }
    .map-text-3{
        top: 68% !important;
    }
    .map-text-4{
        top: 93% !important;
    }
    .map-text{
        transform-origin: top  right !important;
        transform: rotate(-270deg) !important;
        text-align: center !important;
        right: 17px !important;
        font-size: 18px !important;
    }
    .map-pin{
        transform-origin: bottom center !important;
        transform: rotate(90deg) !important;
    }
    .map-subtext{
        font-size: 16px !important;
    }
  }

  @media (orientation: portrait) and (max-width: 450px) {
    .map-floor-svg{
        transform-origin: center center;
        transform: rotate(-90deg);
        max-width: 831px !important;
        max-height: 533px !important;
        width: 141vw !important;
        height: 90vw !important;
        box-sizing: border-box !important;
    }
    .map-text-1{
        top: 27% !important;
    }
    .map-text-2{
        top: 48% !important;
    }
    .map-text-3{
        top: 68% !important;
    }
    .map-text-4{
        top: 93% !important;
    }
    .map-text{
        transform-origin: top  right !important;
        transform: rotate(-270deg) !important;
        text-align: center !important;
        right: 17px !important;
        font-size: 14px !important;
    }
    .map-pin{
        transform-origin: bottom center !important;
        transform: rotate(90deg) !important;
    }
    .map-subtext{
        font-size: 12px !important;
    }

    
  }
  .hotSpot {
    -webkit-animation: pulse 5s ease-out;
    -moz-animation: pulse 5s ease-out;
    animation: pulse 5s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    }

@-webkit-keyframes pulse {
    0% {
      transform: scale(.8);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(.8);
    }
  } 

@keyframes pulse {
    0% {
      transform: scale(.8);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(.8);
    }
  }