/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1741161173666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */


/* Start:/bitrix/templates/80bit/components/bitrix/news.list/contact_page/style.css?176035477014079*/
.salons {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1023px) {
  .salons {
    flex-direction: column;
  }
}

.salons__leftside {
  width: 500px;
}

.salons__list::-webkit-scrollbar {
  width: 6px;
}

.salons__list::-webkit-scrollbar-track {
  background-color: var(--color-outline);
  border-radius: 6px;
}

.salons__list::-webkit-scrollbar-thumb {
  background-color: var(--color-d7);
  border-radius: 6px;
}

@media (max-width: 1199px) {
  .salons__leftside {
    width: 350px;
  }
}

@media (max-width: 1023px) {
  .salons__leftside {
    width: 100%;

  }



}

.salons__rightside {
  width: calc(100% - 500px);
  padding-left: 40px;
}

.salons__rightside .salons__topside {
  display: none;
  padding: 0px;
  margin-bottom: 24px;
}

.salons__rightside .salons__list {
  display: none;
  padding: 0px;
  margin-top: 24px;
}

@media (max-width: 1199px) {
  .salons__rightside {
    width: calc(100% - 350px);
    padding-left: 24px;
  }
}

@media (max-width: 1023px) {
  .salons__rightside {
    width: 100%;
    padding: 0px;
  }

  .salons__rightside .salons__topside {
    display: block;
  }

  .salons__rightside .salons__list {
    display: block;
  }
}

.salons__map {
  height: 750px;
  width: 100%;
}

@media (max-width: 1023px) {
  .salons__map {
    height: 450px;
  }
}

@media (max-width: 767px) {
  .salons__map {
    height: 280px;
  }
}

.salons #map {
  width: 100%;
  height: 100%;
}

.salons__topside {
  padding-right: 28px;
}

@media (max-width: 767px) {
  .salons__topside {
    padding: 0px;
    margin-bottom: 24px;
  }
}

