@charset "UTF-8";

.s-quiz {
  min-height: calc(var(--scale) * 464);
}

.s-contacts__inner {
  display: grid;
  gap: var(--gap_def);
}

.s-contacts__item {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: calc(var(--scale) * 146);
  padding: calc(var(--scale) * 12);
  border-radius: var(--border-radius_def);
  background-color: var(--a-color_white);
}

.s-contacts__item-text {
  margin: auto 0 calc(var(--scale) * 8);
  color: var(--a-color_grey_80);
}

.s-contacts__item .a-btn svg {
  width: calc(var(--scale) * 20);
  height: calc(var(--scale) * 20);
}

.s-contacts .m-form {
  margin: 0;
}

.s-contacts .m-form .a-input-label {
  position: relative;
}

.s-contacts .m-form .a-input-label span {
  opacity: 0;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  position: absolute;
  color: var(--a-color_grey_80);
  padding-left: calc(var(--scale) * 40);
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3e%3cpath fill='%237E7F81' d='M7.821 6.75V4.49a.607.607 0 0 0-.18-.446.607.607 0 0 0-.447-.18.607.607 0 0 0-.447.18c-.12.12-.18.269-.18.447v2.493a.649.649 0 0 0 .188.455l2.07 2.07a.595.595 0 0 0 .44.173.595.595 0 0 0 .438-.173.595.595 0 0 0 .173-.439.595.595 0 0 0-.173-.439L7.821 6.75Zm-.627 6.523a6.108 6.108 0 0 1-2.446-.494 6.334 6.334 0 0 1-1.992-1.34 6.335 6.335 0 0 1-1.341-1.992A6.109 6.109 0 0 1 .92 7c0-.868.165-1.683.494-2.447a6.335 6.335 0 0 1 1.34-1.991A6.335 6.335 0 0 1 4.749 1.22 6.109 6.109 0 0 1 7.194.727c.868 0 1.683.164 2.447.494.763.33 1.427.776 1.992 1.34a6.336 6.336 0 0 1 1.34 1.992A6.11 6.11 0 0 1 13.467 7a6.11 6.11 0 0 1-.494 2.447 6.336 6.336 0 0 1-1.34 1.991A6.334 6.334 0 0 1 9.64 12.78a6.108 6.108 0 0 1-2.447.494Z'/%3e%3c/svg%3e") no-repeat calc(var(--scale) * 12) 50%;
}

.s-contacts .m-form .a-input-label input[type="time"] {
  display: flex;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.s-contacts .m-form .a-input-label input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
}

.s-contacts .m-form .a-input-label input[type="time"]:not(.hidden-label):not(:focus) {
  color: transparent;
}

.s-contacts .m-form .a-input-label input[type="time"]:not(.hidden-label):not(:focus) + span {
  opacity: 1;
}

.s-regions__filters {
  flex-direction: column;
  gap: calc(var(--scale) * 8);
}

.s-regions.--notinited .s-regions__filters {
  display: none;
}

.s-regions.--inited .s-regions__filters {
  display: flex;
}

.s-regions__switcher .m-switcher__btns {
  border: 0.0625rem solid var(--a-color_grey_60);
}

.s-regions__search {
  position: relative;
}

.s-regions__search-result {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 6000;
  overflow: hidden;
  display: flex;
  max-height: 0;
  width: 100%;
  margin: calc(var(--scale) * 6) 0 0;
  border-radius: calc(var(--scale) * 8);
  background-color: var(--a-color_grey_20);
  opacity: 0;
  transition: var(--transition);
}

.s-regions__search.--focused .s-regions__search-result {
  max-height: calc(var(--scale) * 310);
  opacity: 1;
}

.s-regions__search-list {
  overflow: auto;
  height: auto;
  width: 100%;
  display: grid;
  margin: calc(var(--scale) * 4);
  padding-right: calc(var(--scale) * 20);
  cursor: default;
}

.s-regions__search-list * {
  padding: calc(var(--scale) * 8);
  border-radius: calc(var(--scale) * 8);
  transition: var(--transition);
}

.s-regions__search-list *:hover {
  background-color: var(--a-color_grey_40);
}

.s-regions__select#m-map__select--ext {
  display: none;
}

.s-regions__select .a-input {
  background-color: var(--a-color_grey_20);
  color: var(--a-color_grey_70);
  transition: var(--transition);
}

.s-regions__select .a-input:before {
  background-size: calc(var(--scale) * 14);
  opacity: .5;
}

.s-regions__select .a-input._checked,
.s-regions__select .a-input._open {
  background-color: var(--a-color_white);
  color: var(--a-color_dark);
}

.s-regions__select .a-input._checked:before,
.s-regions__select .a-input._open:before {
  opacity: 1;
}

