.city {
  fill: #CCCCCC;
  fill-opacity: 1;
  stroke: white;
  stroke-opacity: 1;
  stroke-width: initial;
  transition: all .3s ease-out;
  cursor: pointer;
}

  .city:hover {
    fill: #a9a9a9;
  }

.show-city-name {
  background-color: #feed23;
  border-radius: 5px;
  color: #666;
  position: fixed;
  padding: 15px 25px;
  opacity: 0;
  visibility: hidden;
  font-size: 16px;
  border:1px solid #666;
}

.show-city-name--active {
  opacity: 1;
  visibility: visible
}
li.cityService{
  font-size:.9em;
  list-style:decimal;
}