.site-city {
  display: flex;
  align-items: center;
  text-align: right;
  position: relative;
  z-index: 10;
  margin: 0 10px 0 10px;
  font-family: var(--font2); }

.city-in {
  display: inline-block;
  vertical-align: top;
  text-align: left; }

.site-city .city-in .title-city span {
  cursor: pointer;
  color: #838383;
  font-size: 15px;
  font-weight: 400;
  transition: all 0.2s;
  position: relative;
  padding: 0 0 0 27px; }
  .site-city .city-in .title-city span:before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -11px;
    left: 0;
    width: 17px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' version='1.1' baseProfile='full' xml:space='preserve' x='0px' y='0px' width='19px' height='25px' viewBox='0 0 19 25' preserveAspectRatio='none' shape-rendering='geometricPrecision'%3E'%3Cpath fill='%23000' d='M8.524,0.367 C4.146,0.597 0.498,4.014 0.045,8.328 C-0.182,10.478 0.370,12.484 1.446,14.126 L8.138,24.510 C8.545,25.141 9.472,25.141 9.879,24.510 L16.570,14.126 C17.487,12.731 18.023,11.068 18.023,9.283 C18.023,4.194 13.722,0.099 8.524,0.367 ZM9.008,12.926 C7.015,12.926 5.403,11.320 5.403,9.334 C5.403,7.349 7.015,5.743 9.008,5.743 C11.002,5.743 12.614,7.349 12.614,9.334 C12.614,11.320 11.002,12.926 9.008,12.926 Z'/%3E%3C/svg%3E") 0 0/contain no-repeat; }

.city-in .block-city-first-load {
  position: absolute;
  display: none;
  padding: 10px;
  top: 100%;
  margin: 10px 0 0;
  color: #333;
  z-index: 10;
  border: 1px solid #ee7c16;
  border-radius: 8px;
  background: #fff;
  font-size: 14px;
  width: 240px;
  left: 0; }

.city-in .block-city-first-load .buttons-select {
  padding: 10px 0px 0px 0px;
  display: flex;
  justify-content: space-between; }
  .city-in .block-city-first-load .buttons-select span {
    display: inline-block;
    vertical-align: top;
    padding: 5px 15px 6px;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    background: #f1724f;
    color: #fff;
    cursor: pointer;
    border-radius: 5px; }

.block-pop-wrap {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  -ms-flex-align: start;
  padding: 20px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .block-pop-wrap.opened {
    opacity: 1;
    visibility: visible; }

.block-form-product-pop2 {
  text-align: left;
  position: relative;
  flex: 0 0 auto;
  margin: auto;
  max-width: 100%;
  box-sizing: border-box;
  display: inline-block;
  width: 600px;
  padding: 0 20px 10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.13);
  position: relative; }
  .block-form-product-pop2 .title-pop {
    font-weight: bold;
    background: linear-gradient(#fcfcfb, #dbdbdb);
    font-size: 18px;
    margin: 0 -20px 20px;
    padding: 10px 20px;
    border-radius: 5px 5px 0 0; }
  .block-form-product-pop2 .block-city-down {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px 0 0; }
  .block-form-product-pop2 .block-city-down div {
    width: calc(50% - 20px);
    margin: 0 20px 10px 0;
    font-size: 16px;
    font-weight: 500; }
    .block-form-product-pop2 .block-city-down div > span {
      display: inline-block;
      vertical-align: top;
      cursor: pointer; }
      .block-form-product-pop2 .block-city-down div > span:hover {
        text-decoration: underline; }
  .block-form-product-pop2 .block-pop-close {
    z-index: 2;
    position: absolute;
    cursor: pointer;
    background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20%20viewBox%3D%220%200%2016%2016%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23575757%22%20d%3D%22M15.985%2C14.571%20L14.571%2C15.985%20L8.000%2C9.414%20L1.429%2C15.985%20L0.015%2C14.571%20L6.586%2C8.000%20L0.015%2C1.429%20L1.429%2C0.015%20L8.000%2C6.586%20L14.571%2C0.015%20L15.985%2C1.429%20L9.414%2C8.000%20L15.985%2C14.571%20Z%22%2F%3E%3C%2Fsvg%3E) center center/15px no-repeat;
    width: 15px;
    height: 15px;
    top: 13px;
    right: 13px; }

.city-not-found {
  position: absolute;
  left: 0;
  display: none;
  padding: 10px 25px 10px 10px;
  top: 100%;
  margin: 10px 0 0;
  color: #333;
  z-index: 10;
  border: 1px solid #ee7c16;
  background: #fff;
  border-radius: 8px;
  font-size: 14px;
  width: 240px; }
  .city-not-found .city-not-found-in p:first-child {
    margin-top: 0; }
    .city-not-found .city-not-found-in p:last-child {
      margin-bottom: 0; }
  .city-not-found .block-pop-close2 {
    z-index: 2;
    position: absolute;
    cursor: pointer;
    background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20%20viewBox%3D%220%200%2016%2016%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23575757%22%20d%3D%22M15.985%2C14.571%20L14.571%2C15.985%20L8.000%2C9.414%20L1.429%2C15.985%20L0.015%2C14.571%20L6.586%2C8.000%20L0.015%2C1.429%20L1.429%2C0.015%20L8.000%2C6.586%20L14.571%2C0.015%20L15.985%2C1.429%20L9.414%2C8.000%20L15.985%2C14.571%20Z%22%2F%3E%3C%2Fsvg%3E) center center/10px no-repeat;
    width: 10px;
    height: 10px;
    top: 10px;
    right: 7px; }

@media (max-width: 1260px) {
  body .site-header .header-bottom__left {
    width: auto; }

  .site-city {
    text-align: center; }

  .city-in .block-city-first-load, .city-not-found {
    left: 50%;
    margin-left: -120px; }

  .header-top__inner_ht .site-city {
    display: none; }
    .header-top__inner_ht .mobile-shop-btns .site-city {
      display: flex;
      margin-right: 0px;
      width: 50px;
      height: 50px;
      border: 1px solid var(--on_gr_bg_border_4);
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      font-family: var(--font2); }
      .header-top__inner_ht .mobile-shop-btns .site-city span {
        color: var(--on_gr_bg_acc_text);
        padding: 0;
        font-weight: bold; }
        .header-top__inner_ht .mobile-shop-btns .site-city span:before {
          content: none; } }

@media (max-width: 480px) {
  .block-form-product-pop2 .block-city-down {
    display: block;
    margin: 0; }

  .block-form-product-pop2 .block-city-down div {
    width: auto;
    margin: 0 0 10px; }

  .mobile-shop-btns .site-city {
    margin-right: 10px !important;
    margin-left: 0; } }

.site-info .top-menu {
  order: 1; }
  .site-info .site-city {
    order: 2; }
  .site-info .top-item {
    order: 3; }

.site-top__name .site-city {
  order: 5;
  margin-top: 10px; }