.s-regions__select .a-input._open ~ .a-uikit-select__list {
  padding: calc(var(--scale) * 8) calc(var(--scale) * 4);
}

.s-regions__widget {
  position: relative;
  margin: calc(var(--scale) * 8) 0 0;
}

.s-regions__map {
  overflow: hidden;
  width: auto;
  height: calc(var(--scale) * 294);
  margin: 0 calc(-1 * var(--layout-h-padding));
  background-color: var(--a-color_grey_40);
}

.s-regions.--notinited .s-regions__map {
  display: none;
}

.s-regions.--inited .s-regions__map {
  display: block;
}

.s-regions__branches {
  padding: calc(var(--scale) * 8) var(--layout-h-padding) calc(var(--scale) * 12);
  background-color: var(--a-color_grey_20);
}

.--notinited .s-regions__branches .swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--scale) * 8);
}

.s-regions__branches.swiper-initialized {
  margin: 0 calc(-1 * var(--layout-h-padding));
}

.s-regions__branches.swiper-initialized .swiper-wrapper {
  display: flex;
  gap: 0;
}

.s-regions__branches .swiper-scrollbar-horizontal {
  margin: calc(var(--scale) * 8) 0 0;
}

.s-regions__branches .swiper-slide {
  width: calc(var(--scale) * 308);
  height: auto;
  margin: 0 calc(var(--scale) * 8) 0 0;
}

.--notinited .s-regions__branches .swiper-slide {
  width: 100%;
  height: 100%;
}

.s-regions__branch {
  overflow: hidden;
  display: grid;
  height: 100%;
  padding: calc(var(--scale) * 12);
  background-color: var(--a-color_grey_40);
  border-radius: calc(var(--scale) * 6);
  transition: var(--transition);
}

.s-regions__branch-name {
  margin: 0 0 calc(var(--scale) * 12);
}

.s-regions__branch-params {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: calc(var(--scale) * 8);
  margin: 0 0 calc(var(--scale) * 8);
}

.s-regions__branch-param {
  display: flex;
  align-items: center;
}

.s-regions__branch-param > span {
  display: flex;
  align-items: center;
}

.s-regions__branch-param > span > * {
  margin: calc(var(--scale) * 2) 0;
}

.s-regions__branch-param > span > *:not(:first-child):before {
  content: "•";
  margin: 0 calc(var(--scale) * 8);
  font-style: normal;
  text-decoration: none;
  color: var(--a-color_grey_70);
}

.s-regions__branch-param a {
  transition: var(--transition);
}

.s-regions__branch-param a:hover {
  color: var(--a-color_red_dark);
}

.s-regions__branch-param > svg {
  flex: none;
  width: calc(var(--scale) * 16);
  height: calc(var(--scale) * 16);
  margin: 0 calc(var(--scale) * 2) 0 calc(var(--scale) * -2);
  color: var(--a-color_grey_70);
}

.s-regions__branch-btns {
  display: flex;
  gap: calc(var(--scale) * 12);
  margin: auto 0 0;
}

.s-regions__branch-btns .a-btn {
  width: 100%;
}

.s-regions__branch.--notinited .s-regions__branch-modal {
  display: none;
}

.s-regions .swiper-slide.--active .s-regions__branch {
  background-color: var(--a-color_white);
}

.s-regions .swiper-slide.--active .a-btn--third {
  background-color: var(--a-color_grey_40);
}

.s-regions .swiper-slide.--active .a-btn--third:hover {
  background-color: var(--a-color_grey_20);
}

.s-regions .swiper-slide:hover .s-regions__branch {
  background-color: var(--a-color_grey_60);
}

.s-regions-letters {
  display: none;
  overflow: visible;
}

.s-regions-letters.--inited {
  display: block;
}

.s-regions-letters__inner {
  position: relative;
}

.s-regions-letters__lines {
  display: flex;
  flex-direction: column;
  gap: calc(var(--scale) * 4);
}

.s-regions-letters__line {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: calc(var(--scale) * 12);
  text-transform: uppercase;
  color: var(--a-color_grey_60);
}

.s-regions-letters__line span {
  display: inline-block;
  cursor: default;
  transition: var(--transition);
}

.s-regions-letters__line span:hover {
  color: var(--a-color_red);
}

.s-regions-letters__cities {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 6000;
  overflow: hidden;
  display: flex;
  max-height: 0;
  width: 100%;
  margin: calc(var(--scale) * 4) 0 0;
  border-radius: calc(var(--scale) * 8);
  background-color: var(--a-color_grey_20);
  transition: var(--transition);
}

.s-regions-letters__cities.--visible {
  max-height: calc(var(--scale) * 264);
}

