/*.map-markers {*/
/*        position: relative;*/
/*        margin-top: 36px;*/
/*        margin-left: 64px;*/
/*        z-index: 2;*/
/*    }*/

/*    .marker-title {*/
/*        pointer-events: all;*/
/*        cursor: pointer;*/
/*    }*/

/*    .marker-title .marker-icon {*/
/*        -webkit-transform-origin: center center;*/
/*        -ms-transform-origin: center center;*/
/*        transform-origin: center center;*/
/*        transform-box: fill-box;*/
/*        -webkit-transition: -webkit-transform 0.2s ease-in-out;*/
/*        transition: -webkit-transform 0.2s ease-in-out;*/
/*        -o-transition: transform 0.2s ease-in-out;*/
/*        transition: transform 0.2s ease-in-out;*/
/*        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;*/
/*    }*/

/*    .marker-title+.marker-path {*/
/*        -webkit-transition: none;*/
/*        -o-transition: none;*/
/*        transition: none;*/
/*        stroke-width: 1;*/
/*        stroke: #005078;*/
/*        opacity: 0.7;*/
/*    }*/

/*    .marker-title.is-active+.marker-path {*/
/*        stroke-width: 2;*/
/*        opacity: 1;*/
/*    }*/

/*    .marker-title~.marker-path-active {*/
/*        stroke-width: 3;*/
/*        opacity: 0;*/
/*        stroke: #faf4e8;*/
/*        stroke-dashoffset: 2000;*/
/*        stroke-dasharray: 1000;*/
/*    }*/

/*    .marker-title:hover .marker-icon,*/
/*    .marker-title.is-active .marker-icon {*/
/*        -webkit-transform: scale(1.1);*/
/*        -ms-transform: scale(1.1);*/
/*        transform: scale(1.1);*/
/*    }*/

/*    .marker-title.is-active~.marker-path-active {*/
/*        stroke-width: 3;*/
/*        opacity: 1;*/
/*        -webkit-animation: dash 3s linear forwards;*/
/*        animation: dash 3s linear forwards;*/
/*        -webkit-animation-iteration-count: 1;*/
/*        animation-iteration-count: 1;*/
/*    }*/

/*    @keyframes dash {*/
/*        0% {*/
/*            stroke-dashoffset: 2000;*/
/*        }*/

/*        100% {*/
/*            stroke-dashoffset: 1000;*/
/*        }*/
/*    }*/

/*    .map-container {*/
/*        position: relative;*/
/*        width: 100%;*/
/*        height: 850px;*/
/*        overflow: hidden;*/
/*    }*/

/*    .map-images {*/
/*        position: absolute;*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        pointer-events: none;*/
/*        z-index: 1;*/
/*    }*/

/*    .map-image,*/
/*    .location-image {*/
/*        display: none;*/
/*    }*/

/*    .map-image.show,*/
/*    .location-image.show {*/
/*        display: unset;*/
/*    }*/

/*    .location-image {*/
/*        object-fit: cover;*/
/*        width: 100% !important;*/
/*        height: 100% !important;*/
/*    }*/

/*    .location-container {*/
/*        position: absolute;*/
/*        inset: 0;*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        pointer-events: none;*/
/*        z-index: 0;*/
/*    }*/

/*    .location-container::before {*/
/*        content: "";*/
/*        position: absolute;*/
/*        z-index: 5;*/
/*        left: 50%;*/
/*        top: -2px;*/
/*        background: #faf4e8;*/
/*        -webkit-filter: blur(15px);*/
/*        filter: blur(15px);*/
/*        height: 20%;*/
/*        width: 120%;*/
/*        -webkit-transform: translate(-50%, -55%);*/
/*        -ms-transform: translate(-50%, -55%);*/
/*        transform: translate(-50%, -55%);*/
/*    }*/

/*    .location-container::after {*/
/*        content: "";*/
/*        position: absolute;*/
/*        z-index: 5;*/
/*        left: 50%;*/
/*        bottom: -2px;*/
/*        background: #faf4e8;*/
/*        -webkit-filter: blur(15px);*/
/*        filter: blur(15px);*/
/*        height: 20%;*/
/*        width: 120%;*/
/*        -webkit-transform: translate(-50%, 40%);*/
/*        -ms-transform: translate(-50%, 40%);*/
/*        transform: translate(-50%, 40%);*/
/*    }*/

