body.block {
  overflow: hidden;
}

li {
  list-style: none;
}

.menu_city {
  display: flex;
}

.map {
  display: none;
  width: 100%;
  height: 500px;
  top: 0;
  left: 0;
  position: absolute;
  margin-top: 45px;
  z-index: 10;
}

.map.active {
  display: block;
}
#map_link {
  color: #005577;
}

.button_m {
  z-index: 22 !important;
  width: 250px !important;
  height: 40px !important;
  outline: none !important;
  border: none !important;
  display: none !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  margin-top: 55px !important;
  font-size: 16px !important;
  margin-left: 5px !important;
  background-color: #005577 !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}

.button_m.active {
  display: block !important;
}
.bg {
  z-index: 2;
  display: none;
  width: 100%;
  height: 100vh;
}
.bg.active {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
}
.sub_item img:hover {
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.9);
}
.all_citys{
  display: none;
  width: 100%;
  height: 500px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 45px;
  z-index: 20;
}
.all_citys.active{
  display: block;
}
.citys li a {
    color: #005577;
    font-family: "Roboto", sans-serif;
    line-height: normal;
    font-size: 16px;
    border: none;
}
.citys li {
    padding-bottom: 3px;
    list-style: none;
}
.citys {
    padding-top: 60px;
    display: flex;
    justify-content: space-evenly;
}
.column{
  margin-right: 30px;
}
.map p {
    margin: 0;
}
@media (max-width:768px){
  .column:last-of-type {
    margin-right: 0;
}
}