:root {
	font-size: 10px;
	--accent-color: #c3073f;
	--accent-color2: #950740;
	--bg-color: #1a1a1d;
	--radius: 20px;
	--radius2: 12px;
}

@font-face {
	font-family: 'Gilroy';
	font-weight: 400;
	src: url('../fonts/gilroyRegular.ttf');
}

@font-face {
	font-family: 'Gilroy';
	font-weight: 500;
	src: url('../fonts/gilroyMedium.ttf');
}

@font-face {
	font-family: 'Gilroy';
	font-weight: 600;
	src: url('../fonts/gilroySemibold.ttf');
}

@font-face {
	font-family: 'Gilroy';
	font-weight: 700;
	src: url('../fonts/gilroyBold.ttf');
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-size: 1.6rem;
	font-family: 'Gilroy', sans-serif;
	background: var(--bg-color);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.scroll,
.scroll2,
.scroll3 {
	overflow: hidden;
}

*,
*:after,
*:before {
	box-sizing: border-box;
}

a,
button,
input,
textarea,
select {
	transition: 0.2s linear;
	font-size: 1.6rem;
	font-family: 'Gilroy', sans-serif;
	padding: 0;
}

a {
	text-decoration: none;
	color: #000;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h5,
p {
	margin: 0;
	font-weight: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	appearance: none;
}

.children {
	padding-left: 1.5rem !important;
	font-size: 14px !important;
}

.header__nav--drop-new {
	max-width: 100% !important;
	justify-content: center;
}

.button,
.input {
	border: none;
	cursor: pointer;
	background: none;
	outline: none;
}

.input {
	cursor: text;
}

.input:focus::placeholder {
	opacity: 0;
}

.container {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}

/* Header */
.header {
	width: 100%;
	position: relative;
}

.header__inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
}

.header__top,
.header__bottom {
	width: 100%;
	padding: 2.7rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--accent-color2);
}

.header__bottom {
	padding: 0;
	justify-content: center;
}

.header__location {
	display: flex;
	align-items: center;
	color: #fff;
}

.header__location--icon {
	margin-right: 0.8rem;
}

.header__logo {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 28px;
	color: white;
}

.header__logo--img {
	width: 100%;
}

.header__profile--inner,
.header__nav,
.header__nav--link,
.header__rate,
.header__rate--link {
	display: flex;
	align-items: center;
}

.header__profile--link {
	display: flex;
	margin-right: 2.8rem;
}

.header__profile--link:nth-last-child(2) {
	margin-right: 0;
}

.header__home,
.header__logo {
	display: flex;
}

.header__nav--link,
.header__rate--link {
	color: #fff;
	font-weight: 600;
}

.header__nav--link:last-child {
	margin-right: 0;
}

.header__nav--link {
	padding: 2rem 1.6rem;
	cursor: pointer;
	justify-content: center;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header__nav--link:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 1620px) {
	.header__nav--link:hover .header__nav--drop {
		opacity: 1;
		pointer-events: all;
		border-bottom: 1px solid var(--accent-color2);
	}
}

.header__nav--drop {
	width: 100%;
	z-index: 105;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 3.8rem;
	/*border-radius: 8px;*/
	background: var(--bg-color);
	backdrop-filter: blur(2px);
	opacity: 0;
	pointer-events: none;
	transition: 0.2s linear;
	display: flex;
	flex-wrap: wrap;
}

.header__nav--drop--content {
	width: 100%;
	max-width: 900px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	overflow-y: auto;
	max-height: 250px;
	padding: 0 10px 0 0;
}

.header__nav--drop--elem {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}

.header__drop--title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
}

.header__drop--list {
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	flex-wrap: wrap;
	/* justify-content: space-between; */
}
/* обновленное меню */
.header__nav--drop--item {
	display: flex;
	flex-flow: wrap column;
	width: 15%;
}

.header__nav--drop--item--mobile {
	display: flex;
	flex-flow: wrap column;
	width: 93%;
	padding-top: 1rem;
	padding-bottom: 2rem;
}

.header__nav--drop--title {
	width: 100%;
	padding: 0 0 10px;
	font-size: 1.5rem;
	font-weight: 900;
	border-bottom: 1px dotted var(--accent-color2);
	margin: 0 0 10px;
}

.header__nav--drop--title--mobile {
	color: #fff;
}

.submenu__button {
	width: 100%;
	display: flex;
}

.submenu__button a {
	display: inline-block;
	width: 100%;
	max-width: 200px;
	padding: 6px 10px;
	border-radius: 4px;
	background: var(--accent-color2);
	color: #fff;
	display: flex;
	text-align: center;
	justify-content: center;
}

.submenu__button a:hover {
	opacity: 0.7;
}

/* /обновленное меню */

.header__nav--drop--link,
.header__nav--drop--link2 {
	width: 100%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 400;
}

.header__nav--drop--link2 {
	width: calc(100% / 3 - 40px / 3);
}

.header__nav--drop--link2 a {
	color: #fff;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.link--param {
	width: 100%;
	padding-bottom: 1rem;
}

.header__nav--drop--link:hover,
.header__nav--drop--link2:hover {
	opacity: 0.6;
}

.header__nav--drop--link:first-child {
	margin-top: 0;
}

.header__nav--icon {
	margin-left: 0.7rem;
}

.header__rate--icon {
	margin-right: 0.7rem;
}

.menu {
	cursor: pointer;
	display: none;
}

.none {
	display: none !important;
}

.notresult {
	width: 100%;
	display: flex;
	align-items: center;
	min-height: 413px;
	justify-content: center;
}

/* Main */
.main {
	width: 100%;
	padding: 3rem 0 0 0;
	flex: 1;
}

