@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;
}

.ggskin.ggskin_hotspot {
    transition: auto 1s ease-out 0.5s !important;
}

.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: 750px !important;
        height: 100% !important;
        max-width: 750px !important;
        width: 100vh !important;
    }
}

@media (orientation: portrait) {
    .map-floor {
        max-width: 750px !important;
        max-height: 750px !important;
        width: 100% !important;
        height: 100vh !important;
    }
    .map-floor-svg {
        max-height: 750px !important;
        height: 90vh !important;
        max-width: 750px !important;
        width: 90vh !important;
        box-sizing: border-box !important;
    }
}

@media (orientation: landscape) {
    .map-floor-svg {
        max-height: 750px !important;
        height: 90vh !important;
        max-width: 750px !important;
        width: 90vh !important;
        box-sizing: border-box !important;
    }
}

@media (orientation: portrait) and (min-width: 450px) {
    .map-floor-svg {
        max-width: 750px !important;
        max-height: 750px !important;
        width: 90% !important;
        height: 90vw !important;
        box-sizing: border-box !important;
    }
}

@media (orientation: portrait) and (max-width: 450px) {
    .map-floor-svg {
        max-width: 750px !important;
        max-height: 750px !important;
        width: 90% !important;
        height: 90vw !important;
        box-sizing: border-box !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);
    }
}