.overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(14, 130, 180, 0.5);
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.overlay.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.bg-overlay {
    z-index: 0;
}
.elementor-widget-map-hotspot {
    /*
    position: absolute;
    width: 100%;
    */
    overflow: hidden;
    padding: 0 80px;
}
.hotspot-image {
    transition: opacity 0.4s ease;
}
.hotspot-image.hotspot-image-dark {
    opacity: 0;
    display: none;
}
.dark .hotspot-image {
    opacity: 0;
    display: none;
}
.dark .hotspot-image.hotspot-image-dark {
    opacity: 1;
    display: block;
}
.hotspot-image.i-hotspot--active,
.dark .hotspot-image.i-hotspot--active {
    opacity: 0.5;
}
.e-hotspot {
    z-index: 11 !important;
}
.e-hotspot__button {
    z-index: 3;
}
.elementor-widget-map-hotspot .hotspot-content {
    width: 100% !important;
    max-width: initial !important;
    text-align: center;
    display: block;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow-x: visible;
}
.elementor-widget-map-hotspot .hotspot-content .hotspot-container {
    position: relative !important;
    width: auto !important;
    height: 100vh !important;
    max-width: initial !important;
    display: inline-block;
    background-color: transparent;
    padding: 30px 0;
}

.elementor-widget-map-hotspot .hotspot-content .hotspot-container > .attachment-full {
    height: 100% !important;
    width: auto !important;
    position: relative !important;
    cursor: grab !important;
    max-width: initial;
}
.elementor-widget-map-hotspot .attachment-full:active {
    cursor: grabbing;
}

.elementor-widget-map-hotspot .hotspot-content .hotspot-container .e-hotspot > a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.e-hotspot__tooltip-img {
    position: absolute;
    transform-origin: center center;
    transition-duration: .5;
    transition-property: transform,opacity;
    background-color: transparent;
    width: 34vh; /*34vh 27vh*/
    pointer-events: none;
}

.e-hotspot--active .e-hotspot__tooltip-img {
    pointer-events: visible;
}

.e-hotspot__tooltip-img img {
    display: block;
    margin: 0 auto;
}

.construction {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.construction img {
    width: 100%;
    height: 100%;
}

.construction.construction-active {
    opacity: 1;
}