.main__inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.title__inner {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.title {
	font-size: 3.4rem;
	font-weight: 600;
	color: #fff;
}

.breadcrumb a span {
	color: #fff;
}

.breadcrumb span,
.breadcrumb a span {
	margin: 0.25rem 0;
}

.breadcrumb span {
	color: rgba(255, 255, 255, 0.5);
}

.breadcrumb-before {
	display: flex;
	align-items: center;
}

.breadcrumb-before + .breadcrumb-before:before {
	float: left;
	color: #6c757d;
	content: url(../images/arrow-bread.svg);
	margin: 0 0.3rem;
	width: 15px;
}

.breadcrumbs__inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.breadcrumb a span {
	color: #fff;
	font-weight: 500;
	margin-right: 0.8rem;
}

.breadcrumbs__icon {
	margin-right: 0.8rem;
}

.breadcrumbs__link:last-child {
	margin-right: 0;
}

.main__content {
	width: 100%;
	margin-top: 2rem;
	flex-wrap: wrap;
	display: flex;
	margin-bottom: 2rem;
}

.main__alert--block {
	padding-top: 2rem;
	width: 100%;
}
.main__alert {
	color: #fff;
	background: #0b2446;
	padding: 10px;
	font-size: 1.6rem;
	text-align: center;
}

.main__item {
	width: 23.87%;
	margin: 3.8rem 2.4rem 0 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border: 2px solid var(--accent-color);
	border-radius: var(--radius);
	overflow: hidden;
}

.main__item:first-child,
.main__item:nth-child(2),
.main__item:nth-child(3),
.main__item:nth-child(4) {
	margin-top: 0;
}

.main__item:nth-child(4n) {
	margin-right: 0;
}

.main__item--img--inner {
	position: relative;
	width: 100%;
	display: flex;
	border-radius: 10px;
	overflow: hidden;
}

.main__item--img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	aspect-ratio: 2/2.5;
}

.main__item--favorite--icon {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
	cursor: pointer;
}

.main__item--wrapper {
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0px 0px 10px 10px;
	padding: 2.1rem 1.3rem;
	position: absolute;
	bottom: 0;
	left: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	grid-gap: 6px 4px;
}

.main__item--wrapper--item {
	padding: 0.8rem 0.1rem;
	border: 2px solid var(--accent-color);
	border-radius: 5px;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 500;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main__item--wrap {
	display: flex;
	align-items: center;
	margin-right: 1.2rem;
}

.main__item--wrap:last-child {
	margin-right: 0;
}

.main__item--wrap--icon--verify {
	margin-left: 0.4rem;
	width: 14px;
}

.main__item--info--inner {
	width: 100%;
	margin-top: 0.8rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0 2rem 1rem 2rem;
}

.main__item--info--wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1.5rem;
	flex-wrap: wrap;
	gap: 8px;
}

.main__item--wrapper.main__item--wrapper:first-child {
	margin-top: 0;
}

.main__telegram {
	margin-top: 1rem;
	color: #fff;
}

.main__telegram a {
	color: var(--accent-color);
}

.main__item--name {
	font-size: 2.4rem;
	font-weight: 700;
	color: #fff;
}

.main__item--price {
	font-size: 2rem;
	font-weight: 500;
	color: #fff;
}

.main__item--social,
.main__item--likes,
.main__item--data {
	display: flex;
	align-items: center;
}

.main__item--social--link {
	margin-right: 0.8rem;
}

.main__item--social--link:last-child {
	margin-right: 0;
}

.main__item--like {
	color: rgba(255, 255, 255, 0.8);
	font-size: 1.2rem;
}

.main__item--like {
	margin-left: 0.5rem;
}

.main__item--data {
	color: #fff;
	font-weight: 500;
}

.main__item--data:hover {
	color: rgba(255, 255, 255, 0.8);
}

.main__item--icon {
	margin-right: 0.7rem;
}

.pagin {
	width: 100%;
	margin-top: 4.5rem;
	display: flex;
	justify-content: center;
	position: relative;
}

.pagin__content {
	width: 100%;
	max-width: 415px;
	position: relative;
	padding: 0.2rem 2.1rem 0 2.1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #fff;
}

.pagin__content:before {
	content: '';
	display: block;
	width: 48px;
	height: 1px;
	background: var(--accent-color);
	position: absolute;
	top: -1px;
	left: 0;
}

.pagin__link {
	color: #fff;
	padding: 1rem;
}

.pagin__link.active {
	color: var(--accent-color);
}

.button__up--arrow {
	max-width: 60%;
}

.up__button {
	position: fixed;
	bottom: 90px;
	right: 25px;
	z-index: 20;
	display: flex;
	align-items: center;
	transition: 0.2s linear;
	opacity: 0;
	pointer-events: none;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--accent-color);
	border-radius: 50%;
}

.up__button.active {
	opacity: 1;
	pointer-events: all;
}

