.land:hover{
    /* transform: scale(100.5%); */
    fill: rgb(56, 56, 56);
    transition-duration: 1s;
    stroke-opacity: 1;
    stroke-width: 1.5;
}

.land{
    fill: #95959585;
    fill-opacity: 1;
    stroke: #000;
    stroke-opacity: 1;
    stroke-width: .8px;
}

.locationname{
    font-style:normal;
    font-weight:normal;
    font-size:50px;
    line-height:1.25;
    font-family:sans-serif;
    fill:#2c0ae9;
    fill-opacity:1;  
}

@media only screen and (max-width: 1281px) {
    svg {
      width: 100%;
    }
  }

#city-name-tag{
font-style:normal;
font-weight:normal;
font-size:7px;
line-height:1.25;
font-family:sans-serif;
fill:#ffffff;
fill-opacity:1;  
}

#city-name-bg{
    fill:#17a2b8;
    fill-opacity:.9;  
}

#city-name-close-btn{
    fill:#e6e6e6;
    fill-opacity:1;  
}


.locationname:hover{
    transform: rotate(10deg);
    transition-duration: 1s;
}

.city-on-map{
    fill:#23b6ec;
}

#city-name-tag-element{
    transition-duration: 1s;
}

.city-on-map:hover{
    fill: #1d8db7;
    transition-duration: 1s;
}


.map-city-wrapper .city-label{
    font-size: x-small;
    visibility: hidden;
}

.map-city-wrapper:hover .city-label{
    visibility: visible;
    transition-duration: 1s;
}

#path854{
    fill: #234135;
}