.header__city-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  padding: 0;
  margin: 0 0 3px 0;
  box-sizing: border-box;
  border: 0; }
.header__city-body {
  justify-self: center;
  color: #5B6064;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  padding: 0 40px 0 20px;
  transition: all 0.3s linear; }
  .header__city-body--active {
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08); }
  .header__city-body a {
    color: #5B6064;
    text-decoration: none; }
.header__city-default {
  display: flex;
  justify-content: space-between;
  align-items: baseline; }
  .header__city-default-text {
    padding-right: 5px; }
.header__city-items {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  border-radius: 2px;
  background: #FFF;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);
  padding: 0 58px 0 20px;
  z-index: 1; }
  .header__city-items::before {
    content: '';
    display: block;
    min-height: 1px;
    width: 170%;
    background-color: #EBEBEB; }
.header__city-item:first-child > a {
  color: #F79C2D; }

.mobile-menu__cities-wrapper {
  display: flex;
  align-items: end;
  height: 7vh;
  padding: 0 25px; }
.mobile-menu__cities-link {
  margin-right: 5px;
  text-decoration: none;
  color: #868686;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 5px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background: #F4F4F4; }
  .mobile-menu__cities-link--main {
    background: #F79C2D;
    color: #FFF; }

/*# sourceMappingURL=header_city.css.map */
.header-mobile__city-wrapper{ display: none; }
.menu_with_city .header-mobile__city-wrapper{
  /* display: grid; */
  /* grid-template-columns: repeat(2, 1fr); */
  align-items: center;
  padding: 0;
  margin: 0 0 3px 0;
  box-sizing: border-box;
  border: 0;
  width: calc(100% - 128px);
  display: flex;
  justify-content: flex-end;
}
.header-mobile__city-wrapper .header-mobile__city-body {
  justify-self: center;
  color: #5B6064;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  padding: 0 15px 0 0;
  transition: all 0.3s linear; 
}
.header-mobile__city-wrapper .header-mobile__city-body--active {
  /* border-radius: 2px; */
  /* background: #FFF; */
  /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);  */
}
.header-mobile__city-wrapper .header-mobile__city-body a {
  color: #5B6064;
  text-decoration: none; 
}
.header-mobile__city-wrapper .header-mobile__city-default {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0;
  color: #fff;
  border-bottom: 1px dashed;
}
.header-mobile__city-wrapper .header-mobile__city-default-text {
  padding-right: 5px; 
}
.header-mobile__city-wrapper .header-mobile__city-items {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  border-radius: 2px;
  background: #FFF;
  padding: 0 25px 0 15px;
  z-index: 1; 
}
.header-mobile__city-wrapper .header-mobile__city-items .header-mobile__city-item{
  margin: 10px 0;
}
.header-mobile__city-wrapper .header-mobile__city-items .header-mobile__city-item:hover > a{
  color: #62afe0;
}
/* .header-mobile__city-wrapper .header-mobile__city-items::before {
  content: '';
  display: block;
  min-height: 1px;
  width: 170%;
  background-color: #EBEBEB; 
} */
.header-mobile__city-wrapper .header-mobile__city-item:first-child > a {
  color: #F79C2D; 
}

.menu_with_city .mobil_phone_head.not-icon{
  margin-right: 15px;
  font-size: 15px;
}

@media (max-width: 419px) {
  .header-mobile__city-wrapper .header-mobile__city-body{ padding: 0 10px 0 0; }
  .menu_with_city .mobil_phone_head.not-icon{ margin-right: 10px; }
}

@media (max-width: 374px) {
  .menu_with_city .header-mobile__city-wrapper{
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}