.header_city__arrow {
  transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
  -ms-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
}

.popup-mobile_city .header_city,
.header_city {
  cursor: pointer;
  position: relative;
}

.header_city .header_city__link,
.header_city .header_city__link:hover {
  border: none;
}

.header_city--select,
.popup-mobile_city .header_city--select {
  position: absolute;
  z-index: 9999;
  display: none;
  opacity: 0;
  top: 100%;
  left: 0;
  right: 0;
  width: 220px;
  height: 205px;
  bottom: 0;
  margin: 0;
  padding: 5px;
  background-color: #153049;
  overflow-y: auto;
  overflow-x: hidden;
  transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
  -ms-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
}

.header_city--select::-webkit-scrollbar-track {
  border-radius: 4px;
}

.header_city--select::-webkit-scrollbar {
  width: 6px;
}

.header_city--select::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #ff9f00;
}

.header_city--select:hover::-webkit-scrollbar-thumb {
  background: #f8f8f8;
}

#active-city-mobile {
  display: none;
}

.popup-mobile_city .header_city {
  width: fit-content;
  height: auto;
  background-color: #153049;
  margin: 10px 0;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.popup-mobile_city .header_city>*,
.popup-mobile_city #active-city,
.popup-mobile_city .header_city-map {
  text-decoration: none;
  color: #fff;
}

.popup-mobile_city .header_city a {
  color: #fff;
  border: none;
  text-decoration: none;
}

.header_city__select-wrapper .close,
.popup-mobile_city .header_city__select-wrapper .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  color: #000;
  transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
  -ms-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
}

.header_city__select-wrapper .close:hover {
  color: #280ee7;
}

.header_city__select-wrapper,
.popup-mobile_city .header_city__select-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  max-width: 425px;
  border-radius: 10px;
  padding: 0 5px 0;
  color: #fff;
  transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
  -ms-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
}

.header_city--select.active,
.popup-mobile_city .header_city--select.active {
  display: block;
  opacity: 0.85;
}

.header_city--select .header__city--item {
  width: calc(100% - 15px);
  padding: 5px;
  height: auto;
}

.header_city--select .header__city--item a,
.popup-mobile_city .header_city__select-wrapper .header__city--item a {
  color: #fff;
  padding: 0;
  margin: 0;
  line-height: 1.25;
  font-size: 20px;
  font-weight: 600;
  transition: all ease-in-out .2s;
  -o-transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
  -ms-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
}

.header_city--select .header__city--item a:hover {
  color: #ff9f00;
}

#city-code,
#city-code-mob {
  display: none;
}

@media (max-width: 1024px) {
  #active-city-mobile {
    display: block;
    color: #fff !important;
  }

  #active-city {
    display: none;
  }
}