.s-regions-letters__cities-inner {
  overflow: auto;
  height: auto;
  width: 100%;
  display: grid;
  margin: calc(var(--scale) * 4);
  padding-right: calc(var(--scale) * 20);
}

.s-regions-letters__cities a {
  padding: calc(var(--scale) * 8);
  border-radius: calc(var(--scale) * 8);
  transition: var(--transition);
}

.s-regions-letters__cities a:hover {
  background-color: var(--a-color_grey_40);
}

@media only screen and (min-width: 768px) {
  .s-quiz {
    min-height: calc(var(--scale) * 300);
  }

  .s-contacts__inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .s-contacts__form {
    grid-column: span 2;
  }

  .s-regions__filters {
    flex-direction: row;
    justify-content: space-between;
  }

  .s-regions__switcher {
    flex: 2;
  }

  .s-regions__search {
    order: 2;
    flex: 1;
  }

  .s-regions__select {
    flex: 1;
  }

  .s-regions__widget {
    margin: calc(var(--scale) * 20) 0 0;
  }

  .s-regions__map {
    height: calc(var(--scale) * 456);
    margin: 0;
    border-radius: calc(var(--scale) * 16) calc(var(--scale) * 16) 0 0;
  }

  .s-regions__branches {
    backdrop-filter: blur(22px);
  }

  .--notinited .s-regions__branches .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .s-regions__branch {
    padding: calc(var(--scale) * 20) calc(var(--scale) * 12);
  }

  .s-regions-letters__lines {
    --letter-gap: calc(var(--scale) * 18);
    flex-direction: row;
    justify-content: space-between;
    gap: var(--letter-gap);
    padding: calc(var(--scale) * 12) calc(var(--scale) * 16);
    border-radius: calc(var(--scale) * 8);
    background-color: var(--a-color_white);
  }

  .s-regions-letters__line {
    flex: 1;
    gap: var(--letter-gap);
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .s-quiz {
    min-height: calc(var(--scale) * 590);
  }

  .s-contacts__inner {
    grid-template-columns: repeat(4, 1fr);
  }

  .s-contacts__item {
    min-height: calc(var(--scale) * 253);
    padding: calc(var(--scale) * 24);
  }

  .s-contacts__item-text {
    margin: auto 0 calc(var(--scale) * 20);
  }

  .s-contacts .m-form__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .s-contacts .m-form__content .a-btn {
    grid-column: -1 / 1;
  }

  .s-regions__filters {
    gap: calc(var(--scale) * 20);
    justify-content: flex-start;
  }

  .s-regions__switcher {
    flex: none;
    width: calc(var(--scale) * 445);
    margin-right: auto;
  }

  .s-regions__switcher .m-switcher {
    height: 100%;
  }

  .s-regions__switcher .m-switcher__btns {
    height: 100%;
  }

  .s-regions__search {
    flex: none;
    width: calc(var(--scale) * 445);
  }

  .s-regions__search .m-search {
    height: 100%;
  }

  .s-regions__select {
    flex: none;
    width: calc(var(--scale) * 290);
  }

  .s-regions__map {
    height: calc(var(--scale) * 775);
    margin: 0;
    border-radius: calc(var(--scale) * 16);
  }

  .s-regions__branches {
    position: relative;
    width: 100%;
  }

  .--notinited .s-regions__branches .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }

  .s-regions__branches.swiper-initialized {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: 0;
    width: calc(var(--scale) * 457);
    padding: calc(var(--scale) * 12);
    margin: 0;
    padding-right: calc(var(--scale) * 30);
    border-radius: calc(var(--scale) * 16) 0 0 calc(var(--scale) * 16);
    background-color: rgba(var(--a-color_white_rgb), 0.45);
  }

  .s-regions__branches .swiper-slide {
    width: auto;
    height: fit-content;
    margin: 0 0 calc(var(--scale) * 8) 0;
  }

  .s-regions__branch {
    padding: calc(var(--scale) * 24);
    border-radius: calc(var(--scale) * 8);
  }

  .s-regions-letters__lines {
    --letter-gap: calc(var(--scale) * 56);
    padding: calc(var(--scale) * 16) calc(var(--scale) * 24);
  }

  .s-regions-letters__cities {
    width: calc(100% / 6);
  }
}

@media only screen and (max-width: 767px) {
  .s-regions-letters__line {
    padding: calc(var(--scale) * 12) calc(var(--scale) * 16);
    border-radius: calc(var(--scale) * 8);
    background-color: var(--a-color_white);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1198px) {
  .s-regions-letters__cities {
    width: calc(100% / 3);
  }
}
/*# sourceMappingURL=maps/contacts.css.map */