.card__price--block {
	width: 100%;
	margin-top: 4rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card__price--item {
	width: 100%;
	display: flex;
}

.card__price--item:last-child {
	border-bottom: none;
}

.card__price--text {
	padding: 0.5rem;
	width: 50%;
	font-size: 2rem;
	color: #fff;
	display: flex;
	justify-content: space-between;
	margin-right: 2rem;
}

.card__price--text:last-child {
	border-right: none;
}

/* Text block */
.textblock {
	padding: 6.5rem 0;
}

.textblock__inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.textblock__inner h2 {
	color: #fff;
	font-weight: 600;
}

.textblock__inner p {
	color: #fff;
	margin-top: 2.3rem;
}

.textblock__inner a {
	color: var(--accent-color);
}

.textblock__inner ul {
	padding-top: 1rem;
	padding-left: 1.6rem;
	color: #fff;
}

.textblock__inner ul li {
	list-style: none;
	position: relative;
	padding: 3px 0 2px 12px;
}

.textblock__inner ul li::before {
	content: '*';
	position: absolute;
	top: 6px;
	left: 0;
}

/* Salons */
.salon__content {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 4rem;
}

.salon__item {
	width: 100%;
	padding: 4.2rem;
	background: #e5e6f3;
	border-radius: 10px;
	margin-top: 3rem;
	display: flex;
	align-items: flex-start;
}

.salon__item:first-child {
	margin-top: 0;
}

.salon__item--img--content {
	width: 100%;
	max-width: 615px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-shrink: 0;
	margin-right: 2.5rem;
}

.salon__item--img--inner {
	display: flex;
	position: relative;
	width: 100%;
}

.salon__item--img {
	width: 100%;
}

.salon__item--favorite--icon,
.salon__item--verify--icon {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.salon__item--verify--icon {
	cursor: default;
	display: none;
}

.salon__item--points {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
	grid-gap: 9px;
	margin-top: 2.5rem;
}

.salon__item--point {
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--accent-color);
	border-radius: 10px;
}

.salon__item--point--icon {
	max-width: 65%;
}

.salon__item--content {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.salon__item--desc,
.salon__item--text {
	width: 100%;
	margin-top: 2rem;
	font-weight: 500;
	line-height: 150%;
}

.bold {
	font-weight: 700;
}

.salon__item--readmore {
	font-weight: 700;
	text-decoration: underline;
	margin-top: 4rem;
}

.salon__item--content--wrapper {
	width: 100%;
	justify-content: space-between;
}

.salon__item--name--inner,
.salon__item--content--wrapper,
.salon__item--contact,
.salon__item--contact--link {
	display: flex;
	align-items: center;
}

.salon__item--name {
	font-weight: 700;
	font-size: 2.4rem;
}

.salon__item--verify {
	margin-left: 1.2rem;
	width: 35px;
}

.salon__item--contact--link {
	font-weight: 500;
	margin-right: 4rem;
}

.salon__item--contact--link:last-child {
	margin-right: 0;
}

.salon__item--contact--icon {
	margin-right: 0.6rem;
}

.salon__item--models {
	display: flex;
	width: 100%;
	margin-top: 4rem;
	padding-bottom: 1rem;
	overflow-y: auto;
	max-width: 876px;
}

.salon__item--model {
	margin-right: 0.9rem;
	width: 138px;
	height: 174px;
	position: relative;
	display: flex;
	align-items: flex-end;
	flex-shrink: 0;
}

.salon__item--model:last-child {
	margin-right: 0;
}

.salon__item--model--img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.salon__item--model--text {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 0px 0px 9px 9px;
	padding: 1rem;
	position: relative;
	z-index: 2;
}

.salon__item--model--more {
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
	font-size: 2.2rem;
	font-weight: 500;
	z-index: 2;
	border-radius: 10px;
}

.salon__item--social {
	display: none;
}

.salon__item--social--link {
	margin-right: 0.8rem;
	width: 18px;
	display: flex;
}

.salon__item--social--link:last-child {
	margin-right: 0;
}

.salon__item--social--icon {
	width: 100%;
}

/* Model card */
.card {
	width: 100%;
	padding: 5rem 0;
}

.card__inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card__wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 7rem;
}

.card__text {
	font-size: 2rem;
	color: #fff;
	margin-top: 2.5rem;
}

.card__text:first-child,
.card__title:first-child {
	margin-top: 0;
}

.card__title {
	width: 100%;
	font-size: 3.4rem;
	font-weight: 600;
	color: #fff;
}

.card__button,
.default__button {
	margin-top: 4rem;
	padding: 1.5rem 4rem;
	background: var(--accent-color2);
	border-radius: 13px;
	color: #fff;
	font-weight: 600;
	font-size: 2rem;
}

.default__button {
	margin-top: 0;
}

.card__button:hover,
.default__button:hover {
	background: #9f7610;
}

.card__review--content {
	width: 49%;
	display: flex;
	flex-wrap: wrap;
	overflow-y: auto;
	max-height: 330px;
	gap: 20px;
}

.card__review--item {
	width: 48.5%;
	background: #e5e6f3;
	border-radius: 20px;
	padding: 1.5rem 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card__review--name {
	font-size: 2.4rem;
	font-weight: 700;
}

.card__review--text {
	margin-top: 0.8rem;
	line-height: 150%;
}

.card__map {
	width: 100%;
	height: 420px;
	border: none;
}

.map_span {
	height: 100%;
	width: 100%;
	border: none;
	background: url(../images/map2.png) no-repeat center center;
	background-size: cover;
	display: flex;
	flex-flow: wrap row;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.card__uslugi--content {
	width: 100%;
	margin-top: 4rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card__uslugi--item {
	width: 100%;
	display: flex;
	align-items: center;
}

.card__uslugi--item.titles {
	padding-bottom: 1.6rem;
	border-bottom: 1px solid var(--accent-color2);
}

.card__uslugi--item.values {
	padding: 3.5rem 0;
	border-bottom: 1px solid rgba(255, 184, 0, 0.3);
}

.card__uslugi--title {
	color: #fff;
	font-weight: 600;
	font-size: 2.1rem;
}

.card__uslugi--text {
	font-weight: 500;
	color: #fff;
}

.choose {
	width: 10%;
}

.name {
	width: 20%;
}

.desc {
	width: 45%;
}

.time,
.price {
	width: 12.5%;
	text-align: right;
}

.card__uslugi--choose--label {
	position: relative;
	cursor: pointer;
}

.card__uslugi--choose--label:before {
	content: '';
	display: block;
	width: 33px;
	height: 33px;
	border-radius: 4px;
	background: rgba(217, 217, 217, 0.4);
	border: 1px solid #ffffff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.card__uslugi--choose--label:after {
	content: '';
	display: block;
	width: 23px;
	height: 23px;
	border-radius: 2px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 5px;
	transform: translateY(-50%);
	opacity: 0;
	transition: 0.2s linear;
}

.checkbox {
	display: none;
}

.checkbox:checked + .card__uslugi--choose--label:after {
	opacity: 1;
}

.card__review--rate {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 2.5rem;
}

.card__review--rate--item {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1rem;
}

.card__review--rate--item:first-child {
	margin-top: 0;
}

.card__review--rate--text {
	font-size: 1.4rem;
}

.card__review--rate--content {
	display: flex;
	align-items: center;
}

.card__review--rate--star {
	margin-right: 0.5rem;
}

.card__review--rate--star:last-child {
	margin-right: 0;
}

.card__do {
	width: 100%;
	margin-top: 4rem;
	display: flex;
	flex-wrap: nowrap;
	overflow-y: auto;
	padding-bottom: 1rem;
}

.card__do--item {
	margin-right: 2rem;
	background: #e5e6f3;
	border-radius: 10px;
	padding: 2rem 4rem;
	font-size: 2rem;
	font-weight: 600;
	flex-shrink: 0;
}

.card__do--item:last-child {
	margin-right: 0;
}

.card__content {
	width: 100%;
	margin-top: 2rem;
	display: flex;
	align-items: flex-start;
}

.carousel__track a {
	width: 100%;
}

.carousel__track a img {
	width: 100%;
	border-radius: 15px;
}
.carousel__slide img {
	border-radius: 15px;
}

#mainCarousel .carousel__button.is-next,
#mainCarousel .carousel__button.is-prev {
	background: var(--accent-color2);
	color: #fff;
	max-width: 35px;
	max-height: 35px;
}

.card__content--img--content {
	width: 100%;
	max-width: 553px;
	margin-right: 4rem;
	flex-shrink: 0;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.card__content--info {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card__content--carousel--small {
	margin-right: 1.4rem;
	width: 100%;
	flex-shrink: 0;
	padding-right: 1rem;
	padding-left: 1rem;
}

.slide_small {
	max-width: 117px !important;
}

.card__content--carousel--wrapper {
	width: 553px;
	position: relative;
}

.card__content--carousel--big {
	width: 100%;
}

.card__content--item--small {
	margin: 0.7rem 0;
}

.card__content--verify {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 32px;
	z-index: 5;
	pointer-events: none;
}

.card__salon--content {
	width: 100%;
	margin-top: 4rem;
	display: flex;
	align-items: flex-start;
}

.card__salon--img--content {
	width: 100%;
	max-width: 792px;
	flex-shrink: 0;
	margin-right: 4rem;
}

.card__salon--info {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card__salon--carousel--wrapper {
	width: 100%;
	position: relative;
}

.card__salon--carousel--big,
.card__salon--carousel--small {
	width: 100%;
}

.card__salon--carousel--small {
	margin-top: 1.1rem;
}

.card__salon--item--small {
	margin: 0rem 0.5rem;
}

.card__salon--item--big,
.card__salon--item--small,
.card__content--item--big,
.card__content--item--small {
	border-radius: 10px;
}

.card__content--info--wrapper {
	width: 100%;
	display: flex;
	align-items: flex-start;
}

.card__content--info--butons {
	display: flex;
	margin-top: 4rem;
	width: 100%;
	justify-content: space-between;
}

.card__content--button {
	padding: 1.3rem 2.6rem;
	margin-right: 2.4rem;
}

.card__content--button.white {
	background: none;
	border: 1px solid #9f7610;
}

.card__content--button.white:hover {
	background-color: #4b4e50bf;
}

.card__content--button:last-child {
	margin-right: 0;
}

.card__content--info--box {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card__content--wrap {
	display: flex;
	align-items: flex-start;
	flex-flow: wrap row;
	gap: 12px;
}

.card__content--info--name {
	color: #fff;
	font-size: 2.4rem;
	font-weight: 600;
}

.card__content--info-number {
	display: block;
	width: 100%;
	color: white;
	padding-top: 1rem;
}

.card__content--likes {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
}

.card__content--like--icon {
	width: 25px;
}

.card__content--social {
	display: flex;
	align-items: center;
}

.card__content--social--link {
	margin-right: 1rem;
	display: flex;
	width: 24px;
}

.card__content--social--link:last-child {
	margin-right: 0;
}

.card__content--social--icon {
	width: 100%;
}

.card__content--info--role {
	color: #fff;
	font-weight: 500;
	margin-top: 1.2rem;
}

.card__content--info--stats {
	width: 97%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card__content--info--dop {
	padding-right: 2rem;
	padding-top: 2rem;
}

.card__content--info--stat {
	margin-top: 1.4rem;
	color: #fff;
	font-size: 2rem;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.card__content--info--stat a {
	text-decoration: underline;
	color: #fff;
	font-size: inherit;
}

.card__content--info--stat a:hover {
	text-decoration: none;
}

.card__content--info--stat.bold {
	font-size: 2.4rem;
}

.card__content--info--stat:first-child {
	margin-top: 0;
}

.card__content--info--box--box {
	width: 100%;
	margin-top: 3rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card__content--info--box--box:first-child {
	margin-top: 0;
}

.card__content--title {
	font-weight: 700;
	color: #fff;
	font-size: 2.4rem;
}

.card__content--do {
	margin-top: 1.3rem;
	display: flex;
	align-items: center;
}

.card__content--do--text {
	font-size: 1.8rem;
	color: #fff;
	margin-right: 2rem;
}

.card__content--do--text:last-child {
	margin-right: 0;
}

.card__content--work--content {
	width: 100%;
	margin-top: 1.3rem;
	display: flex;
	align-items: center;
}

.card__item--work--item {
	text-transform: uppercase;
	color: #fff;
	font-size: 1.8rem;
	padding: 0.2em 0.4rem;
	border-radius: 3px;
	background: var(--accent-color2);
	margin-right: 0.8rem;
}

.card__item--work--item:last-child {
	margin-right: 0;
}

.card__content--phone {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700;
}

.card__content--phone--icon {
	margin-right: 0.7rem;
}

.card__content--address--inner {
	width: 100%;
	display: flex;
	align-items: flex-start;
	margin-top: 1rem;
}

.card__content--rate {
	display: flex;
	align-items: center;
	font-size: 2rem;
	font-weight: 600;
	color: var(--accent-color2);
	margin-left: 2rem;
}

.card__content--rate--icon {
	margin-right: 0.5rem;
}

.card__content--address {
	display: flex;
	align-items: center;
}

.card__content--address--box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card__content--address--value {
	color: #fff;
	font-weight: 600;
	font-size: 2.4rem;
	margin-left: 0.9rem;
}

.card__content--address--link {
	margin-top: 0.5rem;
	color: rgba(255, 255, 255, 0.9);
	text-decoration: underline;
}

.card__salon--name--inner {
	display: flex;
	align-items: center;
}

.card__salon--name {
	color: #fff;
	font-weight: 600;
	font-size: 3.4rem;
}

.card__salon--icon {
	margin-left: 1.6rem;
}

.cars__salon--points {
	width: 100%;
	margin-top: 4rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.cars__salon--point {
	width: 33%;
	display: flex;
	align-items: center;
}

.cars__salon--point--icon {
	margin-right: 1rem;
}

.cars__salon--point--text {
	font-size: 2rem;
	color: #fff;
}

.cars__salon--point {
	margin-top: 0.8rem;
}

.cars__salon--point:first-child,
.cars__salon--point:nth-child(2),
.cars__salon--point:nth-child(3) {
	margin-top: 0;
}

.card__salon--box {
	width: 100%;
	margin-top: 2.5rem;
	flex-wrap: wrap;
	display: flex;
}

.card__salon--box--item {
	width: 50%;
	display: flex;
	align-items: center;
}

.card__salon--box--icon {
	width: 16px;
}

.card__salon--box--item {
	margin-top: 1.5rem;
}

.card__salon--box--item:first-child,
.card__salon--box--item:nth-child(2) {
	margin-top: 0;
}

.card__salon--box--text {
	font-size: 2rem;
	color: #fff;
	margin-left: 1rem;
}

.card__salon--box--item .card__content--phone {
	margin-top: 0;
}

.card__salon--share {
	width: 100%;
	display: flex;
	align-items: flex-end;
}

.card__salon--share--content {
	display: flex;
	align-items: center;
}

.card__salon--share--text {
	margin-right: 1.5rem;
	font-weight: 500;
	color: #fff;
}

.card__salon--share--social {
	display: flex;
	align-items: center;
}

.card__salon--share--link {
	margin-right: 1rem;
	width: 24px;
}

.card__salon--share--icon {
	width: 100%;
}

.card__salon--share--link:last-child {
	margin-right: 0;
}

/* Footer */
.footer {
	width: 100%;
}

.footer__inner {
	width: 100%;
	padding: 2.5rem 0;
	border-top: 1px solid var(--accent-color2);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer__logo--inner {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

.footer__logo {
	display: flex;
}

.footer__logo--img {
	width: 100%;
}

.footer__nav {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.footer__nav--link {
	color: #fff;
}

.footer__nav--link:first-child {
	margin-top: 0;
}

.footer__copy--inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer__years {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 2px solid #fff;
	font-size: 3rem;
	font-weight: 500;
}

.footer__copy {
	font-size: 1.2rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.7);
	margin-top: 4rem;
}

/* Modal menu */
.modal__menu {
	width: 100%;
	height: 100vh;
	padding: 0 2rem 0 2rem;
	overflow-y: auto;
	position: fixed;
	top: 0;
	left: 0;
	background: #0c0f2f;
	z-index: 999;
	transition: 0.3s ease-in-out;
	opacity: 0;
	transform: translateX(-110%);
}

.modal__menu.active {
	transform: translateX(0);
	opacity: 1;
}
.modal__menu--end {
	margin-bottom: 6.2rem;
}
.modal__menu--content {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.modal__cross {
	cursor: pointer;
}

.modal__menu--icons {
	width: 100%;
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.modal__menu--location {
	color: #fff;
	align-items: center;
	text-decoration: underline;
	display: none;
}

.modal__menu--location--icon {
	margin-right: 0.9rem;
}

.modal__menu--top {
	display: flex;
	align-items: center;
}

.modal__menu--favorite {
	margin-right: 2rem;
	display: flex;
	width: 22px;
}

.modal__menu--favorite--icon {
	width: 100%;
}

.modal__menu--favorite:last-child {
	margin-right: 0;
}

.modal__menu--nav {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 4rem;
}

.modal__menu--link {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.9rem;
	font-weight: 600;
	color: #fff;
	margin-top: 1.1rem;
}

.modal__menu--link:first-child {
	margin-top: 0;
}

.modal__menu--link--icon {
	margin-left: 0.6rem;
	transition: 0.2s linear;
}

.modal__menu--drop {
	width: 100%;
	display: none;
	flex-direction: column;
	align-items: flex-start;
	padding-left: 1rem;
	margin-top: 1rem;
	overflow-y: auto;
	max-height: 365px;
}

.modal__menu--drop.active {
	display: flex;
}

.modal__menu--link.active .modal__menu--link--icon {
	transform: rotate(180deg);
}

.modal__menu--link--wrapper {
	margin-top: 1.1rem;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 1rem;
}

.modal__menu--link--wrapper:first-child {
	margin-top: 0;
}

.modal__menu--drop--link {
	margin-top: 2rem;
	color: rgba(255, 255, 255, 0.8);
}

.modal__menu--drop--link:first-child {
	margin-top: 0;
}

/* Modal citys */
.modal__city {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 101;
	background: rgba(0, 0, 0, 0.5);
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
	opacity: 0;
	transition: 0.2s linear;
	pointer-events: none;
}

.modal__city.active {
	opacity: 1;
	pointer-events: all;
}

.modal__city--inner {
	width: 100%;
	display: flex;
	align-items: center;
	max-width: 800px;
	min-height: calc(100% - 3.5rem);
	margin: 1.75rem auto;
	justify-content: center;
}

.modal__city--content {
	width: 100%;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border: 1px solid var(--accent-color);
	background: var(--bg-color);
	border-radius: 10px;
}

.modal__city--wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.modal__city--title {
	color: var(--accent-color);
	font-size: 2.1rem;
	font-weight: 700;
}

.modal__city--cross {
	cursor: pointer;
}

.modal__city--box {
	width: 100%;
	margin-top: 3rem;
	overflow-y: auto;
	max-height: 350px;
	display: flex;
	flex-wrap: wrap;
}

.modal__city--link {
	width: calc(100% / 3);
	padding: 0 0.5rem;
	color: #fff;
	margin-top: 0.5rem;
}

.modal__city--link a {
	color: #fff;
}

.modal__city--link a:hover {
	color: var(--accent-color2);
}

.modal__city--link:first-child,
.modal__city--link:nth-child(2) {
	margin-top: 0;
}

/* Search */
.search {
	width: 100%;
	height: 100vh;
	background: rgba(12, 15, 47, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	transition: 0.2s linear;
	opacity: 0;
	pointer-events: none;
}

.search.active {
	opacity: 1;
	pointer-events: all;
}

.search__content {
	background: #0c0f2f;
	border-radius: 10px;
	padding: 2rem;
	width: 100%;
	max-width: 500px;
	position: relative;
}

.search__input--button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 28px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--accent-color);
}

.search__input--button--icon {
	max-width: 70%;
}

.search__input {
	width: 100%;
	padding: 1.3rem 2rem;
	border-radius: 7px;
	color: #1d1d1d;
	background: #fff;
}

.modal__menu--favorite.modal__menu--search {
	display: none;
}

.salon__uslugi {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.salon__uslugi--item {
	width: 25%;
	padding-right: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.salon__uslugi--item--title {
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
}

.salon__uslugi--wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 2rem;
}

.salon__uslugi--point {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
	font-size: 1.8rem;
	margin-top: 1rem;
	color: #fff;
}
.salon__uslugi--point::before {
	content: '';
	background-image: url('../images/check.svg?v=1.1');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	display: inline-block;
}

.extra {
	color: var(--accent-color2);
}

.salon__uslugi--point:hover {
	color: var(--accent-color2);
}

.salon__uslugi--point:first-child {
	margin-top: 0;
}

.salon__uslugi--point--icon {
	max-width: 14px;
}

.salon__uslugi--point.disabled {
	color: rgba(255, 255, 255, 0.5);
}

/* 404 */
.notfound {
	width: 100%;
	padding: 5rem 0;
	flex-grow: 1;
	display: flex;
	align-items: center;
}

.search_result {
	color: #fff;
}

.search_result a {
	color: var(--accent-color);
}

.notfound__inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.notfound__title {
	text-transform: uppercase;
	color: #fff;
	font-size: 8.5rem;
	font-weight: 700;
	text-align: center;
}

.notfound__text {
	color: #fff;
	margin-top: 1.5rem;
	text-align: center;
	font-size: 1.8rem;
}

.notfound__text a {
	color: var(--accent-color);
	font-size: 1.8rem;
}

/* Отзыв */
.card__review--block {
	width: 49%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card__info--item--title {
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
}

.card__review--form {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 1.5rem;
}

.card__review--input,
.card__review--textarea {
	width: 100%;
	margin-top: 1rem;
	padding: 0.8rem 1.2rem;
	background: #fff;
	color: #1c1c1c;
	border-radius: 7px;
}

.card__review--input:first-child,
.card__review--textarea:first-child {
	margin-top: 0;
}

.card__review--textarea {
	height: 150px;
	resize: none;
}

.card__review--input--box {
	margin-top: 1rem;
	display: flex;
	width: 100%;
}

.card__review--input--box input {
	margin: 0;
}

.search__fade {
	cursor: pointer;
}

.card__review--code {
	flex-shrink: 0;
	margin-right: 1rem;
	width: auto;
	width: 170px;
	display: flex;
}

.card__review--code--img {
	max-width: 100%;
	border-radius: 10px;
}

.card__review--button {
	width: 100%;
	margin-top: 1rem;
	padding: 1rem 4rem;
	border-radius: 7px;
	color: #fff;
	background: var(--accent-color2);
}

.card__review--button:hover {
	background: #b08313;
}
.favs.card__content--button.active {
	background: #f8f8f8;
	color: #0c0f2f;
}

.city__button {
	cursor: pointer;
}

.profile__tags {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 15px 0 0 0;
}

.profile__tags a,
.profile__tags label {
	display: inline-block;
	margin: 0;
	padding: 6px 10px;
	border-radius: 4px;
	border: 1px solid #fff;
	color: #fff;
}

.profile__tags a:hover {
	color: #000;
	background: #fff;
}

.pages__inner {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

.pages-blocks {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.pages-block {
	width: calc(100% / 4 - 3 * 16px / 4);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 10px;
	background: #16161d;
	border-radius: 4px;
}

.tags__profile {
	margin-top: 16px;
}

.phone__wrp {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 20px;
}

.pages {
	width: 100%;
	padding: 3rem 0;
}

@media (max-width: 1200px) {
	.pages-block {
		width: calc(100% / 3 - 2 * 16px / 3);
	}
}

@media (max-width: 992px) {
	.pages-block {
		width: calc(100% / 2 - 16px / 2);
	}

	.header__drop--list {
		flex-direction: column;
	}
}

@media (max-width: 576px) {
	.pages-block {
		width: 100%;
	}

	.header__logo {
		font-size: 20px;
	}
}

.pages-block a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	font-size: 16px;
}

.pages-block a:hover {
	color: var(#e7e7e7);
}

.modal__cross {
	display: none;
}

/* Responsive */
@media (max-width: 1620px) {
	.container {
		max-width: 1180px;
	}

	.main__item {
		width: 23.47%;
	}

	.main__item--data {
		margin-top: 0.5rem;
	}

	.salon__item--img--content {
		max-width: 500px;
	}

	.salon__item--models {
		max-width: 570px;
	}

	.salon__item--contact--link {
		margin-right: 2rem;
	}

	.salon__item--name {
		font-size: 2rem;
	}

	.salon__item--verify {
		width: 30px;
	}

	.card__content--img--content {
		max-width: 490px;
	}

	.card__content--carousel--wrapper {
		width: 350px;
	}

	.card__content--item--small {
		margin: 0.4rem 0;
	}

	.card__salon--img--content {
		max-width: 600px;
	}

	.card__salon--name {
		font-size: 2.8rem;
	}

	.card__review--item {
		width: 48%;
	}

	.main__item--name {
		font-size: 1.5rem;
	}

	.main__item--data {
		font-size: 1.5rem;
	}

	.main__item--price {
		font-size: 1.2rem;
	}

	.menu {
		margin-left: 2.8rem;
		display: block;
	}

	.header__bottom {
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		transform: translateX(-110%);
		transition: 0.3s ease-in-out;
		pointer-events: none;
		opacity: 0;
		position: fixed;
		z-index: 999;
		top: 0;
		left: 0;
		background: var(--bg-color);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		justify-content: flex-start;
		padding: 65px 15px 20px 15px;
	}

	.header__bottom.active {
		opacity: 1;
		pointer-events: all;
		transform: translateX(0%);
	}

	.modal__cross {
		display: inline-block;
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.header__nav--link,
	.header__nav--link:last-child {
		width: calc(100% / 3 - 30px / 3);
		border: none;
		justify-content: space-between;
		border-radius: var(--radius2);
		background: #7a23467d;
		flex-wrap: wrap;
	}

	.header__nav {
		flex-wrap: wrap;
		gap: 15px;
		align-items: flex-start;
	}

	.header__nav--drop {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
		background: none;
		margin-top: 20px;
		display: none;
		opacity: 1;
		pointer-events: all;
	}

	.header__nav--link.active .header__nav--drop {
		display: flex;
	}

	.header__nav--drop--elem {
		width: calc(100% / 2 - 20px / 2);
	}

	.header__nav--drop--link2 {
		width: calc(100% / 2 - 20px / 2);
	}
}

@media (max-width: 1200px) {
	.container {
		max-width: 978px;
	}

	.main__item:nth-child(4n) {
		margin-right: 2.4rem;
	}

	.main__item:nth-child(3n) {
		margin-right: 0;
	}

	.main__item:nth-child(4) {
		margin-top: 3.8rem;
	}

	.main__item {
		width: 31.69%;
	}

	.textblock__title {
		font-size: 3.6rem;
	}

	.textblock__text {
		margin-top: 1.2rem;
		font-size: 2rem;
	}

	.header__nav--link {
		padding: 2rem 1rem;
	}

	.salon__item {
		flex-direction: column;
		align-items: center;
	}

	.salon__item--models {
		max-width: 100%;
	}

	.salon__item--img--content {
		margin: 0rem 0rem 2rem 0;
	}

	.card__content {
		flex-direction: column;
		align-items: center;
	}

	.card__content--img--content {
		margin: 0rem 0rem 2.5rem 0;
	}

	.card__content--carousel--wrapper {
		width: 465px;
	}

	.card__content--img--content {
		max-width: 490px;
		justify-content: center;
	}

	.card__salon--content {
		flex-direction: column;
		align-items: center;
	}

	.card__salon--img--content {
		margin: 0rem 0rem 2.5rem 0;
	}

	.card__review--item {
		width: 100%;
	}

	.card__review--content {
		padding-right: 1rem;
	}

	.header__nav--link,
	.header__nav--link:last-child {
		width: calc(100% / 2 - 15px / 2);
	}
}
@media (max-width: 998px) {
	.title {
		font-size: 2rem;
	}
	.container {
		max-width: 748px;
	}

	.main__item,
	.main__item:nth-child(3n),
	.main__item:nth-child(4n) {
		width: 48%;
		margin: 3.8rem 0rem 0rem 0;
	}

	.main__content {
		justify-content: space-between;
	}

	.breadcrumb a span {
		font-size: 1.6rem;
	}
	.breadcrumb span {
		font-size: 1.6rem;
	}

	.card__text {
		font-size: 1.8rem;
	}

	.card__uslugi--title {
		font-size: 1.8rem;
	}

	.choose {
		width: 12%;
	}

	.time,
	.price {
		width: 15%;
	}

	.desc {
		width: 38%;
	}

	.card__uslugi--text {
		font-size: 1.4rem;
	}

	.card__title {
		font-size: 3.1rem;
	}

	.card__button {
		margin-top: 2rem;
	}

	.salon__uslugi--item--title {
		font-size: 1.8rem;
	}

	.salon__uslugi--item {
		width: 33%;
		margin-top: 2rem;
	}

	.salon__uslugi--item:first-child,
	.salon__uslugi--item:nth-child(2),
	.salon__uslugi--item:nth-child(3) {
		margin-top: 0;
	}

	.card__content--info--dop {
		padding-right: 0;
	}

	.header__nav--link,
	.header__nav--link:last-child {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.container {
		max-width: 680px;
	}

	.title {
		font-size: 2rem;
	}

	.title__inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.breadcrumbs__inner {
		margin-top: 1rem;
	}

	.main {
		padding: 3rem 0rem 0rem 0rem;
	}

	.header__profile--link {
		margin-right: 1.5rem;
	}

	.main__item,
	.main__item:nth-child(3n),
	.main__item:nth-child(4n),
	.main__item:nth-child(2) {
		width: 48%;
	}

	.pagin {
		padding-bottom: 2rem;
	}

	.textblock {
		padding: 4rem 0;
	}

	.header__top {
		border-bottom: none;
	}

	.salon__item--content--wrapper {
		flex-direction: column;
		align-items: flex-start;
	}

	.salon__item--contact {
		margin-top: 1.5rem;
	}

	.salon__item {
		padding: 2rem;
	}

	.card__text {
		font-size: 1.6rem;
	}

	.card__title {
		font-size: 2.5rem;
	}

	.card__wrapper {
		margin-top: 4rem;
	}

	.card__uslugi--item.titles {
		display: none;
	}

	.card__uslugi--conten,
	.card__do {
		margin-top: 2rem;
	}

	.desc {
		display: none;
	}

	.name {
		width: 40%;
	}

	.choose {
		width: 15%;
	}

	.time,
	.price {
		width: 22.5%;
	}

	.card__uslugi--item.values {
		padding: 2rem 0;
	}

	.card__map {
		height: 300px;
	}

	.card__review--name {
		font-size: 2.1rem;
	}

	.card__button {
		font-size: 1.6rem;
		padding: 1.2rem 3rem;
	}

	.card__do--item {
		font-size: 1.6rem;
		padding: 1.3rem 3rem;
	}

	.card__content--info--wrapper {
		flex-direction: column;
		align-items: flex-start;
	}

	.card__content--info--box {
		width: 100%;
		margin-top: 2.5rem;
	}

	.card__content--info--box:first-child {
		margin-top: 0;
	}

	.card__content--button {
		font-size: 1.8rem;
		padding: 1.2rem 2rem;
	}

	.card__content--info--stat {
		font-size: 1.6rem;
		margin-top: 0.6rem;
	}

	.card__price--text {
		font-size: 1.6rem;
	}

	/*.card__content--img--content{*/
	/*	flex-direction: column-reverse;*/
	/*	align-items: flex-start;*/
	/*	justify-content: flex-start;*/
	/*}*/

	.card__content--carousel--small {
		width: 100%;
		margin: 1.5rem 0 0 0;
	}

	.card__content--item--small {
		margin: 0rem 0.5rem;
	}

	.card__content--carousel--wrapper {
		width: 100%;
	}

	.card {
		padding: 3rem 0;
	}

	.card__content--address--value,
	.card__salon--box--text,
	.card__content--phone {
		font-size: 1.8rem;
	}

	.card__salon--name {
		font-size: 2.3rem;
	}

	.card__salon--icon {
		margin-left: 1rem;
		width: 25px;
	}

	.cars__salon--point {
		width: 50%;
	}

	.cars__salon--point:nth-child(3) {
		margin-top: 0.8rem;
	}

	.modal__city--inner {
		max-width: 90%;
	}

	.salon__uslugi--item {
		width: 50%;
	}

	.salon__uslugi--item:nth-child(3) {
		margin-top: 2rem;
	}

	.salon__uslugi--point,
	.card__reviews--item--name,
	.card__reviews--item--text {
		font-size: 1.6rem;
	}

	.salon__uslugi {
		padding: 2.5rem;
	}

	.card__review--content,
	.card__review--block {
		width: 100%;
	}

	.card__review--block {
		margin-top: 2rem;
	}
	.card__content--img--content {
		max-width: 60%;
		justify-content: center;
	}
}

@media (max-width: 700px) {
	.container {
		max-width: 100%;
		padding: 0px 15px;
	}

	.modal__city--link {
		width: 50%;
	}
}

@media (max-width: 480px) {
	.main__item,
	.main__item:nth-child(3n),
	.main__item:nth-child(4n),
	.main__item:nth-child(2) {
		width: 100%;
		margin-top: 3rem;
	}

	.textblock__title {
		font-size: 2.5rem;
	}

	.footer__inner {
		flex-wrap: wrap;
	}

	.footer__copy--inner {
		width: 100%;
		margin-top: 2rem;
	}

	.footer__logo--inner {
		width: 100%;
		justify-content: space-between;
	}

	.footer__logo {
		margin-right: 0;
	}

	.main__item--wrapper {
		padding: 1rem;
	}

	.header__location,
	.salon__item--models,
	.salon__item--desc,
	.salon__item--favorite--icon,
	.salon__item--verify {
		display: none;
	}
	.header__location {
		display: flex;
	}

	.header__top {
		padding: 1.5rem 0;
	}

	.salon__item--points {
		margin-top: 1.5rem;
	}

	.salon__item--readmore {
		margin-top: 2.5rem;
	}

	.salon__item--content {
		align-items: flex-start;
	}

	.salon__item--contact {
		flex-direction: column;
		align-items: flex-start;
	}

	.salon__item--contact--link {
		margin: 1rem 0 0 0;
	}

	.salon__item--contact--link:first-child {
		margin-top: 0;
	}

	.salon__item--verify--icon {
		width: 25px;
		display: block;
		top: 10px;
		right: 10px;
	}

	.salon__item--social {
		display: flex;
		align-items: center;
		margin-left: 1.2rem;
	}

	.card__map {
		height: 230px;
	}

	.card__review--name {
		font-size: 1.8rem;
	}

	.card__review--text {
		font-size: 1.4rem;
	}

	.card__uslugi--title {
		font-size: 1.6rem;
	}

	.card {
		padding: 3rem 0;
	}

	.card__content--info--butons {
		flex-direction: column;
		align-items: flex-start;
	}

	.card__content--button {
		margin: 1.2rem 0rem 0rem 0;
	}

	.card__content--button:first-child {
		margin-top: 0;
	}

	.card__salon--share {
		flex-direction: column;
		align-items: flex-start;
	}

	.card__salon--share--content {
		margin-top: 2rem;
	}

	.card__salon--box--item {
		width: 100%;
	}

	.card__salon--box--item:nth-child(2) {
		margin-top: 1.5rem;
	}

	.card__content--address--inner {
		flex-direction: column-reverse;
	}

	.card__salon--name--inner {
		margin-top: 1rem;
	}

	.card__salon--name {
		font-size: 2rem;
	}

	.cars__salon--point {
		width: 100%;
	}

	.cars__salon--point:nth-child(2) {
		margin-top: 0.8rem;
	}

	.card__content--verify {
		top: 10px;
		right: 10px;
		width: 25px;
	}

	.modal__menu--favorite.modal__menu--search {
		display: flex;
	}

	.salon__uslugi--item {
		width: 100%;
	}

	.salon__uslugi--item:nth-child(2) {
		margin-top: 2rem;
	}

	.salon__uslugi {
		padding: 1.5rem;
	}

	.card__content--rate {
		margin: 0 0 0.5rem 0;
	}

	.card__price--text {
		width: 50%;
		margin-right: 1rem;
	}
	.card__content--img--content {
		max-width: 100%;
		justify-content: center;
	}
}
@media (max-width: 400px) {
	.modal__city--link {
		width: 100%;
		padding: 0;
	}

	.modal__city--link:nth-child(2) {
		margin-top: 0.5rem;
	}
}
@media (max-width: 510px) {
	.footer__logo--inner {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
}
@media (max-width: 500px) {
	.header__nav--drop--elem {
		width: 100%;
	}
}
@media (max-width: 430px) {
	.modal__city--link {
		width: 100%;
	}
}
@media (max-width: 410px) {
	.header__top {
		flex-wrap: wrap;
	}

	.favs__main {
		width: 100%;
		display: flex;
		justify-content: center;
		order: 3;
		margin-top: 10px;
	}

	.header__nav--drop--link2 {
		width: 100%;
	}
}