/*    .location-images {*/
/*        position: absolute;*/
/*        width: 100%;*/
/*        height: 100%;*/
/*    }*/

/*    .location-images::before {*/
/*        content: "";*/
/*        position: absolute;*/
/*        z-index: 5;*/
/*        left: 0;*/
/*        right: 0;*/
/*        bottom: 0;*/
/*        top: 0;*/
/*        background: -webkit-gradient(linear,*/
/*                left top,*/
/*                right top,*/
/*                from(#fcf4e9),*/
/*                color-stop(5%, #fcf4e9),*/
/*                to(rgba(255, 255, 255, 0)));*/
/*        background: -o-linear-gradient(left,*/
/*                #fcf4e9 0%,*/
/*                #fcf4e9 5%,*/
/*                rgba(255, 255, 255, 0) 100%);*/
/*        background: linear-gradient(90deg,*/
/*                #fcf4e9 0%,*/
/*                #fcf4e9 5%,*/
/*                rgba(255, 255, 255, 0) 100%);*/
/*    }*/

/*    @media (max-width: 1024px) {*/
/*        .map-markers-desktop{*/
/*            display: none;*/
/*        }*/

/*        .map-markers-mobile {*/
/*            display: block;*/
/*        }*/
/*        .map-image {*/
/*            height: 504px;*/
/*            max-width: unset;*/
/*        }*/
/*        .map-markers {*/
/*            margin-top: 46px;*/
/*            margin-left: 86px;*/
/*        }*/
/*    }*/

/*    @media (min-width: 1023px) {*/
/*        .map-markers-mobile{*/
/*            display: none;*/
/*        }*/

/*        .map-markers-desktop {*/
/*            display: block;*/
/*        }*/
/*    }*/
    
.map-markers {
    position: relative;
    margin-top: 36px;
    margin-left: 64px;
    z-index: 2;
}

.marker-title {
    pointer-events: all;
    cursor: pointer;
}

.marker-title .marker-icon {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    transform-box: fill-box;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.marker-title + .marker-path {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    stroke-width: 1;
    stroke: #005078;
    opacity: 0.7;
}

.marker-title.is-active + .marker-path {
    stroke-width: 2;
    opacity: 1;
}

.marker-title ~ .marker-path-active {
    stroke-width: 3;
    opacity: 0;
    stroke: #faf4e8;
    stroke-dashoffset: 2000;
    stroke-dasharray: 1000;
}

.marker-title:hover .marker-icon,
.marker-title.is-active .marker-icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.marker-title.is-active~.marker-path-active {
    stroke-width: 3;
    opacity: 1;
    -webkit-animation: dash 3s linear forwards;
    animation: dash 3s linear forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes dash {
    0% {
        stroke-dashoffset: 2000;
    }
    100% {
        stroke-dashoffset: 1000;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 2000;
    }
    100% {
        stroke-dashoffset: 1000;
    }
}

.map-container {
    position: relative;
    width: 100%;
    height: 850px;
    overflow: hidden;
}

.map-images {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.map-image,
.location-image {
    display: none;
}

.map-image.show,
.location-image.show {
    display: block;
}

.location-image {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

.location-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.location-container::before {
    content: "";
    position: absolute;
    z-index: 5;
    left: 50%;
    top: -2px;
    background: #faf4e8;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    height: 20%;
    width: 120%;
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
}

.location-container::after {
    content: "";
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: -2px;
    background: #faf4e8;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    height: 20%;
    width: 120%;
    -webkit-transform: translate(-50%, 40%);
    transform: translate(-50%, 40%);
}

.location-images {
    position: absolute;
    width: 100%;
    height: 100%;
}

.location-images::before {
    content: "";
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: -webkit-linear-gradient(90deg, #fcf4e9 0%, #fcf4e9 5%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, #fcf4e9 0%, #fcf4e9 5%, rgba(255, 255, 255, 0) 100%);
}

@media (max-width: 1024px) {
    .map-markers-desktop {
        display: none;
    }

    .map-markers-mobile {
        display: block;
    }

    .map-image {
        height: 504px;
        max-width: unset;
    }

    .map-markers {
        margin-top: 46px;
        margin-left: 86px;
    }
}

@media (min-width: 1025px) {
    .map-markers-mobile {
        display: none;
    }

    .map-markers-desktop {
        display: block;
    }
}
