/* 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?174254359514438*/
  .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__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?174254359514438 */