.salons__filters {
  margin: 16px 0px 12px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.salons__name span {
  white-space: nowrap;
  overflow: hidden;
}

.salons__filter {
  width: calc(50% - 10px);
  position: relative;
}

.salons__filter:last-child {
  width: calc(50% - 10px);
}

@media (max-width: 1199px) {
  .salons__filter {
    width: 100%;
  }

  .salons__filter:last-child {
    width: 100%;
    margin-top: 10px;
  }
}

@media (max-width: 1023px) {
  .salons__filter {
    width: calc(50% - 10px);
  }

  .salons__filter:last-child {
    margin: 0px;
    width: calc(50% - 10px);
  }
}

@media (max-width: 767px) {
  .salons__filter {
    width: calc(50% - 10px);
  }

  .salons__filter:last-child {
    width: calc(50% - 10px);
    margin-top: 0px;
  }
}

@media (max-width: 500px) {
  .salons__filter {
    width: 100%;
  }

  .salons__filter:last-child {
    width: 100%;
    margin-top: 8px;
  }
}

.salons__name {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding-right: 28px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(/bitrix/templates/80bit/components/bitrix/news.list/contact_page/images/arrow-down-gray.svg);
  background-size: 21px;
  margin-bottom: 4px;
  color: var(--color-orange);
  cursor: pointer;
}

.salons__name--active {
  background-image: url(/bitrix/templates/80bit/components/bitrix/news.list/contact_page/images/arrow-up-gray.svg);
}

.salons__name:hover+.salons__drop {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 767px) {
  .salons__name {
    font-size: 16px;
    padding-right: 22px;
    background-size: 18px;
  }
}

.salons__drop {
  z-index: 50;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0px;
  background-color: var(--color-bg);
  padding: 5px 20px 20px 20px;
  visibility: hidden;
  opacity: 0;
  filter: drop-shadow(0 4px 15px rgba(212, 210, 210, 0.25));
  padding: 15px 20px;
  max-height: 250px;
  overflow-y: auto;

}


.salons__drop::-webkit-scrollbar {
  width: 6px;
}

.salons__drop::-webkit-scrollbar-track {
  background-color: var(--color-outline);
  border-radius: 6px;
}

.salons__drop::-webkit-scrollbar-thumb {
  background-color: var(--color-d7);
  border-radius: 6px;
}

.salons__drop:hover {
  opacity: 1;
  visibility: visible;
}

.salons__param {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  cursor: pointer;
  transition: .3s;
}

.salons__param:first-child {
  margin-top: 0px;
}

.salons__param:hover {
  color: var(--color-brown);
}

.salons__param--active {
  color: var(--color-brown);
}

.salons__types {
  display: flex;
}

@media (max-width: 1199px) {
  .salons__types {
    flex-wrap: wrap;
  }
}

.salons__type {
  border: 1px solid var(--color-bg-alt);
  padding: 10px 20px;
  border-radius: 8px;
  margin-right: 15px;
  text-align: center;
  cursor: pointer;
  transition: .3s;
}

.salons__type:last-child {
  flex: 1 1 0;
  margin-right: 0px;
}

.salons__type--active {
  background-color: var(--color-bg-alt);
}

.salons__type:hover {
  background-color: var(--color-brown);
  border-color: var(--color-brown);
  color: var(--color-bg);
}

@media (max-width: 1199px) {
  .salons__type {
    width: calc(50% - 7.5px);
    margin-right: 0px;
  }

  .salons__type:first-child {
    margin-right: 15px;
  }

  .salons__type:last-child {
    margin-top: 15px;
  }
}

@media (max-width: 1023px) {
  .salons__type {
    width: calc(25% - 6.6666px);
    margin-right: 10px;
  }

  .salons__type:first-child {
    margin-right: 10px;
  }

  .salons__type:last-child {
    width: calc(50% - 6.6666px);
    margin-top: 0px;
  }
}

@media (max-width: 767px) {
  .salons__type {
    font-size: 12px;
    padding: 6px;
    border-radius: 4px;
    width: calc(30% - 4px);
    margin-right: 6px;
  }

  .salons__type:first-child {
    width: calc(20% - 4px);
    margin-right: 6px;
  }

  .salons__type:last-child {
    width: calc(50% - 4px);
  }
}

@media (max-width: 359px) {
  .salons__type {
    width: calc(50% - 4px);
    margin-right: 0px;
  }

  .salons__type:first-child {
    width: calc(50% - 4px);
  }

  .salons__type:last-child {
    width: 100%;
    margin-top: 6px;
    flex: unset;
  }
}

.salons__picture {
  width: 54px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.salons__logo {
  width: 100%;
  height: 100%;
}

.salons__shelf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.salons__category {
  position: relative;
  padding: 8.5px 16px;
  font-size: 14px;
  background-color: var(--color-bg-alt);

  border-radius: 5px;
}

.salons__category--hover {
  background-image: url(/bitrix/templates/80bit/components/bitrix/news.list/contact_page/images/info.svg);
  background-repeat: no-repeat;
  background-position: right 10px bottom 7px;
  background-size: 14px;
  padding: 7px 30px 7px 10px;
  font-size: 12px;
}


.salons__category--hover--actvie .salons__info {
  opacity: 1;
  visibility: visible;
}


@media (max-width: 767px) {
  .salons__category {
    padding: 6.5px 12px;
    font-size: 12px;
  }

  .salons__category--hover {
    padding: 6.5px 28px 6.5px 12px;
    background-position: right 8px bottom 6.5px;
    background-size: 14px;
  }

}

.salons__info {
  position: absolute;
  right: 14px;
  bottom: 35px;
  font-size: 12px;
  width: 100%;
  min-width: 225px;
  padding: 14px;
  line-height: 1.4;
  background-color: var(--color-bg);
  border-radius: 8px;
  filter: drop-shadow(0 4px 15px rgba(212, 210, 210, 0.25));
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.salons__info::after {
  content: "";
  position: absolute;
  top: 92%;
  right: 0%;
  transform: rotate(68deg);
  border-width: 15px 25px 0px 25px;
  border-style: solid;
  border-color: var(--color-bg) transparent transparent transparent;
  z-index: -1;
}

.salons__info:hover {
  opacity: 1;
  visibility: visible;
}

.salons__address {
  font-size: 16px;
  transition: 0.3s;
  font-weight: 600;
}

.salons__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.salons__top {
  padding: 45px 0px 20px;
  background-position: right top 10px;
  background-image: url(/bitrix/templates/80bit/components/bitrix/news.list/contact_page/images/arrow-down-gray.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  background-size: 25px;
}

.salons__top:hover .salons__address {
  color: var(--color-orange);
}

.salons__top.active {
  background-image: url(/bitrix/templates/80bit/components/bitrix/news.list/contact_page/images/arrow-up-gray.svg);
}

@media (max-width: 767px) {
  .salons__top {
    background-size: 20px;
    padding: 30px 0px 20px;
    background-position: right top 5px;
  }
}

.salons__bottom {
  padding-bottom: 16px;
  display: none;
}

.salons__row {
  display: flex;
}

@media (max-width: 1199px) {
  .salons__row {
    flex-direction: column;
  }
}

@media (max-width: 1023px) {
  .salons__row {
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .salons__row {
    flex-direction: column;
  }
}

.salons__contacts {
  width: 50%;
  padding-right: 20px;
}

@media (max-width: 1199px) {
  .salons__contacts {
    width: 100%;
    padding: 0px;
  }
}

@media (max-width: 1023px) {
  .salons__contacts {
    width: 50%;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .salons__contacts {
    width: 100%;
    padding: 0px;
  }
}

.salons__contact {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.7;
  padding-left: 40px;
  background-position: left top 0px;
  background-repeat: no-repeat;
  background-size: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.salons__contact:first-child {
  margin-top: 0px;
}

.salons__contact a {
  display: inline-block;
}

.content .salons__contact a {
  color: var(--color-base);
}

.content .salons__contact a:hover {
  color: var(--color-base);
}

.salons__contact--time {
  background-image: url(/bitrix/templates/80bit/components/bitrix/news.list/contact_page/images/salons-time.svg);
}

.salons__contact--call {
  background-image: url(/bitrix/templates/80bit/components/bitrix/news.list/contact_page/images/salons-phone.svg);
}

.salons__contact--address {
  background-image: url(/bitrix/templates/80bit/components/bitrix/news.list/contact_page/images/salons-place.svg);
}

.salons__contact--email {
  background-image: url(/bitrix/templates/80bit/components/bitrix/news.list/contact_page/images/salons-email.svg);
}

.salons__photo {
  width: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .salons__photo {
    width: 100%;
    margin-top: 20px;
  }
}

@media (max-width: 1023px) {
  .salons__photo {
    width: 50%;
    margin-top: 0px;
  }
}

@media (max-width: 767px) {
  .salons__photo {
    width: 100%;
    margin-top: 20px;
  }
}

.salons__list {
  margin-top: 20px;
  padding-right: 28px;

  height: 750px;
  overflow: hidden;
  overflow-y: auto;

}

@media (max-width: 1023px) {
  .salons__list {
    height: auto;
    overflow: auto;
  }
}

@media (max-width: 767px) {
  .salons__list {
    padding: 0px;
    margin-top: 24px;
  }
}

.salons__box {
  border-bottom: 1px solid var(--color-border-footer);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.salons__box:first-child .salons__info {
	right: 14px;
    top: 35px;
	height: fit-content;
}

.salons__box:first-child .salons__info::after {
    content: "";
    top: -3%;
    right: 0;
    transform: rotate(114deg);
}

.salons__form {
  width: 100%;
  position: relative;
}

.salons__input {
  outline: none;
  padding: 13px 24px 13px 45px;
  background: var(--color-bg);
  border: 1px solid var(--color-border-footer);
  border-radius: 8px;
  width: 100%;
  font-size: 14px;
  color: var(--color-base);
}

.salons__input::placeholder {
  color: var(--color-bg-gray);
}

@media (max-width: 767px) {
  .salons__input {
    padding: 9.5px 20px 9.5px 40px;
  }
}

.salons__button {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  outline: none;
  background: unset;
  border: unset;
  padding: 0px;
  margin: 0px;
  position: absolute;
  left: 12px;
  bottom: 10.5px;
}

.salons__button svg {
  width: 24px;
  height: 24px;
  fill: var(--color-bg-gray);
  transition: .3s;
}

.salons__button:hover svg {
  fill: var(--color-orange);
}

@media (max-width: 767px) {
  .salons__button {
    bottom: 9.5px;
  }

  .salons__button svg {
    width: 20px;
    height: 20px;
  }
}



.salons__select.nice-select {
  width: 100%;
  height: auto;
  padding: 0px;
  line-height: 1;
  border: 0px;
  background: none;
}

.nice-select.salons__select:after {
  display: none;
}

.salons__select .current {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding-right: 28px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(/bitrix/templates/80bit/components/bitrix/news.list/contact_page/images/arrow-down-gray.svg);
  background-size: 21px;
  margin-bottom: 4px;
  color: var(--color-orange);
  cursor: pointer;
}

.salons__select.nice-select .list {
  z-index: 50;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0px;
  background-color: var(--color-bg);
  padding: 5px 20px 20px 20px;
  filter: drop-shadow(0 4px 15px rgba(212, 210, 210, 0.25));
  padding: 15px 20px;
  max-height: 250px;
  overflow-y: auto;
  box-shadow: none;
}

.content .salons__select.nice-select ul li:after {
  display: none;
}

.salons__select.nice-select .option {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  line-height: normal;
  list-style: none;
  min-height: auto;
  outline: none;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  transition: .3s;
  margin-bottom: 0px;
  white-space: normal;
  padding-bottom: 0px;
}

.salons__select.nice-select .option:first-child {
  margin-top: 0px;
}

.salons__select.nice-select .list::-webkit-scrollbar {
  width: 6px;
}

.salons__select.nice-select .list::-webkit-scrollbar-track {
  background-color: var(--color-outline);
  border-radius: 6px;
}

.salons__select.nice-select .list::-webkit-scrollbar-thumb {
  background-color: var(--color-d7);
  border-radius: 6px;
}


@media (max-width: 1023px) {
  .salons__leftside {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .salons__leftside {
    margin-bottom: 0px;
  }
}

.salons__select.nice-select .option:hover,
.salons__select.nice-select .option.focus,
.salons__select.nice-select .option.selected.focus {
  background-color: transparent;
  color: var(--color-brown);
}

.salons__select.nice-select .option.selected {
  font-weight: 500;
}

@media (max-width: 767px) {
  .salons__select .current {
    font-size: 16px;
    padding-right: 22px;
    background-size: 18px;
  }


}

.salons__form--search {
  position: relative;
}

.salons__input.fos__input--address {
  background: none;
}

.salons__form--search .fos__result {
  margin-top: -5px;
}
/* End */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1741161173666 */
/* /bitrix/templates/80bit/components/bitrix/news.list/contact_page/style.css?176035477014079 */