* {
	padding: 0;
	margin: 0;
}

html {
	overflow-x: clip;
	scroll-behavior: smooth;

}

body {
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-variation-settings: 'wght' 500, 'ital' 0;
	line-height: normal;
	color: #000;
	background: #fff;
	overflow-x: clip;
}


a:hover:not(#wpadminbar a, #sort_list>li>a),
a:focus:not(#wpadminbar a, #sort_list>li>a) {
	transition: .3s;
	/* color: #2A7A71 !important; */
	text-decoration: none !important;
}

.content.news {
	& a {
		color: #2A7A71;
	}
}


ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol {
	list-style: none;
	counter-reset: list-counter;
	display: flex;
	flex-direction: column;
	gap: 10px;

	& li {
		counter-increment: list-counter;

		&::before {
			content: counter(list-counter) ") ";
			font-variation-settings: 'wght' 700;
			color: #2A7A71;
		}
	}
}

strong {
	font-variation-settings: 'wght' 600;

}


button {
	background: none;
	border: none;

	&:focus-visible {
		outline: none !important;
	}
}

p:empty {
	display: none;
}

label {
	font-weight: normal;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

h1.heading {
	text-align: center;
	font-size: 44px;
	font-variation-settings: 'wght' 600;
	color: #001C1D;
}

strong {
	font-weight: normal;
}

b {
	font-weight: normal;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex {
	display: flex;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.gap_10 {
	gap: 10px;
}

.block {
	display: block;
}

.align-center {
	align-items: center;
}

.justify-center {
	justify-content: center;
}


.container {
	margin: 0 auto;
	padding: 0 15px;
}

section.content {
	margin-bottom: 130px;

}




.pretty_btn {
	padding: 15px 20px;
	border: 1px solid #2A7A71;
	border-radius: 20px;
	color: #fff;
	background-color: #2A7A71;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;

	/* &:active {
		top: 1px;
		transition: .3s;
	} */

	&:before {
		content: "";
		position: absolute;
		left: 50%;
		transform: translateX(-50%) scaleY(1) scaleX(1.25);
		top: 100%;
		width: 140%;
		height: 180%;
		background-color: rgba(0, 0, 0, 0.05);
		border-radius: 50%;
		display: block;
		transition: .3s;
	}

	&:after {
		content: "";
		position: absolute;
		left: 55%;
		transform: translateX(-50%) scaleY(1) scaleX(1.45);
		top: 180%;
		width: 160%;
		height: 190%;
		background-color: #2A7A71;
		border-radius: 50%;
		display: block;
		transition: .3s;
	}

	&:hover {
		color: #ffffff;
		border: 1px solid #2A7A71;
		/* background: transparent; */
	}

	&:hover:before {
		top: -35%;
		background-color: #24665F;
		transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
	}

	&:hover:after {
		top: -45%;
		background-color: #24665F;
		transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
	}

	&.transparent {
		background-color: transparent;
		color: #2A7A71;

		&:hover {

			& span {
				color: #fff;
				transition: .3s;
			}

			&:before {
				background-color: #2A7A71;
			}

			&::after {
				background-color: #2A7A71;
			}
		}



	}

	& span {
		font-variation-settings: 'wght' 700;
		transition: .3s;
		position: relative;
		z-index: 1;
		text-align: center;
	}

	& svg {
		position: relative;
		z-index: 1;
	}

	& svg rect {
		transition: .3s;
	}

	& svg path {
		transition: .3s;
	}

	&:hover {

		& span {
			color: #fff;
			transition: .3s;
		}

		& svg rect {
			fill: #fff;
			transition: .3s;
		}

		& svg path {
			fill: #fff;
			transition: .3s;
		}
	}

	&.white {
		background-color: #fff;
		border-color: #fff;

		& span {
			color: #2A7A71;
		}

		&:hover {
			border-color: #24665F;

			& span {
				color: #fff;
				transition: .3s;
			}

			&:before {
				background-color: #2A7A71;
			}

			&::after {
				background-color: #2A7A71;
			}
		}
	}

}

header {
	margin-bottom: 20px;
	z-index: 15;
	position: relative;

	.header_container {
		box-shadow: 0px 4px 20px 0px rgba(90, 90, 90, 0.09);

		& .header_mobile_button {
			display: none;
		}
	}

	& .header_content {
		justify-content: space-between;
	}

	.logo {
		padding: 25px 80px 10px 80px;
		background-color: #2A7A71;
		width: fit-content;
		position: relative;
		z-index: 8;

		&::before {
			content: '';
			position: absolute;
			width: 100%;
			height: calc(100% + 20px);
			border-radius: 0 0 20px 20px;
			top: 0;
			left: 0;
			background-color: #2A7A71;
			z-index: 1;
		}

		& img {
			position: relative;
			z-index: 1;
			object-fit: contain;
			transition: .3s;

			&:hover {
				transform: scale(1.01);
				transition: .3s;
			}
		}
	}

	.header_phones {

		& .phone_item {
			&:not(:last-child) {
				margin-bottom: 5px;
			}

			& span {
				color: #001C1D;
				font-variation-settings: 'wght' 600;
				font-size: 20px;
				transition: .3s;

				&:hover {
					color: #2A7A71;
					transition: .3s;
				}
			}
		}
	}

	.header_email {
		& a {
			color: #001C1D;
			font-variation-settings: 'wght' 600;
			font-size: 20px;
			transition: .3s;

			&:hover {
				color: #2a7a71;
				transition: .35x;
			}
		}
	}

	.main_menu_button {
		& span {
			font-size: 20px;
			color: #2A7A71;
			font-variation-settings: 'wght' 700;

		}
	}

	#main_menu_button {
		&>.button {
			width: 44px;
			height: 44px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding: 9px 0;
			position: relative;
			align-items: center;

			&>.menu_line {
				width: 32px;
				height: 4px;
				background: #2A7A71;
				border-radius: 20px;
				transition: .3s;


				&:last-child {
					position: absolute;
					transform: rotate(90deg);
					right: -15.5px;
					top: 20px;
					width: 29.5px;
					transition: none;
				}
			}
		}

		&.open {
			.button {
				.menu_line {
					&:first-child {
						transform: rotate(45deg);
						position: absolute;
						width: 30px;
						top: 20px;
					}

					&:nth-child(2) {
						opacity: 0;
					}

					&:nth-child(3) {
						transform: rotate(-45deg);
						position: absolute;
						width: 30px;
						top: 20px;
					}

					&:last-child {
						opacity: 0;
					}
				}
			}
		}
	}

	.main_menu_container {
		border-radius: 0px 0px 20px 20px;
		background: #fff;
		box-shadow: 0px 6px 20px 0px rgba(42, 122, 113, 0.07);
		padding: 60px 0 50px 0;
		position: absolute;
		z-index: 7;
		left: 0;
		width: 100%;
		transition: .3s;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		overflow: hidden;

		& .main_menu_body {
			gap: 30px;
			transform: translateY(-999px);
			transition-delay: .3s;
			opacity: 0;

			& .main_menu_container_left {
				width: calc(50% - 15px);

				.menu_tabs {
					gap: 15px;
					overflow-x: auto;
					position: relative;
					margin-bottom: 30px;

					& .menu_tab {
						cursor: pointer;
						padding: 16.5px 20px;
						border: 1px solid #2A7A71;
						border-radius: 20px;
						text-align: center;
						overflow: hidden;

						&:first-child {
							width: 110px;
						}

						&:nth-child(2) {
							width: 120px;
						}

						&.active {
							/* background-color: #2A7A71; */
						}

						&.active>span {
							font-variation-settings: 'wght' 700;
							color: #fff;
						}

						&>span {
							font-variation-settings: 'wght' 600;
							color: #2A7A71;
							position: relative;
							z-index: 1;
							transition: .3s;
						}

					}

					& .menu_fill {
						position: absolute;
						top: 0;
						left: 0;
						width: 0px;
						height: 100%;
						background: #2A7A71;
						opacity: 1;
						transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
						border-radius: 20px;
					}
				}

				& .menu_tab_content {
					display: none;
					transition-behavior: allow-descrete;
					opacity: 1;
					transition: .3s;

					&.active {
						display: flex;
					}

					@starting-style {
						transition: .3s;
						opacity: 0;
					}

					& ul {
						/* columns: 2; */
						max-height: 120px;
						display: flex;
						flex-direction: column;
						flex-wrap: wrap;
						column-gap: 50px;
						row-gap: 15px;

						& li {
							display: flex;
							align-items: center;
							gap: 10px;
							width: max-content;

							& a {
								color: #001C1D;
								font-variation-settings: 'wght' 600;

								&:hover{
									color: #2A7A71;
									transition: .3s;
								}
							}
						}
					}
				}
			}

			& .main_menu_container_right {
				width: calc(50% - 15px);

				& .top_item {
					display: flex;
					background: #F1F7F4;
					border-radius: 20px;
					padding: 17px 30px;
					gap: 30px;
					justify-content: space-between;
					margin-bottom: 10px;

					& #menu-main-menu {
						display: flex;
						align-items: center;
						gap: 30px;

						&>li {
							&>a {
								color: #001C1D;
								font-variation-settings: 'wght' 600;

								&:hover{
									color: #2A7A71;
									transition: .3s;
								}

							}
						}
					}

					& .work_time_text {
						font-size: 16px;
						font-variation-settings: 'wght' 700;
						color: #2A7A71;
						gap: 5px;

						& svg circle {
							stroke: #2A7A71;
						}
					}
				}

				& .bottom_item {
					background: #F1F7F4;
					border-radius: 20px;
					padding: 17px 30px 25px 30px;
					position: relative;

					& .analytics_menu {
						gap: 40px;

						&>a {
							color: #001C1D;
							font-variation-settings: 'wght' 600;

								&:hover{
									color: #2A7A71;
									transition: .3s;
								}

						}

						& .analytics_menu_desc {
							max-width: 260px;
							color: #001C1D;
							font-variation-settings: 'wght' 600;
							font-size: 14px;
						}

						&>img {
							right: 80px;
							position: absolute;
							top: -5px;
						}
					}
				}
			}
		}

		&.open {
			transition: .3s;
			opacity: 1;
			visibility: visible;
			pointer-events: all;

			& .main_menu_body {
				opacity: 1;
				transition: .3s;
				transform: translateY(0);
			}
		}
	}
}

main {
	position: relative;

	&.menu_open::before {
		content: '';
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.60);
		left: 0;
		top: 0;
		z-index: 8;
		transition: .3s;
		filter: blur(2px);
	}

	&.menu_open {
		transition: .3s;
		filter: blur(2px);
	}
}

/* !!!!!!!!!!!!!!!!!!!!!Главная страница!!!!!!!!!!!!!!!!!!!!!!! */

.front_page_background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 760px;
	z-index: -1;
	background-color: #fff !important;
	background-attachment: fixed !important;
	background-position: top !important;

	& img {
		width: 100%;
		object-fit: cover;
	}
}

.front_page_title {
	margin: 110px 0 40px 0;
}

.front_page_filter_container {
	background: #fff;
	border-radius: 30px;
	z-index: 12;
	position: relative;

	&.category {
		margin-bottom: 70px;

		&.sklad {
			& .filter_item.adress {
				width: 580px;
			}
		}

		&.trade {
			& .filter_item.adress {
				width: 700px;
			}
		}

		&.industrial {
			& .filter_item.adress {
				width: 780px;
			}

			& .filter_item.price_item {
				width: 370px;
			}

			& .filter_item.power_item {
				width: 305px;
			}
		}
	}

	&.large {
		.front_page_filter {
			& .form_filter_right {

				& .filter_reset {
					& a {
						width: 235px;
					}

					&.active {
						justify-content: end;
						margin-top: 20px;
					}
				}

				& search {
					margin-left: -50px;
					width: calc(100% + 50px);
				}

				& .filter_buttons {
					flex-direction: column-reverse;
					gap: 15px;
					width: 100%;
					max-height: unset;
					align-items: end;

					& .pretty_btn {
						padding: 17px 10px;
						width: 235px;
						max-height: 54px;
					}
				}
			}

			& .form_filter_left {
				width: 1030px;
				max-width: unset;

				& .filter_item.adress {
					width: 488px;
				}

				& .filter_item.need {
					width: 320px;
				}

				& .filter_item.range_item {
					width: 280px;
				}

				& .filter_item.price_item {
					width: 360px;
				}


			}
		}
	}

	&.large.invest {
		& .front_page_filter {
			& .form_filter_right {
				& .filter_reset {
					&.active {
						justify-content: end;
						margin-top: 0;
					}
				}

				& search {
					margin-left: -70px;
					width: calc(100% + 70px);
				}
			}

			& .form_filter_left {
				width: 1080px;

				& .filter_item.need {
					width: 235px;
				}

				& .filter_item.adress {
					width: 535px;
				}

				& .filter_item.arendator {
					width: 203px;
				}

				& .filter_item.okupaemost {
					width: 203px;
				}

				& .filter_item.dohod {
					width: 203px;
				}

			}

		}

	}

	&.trade {
		& .form_filter_left {
			width: 1020px;
			max-width: 1020px;
		}

		& .form_filter_right {
			& .filter_buttons {
				flex-direction: column-reverse;
				gap: 15px;
				width: 100%;
				max-height: unset;
				align-items: end;

				& .pretty_btn {
					padding: 17px 10px;
					width: 235px;
					max-height: 54px;
				}
			}

			& .filter_reset {
				& a {
					width: 235px;
				}

				&.active {
					justify-content: end;
					margin-top: 20px;
				}
			}

			& search {
				margin-left: -50px;
				width: calc(100% + 50px);
			}
		}

	}


	&.industrial {
		& .form_filter_left {
			width: 1050px;
			max-width: 1050px;
		}

		& .form_filter_right {
			& .filter_buttons {
				flex-direction: column-reverse;
				gap: 15px;
				width: 100%;
				max-height: unset;
				align-items: end;

				& .pretty_btn {
					padding: 17px 10px;
					width: 235px;
					max-height: 54px;
				}
			}

			& .filter_reset {
				& a {
					width: 235px;
				}

				&.active {
					justify-content: end;
					margin-top: 20px;
				}
			}

			& search {
				margin-left: -50px;
				width: calc(100% + 50px);
			}
		}

	}




}

.front_page_filter {
	border-radius: 20px;
	display: flex;
	width: 100%;
	background: #FFF;
	box-shadow: 0px 6px 20px 0px rgba(42, 122, 113, 0.07);
	padding: 30px;
	align-items: stretch;
	justify-content: space-between;
	z-index: 6;
	position: relative;


	&.loading {
		opacity: .3;
		pointer-events: none;
		transition: .3s;
	}

	& .mobile_search {
		display: none;
	}

	& .form_filter_tabs_block {
		gap: 15px;

		& .currency_list {
			position: relative;

			&>span {
				padding: 17px 20px;
				display: flex;
				align-items: center;
				border: 1px solid #2A7A71;
				border-radius: 20px;
				gap: 7px;
				cursor: pointer;

				&>strong {
					color: #2A7A71;
					font-variation-settings: 'wght' 600;
					text-transform: uppercase;
				}

				& svg {
					transform: rotate(0deg);
					transition: .3s;
				}
			}

			& .currency_list_content {
				position: absolute;
				width: 100%;
				top: calc(100% + 10px);
				background: #fff;
				border-radius: 20px;
				box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
				overflow: hidden;
				opacity: 0;
				pointer-events: none;
				max-height: 300px;
				z-index: 2;


				&>ul {
					& li {
						padding: 15px 20px;
						position: relative;
						transition: .3s;

						&:not(:last-child) {
							border: 1px solid rgb(241, 247, 244);
						}

						& label {
							color: #001C1D;
							font-variation-settings: 'wght' 500;
							cursor: pointer;

							&::before {
								position: absolute;
								content: '';
								width: 100%;
								height: 100%;
								left: 0;
								top: 0;
								opacity: 0;
								cursor: pointer;
							}
						}

						& input {
							appearance: none;
						}

						& input:checked+label {
							color: #24665F;
							font-variation-settings: 'wght' 700;
						}

						&:hover {
							background-color: #f1f1f1;
						}
					}
				}
			}

			&.open {
				.currency_list_content {
					opacity: 1;
					pointer-events: all;

				}

				& svg {
					transform: rotate(-180deg);
					transition: .3s;
				}
			}
		}
	}

	& .form_filter_tabs {
		gap: 15px;

		& .form_filter_tab {
			input[type="radio"] {
				appearance: none;
				position: absolute;

				&+label {
					background-color: #fff;
					border: 1px solid #2A7A71;
					color: #2A7A71;
					font-variation-settings: 'wght' 600;
					padding: 17px 20px;
					border-radius: 20px;
					cursor: pointer;
					white-space: nowrap;

					& span {
						font-variation-settings: 'wght' 600;
					}

					&.active span {
						font-variation-settings: 'wght' 700;

					}

				}

				&:checked+label {
					background-color: #2A7A71;
					color: #fff;
					font-variation-settings: 'wght' 700;
				}
			}


		}

		&.category {
			/* & .form_filter_tab {

				& input[type="submit"] {
					opacity: 0;
					position: absolute;
				}
				& label {
					background: transparent;
					font-variation-settings: 'wght' 600;
					color: #2A7A71;

					& span{
						font-variation-settings: 'wght' 600;
					}

				}

				&.active{
					 & label {
                        background: #2A7A71;
                        color: #fff;

						& span{
							font-variation-settings: 'wght' 700;
						}
                    }
				}
			} */
		}
	}

	& .filter_items_block {
		gap: 35px;

		& .filter_item {

			width: 235px;

			&.range_item {
				width: 305px;

				& strong {
					cursor: unset !important;
				}
			}

			&.price_item {
				width: 360px;
			}

			&.power_item {
				width: calc(50% - 17px);
			}

			&>span {
				color: #24665F;
				font-variation-settings: 'wght' 500;
				display: block;
				margin-bottom: 7px;
			}

			&.open {
				& .filter_item_content {
					opacity: 1;
					pointer-events: all;
				}

				& svg {
					transform: rotate(-180deg);
					transition: .3s;
				}
			}


		}

		& input[type="text"] {
			/* pointer-events: none; */
			/* border: none; */
			/* position: absolute; */
			/* opacity: 0; */
			appearance: none;
			border: none;
			background: transparent;
			transition: .3s;
			width: calc(100% - 20px);

			&:focus-visible {
				border: none;
				outline: none;

				&::placeholder {
					opacity: .5;
					transition: .3s;
				}
			}

			&::placeholder {
				color: #24665F;
				font-variation-settings: 'wght' 400;
				transition: .3s;
			}
		}

		input[name="min_square"],
		input[name="max_square"] {
			/* pointer-events: none;
			border: none;
			position: absolute;
			opacity: 0; */
			max-width: 65px;
			/* width: 1ch; */
			appearance: none;

			&:focus-visible {
				border: none;
				outline: none;
			}

		}

		& .filter_item.city input[type="text"]::placeholder {
			color: #24665F;
			transition: .3s;
			font-variation-settings: 'wght' 700;

		}

		& .filter_item.city input[type="text"]:focus-visible {
			border: none;
			outline: none;

			&::placeholder {
				opacity: .5;
				transition: .3s;
			}
		}

		& .filter_item.class {
			width: 115px;

			& .filter_item_content {
				width: 100%;
			}
		}

		& .filter_item.level {
			width: 115px;

			& input[type="text"] {
				&::placeholder {
					color: #24665F;
					font-variation-settings: 'wght' 700;
				}

			}

			& .filter_item_content {
				width: 100%;
			}

			&.mobile {
				display: none;
			}
		}

		& .filter_item.adress {
			width: 430px;
		}

		& .first_range {
			max-width: calc(50% - 5px);
			display: flex;
			align-items: center;
			gap: 5px;
		}

		& .second_range {
			max-width: calc(50% - 5px);
			display: flex;
			align-items: center;
			gap: 5px;
		}

		& .filter_item_body {
			position: relative;

			& strong {
				color: #24665F;
				font-variation-settings: 'wght' 700;
				display: block;
				margin-bottom: 7px;
				border-radius: 20px;
				border-bottom: 1px solid #6DB88D;
				background: #F1F7F4;
				padding: 17px 20px;
				margin: 0;
				position: relative;
				cursor: pointer;

				& svg {
					position: absolute;
					right: 20px;
					top: calc(50% - 2px);
					transform: rotate(0deg);
					transition: .3s;
				}

				& .range_inputs {
					justify-content: space-between;
					gap: 10px;

					& .separator {
						width: 15px;
						height: 2px;
						border-radius: 50px;
						background-color: #24665F;
					}

					& span {
						position: absolute;
						opacity: 0;
						visibility: hidden;
					}

					& b {
						text-transform: uppercase;
					}


				}


				& #slider,
				#price_m2_slider,
				#power_slider,
				#price_slider,
				#square_slider,
				#razmer_slider {
					position: absolute;
					width: calc(100% - 55px);
					bottom: -2px;
				}

				& .noUi-horizontal {
					height: 4px !important;
					position: relative;
					cursor: pointer;


				}

				.noUi-touch-area {
					position: relative;

					&::before {
						content: '';
						width: 40px;
						height: 40px;
						left: -20px;
						top: -20px;
						position: absolute;
					}
				}

				& .noUi-connect {
					background: #2A7A71;
				}

				.noUi-horizontal .noUi-handle {
					width: 20px;
					height: 9px;
					right: -17px;
					top: -4px;
					background: #2A7A71 !important;
					box-shadow: none;
					border: none;
					cursor: grab;


					&::before,
					&::after {
						content: none !important;
					}

				}

			}

			& .filter_item_content {
				position: absolute;
				width: 100%;
				top: calc(100% + 10px);
				background: #fff;
				border-radius: 20px;
				box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
				overflow: hidden;
				opacity: 0;
				pointer-events: none;
				max-height: 300px;
				z-index: 2;
			}


			& ul {
				max-height: 300px;
				overflow: auto;

				&::before {
					content: '';
					position: absolute;
					right: 0;
				}

				&::-webkit-scrollbar {
					width: 12px;
				}

				&::-webkit-scrollbar-track {
					background: #F1F7F4;
				}

				&::-webkit-scrollbar-thumb {
					background-color: #DADADA;
					border-radius: 10px;

				}


				& li {
					padding: 15px 20px;
					position: relative;
					transition: .3s;

					&:hover {
						background-color: #F1F7F4;
					}

					&.no_match {
						display: none;
					}

					&:not(:last-child) {
						border: 1px solid rgb(241, 247, 244);

					}


					& input {
						appearance: none;
					}

					& input:checked+label {
						color: #24665F;
						font-variation-settings: 'wght' 700;

					}

					& label {
						color: #001C1D;
						font-variation-settings: 'wght' 500;

						&::before {
							position: absolute;
							content: '';
							width: 100%;
							height: 100%;
							left: 0;
							top: 0;
							opacity: 0;
							cursor: pointer;
						}
					}
				}
			}
		}
	}



	& .form_filter_left {
		max-width: 850px;
		justify-content: space-between;
		gap: 30px;
	}

	& .form_filter_right {
		width: 35%;
		justify-content: space-between;

		& search {
			margin-left: auto;
			padding: 12px 20px;
			border-radius: 20px;
			border: 1px solid #2A7A71;
			width: 100%;
			position: relative;

			& #search_results {
				position: absolute;
				top: calc(100% + 10px);
				border-radius: 20px;
				background: #FFF;
				box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
				left: 0;
				width: 100%;
				z-index: 3;

				& .no-results {
					padding: 15px;
				}

				& ul {
					border-radius: 20px 20px 0 0;
					overflow: hidden;

					& li {
						transition: .3s;
						border-bottom: 1px solid #F1F7F4;

						& a {
							padding: 15px 20px;
							display: block;
							width: 100%;

							& h4 {
								color: #001C1D;
								font-size: 16px;
							}
						}

						&:hover {
							background-color: #F1F7F4;
							transition: .3s;

						}
					}
				}

				& button[type="submit"] {
					padding: 15px;
					transition: .3s;
					width: 100%;
					text-align: start;
					border-radius: 0 0 20px 20px;


					& span {
						color: #24665F;
						text-transform: uppercase;
						font-variation-settings: 'wght' 700;
					}

					&:hover {
						background-color: #F1F7F4;
						transition: .3s;

					}
				}

				.search_loading {
					padding: 15px;
					color: #24665F;
				}


				& .search_mobile {
					display: none;
				}
			}

			& form {
				display: flex;
				align-items: center;
				gap: 10px;
				width: 100%;
			}

			& input[type="text"] {
				appearance: none;
				border: none;
				width: 100%;

				&::placeholder {
					font-variation-settings: 'wght' 600;
					color: #2A7A71;
					transition: .3s;
				}

				&:focus-visible {
					outline: none;

					&::placeholder {
						color: #2A7A71;
						opacity: .3;
						transition: .3s;
					}
				}
			}
		}

		& .filter_reset {
			display: none;

			& a {
				width: calc(50% - 10px);
			}

			&.active {
				display: flex;
				align-items: center;
			}
		}

		& .filter_buttons {
			gap: 20px;
			width: 100%;
			max-height: 54px;

			& .pretty_btn {
				width: calc(50% - 10px);
				justify-content: center;
				padding: 15px 10px;
			}

			& #filter_count {

				& span {
					transition: .3s;
				}

				& span.hidden {
					opacity: 0;
					transition: .3s;
					display: inline-block !important;
				}
			}
		}
	}

}

#search_results_mobile {
	position: absolute;
	top: calc(100% + 10px);
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
	left: 0;
	width: 100%;
	z-index: 3;

	& .no-results {
		padding: 15px;
	}

	& ul {
		border-radius: 20px 20px 0 0;
		overflow: hidden;

		& li {
			transition: .3s;
			border-bottom: 1px solid #F1F7F4;

			& a {
				padding: 15px 20px;
				display: block;
				width: 100%;

				& h4 {
					color: #001C1D;
					font-size: 16px;
				}
			}

			&:hover {
				background-color: #F1F7F4;
				transition: .3s;

			}
		}
	}

	& button[type="submit"] {
		padding: 15px;
		transition: .3s;
		width: 100%;
		text-align: start;
		border-radius: 0 0 20px 20px;


		& span {
			color: #24665F;
			text-transform: uppercase;
			font-variation-settings: 'wght' 700;
		}

		&:hover {
			background-color: #F1F7F4;
			transition: .3s;

		}
	}

	& .search_deskstop {
		display: none;
	}

	.search_loading {
		padding: 15px;
		color: #24665F;
	}
}

.loader {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	border-top: 3px solid #fff;
	border-right: 3px solid transparent;
	animation: rotation 1s linear infinite;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	z-index: 1;
}


@keyframes rotation {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}



/* !!!!!!!!!!!!!!!!!!!!!Категории объявлений!!!!!!!!!!!!!!!! */


.front_page_links_container {
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);


	& .category_link_item {
		width: auto;
		height: auto;
		position: relative;
		border-radius: 20px;
		overflow: hidden;
		aspect-ratio: 5 / 6;

		& .category_link_item_img {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			border-radius: 20px;
			overflow: hidden;
		}

		& .category_link_name {
			position: absolute;
			z-index: 1;
			left: 20px;
			bottom: 20px;
			font-size: 28px;
			color: #fff;
			font-variation-settings: 'wght' 700;
			transition: all 0.3s ease;
			width: calc(100% - 40px);
			height: 70px;
			display: flex;
			align-items: end;
		}

		.category_sub_links {
			position: absolute;
			flex-direction: column;
			align-items: start;
			gap: 10px;
			bottom: 20px;
			left: 20px;
			transform: translateY(999px);
			transition: .3s;
			z-index: 1;

			& a {
				background-color: #F1F7F4;
				border-radius: 20px;
				padding: 6px 15px;
				color: #24665F;
				font-size: 16px;
				font-variation-settings: 'wght' 600;

			}
		}

		& .category_link_item_link {
			opacity: 0;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}

		&::before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			transition: .3s;

		}

		&:hover {
			&::before {
				transition: .3s;
				opacity: 1;
				z-index: 1;
				background: linear-gradient(180deg, rgba(36, 99, 102, 0.60) 0%, rgba(36, 99, 102, 0.14) 45.3%, rgba(36, 99, 102, 0.00) 100%);
			}

			& .category_sub_links {
				transform: translateY(0);
				transition: .3s;
				transition-delay: .1s;
				z-index: 2;
			}

			& .category_link_name {
				bottom: calc(100% - 90px);
				/* Перемещаем к верхнему краю */
				transition: all 0.3s ease;
				/* Плавный переход для всех свойств */
				align-items: start;
			}
		}
	}

	&.category_slider {
		gap: 0;
	}
}


/* !!!!!!!!!!!!!!!!Виджет ссылка на аналитику!!!!!!!!!!!!!! */

.analytisc_link {
	position: relative;
	height: auto;
	border-radius: 20px;
	background-color: #F1F7F4;
	overflow: hidden;
	width: auto;
	aspect-ratio: 232 /177;

	&>a {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index: 1;
	}

	& .analytisc_text {
		position: absolute;
		top: 20px;
		left: 40px;
		flex-direction: column;
		gap: 20px;

		& span {
			color: #001C1D;
			font-size: 28px;
			font-variation-settings: 'wght' 600;
		}

		& button {
			max-width: 135px;
			text-align: start;
			z-index: 2;
			position: relative;
			transition: .3s;

			&:hover {
				transform: translateY(-3px);
				transition: .3s;
			}
		}

		& button span {
			color: #24665F;
			font-size: 16px;
			font-variation-settings: 'wght' 700;
			border-bottom: 2px dashed #24665F;


		}
	}

	& .analytisc_background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		& img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: bottom right;
		}


	}

	&:hover {
		& span {
			transition: .3s;
			color: #2A7A71;
		}
	}
}



/* !!!!!!!!!!!!!!!!!Ссылка на карту!!!!!!!!!!!!!!!!!!! */

.map_link {
	position: relative;
	height: auto;
	width: auto;
	border-radius: 20px;
	background-color: #F1F7F4;
	overflow: hidden;
	aspect-ratio: 232 /177;



	& .map_text {
		position: absolute;
		top: 20px;
		left: 40px;
		flex-direction: column;
		gap: 20px;
		z-index: 1;

		& span {
			color: #001C1D;
			font-size: 28px;
			font-variation-settings: 'wght' 600;
			display: block;
			max-width: 70%;
			transition: .3s;
		}



	}

	&>a {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index: 2;
	}

	& .map_background {
		position: absolute;
		right: 25px;
		bottom: 15px;
	}

	&:hover {
		& span {
			transition: .3s;
			color: #2A7A71;
		}
	}

}


/* !!!!!!!!!!!!!!!!!!!!!Виджет услуг!!!!!!!!!!!!!!!!!!1 */

.services_container {
	gap: 30px;

	& .services_left_block {
		border-radius: 20px;
		border: 1px solid #2A7A71;
		padding: 40px;
		max-width: 300px;
		gap: 15px;
		overflow: hidden;

		& .services_title {
			color: #001C1D;
			font-variation-settings: 'wght' 600;
			font-size: 28px;

		}

		.services_img {
			position: relative;
			right: -50px;

			& img {
				max-width: 395px;
			}

			&::before {
				content: '';
				width: 65px;
				height: 100%;
				position: absolute;
				background-color: #fff;
				right: 0;
				top: 0;
			}
		}
	}

	.services_right_block {
		width: calc(100% - 330px);

		.services_tabs {
			gap: 15px;
			overflow-x: auto;
			position: relative;
			margin-bottom: 15px;

			& .services_tab {
				width: calc((100% / 5) - 12px);
				cursor: pointer;
				padding: 17px 20px;
				border: 1px solid #2A7A71;
				border-radius: 20px;
				text-align: center;
				overflow: hidden;
				transition: .3s;

				&:hover {
					transition: .3s;
					background: #F1F7F4;

				}


				&.active {
					/* background-color: #2A7A71; */

				}

				&.active>span {
					font-variation-settings: 'wght' 700;
					color: #fff;

				}

				&>span {
					font-variation-settings: 'wght' 600;
					color: #2A7A71;
					position: relative;
					z-index: 1;
					transition: .3s;
				}

			}

			.fill {
				position: absolute;
				top: 0;
				left: 0;
				width: 0px;
				height: 100%;
				background: #2A7A71;
				opacity: 1;
				transition: left 0.3s ease-in-out, width 0.3s ease-in-out;
				border-radius: 20px;
			}
		}

		.services_tab_content {
			display: none;
			transition-behavior: allow-discrete;
			opacity: 1;
			transition: .3s;


			@starting-style {
				transition: .3s;
				opacity: 0;
			}

			&.active {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
			}

			& .services_tab_item_group {
				display: flex;
				gap: 10px;
				width: 100%;

				& .services_tab_item {
					width: calc(50% - 5px);
					padding: 30px;
					font-size: 20px;
					color: #001C1D;
					font-variation-settings: 'wght' 600;
					border-radius: 20px;
					background-color: #F1F7F4;
					min-height: 132px;
					display: flex;
					align-items: center;

					& .services_tab_desc {
						font-size: 16px;
						margin: 10px 0 0 0;
						font-variation-settings: 'wght' 500;

					}
				}

				&:first-child {

					& .services_tab_item {

						&:first-child {
							border-radius: 20px 20px 0px 20px;
						}

						&:last-child {
							border-radius: 20px 20px 20px 0px;
						}
					}
				}

				&:last-child {

					& .services_tab_item {

						&:first-child {
							border-radius: 20px 0px 20px 20px;
						}

						&:last-child {
							border-radius: 0px 20px 20px 20px;
						}
					}
				}

				&:nth-child(n+2):nth-last-child(n+2) {
					& .services_tab_item {

						&:first-child {
							border-radius: 20px 0px 0px 20px;

						}

						&:last-child {
							border-radius: 0px 20px 20px 0px;

						}
					}
				}
			}
		}
	}

	.services_contact_form {
		max-width: 300px;
		border-radius: 20px;
		border: 1px solid #2A7A71;
		padding: 30px 30px 60px 30px;
		position: relative;

		&>span {
			color: #001C1D;
			font-variation-settings: 'wght' 600;
			font-size: 20px;
			margin-bottom: 20px;
			display: block;
		}

		& .services_form_svg {
			position: absolute;
			right: 0;
			bottom: 0px;
		}

		& p.form_sent {
			margin-bottom: 50px;
		}
	}
}

/* !!!!!!!!!!!!!!!!!!!!!!!Контактная форма!!!!!!!!!!!!!!!!!!! */

.contact_form {
	position: relative;

	& .contact_form_background {
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 20px;
		overflow: hidden;
		left: 0;
		top: 0;
		z-index: 0;

		& img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	& #contact_form {
		position: relative;
		padding: 50px 60px 80px 60px;
		border-radius: 20px;

		& .contact_form_text {
			display: flex;
			align-items: end;
			gap: 70px;
			margin-bottom: 50px;

			& h2 {
				font-size: 28px;
				font-variation-settings: 'wght' 700;
				width: 50%;
				color: #001C1D;

				& span {
					&:last-child {
						display: block;
						text-align: end;
					}

					& strong {
						color: #2A7A71;
					}
				}
			}

			& p {
				max-width: 285px;
				font-variation-settings: 'wght' 500;
				font-size: 18px;

			}
		}

		& .inputs_block {
			gap: 20px;
			margin-bottom: 20px;

			& input,
			textarea {
				border-radius: 20px;
				border: 1px solid #98B9BA;
				background: #FFF;
				padding: 17px 20px;
				color: #98B9BA;
				transition: .3s;
				font-variation-settings: 'wght' 500;
				flex-basis: calc((100% / 5) - 18px);
				max-width: 250px;

				&:focus-visible {
					color: #001C1D;
					transition: .3s;
					outline: 1px solid#246366;


					&::placeholder {
						color: #001C1D;
					}
				}

				&::placeholder {
					color: #98B9BA;
					font-variation-settings: 'wght' 500;
					transition: .3s;

				}

				&[type="tel"] {
					max-width: 250px;
					padding-left: 65px;
				}

			}

			& textarea {
				max-height: 55px;
				resize: none;
				flex-basis: calc((100% / 2.5) - 6px);
				max-width: unset;
			}

			.phone_input_wrapper {
				position: relative;
				display: inline-block;
			}

			.country_dropdown {
				position: absolute;
				top: calc(50% - 10px);
				left: 20px;
				/* z-index: 1000; */
			}

			.dropdown_toggle {
				background: none;
				border: none;
				cursor: pointer;
				font-size: 16px;
				font-variation-settings: 'wght' 500;
				color: #2A7A71;
				position: relative;
				text-transform: uppercase;

				&::before {
					content: '';
					width: 11px;
					height: 5px;
					position: absolute;
					right: -13px;
					top: calc(50% - 2px);
					transition: .3s;
					background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="5" viewBox="0 0 11 5" fill="none"><path d="M1 1L5.5 4L10 1" stroke="%232A7A71" stroke-linecap="round" stroke-linejoin="round"/></svg>');
				}

				&.active {
					&::before {
						transform: rotate(-180deg);
						transition: .3s;
					}
				}
			}

			.dropdown_menu {
				display: none;
				position: absolute;
				top: calc(100% + 25px);
				left: -20px;
				overflow: hidden;
				max-height: 200px;
				border-radius: 20px;

				&>ul {
					background: #fff;
					border-radius: 20px;
					box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
					padding: 0;
					margin: 0;
					max-height: 200px;
					z-index: 2;
					overflow-y: auto;
					position: relative;
					width: 250px;


					&::-webkit-scrollbar {
						width: 12px;
					}

					&::-webkit-scrollbar-track {
						background: #F1F7F4;
					}

					&::-webkit-scrollbar-thumb {
						background-color: #DADADA;
						border-radius: 10px;

					}
				}

				&.active {
					display: block;
				}
			}

			.dropdown_menu li {
				padding: 15px 20px;
				position: relative;
				transition: .3s;
				color: #001C1D;
				font-variation-settings: 'wght' 500;
				cursor: pointer;
				display: flex;
				align-items: center;
				gap: 5px;

				&:not(:last-child) {
					border: 1px solid rgb(241, 247, 244);
				}

				&:hover {
					transition: .3s;
					background: #F1F7F4;
					;
				}

			}


		}

		.submit_block {
			gap: 20px;

			& p {
				max-width: 500px;
				font-variation-settings: 'wght' 500;
				margin-bottom: 0;

				& a {
					color: #2A7A71;
				}
			}

			& button {
				padding: 17px 78px;

				& .loader {
					display: none;

					&.active {
						display: flex;
					}
				}
			}
		}
	}

	& h2.form_sent {
		margin-bottom: 30px;
	}

}

/* !!!!!!!!!!!!!!!!!Маркированный список!!!!!!!!!!!!!!!!!!!! */

.marked_list {
	gap: 10px;
	margin-bottom: 20px;

	.marked_list_item {
		padding-left: 20px;
		position: relative;

		&::before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 15px;
			height: 20px;
			background-size: contain;
			background-repeat: no-repeat;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='20' viewBox='0 0 15 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.92405 12.7907C8.92405 12.3589 8.75085 11.9449 8.44256 11.6396C8.13427 11.3343 7.71613 11.1628 7.28014 11.1628H1.6439C1.20791 11.1628 0.78978 11.3343 0.481489 11.6396C0.173197 11.9449 0 12.3589 0 12.7907V18.3721C0 19.2707 0.736469 20 1.6439 20H7.28014C7.71613 20 8.13427 19.8285 8.44256 19.5232C8.75085 19.2179 8.92405 18.8038 8.92405 18.3721V12.7907ZM2.81812 8.83721V6.27907C2.81812 5.60061 3.09029 4.94994 3.57474 4.47019C4.0592 3.99045 4.71627 3.72093 5.4014 3.72093H8.92405V1.62791C8.92405 1.19616 8.75085 0.782095 8.44256 0.476803C8.13427 0.171511 7.71613 0 7.28014 0H1.6439C1.20791 0 0.78978 0.171511 0.481489 0.476803C0.173197 0.782095 0 1.19616 0 1.62791V7.2093C0 8.10791 0.736469 8.83721 1.6439 8.83721H2.81812Z' fill='%2324665F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.75781 10.2328H7.28046C7.96559 10.2328 8.62266 10.5023 9.10711 10.982C9.59157 11.4618 9.86374 12.1124 9.86374 12.7909V15.349H12.9167C13.3527 15.349 13.7708 15.1775 14.0791 14.8722C14.3874 14.5669 14.5606 14.1529 14.5606 13.7211V6.27927C14.5606 5.84753 14.3874 5.43346 14.0791 5.12817C13.7708 4.82288 13.3527 4.65137 12.9167 4.65137H5.40172C4.96573 4.65137 4.54759 4.82288 4.2393 5.12817C3.93101 5.43346 3.75781 5.84753 3.75781 6.27927V10.2328Z' fill='%2324665F'/%3E%3C/svg%3E");
		}

		&>span {
			color: #24665F;
			font-variation-settings: 'wght' 700;

		}

		&>p {
			font-variation-settings: 'wght' 500;
			margin: 0;
		}
	}
}


/* !!!!!!!!!!!!!!!!!!!!!!!!1Слайдер новостей!!!!!!!!!!!!!!!!!!!!!!!! */

.news_slider_container {
	& .news_slider_top {
		justify-content: space-between;
		margin-bottom: 20px;

		& .pretty_btn {
			padding: 17px 80px;
		}
	}

	.title {
		font-size: 28px;
		color: #001C1D;
		font-variation-settings: 'wght' 700;
		margin: 0;
	}


	.news_slider,
	.post_items.news {

		&+.mobile_button {
			display: none;
		}

		display: flex;

		.news_slide {
			border-radius: 20px;
			height: 410px;
			transition: .3s;
			flex-basis: 342px;
			padding: 30px;
			display: flex;
			align-items: flex-end;
			/* Изменено 'end' на 'flex-end' */
			position: relative;

			& .news_text {
				/* display: none; */
				position: absolute;
				opacity: 0;
			}

			&.active {
				flex-basis: 715px;
				transition: .3s;

				& .news_text {
					margin: 0;
					/* max-height: 45px; */
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					font-variation-settings: 'wght' 500;
					font-size: 18px;
					color: #fff;
					transition-delay: 1s;
					opacity: 1;
					transition: .3s;
					position: static;
				}
			}
		}

		& .news_title_arrow {
			display: flex;
			align-items: center;
			gap: 15px;
			color: #fff;
			font-size: 18px;
			font-variation-settings: 'wght' 700;
			margin-top: 15px;

		}




		& .news_title {
			font-variation-settings: 'wght' 700;
			font-size: 24px;
			color: #fff;
			margin-bottom: 15px;
			display: block;
		}


		& .reading_time {
			background-color: #fff;
			border-radius: 17px;
			position: absolute;
			top: 15px;
			right: 15px;
			padding: 0px 15px 5px 15px;
			width: 75px;
			height: 75px;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			color: #001C1D;
			font-variation-settings: 'wght' 500;

			& strong {
				font-size: 36px;
				color: #001C1D;
				font-variation-settings: 'wght' 600;
				width: 100%;
				display: block;
				text-align: center;
				margin-bottom: -5px;
			}
		}
	}
}

.news_slide_text {
	position: relative;
	z-index: 2;

	&::before {
		content: '';
		position: absolute;
		transform: translateY(999px);
		top: -30px;
		left: -30px;
		width: calc(100% + 60px);
		height: calc(100% + 60px);
		transition: .3s;
	}


}

.news_slide {
	overflow: hidden;
}


.news_slide:hover {
	& ::before {
		transform: translateY(0);
		transition: .3s;
		background-color: #246366;
		border-radius: 20px;
		z-index: -1;
	}
}


/* !!!!!!!!!!!!!!!!!!!!!!!Страница блога!!!!!!!!!!!!!!!!!!!!!! */

.posts_block.news {
	& .posts {
		width: 100%;

		& .post_items {
			grid-template-columns: repeat(2, 1fr);

			& .news_text {
				margin: 0;
				/* max-height: 45px; */
				overflow: hidden;
				display: -webkit-box !important;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				font-variation-settings: 'wght' 500;
				font-size: 18px;
				color: #fff;
				/* display: block; */
				transition-delay: 1s;
				opacity: 1;
				transition: .3s;
				position: static;
			}
		}
	}
}

/* !!!!!!!!!!!!!!!!!!!Страница PDF!!!!!!!!!!!!!!!!!!!!!!!!! */

.df-bg {
	background-color: #F1F7F4 !important;
	border-radius: 20px !important;

}

.df-ui .df-ui-page label {

	font-family: 'Montserrat';
	font-size: 20px;
	color: #24665F !important;
	font-variation-settings: 'wght' 600;
}

.df-ui-thumbnail,
.df-icon-more,
.df-icon-share,
.df-ui-fullscreen {
	display: none !important;
}

.df-ui-page {
	background: transparent !important;
}

.df-ui {
	background: #F1F7F4 !important;
	box-shadow: none !important;
	padding: 0 20px !important;
}

.df-ui-btn {
	background: transparent !important;
	position: relative !important;
	transition: .3s;
	border-radius: 10px;

	&:hover:not(.df-ui-page, .df-icon-arrow-right1, .df-icon-arrow-left1) {
		transition: .3s;
		background-color: #fff !important;
	}
}

.df-ui-page {
	margin-right: 15px !important;

}

.df-icon-add-circle:before {
	content: none !important;
}


.df-icon-add-circle:after {
	content: '';
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_459_3511)"><path d="M10.616 0.098877C4.78833 0.098877 0.046875 4.84033 0.046875 10.668C0.046875 16.4959 4.78833 21.2371 10.616 21.2371C16.4439 21.2371 21.1851 16.4959 21.1851 10.668C21.1851 4.84033 16.4439 0.098877 10.616 0.098877ZM10.616 19.2859C5.86411 19.2859 1.99809 15.4199 1.99809 10.668C1.99809 5.91616 5.86411 2.0501 10.616 2.0501C15.3678 2.0501 19.2338 5.91611 19.2338 10.668C19.2338 15.4198 15.3678 19.2859 10.616 19.2859Z" fill="%232A7A71"/><path d="M23.7198 22.3344L18.1263 16.7409C17.7452 16.3598 17.1279 16.3598 16.7468 16.7409C16.3657 17.1217 16.3657 17.7397 16.7468 18.1205L22.3403 23.714C22.4308 23.8047 22.5383 23.8767 22.6566 23.9257C22.775 23.9748 22.9019 24 23.0301 23.9998C23.1582 23.9999 23.2851 23.9747 23.4035 23.9257C23.5218 23.8766 23.6293 23.8047 23.7198 23.714C24.101 23.3332 24.101 22.7152 23.7198 22.3344Z" fill="%232A7A71"/><path d="M10.6172 6.16797V15.168" stroke="%232A7A71" stroke-width="1.5" stroke-linecap="round"/><path d="M15.1172 10.668L6.11719 10.668" stroke="%232A7A71" stroke-width="1.5" stroke-linecap="round"/></g><defs><clipPath id="clip0_459_3511"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>') !important;
	width: 24px;
	height: 24px;
	position: absolute;
	left: calc(50% - 12px);
	top: calc(50% - 12px);
}


.df-icon-minus-circle:before {
	content: none !important;
}

.df-icon-minus-circle:after {
	content: '';
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_459_3519)"><path d="M10.616 0.098877C4.78833 0.098877 0.046875 4.84033 0.046875 10.668C0.046875 16.4959 4.78833 21.2371 10.616 21.2371C16.4439 21.2371 21.1851 16.4959 21.1851 10.668C21.1851 4.84033 16.4439 0.098877 10.616 0.098877ZM10.616 19.2859C5.86411 19.2859 1.99809 15.4199 1.99809 10.668C1.99809 5.91616 5.86411 2.0501 10.616 2.0501C15.3678 2.0501 19.2338 5.91611 19.2338 10.668C19.2338 15.4198 15.3678 19.2859 10.616 19.2859Z" fill="%232A7A71"/><path d="M23.7198 22.3344L18.1263 16.7409C17.7452 16.3598 17.1279 16.3598 16.7468 16.7409C16.3657 17.1217 16.3657 17.7397 16.7468 18.1205L22.3403 23.714C22.4308 23.8047 22.5383 23.8767 22.6566 23.9257C22.775 23.9748 22.9019 24 23.0301 23.9998C23.1582 23.9999 23.2851 23.9747 23.4035 23.9257C23.5218 23.8766 23.6293 23.8047 23.7198 23.714C24.101 23.3332 24.101 22.7152 23.7198 22.3344Z" fill="%232A7A71"/><path d="M15.1172 10.668L6.11719 10.668" stroke="%232A7A71" stroke-width="1.5" stroke-linecap="round"/></g><defs><clipPath id="clip0_459_3519"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>') !important;
	width: 24px;
	height: 24px;
	position: absolute;
	left: calc(50% - 12px);
	top: calc(50% - 12px);
}

.df-icon-minus-circle.disabled::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_459_3519)"><path d="M10.616 0.098877C4.78833 0.098877 0.046875 4.84033 0.046875 10.668C0.046875 16.4959 4.78833 21.2371 10.616 21.2371C16.4439 21.2371 21.1851 16.4959 21.1851 10.668C21.1851 4.84033 16.4439 0.098877 10.616 0.098877ZM10.616 19.2859C5.86411 19.2859 1.99809 15.4199 1.99809 10.668C1.99809 5.91616 5.86411 2.0501 10.616 2.0501C15.3678 2.0501 19.2338 5.91611 19.2338 10.668C19.2338 15.4198 15.3678 19.2859 10.616 19.2859Z" fill="%23AFCEC9"/><path d="M23.7198 22.3344L18.1263 16.7409C17.7452 16.3598 17.1279 16.3598 16.7468 16.7409C16.3657 17.1217 16.3657 17.7397 16.7468 18.1205L22.3403 23.714C22.4308 23.8047 22.5383 23.8767 22.6566 23.9257C22.775 23.9748 22.9019 24 23.0301 23.9998C23.1582 23.9999 23.2851 23.9747 23.4035 23.9257C23.5218 23.8766 23.6293 23.8047 23.7198 23.714C24.101 23.3332 24.101 22.7152 23.7198 22.3344Z" fill="%23AFCEC9"/><path d="M15.1172 10.668L6.11719 10.668" stroke="%23AFCEC9" stroke-width="1.5" stroke-linecap="round"/></g><defs><clipPath id="clip0_459_3519"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>') !important;
}

.df-icon-add-circle.disabled:after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_459_3511)"><path d="M10.616 0.098877C4.78833 0.098877 0.046875 4.84033 0.046875 10.668C0.046875 16.4959 4.78833 21.2371 10.616 21.2371C16.4439 21.2371 21.1851 16.4959 21.1851 10.668C21.1851 4.84033 16.4439 0.098877 10.616 0.098877ZM10.616 19.2859C5.86411 19.2859 1.99809 15.4199 1.99809 10.668C1.99809 5.91616 5.86411 2.0501 10.616 2.0501C15.3678 2.0501 19.2338 5.91611 19.2338 10.668C19.2338 15.4198 15.3678 19.2859 10.616 19.2859Z" fill="%23AFCEC9"/><path d="M23.7198 22.3344L18.1263 16.7409C17.7452 16.3598 17.1279 16.3598 16.7468 16.7409C16.3657 17.1217 16.3657 17.7397 16.7468 18.1205L22.3403 23.714C22.4308 23.8047 22.5383 23.8767 22.6566 23.9257C22.775 23.9748 22.9019 24 23.0301 23.9998C23.1582 23.9999 23.2851 23.9747 23.4035 23.9257C23.5218 23.8766 23.6293 23.8047 23.7198 23.714C24.101 23.3332 24.101 22.7152 23.7198 22.3344Z" fill="%23AFCEC9"/><path d="M10.6172 6.16797V15.168" stroke="%23AFCEC9" stroke-width="1.5" stroke-linecap="round"/><path d="M15.1172 10.668L6.11719 10.668" stroke="%23AFCEC9" stroke-width="1.5" stroke-linecap="round"/></g><defs><clipPath id="clip0_459_3511"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>') !important;
}



.df-icon-arrow-right1::before {
	content: none !important;
}

.df-icon-arrow-left1::before {
	content: none !important;
}


.df-ui-btn::after {
	content: '';
}


.df-icon-arrow-right1::after {
	width: 43px;
	height: 43px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="15" viewBox="0 0 7 15" fill="none"><path d="M1 14L6 7.5L1 1" stroke="%232A7A71" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	position: absolute;
	padding: 10px 17px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #2A7A71;
	right: -20px;
	border-radius: 50%;
	top: 0;
}


.df-icon-arrow-left1::after {
	width: 43px;
	height: 43px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="15" viewBox="0 0 7 15" fill="none"><path d="M6 0.999999L1 7.5L6 14" stroke="%232A7A71" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	position: absolute;
	padding: 10px 17px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #2A7A71;
	left: 20px;
	border-radius: 50%;
	top: 0;
}

.df-ui-fullscreen {
	display: flex !important;

	&::before {
		content: none !important;
	}

	&::after {
		width: 43px;
		height: 43px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.3422 13.6578C10.2004 13.516 10.008 13.4364 9.80748 13.4364C9.60694 13.4364 9.4146 13.516 9.27277 13.6578L4.51261 18.418V14.1933C4.51261 13.9927 4.43292 13.8003 4.29109 13.6585C4.14925 13.5167 3.95689 13.437 3.7563 13.437C3.55572 13.437 3.36335 13.5167 3.22152 13.6585C3.07968 13.8003 3 13.9927 3 14.1933V20.2437C3 20.4443 3.07968 20.6367 3.22152 20.7785C3.36335 20.9203 3.55572 21 3.7563 21H9.80672C10.0073 21 10.1997 20.9203 10.3415 20.7785C10.4833 20.6367 10.563 20.4443 10.563 20.2437C10.563 20.0431 10.4833 19.8507 10.3415 19.7089C10.1997 19.5671 10.0073 19.4874 9.80672 19.4874H5.58202L10.3407 14.7287C10.4112 14.6586 10.4672 14.5752 10.5055 14.4834C10.5437 14.3915 10.5635 14.2931 10.5636 14.1936C10.5638 14.0941 10.5443 13.9956 10.5063 13.9036C10.4683 13.8117 10.4125 13.7282 10.3422 13.6578ZM20.5326 3.05748C20.4407 3.02044 20.3427 3.00094 20.2437 3H14.1933C13.9927 3 13.8003 3.07968 13.6585 3.22152C13.5167 3.36335 13.437 3.55572 13.437 3.7563C13.437 3.95689 13.5167 4.14925 13.6585 4.29109C13.8003 4.43292 13.9927 4.51261 14.1933 4.51261H18.418L13.6593 9.27126C13.589 9.34148 13.5332 9.42486 13.4951 9.51664C13.457 9.60843 13.4374 9.70681 13.4373 9.80619C13.4372 10.0069 13.5168 10.1994 13.6586 10.3414C13.8004 10.4834 13.9928 10.5633 14.1935 10.5634C14.3942 10.5636 14.5867 10.484 14.7287 10.3422L19.4874 5.58202V9.80672C19.4874 10.0073 19.5671 10.1997 19.7089 10.3415C19.8507 10.4833 20.0431 10.563 20.2437 10.563C20.4443 10.563 20.6367 10.4833 20.7785 10.3415C20.9203 10.1997 21 10.0073 21 9.80672V3.7563C20.9998 3.60669 20.9553 3.46049 20.8721 3.33613C20.7889 3.21177 20.6708 3.11482 20.5326 3.05748Z' fill='%232A7A71'/%3E%3C/svg%3E");
		position: absolute;
		width: 24px;
		height: 24px;
		position: absolute;
		left: calc(50% - 12px);
		top: calc(50% - 12px);
	}

}

h1.title {
	color: #001C1D;
	font-size: 44px;
	font-variation-settings: 'wght' 600;
	margin-bottom: 30px;
}

h1.in_category {
	margin-bottom: 40px;
}

.analytics_page {
	font-variation-settings: 'wght' 500;
}

.analytics_top {
	display: flex;
	align-items: start;
	gap: 30px;

	& .year {
		padding: 6px 25px;
		font-size: 20px;
		color: #24665F;
		font-variation-settings: 'wght' 600;
		text-align: center;
		background-color: #F1F7F4;
		border-radius: 78px;
	}
}

h2.title,
h2 {
	font-size: 28px;
	font-variation-settings: 'wght' 600;
	color: #001C1D;
	margin-bottom: 30px;
}

.pdf_element {
	position: relative;
	margin-bottom: 130px;
	margin-top: 20px;

	& .pdf_links {
		position: absolute;
		left: 30px;
		top: 30px;
		z-index: 9;

		&>a.download_link {
			gap: 8px;
			color: #001C1D;
			margin-bottom: 30px;
			transition: .3s;

			& svg path {
				transition: .3s;
			}

			&:hover {
				color: #2A7A71;
				transition: .3s;

				& svg path {
					fill: #2A7A71;
					transition: .3s;
				}
			}
		}

		& .open_links {
			gap: 8px;



			& svg path {
				transition: .3s;
			}

			&:hover {
				color: #2A7A71;
				transition: .3s;


				& svg path {
					fill: #2A7A71;
					transition: .3s;
				}
			}
		}

		& .links_list {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='171' height='46' viewBox='0 0 171 46' fill='none'%3E%3Cmask id='path-1-inside-1_734_4690' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M87.0075 1.6327C86.2138 0.757851 84.8388 0.75785 84.0451 1.6327L76.4537 9.99995H18C10.5005 9.99995 6.7508 9.99995 4.12215 11.9098C3.2732 12.5266 2.52663 13.2732 1.90983 14.1221C0 16.7508 0 20.5005 0 28C0 35.4994 0 39.2491 1.90983 41.8778C2.52663 42.7267 3.2732 43.4733 4.12215 44.0901C6.7508 46 10.5005 46 18 46H153C160.499 46 164.249 46 166.878 44.0901C167.727 43.4733 168.473 42.7267 169.09 41.8778C171 39.2491 171 35.4994 171 28C171 20.5005 171 16.7508 169.09 14.1221C168.473 13.2732 167.727 12.5266 166.878 11.9098C164.249 9.99995 160.499 9.99995 153 9.99995H94.5988L87.0075 1.6327Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M87.0075 1.6327C86.2138 0.757851 84.8388 0.75785 84.0451 1.6327L76.4537 9.99995H18C10.5005 9.99995 6.7508 9.99995 4.12215 11.9098C3.2732 12.5266 2.52663 13.2732 1.90983 14.1221C0 16.7508 0 20.5005 0 28C0 35.4994 0 39.2491 1.90983 41.8778C2.52663 42.7267 3.2732 43.4733 4.12215 44.0901C6.7508 46 10.5005 46 18 46H153C160.499 46 164.249 46 166.878 44.0901C167.727 43.4733 168.473 42.7267 169.09 41.8778C171 39.2491 171 35.4994 171 28C171 20.5005 171 16.7508 169.09 14.1221C168.473 13.2732 167.727 12.5266 166.878 11.9098C164.249 9.99995 160.499 9.99995 153 9.99995H94.5988L87.0075 1.6327Z' fill='white'/%3E%3Cpath d='M84.0451 1.6327L84.7857 2.30463V2.30463L84.0451 1.6327ZM87.0075 1.6327L86.2669 2.30463V2.30463L87.0075 1.6327ZM76.4537 9.99995V10.9999H76.8967L77.1944 10.6719L76.4537 9.99995ZM4.12215 11.9098L4.70993 12.7188H4.70993L4.12215 11.9098ZM1.90983 14.1221L1.10081 13.5343H1.10081L1.90983 14.1221ZM1.90983 41.8778L1.10081 42.4656H1.10081L1.90983 41.8778ZM4.12215 44.0901L3.53436 44.8991L3.53436 44.8991L4.12215 44.0901ZM166.878 44.0901L166.29 43.2811L166.878 44.0901ZM169.09 41.8778L168.281 41.29V41.29L169.09 41.8778ZM169.09 14.1221L168.281 14.7099V14.7099L169.09 14.1221ZM166.878 11.9098L166.29 12.7188V12.7188L166.878 11.9098ZM94.5988 9.99995L93.8582 10.6719L94.1558 10.9999H94.5988V9.99995ZM84.7857 2.30463C85.1825 1.86721 85.87 1.86721 86.2669 2.30463L87.7481 0.960768C86.5575 -0.351504 84.495 -0.351508 83.3044 0.960767L84.7857 2.30463ZM77.1944 10.6719L84.7857 2.30463L83.3044 0.960765L75.7131 9.32802L77.1944 10.6719ZM18 10.9999H76.4537V8.99995H18V10.9999ZM4.70993 12.7188C5.82538 11.9084 7.22387 11.4624 9.34223 11.2329C11.4793 11.0013 14.228 10.9999 18 10.9999V8.99995C14.2725 8.99995 11.3966 8.99858 9.12681 9.2445C6.83828 9.49244 5.04757 10.0014 3.53436 11.1008L4.70993 12.7188ZM2.71885 14.7099C3.27396 13.9458 3.94588 13.2739 4.70993 12.7188L3.53436 11.1008C2.60052 11.7792 1.77929 12.6005 1.10081 13.5343L2.71885 14.7099ZM1 28C1 24.2279 1.00137 21.4793 1.23291 19.3422C1.46242 17.2238 1.90843 15.8253 2.71885 14.7099L1.10081 13.5343C0.00140336 15.0475 -0.507506 16.8382 -0.755453 19.1268C-1.00137 21.3966 -1 24.2725 -1 28H1ZM2.71885 41.29C1.90843 40.1746 1.46242 38.7761 1.23291 36.6577C1.00137 34.5206 1 31.772 1 28H-1C-1 31.7274 -1.00137 34.6033 -0.755453 36.8731C-0.507506 39.1617 0.00140341 40.9524 1.10081 42.4656L2.71885 41.29ZM4.70993 43.2811C3.94588 42.726 3.27396 42.0541 2.71885 41.29L1.10081 42.4656C1.77929 43.3994 2.60052 44.2207 3.53436 44.8991L4.70993 43.2811ZM18 45C14.228 45 11.4793 44.9986 9.34223 44.767C7.22387 44.5375 5.82538 44.0915 4.70993 43.2811L3.53436 44.8991C5.04757 45.9985 6.83828 46.5075 9.12681 46.7554C11.3966 47.0013 14.2725 47 18 47V45ZM153 45H18V47H153V45ZM166.29 43.2811C165.175 44.0915 163.776 44.5375 161.658 44.767C159.521 44.9986 156.772 45 153 45V47C156.727 47 159.603 47.0013 161.873 46.7554C164.162 46.5075 165.952 45.9985 167.466 44.8991L166.29 43.2811ZM168.281 41.29C167.726 42.0541 167.054 42.726 166.29 43.2811L167.466 44.8991C168.399 44.2207 169.221 43.3994 169.899 42.4656L168.281 41.29ZM170 28C170 31.772 169.999 34.5206 169.767 36.6577C169.538 38.7761 169.092 40.1746 168.281 41.29L169.899 42.4656C170.999 40.9524 171.508 39.1617 171.755 36.8731C172.001 34.6033 172 31.7274 172 28H170ZM168.281 14.7099C169.092 15.8253 169.538 17.2238 169.767 19.3422C169.999 21.4793 170 24.2279 170 28H172C172 24.2725 172.001 21.3966 171.755 19.1268C171.508 16.8382 170.999 15.0475 169.899 13.5343L168.281 14.7099ZM166.29 12.7188C167.054 13.2739 167.726 13.9458 168.281 14.7099L169.899 13.5343C169.221 12.6005 168.399 11.7792 167.466 11.1008L166.29 12.7188ZM153 10.9999C156.772 10.9999 159.521 11.0013 161.658 11.2329C163.776 11.4624 165.175 11.9084 166.29 12.7188L167.466 11.1008C165.952 10.0014 164.162 9.49244 161.873 9.2445C159.603 8.99858 156.727 8.99995 153 8.99995V10.9999ZM94.5988 10.9999H153V8.99995H94.5988V10.9999ZM86.2669 2.30463L93.8582 10.6719L95.3394 9.32802L87.7481 0.960767L86.2669 2.30463Z' fill='%232A7A71' mask='url(%23path-1-inside-1_734_4690)'/%3E%3C/svg%3E");
			gap: 15px;
			padding: 20px 15px 10px 15px;
			background-size: 100%;
			background-repeat: no-repeat;
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
			transition: .3s;

			& li {
				& svg {
					transition: .3s;
					transform: scale(1);
				}

				&:hover {

					& svg {
						transition: .3s;
						transform: scale(1.1);
					}
				}
			}

			&.active {
				opacity: 1;
				visibility: visible;
				pointer-events: auto;
				transition: .3s;
			}
		}
	}

	&~.posts_block {
		margin-bottom: 130px;

		& .posts {
			width: 100%;

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

.pdf_element_container {
	& .pdf_element {
		margin-bottom: 80px;
	}
}

.contact_form.on_page {
	margin-bottom: 130px;

	& .form_inputs_list {
		& p {
			font-variation-settings: 'wght' 600;
			font-size: 18px;
		}

		& ul {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;

			& li {
				width: 54px;
				aspect-ratio: 1 / 1;
				border-radius: 50%;
				position: relative;
				border: 1px solid;
				transition: .3s;

				&:hover {
					transform: translateY(-3px);
					transition: .3s;
				}

				& input {
					opacity: 0;
					position: absolute;

					&+label {
						position: absolute;
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
						z-index: 1;
						cursor: pointer;
						display: grid;
						place-items: center;
						background: #fff;
						border-radius: 50%;
						transition: .3s;

					}

					&:checked {
						&+label {
							background: #F1F7F4;
							transition: .3s;
						}
					}
				}



				&:first-child {
					border: 1px solid #2A7A71;
				}

				&:nth-child(2) {
					border: 1px solid #2AABEE;
				}

				&:nth-child(3) {
					border: 1px solid #7360F2;
				}

				&:nth-child(4) {
					border: 1px solid #25D366;
				}
			}
		}
	}

	& #contact_form {
		& .inputs_block {
			align-items: end;
		}

		& .contact_form_text {
			margin-bottom: 10px;

			& h2 {
				width: 790px;
			}
		}
	}
}


/* !!!!!!!!!!!!!!!!!!!Рубрика аналитики!!!!!!!!!!!!!!!! */

.years_tabs {
	gap: 15px;
	margin-bottom: 30px;

	& .year_tab {
		position: relative;

		& input {
			position: absolute;
			opacity: 0;
		}

		& label {
			cursor: pointer;
			font-variation-settings: 'wght' 600;
			padding: 15px 40px;

			&.active {
				background-color: #2A7A71;
				color: #fff;
				font-variation-settings: 'wght' 700;
			}
		}
	}
}

.posts_block {
	gap: 30px;
	align-items: start;

	& .posts {
		width: calc(75% - 15px);

		& .post_items {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 30px;

			& .post_item {
				height: auto;
				position: relative;
				border-radius: 20px;
				overflow: hidden;
				justify-content: space-between;
				padding: 20px;
				align-items: start;
				/* width: 340px; */
				display: flex;
				aspect-ratio: 5 / 6;

				&>a {
					position: absolute;
					width: 100%;
					height: 100%;
					opacity: 0;
					left: 0;
					top: 0;
					z-index: 2;
				}

				& .post_item_background {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
				}

				& .post_item_year {
					position: relative;
					z-index: 1;
					background: #fff;
					padding: 6px 15px;
					border-radius: 20px;
					color: #24665F;
					font-variation-settings: 'wght' 600;
				}

				& .post_item_title {
					font-size: 20px;
					font-variation-settings: 'wght' 700;
					color: #fff;
					position: relative;
					z-index: 1;

					&::before {
						content: '';
						position: absolute;
						transform: translateY(999px);
						top: -20px;
						left: -20px;
						width: calc(100% + 40px);
						height: calc(100% + 40px);
						transition: .3s;
					}
				}

				&:hover {
					& .post_item_title::before {
						transform: translateY(0);
						transition: .3s;
						background-color: #246366;
						border-radius: 20px;
						z-index: -1;
					}
				}
			}
		}

	}

}

.pagination {
	margin: 50px 0 0;
	justify-content: center;
	gap: 15px;

	& .page-numbers {
		width: 43px;
		display: grid;
		aspect-ratio: 1 / 1;
		border-radius: 50%;
		background: #F1F7F4;
		place-items: center;
		font-size: 20px;
		color: #001C1D;
		font-variation-settings: 'wght' 500;


		&.current {
			background: #2A7A71;
			color: #fff;
			font-size: 20px;
			font-variation-settings: 'wght' 700;
		}

		&.next {
			background: #fff;
			border: 1px solid #2A7A71;
			;
		}

		&.prev {
			background: #fff;
			border: 1px solid #2A7A71;
			;
		}
	}
}


.contact_form.on_side {
	width: calc(25% - 15px);
	box-shadow: 0px 0px 25px 0px rgba(42, 122, 113, 0.10);
	border-radius: 20px;
	padding: 30px;

	&>span {
		font-size: 20px;
		font-variation-settings: 'wght' 600;
		display: block;
		margin-bottom: 20px;
	}

	& .inputs_block {
		flex-direction: column;
		gap: 10px;

		& input,
		textarea {
			border-radius: 20px;
			border: 1px solid #2A7A71;
			background: #FFF;
			padding: 17px 20px;
			color: #98B9BA;
			transition: .3s;
			font-variation-settings: 'wght' 500;
			flex-basis: calc((100% / 5) - 18px);
			width: 100%;

			&[type="tel"] {
				width: 100%;
				padding-left: 65px;
			}

			&:focus-visible {
				outline: none;
				color: #001C1D;
				transition: .3s;

				&::placeholder {
					color: #001C1D;
				}
			}

			&::placeholder {
				color: #2A7A71;
				font-variation-settings: 'wght' 500;
				transition: .3s;

			}
		}

		.dropdown_toggle {
			background: none;
			border: none;
			cursor: pointer;
			font-size: 16px;
			font-variation-settings: 'wght' 500;
			color: #2A7A71;
			position: relative;
			text-transform: uppercase;


			&::before {
				content: '';
				width: 11px;
				height: 5px;
				position: absolute;
				right: -13px;
				top: calc(50% - 2px);
				transition: .3s;
				background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="5" viewBox="0 0 11 5" fill="none"><path d="M1 1L5.5 4L10 1" stroke="%232A7A71" stroke-linecap="round" stroke-linejoin="round"/></svg>');
			}

			&.active {
				&::before {
					transform: rotate(-180deg);
					transition: .3s;
				}
			}
		}


		.phone_input_wrapper {
			position: relative;
			display: inline-block;
			width: 100%;
		}

		.country_dropdown {
			position: absolute;
			top: calc(50% - 10px);
			left: 20px;
			z-index: 6;
		}

		.dropdown_menu {
			display: none;
			position: absolute;
			top: calc(100% + 25px);
			left: -20px;
			overflow: hidden;
			max-height: 200px;
			border-radius: 20px;

			&.active {
				display: block;
			}

			&>ul {
				background: #fff;
				border-radius: 20px;
				box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
				padding: 0;
				margin: 0;
				max-height: 200px;
				z-index: 2;
				overflow-y: auto;
				position: relative;
				width: 250px;
			}
		}

		.dropdown_menu li {
			padding: 15px 20px;
			position: relative;
			transition: .3s;
			color: #001C1D;
			font-variation-settings: 'wght' 500;
			cursor: pointer;
			display: flex;
			align-items: center;
			gap: 5px;
			border: 1px solid rgb(241, 247, 244);


			&:first-child {
				border-radius: 20px 20px 0 0;
			}

			&:last-child {
				border-radius: 0 0 20px 20px;
			}

			/* &:not(:last-child) {
				border: 1px solid rgb(241, 247, 244);
			} */

			&:hover {
				transition: .3s;
				background: #F1F7F4;
				;
			}
		}
	}

	& .form_inputs_list {
		& p {
			font-variation-settings: 'wght' 600;
			font-size: 18px;
			margin-top: 10px;
		}

		& ul {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;

			& li {
				width: 54px;
				aspect-ratio: 1 / 1;
				border-radius: 50%;
				position: relative;
				transition: .3s;

				&:hover {
					transform: translateY(-3px);
					transition: .3s;
				}

				& input {
					opacity: 0;
					position: absolute;

					&+label {
						position: absolute;
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
						z-index: 1;
						cursor: pointer;
						display: grid;
						place-items: center;
						background: #fff;
						border-radius: 50%;
						transition: .3s;
					}

					&:checked {
						&+label {
							background: #F1F7F4;
							transition: .3s;
						}
					}
				}

				&:first-child {
					border: 1px solid #2A7A71;
				}

				&:nth-child(2) {
					border: 1px solid #2AABEE;
				}

				&:nth-child(3) {
					border: 1px solid #7360F2;
				}

				&:nth-child(4) {
					border: 1px solid #25D366;
				}
			}
		}
	}

	& .submit_block {
		margin-top: 10px;

		& p {
			max-width: 500px;
			font-variation-settings: 'wght' 500;
			margin-bottom: 0;
			font-size: 14px;
			margin-top: 10px;
		}

		& a {
			color: #2A7A71;
			text-decoration: underline;
		}

		& .pretty_btn {
			& .loader {
				display: none;

				&.active {
					display: flex;
				}
			}
		}
	}

	& .input_list {
		position: relative;

		&>span {
			border-radius: 20px;
			border: 1px solid #2A7A71;
			background: #FFF;
			padding: 17px 20px;
			color: #2A7A71;
			transition: .3s;
			font-variation-settings: 'wght' 500;
			width: 100%;
			position: relative;
			justify-content: space-between;
			cursor: pointer;

			& p {
				margin: 0;
				width: calc(100% - 15px);
				overflow: hidden;
				overflow-wrap: break-word;
				position: relative;
				white-space: nowrap;

				&::after {
					content: '';
					width: 10px;
					right: 0;
					height: 100%;
					background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(0, 215, 255, 0) 100%);
					position: absolute;
				}
			}

			& svg {
				transition: .3s;
			}
		}

		& .inputs_list_body {
			position: absolute;
			width: 100%;
			top: calc(100% + 10px);
			background: #fff;
			border-radius: 20px;
			box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
			overflow: hidden;
			opacity: 0;
			pointer-events: none;
			max-height: 300px;
			z-index: 2;

			& ul {
				max-height: 300px;
				overflow-y: auto;
				overflow-x: hidden;

				& li {
					padding: 15px 20px;
					position: relative;
					transition: .3s;

					&:not(:last-child) {
						border: 1px solid rgb(241, 247, 244);
					}

					&:hover {
						background-color: #f1f7f4;
					}

					& input[type="radio"] {
						appearance: none;
						opacity: 0;
						position: absolute;
					}

					& label {
						color: #001C1D;
						font-variation-settings: 'wght' 500;

						&::before {
							content: '';
							width: 100%;
							height: 100%;
							position: absolute;
							left: 0;
							top: 0;
							opacity: 0;
						}

					}

					& input:checked+label {
						color: #24665F;
						font-variation-settings: 'wght' 700;
					}
				}

				&::-webkit-scrollbar {
					width: 12px;
				}

				&::-webkit-scrollbar-track {
					background: #F1F7F4;
				}

				&::-webkit-scrollbar-thumb {
					background-color: #DADADA;
					border-radius: 10px;

				}
			}
		}

		&.open {
			& .inputs_list_body {
				opacity: 1;
				pointer-events: all;
			}

			&>span {
				& svg {
					transition: .3s;
					transform: rotate(-180deg);
				}

			}

		}
	}

}

/* !!!!!!!!!!!!!!!Хлебные крошки!!!!!!!!!!!!!!!!!!!! */

.breadcrumbs_container {
	margin: 50px 0 60px 0;

	#breadcrumbs>span {
		display: flex;
		align-items: center;
		gap: 10px;
		flex-wrap: wrap;

		&:first-child {
			& a {
				&:first-child {
					font-variation-settings: 'wght' 500;

				}
			}
		}
	}

	& .breadcrumb_last {
		color: #000;
		font-variation-settings: 'wght' 500;
	}

	& a {
		color: #2A7A71;
		font-variation-settings: 'wght' 400;


	}

	& img {
		width: 5px;
		height: 10px;
	}


}


/* !!!!!!!!!!!!!!!!!Рубрика объявлений!!!!!!!!!!!!!!!!!!!! */

.sort_posts_body {
	position: relative;
	width: fit-content;

	& .sort_posts {
		padding: 17px 20px;
		border-radius: 20px;
		border: 1px solid #6DB88D;
		gap: 4px;

		& span {
			font-variation-settings: 'wght' 500;
			display: inline-block;
			margin-right: 10px;
		}

		& svg:last-child {
			transform: rotate(0deg);
			transition: .3s;
		}

		&.open {
			& svg:last-child {
				transform: rotate(-180deg);
				transition: .3s;
			}
		}

	}

	& .sort_list {
		position: absolute;
		width: max-content;
		top: calc(100% + 10px);
		background: #fff;
		border-radius: 20px;
		box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
		overflow: hidden;
		opacity: 0;
		pointer-events: none;
		max-height: 300px;
		z-index: 2;


		& li {
			padding: 15px 20px;
			position: relative;
			transition: .3s;

			& a {
				color: #001C1D;
				font-variation-settings: 'wght' 500;
			}

			&:not(:last-child) {
				border: 1px solid rgb(241, 247, 244);
			}

			&.active a {
				color: #6DB88D;
				font-variation-settings: 'wght' 700;
			}

			&:hover {
				background-color: #f1f1f1;


			}

			& a:hover {
				text-decoration: none;
			}

			& a {
				&::before {
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					position: absolute;
					content: '';
				}
			}
		}



		&.open {
			opacity: 1;
			pointer-events: all;
		}
	}

}

.top_posts {
	gap: 30px;
	font-variation-settings: 'wght' 500;
	margin-bottom: 30px;
	z-index: 11;
	position: relative;
}

#post_list {
	margin-bottom: 130px;

	& .posts {
		gap: 30px;

		& .object_post {
			border-radius: 20px;
			border: 1px solid #84ADA9;

			background: #FFF;

			& .object_post_slider {
				width: 590px;
				overflow: hidden;
				border-radius: 20px;
				position: relative;

				& .object_post_slider_body {
					position: relative;

					& .object_post_slide {
						max-height: 380px;
						border-radius: 20px;
						overflow: hidden;
						min-height: 380px;

						& img {
							width: 100%;
							object-fit: cover;
							min-height: 380px;
							max-height: 100%;
							height: 100%;


							&.no_image {
								width: calc(100% + 2px);
								margin: -1px 0 0 -4px;
								border-radius: 20px;
								border: 1px solid #84ADA9;
							}
						}

						/* &.inactive_slide {
							display: none;
							transition-behavior: allow-descrete;

						}

						&.active_slide {
							display: block;
							opacity: 1;
							transition: .3s;
							transition-behavior: allow-descrete;



							@starting-style {
								transition: .3s;
								opacity: .8;
							}
						} */
					}


					& .swiper-button-next,
					.swiper-button-prev {
						border-radius: 21.5px;
						border: 1px solid #2A7A71;
						background: rgba(241, 247, 244, 0.60);
						backdrop-filter: blur(1px);
						width: 43px;
						height: 43px;
						transition: .3s;

						&>svg {
							width: auto;
							height: auto;
						}
					}


					& .swiper-button-next::after,
					.swiper-button-prev::after {
						content: none;
					}

					& .swiper-pagination {
						position: absolute;
						bottom: 0;
						width: fit-content;
						gap: 6px;
						z-index: 2;
						margin: 0 auto;
						left: 50%;
						transform: translateX(-50%);
						padding: 10px;

						& .swiper-pagination-bullet {
							width: 12px;
							height: 12px;
							border-radius: 50%;
							background: #FFFFFF80;
							cursor: pointer;
							transition: .3s;

							&.swiper-pagination-bullet-active {
								width: 22px;
								background: #2A7A71;
								border-radius: 10px;
								transition: .3s;

							}
						}
					}

					/* & .change_hover_block {
						position: absolute;
						width: 100%;
						height: 100%;
						left: 0;
						top: 0;
						z-index: 2;
					} */
				}
			}

			& .object_post_text {
				width: calc(100% - 590px);
				padding: 25px 30px 30px 30px;
				justify-content: space-between;

				& .object_post_title {
					color: #001C1D;
					font-variation-settings: 'wght' 600;
					font-size: 24px;
					display: inline-block;
					margin-bottom: 20px;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 1;
					overflow: hidden;
					transition: .3s;

					&:hover {
						color: #2A7A71;
						transition: .3s;
					}
				}

				& .object_post_adress {
					gap: 10px;
					font-size: 18px;
					font-variation-settings: 'wght' 500;
					margin-bottom: 15px;

					& p {
						margin: 0;
						width: calc(100% - 25px);
					}

					& svg {
						width: 23px;
					}
				}

				& .object_post_info {
					gap: 30px;
					color: #2A7A71;
					font-size: 18px;
					font-variation-settings: 'wght' 500;
					margin-bottom: 15px;
				}

				& .object_post_desc {
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
					overflow: hidden;
					margin-bottom: 15px;
					max-height: 60px;

					& p {
						margin-bottom: 3px;
					}

					& ul {
						margin-bottom: 20px;
						padding-left: 15px;
						display: flex;
						flex-direction: column;
						gap: 3px;
						list-style: disc;

						& li {
							&::marker {
								color: #2A7A71;
							}
						}

					}
				}

				& .object_metro_info {
					gap: 10px;
					font-size: 18px;
					font-variation-settings: 'wght' 500;
					color: #000;
					background: #F1F7F4;
					padding-right: 20px;
					border-radius: 20px;

					& svg {
						width: 43px;
					}
				}

				& .object_post_price_block {
					margin-bottom: 15px;
					gap: 15px;

					& .object_post_price_top {

						& span,
						.no_price {
							color: #2A7A71;
							font-size: 24px;
							font-variation-settings: 'wght' 600;
							display: inline-block;
						}

						& strong {
							color: #2A7A71;
							font-size: 24px;
							font-variation-settings: 'wght' 600;
							text-transform: uppercase;


						}
					}

					& .object_post_price_bottom {
						&>span {
							color: #001C1D;
							font-size: 20px;
							font-variation-settings: 'wght' 500;
						}

						& strong {
							color: #001C1D;
							font-size: 20px;
							font-variation-settings: 'wght' 500;

							& b {
								text-transform: uppercase;

							}
						}
					}

				}

				& .object_post_button_block {
					gap: 20px;

					& .pretty_btn {
						width: 250px;
					}

					& .object_phone {
						margin-left: 10px;

						& a {
							gap: 5px;

							& span {
								font-variation-settings: 'wght' 700;
								color: #2A7A71;

							}
						}
					}
				}
			}
		}
	}
}

.other_categories {

	/* margin-top: 60px; */
	& .front_page_links_container {
		& .category_link_item {
			width: 300px;
		}
	}
}






/* !!!!!!!!!!!!!!!!!!!!!!!!Страница поиска!!!!!!!!!!!!!!!!!!!!!!!! */
.objects_group {
	margin-bottom: 100px;
}

.search_results_count {
	margin-bottom: 20px;
}

.objects_group.objects {
	gap: 30px;

	& .object_post {
		border-radius: 20px;
		border: 1px solid #84ADA9;
		display: none;

		&.active_post {
			display: flex;
		}

		background: #FFF;

		& .object_post_slider {
			width: 590px;
			overflow: hidden;
			border-radius: 20px;
			position: relative;

			& .object_post_slider_body {
				position: relative;

				& .object_post_slide {
					max-height: 380px;
					border-radius: 20px;
					overflow: hidden;
					min-height: 380px;

					& img {
						width: 100%;
						object-fit: cover;
						min-height: 380px;
						max-height: 100%;

						&.no_image {
							width: calc(100% + 2px);
							margin: -1px 0 0 -4px;
							border-radius: 20px;
							border: 1px solid #84ADA9;
						}
					}

					/* &.inactive_slide {
						display: none;
						transition-behavior: allow-descrete;

					}

					&.active_slide {
						display: block;
						opacity: 1;
						transition: .3s;
						transition-behavior: allow-descrete;



						@starting-style {
							transition: .3s;
							opacity: .8;
						}
					} */
				}

				/* & .object_slider_dots {
					position: absolute;
					bottom: 0;
					width: fit-content;
					gap: 6px;
					z-index: 2;
					margin: 0 auto;
					left: 50%;
					transform: translateX(-50%);
					padding: 10px;

					& .slider_dot {
						width: 12px;
						height: 12px;
						border-radius: 50%;
						background: #FFFFFF80;
						cursor: pointer;
						transition: .3s;

						&.active {
							width: 22px;
							background: #2A7A71;
							border-radius: 10px;
							transition: .3s;

						}
					}
				} */

				/* & .change_hover_block {
					position: absolute;
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					z-index: 2;
				} */

				& .swiper-button-next,
				.swiper-button-prev {
					border-radius: 21.5px;
					border: 1px solid #2A7A71;
					background: rgba(241, 247, 244, 0.60);
					backdrop-filter: blur(1px);
					width: 43px;
					height: 43px;
					transition: .3s;

					&>svg {
						width: auto;
						height: auto;
					}
				}


				& .swiper-button-next::after,
				.swiper-button-prev::after {
					content: none;
				}

				& .swiper-pagination {
					position: absolute;
					bottom: 0;
					width: fit-content;
					gap: 6px;
					z-index: 2;
					margin: 0 auto;
					left: 50%;
					transform: translateX(-50%);
					padding: 10px;

					& .swiper-pagination-bullet {
						width: 12px;
						height: 12px;
						border-radius: 50%;
						background: #FFFFFF80;
						cursor: pointer;
						transition: .3s;

						&.swiper-pagination-bullet-active {
							width: 22px;
							background: #2A7A71;
							border-radius: 10px;
							transition: .3s;

						}
					}
				}
			}
		}

		& .object_post_text {
			width: calc(100% - 590px);
			padding: 25px 30px 30px 30px;
			justify-content: space-between;

			& .object_post_title {
				color: #001C1D;
				font-variation-settings: 'wght' 600;
				font-size: 24px;
				display: inline-block;
				margin-bottom: 20px;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				overflow: hidden;
				transition: .3s;

				&:hover {
					color: #2A7A71;
					transition: .3s;
				}
			}

			& .object_post_adress {
				gap: 10px;
				font-size: 18px;
				font-variation-settings: 'wght' 500;
				margin-bottom: 15px;

				& p {
					margin: 0;
					width: calc(100% - 25px);
				}

				& svg {
					width: 23px;
				}
			}

			& .object_post_info {
				gap: 30px;
				color: #2A7A71;
				font-size: 18px;
				font-variation-settings: 'wght' 500;
				margin-bottom: 15px;
			}

			& .object_post_desc {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				overflow: hidden;
				margin-bottom: 15px;
			}

			& .object_metro_info {
				gap: 10px;
				font-size: 18px;
				font-variation-settings: 'wght' 500;
				color: #000;
				background: #F1F7F4;
				padding-right: 20px;
				border-radius: 20px;

				& svg {
					width: 43px;
				}
			}

			& .object_post_price_block {
				margin-bottom: 15px;
				gap: 15px;

				& .object_post_price_top {

					& span,
					& .no_price {
						color: #2A7A71;
						font-size: 24px;
						font-variation-settings: 'wght' 600;
						display: inline-block;
					}

					& strong {
						color: #2A7A71;
						font-size: 24px;
						font-variation-settings: 'wght' 600;
						text-transform: uppercase;


					}

				}


				& .object_post_price_bottom {
					&>span {
						color: #001C1D;
						font-size: 20px;
						font-variation-settings: 'wght' 500;
					}

					& strong {
						color: #001C1D;
						font-size: 20px;
						font-variation-settings: 'wght' 500;

						& b {
							text-transform: uppercase;

						}
					}
				}

			}

			& .object_post_button_block {
				gap: 20px;

				& .pretty_btn {
					width: 250px;
				}

				& .object_phone {
					margin-left: 10px;

					& a {
						gap: 5px;

						& span {
							font-variation-settings: 'wght' 700;
							color: #2A7A71;

						}
					}
				}
			}
		}
	}

	& .show_more {
		display: flex;
		align-items: center;
		gap: 10px;
		width: fit-content;
		margin: 0 auto;
	}
}

.objects_group.analytics {

	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;

	& .post_item {
		height: 410px;
		position: relative;
		border-radius: 20px;
		overflow: hidden;
		justify-content: space-between;
		padding: 20px;
		align-items: start;

		&>a {
			position: absolute;
			width: 100%;
			height: 100%;
			opacity: 0;
			left: 0;
			top: 0;
			z-index: 2;
		}

		& .post_item_background {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}

		& .post_item_year {
			position: relative;
			z-index: 1;
			background: #fff;
			padding: 6px 15px;
			border-radius: 20px;
			color: #24665F;
			font-variation-settings: 'wght' 600;
		}

		& .post_item_title {
			font-size: 20px;
			font-variation-settings: 'wght' 700;
			color: #fff;
			position: relative;
			z-index: 1;
			width: 100%;

			&::before {
				content: '';
				position: absolute;
				transform: translateY(999px);
				top: -20px;
				left: -20px;
				width: calc(100% + 40px);
				height: calc(100% + 40px);
				transition: .3s;
			}
		}

		&:hover {
			& .post_item_title::before {
				transform: translateY(0);
				transition: .3s;
				background-color: #246366;
				border-radius: 20px;
				z-index: -1;
			}
		}
	}

}

.objects_group_news_body {
	margin-bottom: 100px;

	& .objects_group.news {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
		margin-bottom: 30px;

		& .news_slide {
			border-radius: 20px;
			height: 410px !important;
			transition: .3s;
			flex-basis: 342px;
			padding: 30px;
			display: flex;
			align-items: flex-end;
			/* Изменено 'end' на 'flex-end' */
			display: none !important;
			position: relative;

			&.active_post {
				display: flex !important;
			}

			& .news_text {
				margin: 0;
				max-height: 45px;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				font-variation-settings: 'wght' 500;
				font-size: 18px;
				color: #fff;
				display: block;
				transition-delay: 1s;
				opacity: 1;
				transition: .3s;
				position: static;
			}

			&.active {
				flex-basis: 715px;
				transition: .3s;


			}
		}

		& .news_title_arrow {
			display: flex;
			align-items: center;
			gap: 15px;
			color: #fff;
			font-size: 18px;
			font-variation-settings: 'wght' 700;
			margin-top: 15px;

		}


		& .news_title {
			font-variation-settings: 'wght' 700;
			font-size: 24px;
			color: #fff;
			margin-bottom: 15px;
			display: block;
		}


		& .reading_time {
			background-color: #fff;
			border-radius: 17px;
			position: absolute;
			top: 15px;
			right: 15px;
			padding: 0px 15px 5px 15px;
			width: 75px;
			height: 75px;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			color: #001C1D;
			font-variation-settings: 'wght' 500;

			& strong {
				font-size: 36px;
				color: #001C1D;
				font-variation-settings: 'wght' 600;
				width: 100%;
				display: block;
				text-align: center;
				margin-bottom: -5px;
			}
		}

	}

	& .show_more {
		display: flex;
		align-items: center;
		gap: 10px;
		width: fit-content;
		margin: 0 auto;
	}

}

.objects_group.others {
	& .search_result_item {

		&:first-child {
			margin-top: 0;
		}

		&:last-child {
			border: none;
			padding-bottom: 0;
		}

		padding: 30px 0;
		display: block;
		width: 100%;
		border-bottom: 1px solid #F1F7F4;

		& .page_link {
			display: inline-block;

			color: #001C1D;

			& h3 {
				font-size: 28px;
			}

		}

		& .item_excerpt {

			& p {
				margin: 15px 0 0 0;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				overflow: hidden;
			}
		}
	}
}



.search_filters {
	& .form_filter_tabs {
		margin-bottom: 20px;
		gap: 15px;

		& .form_filter_tab {
			input[type="radio"] {
				appearance: none;
				position: absolute;

				&:checked+label {
					background-color: #2A7A71;
					color: #fff;
					font-variation-settings: 'wght' 700;
					transition: .3s;
				}

				&+label {
					background-color: #fff;
					border: 1px solid #2A7A71;
					color: #2A7A71;
					font-variation-settings: 'wght' 600;
					padding: 17px 20px;
					border-radius: 20px;
					cursor: pointer;
					transition: .3s;

				}
			}
		}
	}
}

.search_page_form {
	max-width: 815px;
	margin-bottom: 30px;

	& search {
		margin-left: auto;
		padding: 17px 20px;
		border-radius: 20px;
		border: 1px solid #2A7A71;
		width: 100%;
		position: relative;
		overflow: hidden;

		& button[type="submit"] {
			position: absolute;
			right: 0;
			padding: 17px 20px;
			background: #2A7A71;
			width: 155px;
			top: 0;
			transition: .3s;

			& span {
				color: #fff;
				font-variation-settings: 'wght' 700;
			}

			&:hover {
				background-color: #24665F;
				transition: .3s;

			}
		}

		& #search_results {
			position: absolute;
			top: calc(100% + 10px);
			border-radius: 20px;
			background: #FFF;
			box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
			left: 0;
			width: 100%;
			z-index: 3;

			& .no-results {
				padding: 15px;
			}

			& ul {
				border-radius: 20px 20px 0 0;
				overflow: hidden;

				& li {
					transition: .3s;
					border-bottom: 1px solid #F1F7F4;

					& a {
						padding: 15px 20px;
						display: block;
						width: 100%;

						& h4 {
							color: #001C1D;
							font-size: 16px;
						}
					}

					&:hover {
						background-color: #F1F7F4;
						transition: .3s;

					}
				}
			}



			.search_loading {
				padding: 15px;
				color: #24665F;
			}
		}

		& form {
			display: flex;
			align-items: center;
			gap: 10px;
			justify-content: space-between;
			width: 100%;


		}

		& svg {
			position: absolute;
		}
	}

	& input[type="text"] {
		appearance: none;
		border: none;
		padding-left: 35px;
		color: #2A7A71;
		font-variation-settings: 'wght' 600;
		width: 100%;



		&::placeholder {
			font-variation-settings: 'wght' 600;
			color: #2A7A71;
			transition: .3s;
		}

		&:focus-visible {
			outline: none;

			&::placeholder {
				color: #2A7A71;
				opacity: .3;
				transition: .3s;
			}
		}
	}
}


/* !!!!!!!!!!!!!!!!!!!Страница о компании!!!!!!!!!!!!!!!!!!! */



.partners {
	gap: 30px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);

	& .partners_item {
		border-radius: 20px;
		border-top: 1px solid #F1F7F4;
		border-right: 1px solid #F1F7F4;
		border-bottom: 2px solid #F1F7F4;
		border-left: 1px solid #F1F7F4;
		aspect-ratio: 2 / 1;
		overflow: hidden;

		& img {
			width: 100%;
			height: 100%;
			object-fit: contain;
		}
	}
}






.areas_container {
	gap: 30px;

	& .areas {
		width: calc(66.6% - 15px);
		gap: 30px;
		display: flex;
		flex-wrap: wrap;



		& .areas_item {
			border-radius: 20px;
			border: 1px solid #2A7A71;
			padding: 20px 30px;
			display: grid;
			place-items: center;
			width: calc(33.3% - 20px);
			position: relative;
			overflow: hidden;

			&::before {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				width: 42px;
				height: 35px;
				background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="42" height="35" viewBox="0 0 42 35" fill="none"><path d="M-3 -4.5L0.5 34.5C4.5 3 32.5 0.166667 42 0L-3 -4.5Z" fill="%232A7A71"/></svg>');
			}

			& span {
				font-size: 20px;
				font-variation-settings: 'wght' 600;

			}
		}
	}

	& .areas_img {
		width: calc(33.3% - 15px);
		border-radius: 20px;
		overflow: hidden;
		border-radius: 20px;

		& img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
}


.director_container {
	padding: 40px 50px 65px 50px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;

	& .director_background {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;

		& img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	& .director_photo {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	& .director_info {
		width: calc(100% - 295px);
		justify-content: space-between;

		& .director_left {
			max-width: 540px;

			& .director_name {
				position: relative;
				z-index: 1;
				color: #fff;
				font-size: 28px;
				font-variation-settings: 'wght' 700;
				margin-bottom: 5px;
			}

			& .director_job {
				position: relative;
				z-index: 1;
				color: #fff;
				font-size: 22px;
				font-variation-settings: 'wght' 500;
				margin-bottom: 30px;
			}

			& .main_competention {
				position: relative;
				z-index: 1;
				margin-bottom: 30px;

				& span {
					font-size: 22px;
					font-variation-settings: 'wght' 700;
					color: #fff;
					display: block;
					margin-bottom: 10px;
				}

				& p {
					font-size: 16px;
					font-variation-settings: 'wght' 700;
					position: relative;
					color: #fff;

					&::before {
						content: '';
						position: absolute;
						width: 35px;
						height: 3px;
						border-radius: 0px 6px 6px 0px;
						background: #fff;
						left: -50px;
						top: 8px;
					}
				}
			}
		}

		& .director_right {
			position: relative;
			z-index: 1;
			max-width: 420px;
		}

		& .director_experience {
			gap: 15px;

			& li {
				display: flex;
				gap: 5px;

				& span {
					position: relative;
					font-variation-settings: 'wght' 500;
					color: #fff;
					display: block;
					width: calc(100% - 20px);
				}
			}

			&.mobile {
				display: none;
			}
		}
	}

	& .competentions_list {
		position: relative;
		z-index: 1;
		row-gap: 10px;
		column-gap: 80px;
		display: flex;
		flex-wrap: wrap;
		max-height: 210px;
		flex-direction: column;



		& .competentions_item {
			position: relative;
			max-width: 540px;

			&::before {
				content: '';
				position: absolute;
				width: 35px;
				height: 3px;
				border-radius: 0px 6px 6px 0px;
				background: #ffffff99;
				left: -50px;
				top: 8px;
			}

			& span {
				color: #fff;
				font-variation-settings: 'wght' 500;
			}

			&:nth-last-child(-n+3) {
				max-width: 390px;
			}
		}
	}
}



/* !!!!!!!!!!!!!!!!!!!!!!!!Соцсети на странице контакты!!!!!!!!!!!!!!!!!!!!!!!! */

.social_networks {
	margin: 10px 0 30px 0 !important;
	justify-content: end;
	gap: 15px;

	& a {
		width: 54px;
		height: 54px;
		border: 1px solid;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: .3s;

		& img {
			position: relative;
			z-index: 1;
		}

		& span {
			max-width: 0;
			overflow: hidden;
			transition: .3s;
			opacity: 0;
		}

		&:hover {
			width: 140px;
			border-radius: 20px;
			gap: 8px;
			transition: .3s;

			& span {
				max-width: 100px;
				transition: .3s;
				opacity: 1;
			}
		}

		&.telegram {
			border-color: #2AABEE;

			& span {
				color: #2AABEE;
			}
		}

		&.whatsapp {
			border-color: #25D366;

			& span {
				color: #25D366;
			}
		}

		&.viber {
			border-color: #7360F2;

			& span {
				color: #7360F2;
			}
		}

		&.facebook {
			border-color: #0866FF;

			& span {
				color: #0866FF;
			}
		}

		&.instagram {
			background: linear-gradient(#fff, #fff) padding-box,
				radial-gradient(92.18% 99.11% at 26.56% 107.7%, #FFDD55 0%, #FFDD55 10%, #FF543E 50%, #C837AB 100%) border-box;
			border: 1px solid transparent;
			border-radius: 50%;


			&.instagram span {
				background: radial-gradient(92.18% 99.11% at 26.56% 107.7%, #FFDD55 0%, #FFDD55 10%, #FF543E 50%, #C837AB 100%);
				-webkit-background-clip: text;
				background-clip: text;
				color: transparent;
				/* Делаем текст прозрачным, чтобы был виден градиент */
				position: relative;
				z-index: 1;
			}

			&:hover {
				border-radius: 20px;

				&::before {
					border-radius: 20px;
					transition: .3s;

				}
			}
		}
	}

}



.rekv_container {
	margin-bottom: 30px;

	& .rekv_list {
		border-radius: 20px;
		overflow: hidden;
		border: 1px solid rgb(241, 247, 244);

		& li {
			padding: 10px 20px;
			border-bottom: 1px solid rgb(241, 247, 244);
			gap: 10px;
			justify-content: space-between;

			&:nth-child(odd) {
				background: #F1F7F4;
			}

			& .rekv_text {
				display: inline-block;
				width: 30%;
				font-variation-settings: 'wght' 600;

			}

			& .rekv_val {
				display: inline-block;
				width: 66%;
			}
		}
	}
}


/* !!!!!!!!!!!!!!!!!!!!!!!!Страница новости!!!!!!!!!!!!!!!!!!!!!!!! */


article {

	& a {
		color: #2A7A71;
	}
}

.p_link_container {
margin-top: 130px;

	& .p_link {
		justify-content: space-between;

		& a {
			max-width: 590px;
			border-radius: 20px;
			padding: 20px 30px 30px;
			background: #F1F7F4;

			& .p_link_block {
				gap: 30px;
				width: 100%;

				& .p_link_img {
					border-radius: 20px;
					width: 250px;
					height: 140px;
					overflow: hidden;

					& img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}

				.p_link_text {
					max-width: calc(100% - 280px);
					overflow: hidden;

					& span {
						font-size: 20px;
						color: #001C1D;
						font-variation-settings: 'wght' 700;
						margin-bottom: 10px;
						max-height: 75px;
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 3;

					}

					& p {
						margin: 0;
						color: #000;
						max-height: 0;
						overflow: hidden;
						transform: translateY(999px);
						transition: .3s;
						opacity: 0;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 3;
					}


				}
			}

			&:first-child {

				& span {
					display: inline-block;
					margin-bottom: 10px;
					color: #2A7A71;
					width: 100%;
					text-align: start;
				}
			}

			&[rel="prev"] {
				margin-right: auto;
				margin-left: 0;
			}

			&[rel="next"] {
				margin-right: 0;
				margin-left: auto;
			}

			&:last-child {

				& span {
					display: inline-block;
					margin-bottom: 10px;
					color: #2A7A71;
					width: 100%;
					text-align: end;

				}
			}

			&:hover {
				& .p_link_text p {

					max-height: 60px;
					transform: translateY(0);
					transition: .3s;
					opacity: 1;

				}
			}
		}
	}
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!Поиск по карте!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.front_page_filter_container.map {
	z-index: 2;

	.front_page_filter {
		& .form_filter_right {

			& search {
				width: 390px;
			}

			& .filter_buttons {
				justify-content: end;

				& #filter_count {
					width: 390px;
				}
			}
		}
	}
}

.map_posts_container {
	position: relative;


	& .advice {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		width: 100vw;
		height: 100%;
		z-index: -9999;
		opacity: 0;
		visibility: hidden;
		transition: .3s;

		&.active {
			opacity: 1;
			visibility: visible;
			z-index: 1;
			background: #00000070;
			color: #fff;
			display: grid;
			place-items: center;
			font-size: 24px;
			text-transform: uppercase;
			transition: .3s;
			text-align: center;
			padding: 0 150px;
			line-height: 150%;
		}
	}

	#map {
		transition: .3s;
		margin-bottom: -30px;
		width: 100vw !important;
		left: 50%;
		transform: translateX(-50%);
		position: relative;

		&.loading {
			background: #fff;
			opacity: .3;
			transition: .3s;
		}

		&.open {
			width: 50vw;
			left: 25%;
			transition: .3s;
		}

		.balloon {
			border-radius: 10px;
			background: rgba(35, 113, 104, 0.80);
			backdrop-filter: blur(2px);
			width: max-content;
			padding: 10px 10px 5px 10px;
			position: absolute;
			transform: translate(-50%, -100%);
			max-width: 250px;

			& img {
				border-radius: 10px;
				width: 100% !important;
				object-fit: cover;
			}

			& h3 {
				color: #fff;
				font-size: 16px;
				font-variation-settings: 'wght' 500;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				overflow: hidden;
				margin-bottom: 5px;
			}

			& p {
				color: #fff;
				font-size: 16px;
				font-variation-settings: 'wght' 600;

				& span {
					text-transform: uppercase;

				}
			}
		}
	}

	& #mapControls {
		position: absolute;
		top: 80px;
		left: 0;
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 15px;

		& .zoom_controls {

			& #zoomIn {
				padding: 13px;
				background: #fff;
				border-radius: 55px 55px 0 0;

				& img {
					width: 20px;
					height: 20px;
					object-fit: cover;
				}
			}

			& #zoomOut {
				padding: 13px;
				background: #fff;
				border-radius: 0 0 55px 55px;

				& img {
					width: 20px;
					height: 20px;
				}
			}

			& button {
				transition: .3s;
				width: 46px;
				aspect-ratio: 1 / 1;
				display: grid;
				place-items: center;


				&:hover {
					background: #2A7A71 !important;
					transition: .3s;

					& img {
						transition: .3s;
						filter: brightness(99);
					}

				}
			}


		}

		& #geoLocate {
			border-radius: 55px;
			background: #FFF;
			box-shadow: 0px 0px 10px 0px rgba(21, 94, 86, 0.25);
			width: 46px;
			height: 46px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: .3s;

			& img {
				margin-top: 3px;
			}

			&:hover {
				background: #2A7A71;

				& img {
					filter: brightness(99);
				}
			}

			&>span {
				position: absolute;
				left: calc(100% + 15px);
				pointer-events: none;

				&>p {
					opacity: 0;
					transition: .3s;
					padding: 10px;
					border-radius: 10px;
					width: max-content;
					color: #fff;
					pointer-events: none;
					margin: 0;
					position: relative;

					&::before {
						content: '';
						width: 11px;
						height: 20px;
						left: -10px;
						top: calc(50% - 10px);
						position: absolute;
						transition: .3s;
						opacity: 0;
						visibility: hidden;
						background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="20" viewBox="0 0 11 20" fill="none"><path d="M1.63263 11.4812C0.757778 10.6875 0.75778 9.31246 1.63263 8.51874L10.5 0.473684L10.5 19.5262L1.63263 11.4812Z" fill="%232A7A71"/></svg>');
					}
				}
			}

			&:hover {
				&>span {
					pointer-events: all;

					&>p {
						transition: .3s;
						opacity: 1;
						visibility: visible;
						background: #2A7A71;
						pointer-events: all;

						&::before {
							transition: .3s;
							opacity: 1;
							visibility: visible;
						}
					}
				}
			}
		}


		& #layersButton {
			border-radius: 55px;
			background: #FFF;
			box-shadow: 0px 0px 10px 0px rgba(21, 94, 86, 0.25);
			width: 46px;
			height: 46px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: .3s;
			position: relative;
			cursor: pointer;

			& svg path {
				transition: .3s;
			}

			&:hover {
				background: #2A7A71;

				& svg path {
					transition: .3s;
					fill: #fff
				}
			}

			&>ul {
				position: absolute;
				opacity: 0;
				z-index: -1;
				visibility: hidden;
				transition: .3s;
				left: calc(100% + 12px);
				pointer-events: none;
				border-radius: 20px;
				background: #FFF;
				box-shadow: 0px 0px 10px 0px rgba(21, 94, 86, 0.25);
				padding: 10px;


				& li {
					position: relative;

					& span {
						font-size: 14px;
						display: inline-block;
						margin-top: 3px;
						transition: .3s;
					}

					& img {
						transition: .3s;
						border: 2px solid transparent;
						border-radius: 15px;
					}


					&:first-child {
						padding-bottom: 10px;

						&::before {
							content: '';
							width: calc(100% + 20px);
							position: absolute;
							left: -10px;
							bottom: 0px;
							height: 1px;
							background: #F1F7F4;
						}
					}

					&:nth-child(2) {
						padding-top: 10px;
						padding-bottom: 10px;

						&::before {
							content: '';
							width: calc(100% + 20px);
							position: absolute;
							left: -10px;
							bottom: 0px;
							height: 1px;
							background: #F1F7F4;
						}
					}

					&:last-child {
						padding-top: 10px;
					}

					&:hover {
						& span {
							color: #2A7A71;
							transition: .3s;
						}

						& img {
							border-color: #2A7A71;
							transition: .3s;
						}
					}

					&.active {
						& span {
							color: #2A7A71;
							transition: .3s;
						}

						& img {
							border-color: #2A7A71;
							transition: .3s;
						}
					}
				}
			}

			&>span {
				position: absolute;
				left: calc(100% + 15px);
				pointer-events: none;

				&>p {
					opacity: 0;
					transition: .3s;
					padding: 10px;
					border-radius: 10px;
					width: max-content;
					color: #fff;
					pointer-events: none;
					margin: 0;
					position: relative;

					&::before {
						content: '';
						width: 11px;
						height: 20px;
						left: -10px;
						top: calc(50% - 10px);
						position: absolute;
						transition: .3s;
						opacity: 0;
						visibility: hidden;
						background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="20" viewBox="0 0 11 20" fill="none"><path d="M1.63263 11.4812C0.757778 10.6875 0.75778 9.31246 1.63263 8.51874L10.5 0.473684L10.5 19.5262L1.63263 11.4812Z" fill="%232A7A71"/></svg>');
					}
				}
			}

			&:hover {
				&>span {
					pointer-events: all;

					&>p {
						transition: .3s;
						opacity: 1;
						visibility: visible;
						background: #2A7A71;
						pointer-events: all;

						&::before {
							transition: .3s;
							opacity: 1;
							visibility: visible;
						}
					}

				}
			}

			&.open {
				&>ul {
					transition: .3s;
					opacity: 1;
					visibility: visible;
					z-index: 1;
					pointer-events: all;
				}

				&>span {
					transition: .3s;
					opacity: 0;
					visibility: hidden;
					z-index: -1;
					pointer-events: none;
				}
			}
		}
	}

	& .posts_map {
		position: absolute;
		right: 0;
		top: 0;
		background: #F1F7F4;
		height: 100%;

		width: 730px;
		transform: translateX(999px);
		transition: .3s;
		opacity: 0;
		z-index: 1;
		direction: rtl;

		&.open {
			transform: translateX(0);
			transition: .3s;
			opacity: 1;
		}



		& .posts_map_list {
			padding: 0px 0 90px 40px;
			overflow: auto;
			height: 100%;
			z-index: 1;

			&::-webkit-scrollbar {
				width: 7px;
			}

			&::-webkit-scrollbar-track {
				background: #fff;
			}

			&::-webkit-scrollbar-thumb {
				background-color: #2A7A71;

			}

			& .posts_map_body {

				&.loading {

					pointer-events: none;

					&::after {
						content: '';
						width: 100%;
						height: 100%;
						left: 0;
						top: 0;
						background: #Ffff;
						position: absolute;
						transition: .3s;
						opacity: .3;
						z-index: 2;
					}
				}

				&::before {
					content: '';
					width: 100vw;
					height: 100%;
					right: -100vw;
					top: 0;
					background: #F1F7F4;
					position: absolute;
				}

				& .posts_list_top {
					justify-content: space-between;
					position: relative;
					gap: 30px;
					padding-bottom: 20px;
					direction: ltr;
					position: sticky;
					top: 0;
					z-index: 2;
					background: #F1F7F4;
					padding-top: 60px;
					width: calc(100% + 30px);
					margin-right: -15px;
					padding: 60px 15px 15px 20px;


					& .post_list_title {
						& h2.title {
							margin-bottom: 0;
							max-width: 300px;
						}
					}

					& .sort_posts_body {
						& .sort_list {
							right: 0;

							& label {
								cursor: pointer;

								&::before {
									position: absolute;
									content: '';
									width: 100%;
									height: 100%;
									left: 0;
									top: 0;
									opacity: 0;
									cursor: pointer;
								}
							}

							& input {
								appearance: none;
							}

							& input:checked~label {

								color: #6DB88D;
								font-variation-settings: 'wght' 700;

							}
						}

						& #sort_button {
							& span {
								max-width: 130px;
								overflow: hidden;
								white-space: nowrap;
								position: relative;
								margin-right: 0;
								padding-right: 15px;

								&::after {
									content: '';
									width: 10px;
									right: 0;
									height: 100%;
									background: linear-gradient(270deg, rgba(241, 247, 244) 0%, rgba(0, 215, 255, 0) 100%);
									position: absolute;
								}

							}
						}
					}
				}

				& .post_list_items {
					z-index: 1;
					position: relative;
					direction: ltr;
					gap: 15px;

					& .object_post {
						border-radius: 20px;
						border: 1px solid #84ADA9;
						background: #FFF;

						& .object_post_slider {
							width: 260px;
							overflow: hidden;
							border-radius: 20px;
							position: relative;

							& .object_post_slider_body {
								position: relative;

								& .object_post_slide {
									max-height: 260px;
									border-radius: 20px;
									overflow: hidden;
									min-height: 260px;

									& img {
										width: 100%;
										object-fit: cover;
										height: 100%;
										aspect-ratio: 1 / 1;
										object-position: center;
									}

									/* &.inactive_slide {
										display: none;
										transition-behavior: allow-descrete;

									}

									&.active_slide {
										display: block;
										opacity: 1;
										transition: .3s;
										transition-behavior: allow-descrete;



										@starting-style {
											transition: .3s;
											opacity: .8;
										}
									} */
								}

								/* & .object_slider_dots {
									position: absolute;
									bottom: 0;
									width: fit-content;
									gap: 6px;
									z-index: 2;
									margin: 0 auto;
									left: 50%;
									transform: translateX(-50%);
									padding: 10px;

									& .slider_dot {
										width: 12px;
										height: 12px;
										border-radius: 50%;
										background: #FFFFFF80;
										cursor: pointer;
										transition: .3s;

										&.active {
											width: 22px;
											background: #2A7A71;
											border-radius: 10px;
											transition: .3s;

										}
									}
								} */

								/* & .change_hover_block {
									position: absolute;
									width: 100%;
									height: 100%;
									left: 0;
									top: 0;
									z-index: 2;
								} */

								& .swiper-button-next,
								.swiper-button-prev {
									border-radius: 21.5px;
									border: 1px solid #2A7A71;
									background: rgba(241, 247, 244, 0.60);
									backdrop-filter: blur(1px);
									width: 34px;
									height: 34px;
									transition: .3s;

									&>svg {
										width: auto;
										height: auto;
									}
								}


								& .swiper-button-next::after,
								.swiper-button-prev::after {
									content: none;
								}

								& .swiper-pagination {
									position: absolute;
									bottom: 0;
									width: fit-content;
									gap: 6px;
									z-index: 2;
									margin: 0 auto;
									left: 50%;
									transform: translateX(-50%);
									padding: 10px;

									& .swiper-pagination-bullet {
										width: 12px;
										height: 12px;
										border-radius: 50%;
										background: #FFFFFF80;
										cursor: pointer;
										transition: .3s;

										&.swiper-pagination-bullet-active {
											width: 22px;
											background: #2A7A71;
											border-radius: 10px;
											transition: .3s;

										}
									}
								}
							}
						}

						& .object_post_text {
							width: calc(100% - 260px);
							padding: 20px;
							justify-content: space-between;

							& .object_post_title {
								color: #001C1D;
								font-variation-settings: 'wght' 600;
								font-size: 20px;
								display: inline-block;
								margin-bottom: 5px;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 1;
								overflow: hidden;
								transition: .3s;

								&:hover {
									color: #2A7A71;
									transition: .3s;
								}
							}

							& .object_post_adress {
								gap: 10px;
								font-size: 16px;
								font-variation-settings: 'wght' 500;
								margin-bottom: 10px;
							}

							& .object_post_info {
								gap: 30px;
								color: #2A7A71;
								font-size: 14px;
								font-variation-settings: 'wght' 500;
								margin-bottom: 15px;

							}



							& .object_post_price_block {
								margin-bottom: 20px;

								& .object_post_price_top {
									& span {
										color: #2A7A71;
										font-size: 20px;
										font-variation-settings: 'wght' 600;
										display: inline-block;
										margin-bottom: 5px;
									}

									& strong {
										color: #2A7A71;
										font-size: 20px;
										font-variation-settings: 'wght' 600;
										text-transform: uppercase;


									}
								}

								& .object_post_price_bottom {
									&>span {
										color: #001C1D;
										font-size: 16px;
										font-variation-settings: 'wght' 500;
									}

									& strong {
										color: #001C1D;
										font-size: 16px;
										font-variation-settings: 'wght' 500;

										& b {
											text-transform: uppercase;

										}
									}
								}

							}

							& .object_post_button_block {
								gap: 20px;

								& .pretty_btn {
									width: calc(50% - 10px);
									padding: 10px;
								}
							}
						}
					}
				}
			}
		}
	}
}





/* !!!!!!!!!!!!!!!!!!!!!!!!!!!Страница объявления!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.object_top {
	gap: 30px;
	margin-bottom: 50px;

	& .object_slider_block {
		width: calc(66.6% - 15px);
		position: relative;

		& .object_slider {
			width: 100%;
			overflow: hidden;
			border-radius: 20px;
			aspect-ratio: 16 / 9.5;
			position: relative;
			margin-bottom: 15px;

			& .object_slide {
				border-radius: 20px;
				overflow: hidden;



				&>img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

			& .swiper-button-next::after,
			.swiper-button-prev::after {
				content: none;
			}

			& .swiper-button-next,
			.swiper-button-prev {
				border-radius: 21.5px;
				border: 1px solid #2A7A71;
				background: rgba(241, 247, 244, 0.60);
				backdrop-filter: blur(1px);
				width: 43px;
				height: 43px;
				transition: .3s;

				&>svg {
					width: auto;
					height: auto;
				}

				&:hover {
					background: #fff;
					transition: .3s;
				}
			}
		}

		& .object_slider_tabs {
			position: absolute;
			top: 15px;
			right: 15px;
			gap: 15px;
			z-index: 1;

			& #show_fullscreen {
				border-radius: 20px;
				background: rgba(241, 247, 244, 0.60);
				backdrop-filter: blur(1px);
				width: 32px;
				height: 32px;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: .3s;

				&:hover {
					background: #fff;
					transition: .3s;
				}
			}

			& .object_slider_tab {
				border-radius: 20px;
				background: rgba(241, 247, 244, 0.60);
				backdrop-filter: blur(1px);
				padding: 6px 15px;
				font-variation-settings: 'wght' 600;
				color: #2A7A71;
				transition: .3s;

				&:hover {
					background: #fff;
					transition: .3s;
				}


				&.active {
					background: #fff;
					transition: .3s;
				}
			}
		}

		& #all_slides {
			border-radius: 20px;
			background: rgba(36, 99, 102, 0.70);
			backdrop-filter: blur(1px);
			position: relative;
			width: 215px;
			margin-left: 15px;

			& span {
				position: relative;
				color: #fff;
				font-size: 32px;
				font-variation-settings: 'wght' 600;
			}


			&::before {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				border-radius: 20px;
				background: rgba(36, 99, 102, 0.70);
				backdrop-filter: blur(1px);
			}

			&>img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 20px;
				overflow: hidden;
				position: absolute;
				left: 0;
				top: 0;
				z-index: -1;
			}
		}

		& #all_slides_mobile {
			display: none;
		}

		& .object_slider_nav {
			overflow: hidden;
			width: calc(100% - 230px);
			border-radius: 20px;

			&.wide {
				width: 100%;
			}



			& .object_slide_nav {
				margin-right: 15px;
				max-height: 130px;
				border-radius: 20px;
				transition: .3s;
				overflow: hidden;
				width: 229px;
				position: relative;




				&::before {
					content: '';
					position: absolute;
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					border-radius: 20px;
					border: 5px solid transparent;
					transition: .3s;
				}

				&.swiper-slide-thumb-active {

					&::before {

						border: 5px solid #f1f7f499;
						transition: .3s;
					}
				}


				&>img {
					width: 100%;
					min-height: 130px;
					height: 100%;
					object-fit: cover;

				}
			}
		}
	}

	& .object_info_block {
		border-radius: 20px;
		background: #FFF;
		box-shadow: 0px 6px 20px 0px rgba(42, 122, 113, 0.07);
		width: calc(33.3% - 15px);
		padding: 30px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		& .info_block_adress {
			gap: 8px;
			margin-bottom: 15px;

			& span {
				width: calc(100% - 30px);
				display: inline-block;
				font-size: 18px;
				font-variation-settings: 'wght' 500;
			}
		}

		& .info_block_buttons {
			margin-bottom: 30px;

			&.two_button {
				display: flex;
				gap: 15px;

				& .pretty_btn {
					width: calc(50% - 7.5px);
				}
			}
		}

		& .info_block_map {
			position: relative;
			margin-bottom: 30px;


			&>a {
				gap: 8px;
				border-radius: 20px;
				background: linear-gradient(0deg, rgba(36, 99, 102, 0.50) 0%, rgba(36, 99, 102, 0.50) 100%), url(/wp-content/uploads/2025/04/Rectangle-4374.png) lightgray 50% / cover no-repeat;
				display: inline-flex;
				width: 100%;
				padding: 15px;
				justify-content: center;
			}

			& span {
				color: #fff;
				font-variation-settings: 'wght' 700;

			}

		}

		& .info_block_prices {
			display: flex;
			flex-direction: column;
			gap: 10px;


			& div {
				width: 100%;
			}

			& .name {
				width: fit-content;
				color: #000;
				font-variation-settings: 'wght' 500;
				white-space: nowrap;
			}

			& .price {
				font-size: 24px;
				color: #2A7A71;
				font-variation-settings: 'wght' 500;
				width: fit-content;
				margin-right: 7px;
				white-space: nowrap;


			}

			& span.no_price {
				color: #2A7A71;
				font-size: 24px;
				font-variation-settings: 'wght' 600;
				display: inline-block;
			}

			& .currency {
				font-size: 24px;
				color: #2A7A71;
				font-variation-settings: 'wght' 500;
				width: fit-content;
			}

			& .separator {
				border-bottom: 2px dotted #6DB88D;
				align-self: end;
				margin-bottom: 10px;
				margin: 0 5px 8px 5px;
			}

			& .prices_item:nth-child(2) {
				& .name {
					white-space: nowrap;
				}

				& .price-per-m2 {
					font-size: 20px;
					color: #000;
					font-variation-settings: 'wght' 500;
				}

				& .currency {
					font-size: 20px;
					color: #000;
					font-variation-settings: 'wght' 500;
				}

				& .separator {

					margin: 0 5px 6px 5px;
				}

			}

			& .object_currency_list {
				gap: 10px;
				margin-top: 10px;

				& button {
					padding: 8px 15px;
					border: 1px solid;
					font-variation-settings: 'wght' 600;
					border-radius: 15px;
					color: #9a9a9a;
					border-color: #9A9A9A;
					transition: .3s;

					&:hover {
						color: #6DB88D;
						border-color: #6DB88D;
					}

					;

					&.active {
						color: #2A7A71;
						border-color: #2A7A71;
					}

				}
			}


		}

		& .object_info_bottom {

			& .object_links {
				gap: 15px;
				margin-bottom: 30px;

				& a {

					& img {
						width: 42px;
						height: 42px;
						transition: .3s;
						will-change: transform;
					}

					&:hover {
						& img {
							transition: .3s;
							transform: scale(1.03);
						}
					}
				}
			}

			& .object_phone {
				margin-bottom: 15px;

				& a {
					gap: 5px;

					span {
						color: #000;
						font-size: 24px;
						font-variation-settings: 'wght' 500;

					}
				}
			}

			.object_pop_up_buttons {
				gap: 15px;

				& button {
					width: 100%;
				}
			}
		}
	}
}


h2.title.object {
	margin-bottom: 15px;
	width: 100%;
}

.object_description_block {
	gap: 30px;
	margin-bottom: 70px;
	align-items: start;

	& .object_description {
		width: calc(66.6% - 15px);

		& p:last-child {
			margin-bottom: 0;
		}

		& strong {
			display: inline-block;
			font-variation-settings: 'wght' 600;
		}

		& ul {
			margin-bottom: 20px;
			padding-left: 15px;
			display: flex;
			flex-direction: column;
			gap: 10px;
			list-style: disc;

			& li {
				&::marker {
					color: #2A7A71;
				}
			}

		}

	}

	& .object_main_params {
		width: calc(33.3% - 15px);
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;

		& .object_main_param {
			padding: 20px;
			background: #F1F7F4;

			&>span {
				font-variation-settings: 'wght' 500;
				display: inline-block;
				margin-bottom: 10px;
			}

			&>p {
				font-size: 24px;
				font-variation-settings: 'wght' 600;
				margin-bottom: 0;

			}

			&:first-child {
				border-radius: 20px 20px 0 20px;
			}

			&:nth-child(2) {
				border-radius: 20px 20px 20px 0;
			}

			&:nth-child(3) {
				border-radius: 20px 0 20px 20px;
			}

			&:nth-child(4) {
				border-radius: 0 20px 20px 20px;
			}
		}
	}
}

.object_add_params {
	gap: 30px;

	& h2.title {
		margin-bottom: 20px;
	}

	& .object_add_params_block {
		width: calc(66.6% - 15px);
		margin-bottom: 40px;

		& .object_add_params_list {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 30px;

			& .object_add_params_list_item {
				&>span {
					font-variation-settings: 'wght' 500;
					display: inline-block;
					margin-bottom: 5px;
				}

				&>p {
					font-size: 20px;
					font-variation-settings: 'wght' 600;
					margin-bottom: 0;

				}
			}
		}
	}
}

.availability_list {
	gap: 15px;

	& li {
		position: relative;
		padding-left: 30px;
		font-size: 20px;

		&::before {
			content: '';
			position: absolute;
			width: 20px;
			height: 20px;
			left: 0;
			background-repeat: no-repeat;
			background-size: contain;
			top: 2px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.33461 18.7668C6.99661 18.7668 6.67961 18.64 6.44701 18.4074L0.909811 12.7014C0.381412 12.2152 0.360411 11.391 0.867611 10.8626C1.35361 10.3342 2.17781 10.3132 2.70621 10.8202L6.76401 13.7156C6.99641 13.927 7.35581 13.8848 7.54601 13.6312L17.162 1.75358C17.5846 1.18298 18.4088 1.05618 18.9796 1.50018C19.5502 1.92278 19.677 2.74698 19.233 3.31758L8.37001 18.2384C8.13761 18.5344 7.79941 18.7244 7.44001 18.7458C7.39801 18.7668 7.37681 18.7668 7.33461 18.7668Z' fill='%232A7A71'/%3E%3C/svg%3E");
		}
	}
}



.geo_params_block {
	margin-bottom: 30px;
	width: 100%;

	& h2.title {
		margin-bottom: 20px;
	}

	& .geo_params_list {
		max-width: 965px;
		gap: 30px;

		& li {
			min-width: calc(25% - 23px);
			max-width: calc(25% - 23px);

			&>span {
				font-variation-settings: 'wght' 500;
				display: inline-block;
				margin-bottom: 5px;
			}

			&>p {
				font-size: 20px;
				font-variation-settings: 'wght' 600;
				margin-bottom: 0;

			}

			&:first-child {
				width: calc(50% - 15px);
				max-width: calc(50% - 15px);
			}

			&.metro {
				min-width: calc(50% - 20px);


				&.moskovskaya-line {
					&>div {
						&::before {

							background-color: #0000ff;
							/* Синий для Московской линии */
						}
					}
				}

				&.avtozavodskaya-line {
					&>div {
						&::before {
							background-color: #ff0000;
							/* Красный для Автозаводской линии */
						}
					}
				}

				&.zelenoluzhskaya-line {
					&>div {
						&::before {
							background-color: #00ff00;
							/* Зелёный для Зеленолужской линии */
						}
					}
				}

				&>div {
					padding-left: 15px;
					position: relative;
					display: flex;
					align-items: center;
					gap: 15px;
					font-size: 20px;
					font-variation-settings: 'wght' 600;
					margin-bottom: 0;

					&::before {
						content: '';
						width: 12px;
						height: 12px;
						border-radius: 50%;
						left: 0;
						top: calc(50% - 6px);
						position: absolute;
					}

					& .metro_time {
						display: flex;
						align-items: center;
						gap: 7px;
						color: #9A9A9A;
						font-size: 20px;
						font-variation-settings: 'wght' 600;
					}


				}



			}

			&.coord {
				min-width: calc(50% - 20px);
				width: calc(50% - 20px);


				#copy_coord {
					& svg path {
						transition: .3s;
					}

					&:hover {
						& svg path {
							fill: #000;
							transition: .3s;
						}
					}
				}
			}
		}

		.geo_params_list_bottom {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			gap: 30px;
		}
	}
}


#object_map {
	width: 100%;
	height: 540px;
	border-radius: 20px;
	border-right: 5px solid #6DB88D;
	border-left: 5px solid #6DB88D;
	overflow: hidden;
	/* margin-bottom: 130px; */
}

@keyframes notification {
	0% {
		bottom: -999px;
		opacity: 0;
	}

	5% {
		bottom: 50px;
		opacity: 1;
	}

	95% {
		bottom: 50px;
		opacity: 1;
	}

	100% {
		bottom: -999px;
		opacity: 0;
	}

}

output.notification {
	position: fixed;
	bottom: 50px;
	padding: 10px 15px 10px 35px;
	background: #2A7A71;
	color: #fff;
	font-size: 14px;
	transition: .3s;
	border-radius: 15px;
	transform: translateY(999px);
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	pointer-events: none;
	width: max-content;

	&::before {
		content: '';
		position: absolute;
		top: calc(50% - 7.5px);
		left: 15px;
		width: 15px;
		height: 15px;
		background-size: contain;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.33461 18.7668C6.99661 18.7668 6.67961 18.64 6.44701 18.4074L0.909811 12.7014C0.381412 12.2152 0.360411 11.391 0.867611 10.8626C1.35361 10.3342 2.17781 10.3132 2.70621 10.8202L6.76401 13.7156C6.99641 13.927 7.35581 13.8848 7.54601 13.6312L17.162 1.75358C17.5846 1.18298 18.4088 1.05618 18.9796 1.50018C19.5502 1.92278 19.677 2.74698 19.233 3.31758L8.37001 18.2384C8.13761 18.5344 7.79941 18.7244 7.44001 18.7458C7.39801 18.7668 7.37681 18.7668 7.33461 18.7668Z' fill='%23fff'/%3E%3C/svg%3E");
	}



	&.active {
		animation: notification 1.5s forwards;
		pointer-events: all;
	}
}

#fullscreen {
	min-width: 100vw;
	min-height: 100vh;
	margin: 0;
	padding: 15px;
	transform: none;
	overflow: hidden;

	& form[method="dialog"] {
		position: absolute;
		right: 30px;
		top: 15px;
		z-index: 2;
	}


	& .object_slider_fullscreen {
		aspect-ratio: 16 / 9.5;
		position: relative;
		margin-bottom: 15px;
		margin: 0 auto;
		display: flex;
		flex-grow: 1;
		margin-bottom: 15px;
		width: 100%;
		height: 75vh;

		& .object_slide {
			overflow: hidden;
			width: 100%;
			height: 100%;

			& img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
		}

		& .swiper-button-next::after,
		.swiper-button-prev::after {
			content: none;
		}

		& .swiper-button-next_fullscreen,
		.swiper-button-prev_fullscreen {
			border-radius: 21.5px;
			border: 1px solid #2A7A71;
			background: rgba(241, 247, 244, 0.60);
			backdrop-filter: blur(1px);
			width: 43px;
			height: 43px;
			transition: .3s;
			position: absolute;
			top: calc(50% - 22px);
			z-index: 2;
			display: flex;
			justify-content: center;
			align-items: center;

			&>svg {
				width: auto;
				height: auto;
			}

			&:hover {
				background: #fff;
				transition: .3s;
			}

		}

		& .swiper-button-prev_fullscreen {
			left: 15px;

		}

		& .swiper-button-next_fullscreen {
			right: 15px;
		}
	}

	& .object_slider_nav_fullscreen {
		width: 100%;


		& .object_slide_nav {
			margin-right: 15px;
			max-height: 130px;
			border-radius: 20px;
			transition: .3s;
			overflow: hidden;
			width: 229px;
			position: relative;




			&::before {
				content: '';
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				border-radius: 20px;
				border: 5px solid transparent;
				transition: .3s;
			}

			&.swiper-slide-thumb-active {

				&::before {

					border: 5px solid #f1f7f499;
					transition: .3s;
				}
			}


			&>img {
				width: 100%;
				min-height: 130px;
				height: 100%;
				object-fit: cover;

			}
		}
	}

	& .zoom_controls_map {
		position: absolute;
		right: 30px;
		top: 15%;
		z-index: 2;
		border: 1px solid #2A7A71;
		border-radius: 55px;


		& button {
			transition: .3s;
			width: 46px;
			aspect-ratio: 1 / 1;
			display: grid;
			place-items: center;



			&:hover {
				background: #2A7A71 !important;
				transition: .3s;

				& img {
					filter: brightness(99);
				}
			}

		}

		& #map_zoom_in {
			padding: 13px;
			background: #fff;
			border-radius: 55px 55px 0 0;
		}

		& #map_zoom_out {
			padding: 13px;
			background: #fff;
			border-radius: 0 0 55px 55px;
		}
	}
}

#similar_objects {

	& .title {
		margin-top: 130px;
	}

	& .posts {
		gap: 30px;

		& .object_post {
			border-radius: 20px;
			border: 1px solid #84ADA9;

			background: #FFF;

			& .object_post_slider {
				width: 590px;
				overflow: hidden;
				border-radius: 20px;
				position: relative;

				& .object_post_slider_body {
					position: relative;

					& .object_post_slide {
						max-height: 380px;
						border-radius: 20px;
						overflow: hidden;
						min-height: 380px;

						& img {
							width: 100%;
							object-fit: cover;
							min-height: 380px;
							max-height: 100%;

							&.no_image {
								width: calc(100% + 2px);
								margin: -1px 0 0 -4px;
								border-radius: 20px;
								border: 1px solid #84ADA9;
							}
						}

						/* &.inactive_slide {
							display: none;
							transition-behavior: allow-descrete;

						}

						&.active_slide {
							display: block;
							opacity: 1;
							transition: .3s;
							transition-behavior: allow-descrete;



							@starting-style {
								transition: .3s;
								opacity: .8;
							}
						} */
					}

					/* & .object_slider_dots {
						position: absolute;
						bottom: 0;
						width: fit-content;
						gap: 6px;
						z-index: 2;
						margin: 0 auto;
						left: 50%;
						transform: translateX(-50%);
						padding: 10px;

						& .slider_dot {
							width: 12px;
							height: 12px;
							border-radius: 50%;
							background: #FFFFFF80;
							cursor: pointer;
							transition: .3s;

							&.active {
								width: 22px;
								background: #2A7A71;
								border-radius: 10px;
								transition: .3s;

							}
						}
					} */

					/* & .change_hover_block {
						position: absolute;
						width: 100%;
						height: 100%;
						left: 0;
						top: 0;
						z-index: 2;
					} */

					& .swiper-button-next,
					.swiper-button-prev {
						border-radius: 21.5px;
						border: 1px solid #2A7A71;
						background: rgba(241, 247, 244, 0.60);
						backdrop-filter: blur(1px);
						width: 43px;
						height: 43px;
						transition: .3s;

						&>svg {
							width: auto;
							height: auto;
						}
					}


					& .swiper-button-next::after,
					.swiper-button-prev::after {
						content: none;
					}

					& .swiper-pagination {
						position: absolute;
						bottom: 0;
						width: fit-content;
						gap: 6px;
						z-index: 2;
						margin: 0 auto;
						left: 50%;
						transform: translateX(-50%);
						padding: 10px;

						& .swiper-pagination-bullet {
							width: 12px;
							height: 12px;
							border-radius: 50%;
							background: #FFFFFF80;
							cursor: pointer;
							transition: .3s;

							&.swiper-pagination-bullet-active {
								width: 22px;
								background: #2A7A71;
								border-radius: 10px;
								transition: .3s;

							}
						}
					}
				}
			}

			& .object_post_text {
				width: calc(100% - 590px);
				padding: 25px 30px 30px 30px;
				justify-content: space-between;

				& .object_post_title {
					color: #001C1D;
					font-variation-settings: 'wght' 600;
					font-size: 24px;
					display: inline-block;
					margin-bottom: 20px;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 1;
					overflow: hidden;
					transition: .3s;

					&:hover {
						color: #2A7A71;
						transition: .3s;
					}
				}

				& .object_post_adress {
					gap: 10px;
					font-size: 18px;
					font-variation-settings: 'wght' 500;
					margin-bottom: 15px;
				}

				& .object_post_info {
					gap: 30px;
					color: #2A7A71;
					font-size: 18px;
					font-variation-settings: 'wght' 500;
					margin-bottom: 15px;
				}

				& .object_post_desc {
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
					overflow: hidden;
					margin-bottom: 15px;
				}

				& .object_metro_info {
					gap: 10px;
					font-size: 18px;
					font-variation-settings: 'wght' 500;
					color: #000;
					background: #F1F7F4;
					padding-right: 20px;
					border-radius: 20px;

					& svg {
						width: 43px;
					}
				}

				& .object_post_price_block {
					margin-bottom: 15px;
					gap: 15px;

					& .object_post_price_top {
						& span {
							color: #2A7A71;
							font-size: 24px;
							font-variation-settings: 'wght' 600;
							display: inline-block;
						}

						& strong {
							color: #2A7A71;
							font-size: 24px;
							font-variation-settings: 'wght' 600;
							text-transform: uppercase;


						}
					}

					& .object_post_price_bottom {
						&>span {
							color: #001C1D;
							font-size: 20px;
							font-variation-settings: 'wght' 500;
						}

						& strong {
							color: #001C1D;
							font-size: 20px;
							font-variation-settings: 'wght' 500;

							& b {
								text-transform: uppercase;

							}
						}
					}

				}

				& .object_post_button_block {
					gap: 20px;

					& .pretty_btn {
						width: 250px;
					}

					& .object_phone {
						margin-left: 10px;

						& a {
							gap: 5px;

							& span {
								font-variation-settings: 'wght' 700;
								color: #2A7A71;

							}
						}
					}
				}
			}
		}
	}
}


/* !!!!!!!!!!!!!!Подвал сайта!!!!!!!!!!!!!!!! */


footer {
	background: #2A7A71;
	border-radius: 20px 20px 0 0;
	padding: 60px 0 70px 0;
	z-index: 12;
	position: relative;

	& .footer_rows {
		row-gap: 30px;
		flex-direction: column;

		& .footer_row:first-child {
			justify-content: space-between;
		}

		& .footer_row:nth-child(2) {
			background-color: #24665F;
			border-radius: 20px;
			padding: 15px 15px 15px 50px;
			justify-content: space-between;

			& .pretty_btn.mobile {
				display: none;
			}
		}


		& .column {
			& .footer_logo {
				max-width: 340px;
				display: block;
				margin-bottom: 5px;

				& img {
					width: 100%;
					object-fit: contain;
				}
			}

			& .work_time_text {
				font-size: 16px;
				font-variation-settings: 'wght' 700;
				color: #8AE5DA;
				gap: 5px;
			}

			&.work_time_column {
				gap: 7px;
				color: #fff;
				font-variation-settings: 'wght' 700;
				font-size: 20px;

				&>div:first-child {
					font-variation-settings: 'wght' 400;
				}

			}

			& .footer_phone {
				gap: 8px;
				transition: .3s;

				&:hover {
					transition: .3s;
					transform: translateY(-3px);
				}

				& span {
					color: #fff;
					font-size: 24px;
					font-variation-settings: 'wght' 700;
				}
			}


		}

		.social_links {
			gap: 20px;
			align-items: start;

			&.mobile {
				display: none;
			}
		}

		& .social_link {
			gap: 8px;
			color: #fff;
			transition: .3s;

			&:hover {
				transition: .3s;
				transform: translateY(-3px);
			}
		}

		.footer_links {
			align-items: center;

			& .pretty_btn {
				width: 245px;
			}
		}

		#menu-footer-menu {
			display: flex;
			align-items: center;
			gap: 40px;

			& li {
				transition: .3s;

				&:hover {
					transition: .3s;
					transform: translateY(-3px);
				}
			}

			& a {
				color: #fff;
				font-variation-settings: 'wght' 700;
				font-size: 20px;

			}
		}

		.copyright_top {
			width: 100%;
			justify-content: space-between;

			&>p:first-child {
				color: #fff;
			}

			& a {
				color: #fff;
			}
		}

		.copyright_bottom {
			color: rgba(255, 255, 255, 0.60);
			justify-content: space-between;
			width: 100%;

			& p {
				margin: 0;
			}
		}
	}

	& .footer_email {
		display: none;
	}

}


.pop_up_consultation {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 25px 0px rgba(42, 122, 113, 0.10);
	margin-inline: auto;
	inset-inline: 0;
	inset-block-start: 50%;
	transform: translateY(-50%);
	max-width: 645px;
	max-height: 590px;
	padding: 40px 30px 30px;
	border: none;

	&:focus-visible {
		outline: none;
		border: none;
	}

	&:focus {
		outline: none;
		border: none;
	}

	& form[method="dialog"] {
		position: absolute;
		right: 15px;
		top: 15px;

		& svg rect {
			transition: .3s;
		}

		&:hover {
			& svg rect {
				transition: .3s;
				fill: #2A7A71;

			}
		}
	}

	& h2 {
		margin-bottom: 35px;
	}

	& #form_consultation {
		& .inputs_block {
			flex-direction: column;
			gap: 10px;

			& input:not(input[type="radio"]),
			textarea {
				border-radius: 20px;
				border: 1px solid #2A7A71;
				background: #FFF;
				padding: 17px 20px;
				color: #2A7A71;
				transition: .3s;
				font-variation-settings: 'wght' 500;
				flex-basis: calc((100% / 5) - 18px);
				width: 100%;

				&::placeholder {
					color: #2A7A71;
				}

				&[type="tel"] {
					padding-left: 65px;
				}

				&:focus-visible {
					outline: 1px solid#246366;
					transition: .3s;
				}


			}

		}

		& .phone_input_wrapper {
			position: relative;
			display: inline-block;


			& .country_dropdown {
				position: absolute;
				top: calc(50% - 10px);
				left: 20px;
				z-index: 1000;
			}
		}

		& .dropdown_toggle {
			background: none;
			border: none;
			cursor: pointer;
			font-size: 16px;
			font-variation-settings: 'wght' 500;
			color: #2A7A71;
			position: relative;
			text-transform: uppercase;

			&::before {
				content: '';
				width: 11px;
				height: 5px;
				position: absolute;
				right: -15px;
				top: calc(50% - 2px);
				transition: .3s;
				background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="5" viewBox="0 0 11 5" fill="none"><path d="M1 1L5.5 4L10 1" stroke="%232A7A71" stroke-linecap="round" stroke-linejoin="round"/></svg>');
			}

			&.active {
				&::before {
					transform: rotate(-180deg);
					transition: .3s;
				}
			}
		}

		& .dropdown_menu {
			display: none;
			position: absolute;
			top: calc(100% + 25px);
			left: -20px;
			overflow: hidden;
			max-height: 200px;
			border-radius: 20px;

			&.active {
				display: block;
			}

			&>ul {
				background: #fff;
				border-radius: 20px;
				box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
				padding: 0;
				margin: 0;
				max-height: 200px;
				z-index: 2;
				overflow-y: auto;
				position: relative;
				width: 250px;
			}
		}

		& .dropdown_menu li {
			padding: 15px 20px;
			position: relative;
			transition: .3s;
			color: #001C1D;
			font-variation-settings: 'wght' 500;
			cursor: pointer;
			display: flex;
			align-items: center;
			gap: 5px;

			&:hover {
				transition: .3s;
				background: #F1F7F4;
				;
			}

			&:not(:last-child) {
				border: 1px solid rgb(241, 247, 244);
			}
		}

		& .form_inputs_list {
			margin-top: 10px;
			margin-bottom: 20px;

			& p {
				font-variation-settings: 'wght' 600;
				font-size: 18px;
			}

			& ul {
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
				align-items: center;
				justify-content: space-between;

				& li {
					width: max-content;
					border-radius: 20px;
					position: relative;
					border: 1px solid;
					padding: 17px 19px;
					overflow: hidden;
					height: 55px;
					transition: .3s;

					&:hover {
						transform: translateY(-3px);
						transition: .3s;
					}


					& input[type="radio"] {
						appearance: none;
					}

					& input {
						opacity: 0;
						position: absolute;

						&+label {
							/* position: absolute; */
							width: 100%;
							height: 100%;
							top: 0;
							left: 0;
							z-index: 1;
							cursor: pointer;
							display: flex;
							place-items: center;
							background: #fff;
							border-radius: 50%;
							transition: .3s;
							gap: 8px;

							&::before {
								position: absolute;
								width: 100%;
								height: 100%;
								background: transparent;
								content: '';
								left: 0;
								top: 0;
								transition: .3s;

							}
						}

						&:checked {
							&+label::before {
								transition: .3s;
								background: #F1F7F4;
							}
						}
					}

					&:first-child {
						border: 1px solid #2A7A71;

						& span {
							color: #2A7A71;
						}


					}

					&:nth-child(2) {
						border: 1px solid #2AABEE;

						& span {
							color: #2AABEE;
						}
					}

					&:nth-child(3) {
						border: 1px solid #25D366;

						& span {
							background: linear-gradient(180deg, #25D366 12.86%, #075E54 252.86%);
							background-clip: text;
							-webkit-background-clip: text;
							-webkit-text-fill-color: transparent;
						}
					}

					&:nth-child(4) {
						border: 1px solid #7360F2;

						& span {
							color: #7360F2;
						}
					}

					& svg {
						position: relative;
					}

					& span {
						position: relative;
					}

				}
			}
		}
	}

	.submit_block {
		gap: 10px;

		& p {
			max-width: 500px;
			margin-bottom: 0;

			& a {
				color: #2A7A71;
				transition: .3s;

				&:hover {
					color: #6DB88D;
					transition: .3s;
				}
			}
		}


		& .pretty_btn {

			& .loader {
				display: none;

				&.active {
					display: flex;
				}

			}
		}
	}

	&::backdrop {
		background: rgba(255, 255, 255, 0.60);
		backdrop-filter: blur(2px);
	}
}





.pop_up_sell {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 25px 0px rgba(42, 122, 113, 0.10);
	margin-inline: auto;
	inset-inline: 0;
	inset-block-start: 50%;
	transform: translateY(-50%);
	max-width: 870px;
	max-height: 590px;
	padding: 30px 40px 40px;
	border: none;

	&:focus-visible {
		outline: none;
		border: none;
	}

	&:focus {
		outline: none;
		border: none;
	}

	& form[method="dialog"] {
		position: absolute;
		right: 15px;
		top: 15px;

		& svg rect {
			transition: .3s;
		}

		&:hover {
			& svg rect {
				transition: .3s;
				fill: #2A7A71;

			}
		}
	}

	& h2 {
		margin-bottom: 15px;
		max-width: 90%;

		& strong {
			color: #2A7A71;
			width: fit-content;
			display: inline-block;
		}

		&+p {
			margin-bottom: 35px;
			font-size: 18px;
		}

	}



	& #form_sell {
		& .inputs_block {
			gap: 20px;

			& input:not(input[type="radio"]),
			textarea {
				border-radius: 20px;
				border: 1px solid #2A7A71;
				background: #FFF;
				padding: 17px 20px;
				color: #2A7A71;
				transition: .3s;
				font-variation-settings: 'wght' 500;
				width: 250px;

				&::placeholder {
					color: #2A7A71;
				}

				&[type="tel"] {
					padding-left: 65px;
				}

				&:focus-visible {
					outline: 1px solid#246366;
				}

			}

			& textarea {
				width: 100%;
				height: 55px;
				resize: none;
			}

			& .phone_input_wrapper {
				position: relative;
				display: inline-block;


				& .country_dropdown {
					position: absolute;
					top: calc(50% - 10px);
					left: 20px;
					z-index: 1000;
				}
			}

			& .dropdown_toggle {
				background: none;
				border: none;
				cursor: pointer;
				font-size: 16px;
				font-variation-settings: 'wght' 500;
				color: #2A7A71;
				position: relative;
				text-transform: uppercase;

				&::before {
					content: '';
					width: 11px;
					height: 5px;
					position: absolute;
					right: -15px;
					top: calc(50% - 2px);
					transition: .3s;
					background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="5" viewBox="0 0 11 5" fill="none"><path d="M1 1L5.5 4L10 1" stroke="%232A7A71" stroke-linecap="round" stroke-linejoin="round"/></svg>');
				}

				&.active {
					&::before {
						transform: rotate(-180deg);
						transition: .3s;
					}
				}
			}

			& .dropdown_menu {
				display: none;
				position: absolute;
				top: calc(100% + 25px);
				left: -20px;
				overflow: hidden;
				max-height: 200px;
				border-radius: 20px;

				&.active {
					display: block;
				}

				&>ul {
					background: #fff;
					border-radius: 20px;
					box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
					padding: 0;
					margin: 0;
					max-height: 200px;
					z-index: 2;
					overflow-y: auto;
					position: relative;
					width: 250px;
				}
			}

			& .dropdown_menu li {
				padding: 15px 20px;
				position: relative;
				transition: .3s;
				color: #001C1D;
				font-variation-settings: 'wght' 500;
				cursor: pointer;
				display: flex;
				align-items: center;
				gap: 5px;

				&:not(:last-child) {
					border: 1px solid rgb(241, 247, 244);
				}

				&:hover {
					transition: .3s;
					background: #F1F7F4;
					;
				}
			}

			& .form_inputs_list {
				margin-top: 0;
				margin-bottom: 20px;


				& p {
					font-variation-settings: 'wght' 600;
					font-size: 18px;
				}

				& ul {
					display: flex;
					flex-wrap: wrap;
					gap: 10px;
					align-items: center;
					justify-content: space-between;

					& li {
						width: max-content;
						border-radius: 20px;
						position: relative;
						border: 1px solid;
						padding: 17px 20px;
						overflow: hidden;
						height: 55px;
						transition: .3s;

						&:hover {
							transform: translateY(-3px);
							transition: .3s;
						}

						& input[type="radio"] {
							appearance: none;
						}

						& input {
							opacity: 0;
							position: absolute;

							&+label {
								/* position: absolute; */
								width: 100%;
								height: 100%;
								top: 0;
								left: 0;
								z-index: 1;
								cursor: pointer;
								display: flex;
								place-items: center;
								background: #fff;
								border-radius: 50%;
								transition: .3s;
								gap: 8px;

								&::before {
									position: absolute;
									width: 100%;
									height: 100%;
									background: transparent;
									content: '';
									left: 0;
									top: 0;
									transition: .3s;

								}
							}

							&:checked {
								&+label::before {
									transition: .3s;
									background: #F1F7F4;
								}
							}
						}

						&:first-child {
							border: 1px solid #2A7A71;

							& span {
								color: #2A7A71;
							}


						}

						&:nth-child(2) {
							border: 1px solid #2AABEE;

							& span {
								color: #2AABEE;
							}
						}

						&:nth-child(3) {
							border: 1px solid #25D366;

							& span {
								background: linear-gradient(180deg, #25D366 12.86%, #075E54 252.86%);
								background-clip: text;
								-webkit-background-clip: text;
								-webkit-text-fill-color: transparent;
							}
						}

						&:nth-child(4) {
							border: 1px solid #7360F2;

							& span {
								color: #7360F2;
							}
						}

						& img {
							position: relative;
							object-fit: contain;
						}

						& span {
							position: relative;
						}

					}
				}
			}
		}

		.submit_block {
			gap: 20px;

			& p {
				max-width: 500px;
				margin-bottom: 0;

				& a {
					color: #2A7A71;
					transition: .3s;
					border-bottom: 1px solid #2A7A71;

					&:hover {
						color: #6DB88D;
						transition: .3s;
					}
				}
			}

			& .pretty_btn {
				width: 250px;

				& .loader {
					display: none;

					&.active {
						display: flex;
					}

				}
			}

		}

	}

	&::backdrop {
		background: rgba(255, 255, 255, 0.60);
		backdrop-filter: blur(2px);
	}
}


.pop_up_info {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 25px 0px rgba(42, 122, 113, 0.10);
	margin-inline: auto;
	inset-inline: 0;
	inset-block-start: 50%;
	transform: translateY(-50%);
	max-width: 870px;
	max-height: 590px;
	padding: 30px 40px 40px;
	border: none;

	&:focus-visible {
		outline: none;
		border: none;
	}

	&:focus {
		outline: none;
		border: none;
	}

	& form[method="dialog"] {
		position: absolute;
		right: 15px;
		top: 15px;

		& svg rect {
			transition: .3s;
		}

		&:hover {
			& svg rect {
				transition: .3s;
				fill: #2A7A71;

			}
		}
	}

	& h2 {
		margin-bottom: 15px;
		max-width: 90%;

		& strong {
			color: #2A7A71;
			width: fit-content;
			display: inline-block;
		}

		&+p {
			margin-bottom: 35px;
			font-size: 18px;
		}

	}



	& #form_info {
		& .inputs_block {
			gap: 20px;

			& input:not(input[type="radio"]),
			textarea {
				border-radius: 20px;
				border: 1px solid #2A7A71;
				background: #FFF;
				padding: 17px 20px;
				color: #2A7A71;
				transition: .3s;
				font-variation-settings: 'wght' 500;
				width: 250px;

				&::placeholder {
					color: #2A7A71;
				}

				&[type="tel"] {
					padding-left: 65px;
				}

				&:focus-visible {
					outline: 1px solid#246366;
				}


			}

			& textarea {
				width: 100%;
				height: 55px;
				resize: none;
			}

			& .phone_input_wrapper {
				position: relative;
				display: inline-block;


				& .country_dropdown {
					position: absolute;
					top: calc(50% - 10px);
					left: 20px;
					z-index: 1000;
				}
			}

			& .dropdown_toggle {
				background: none;
				border: none;
				cursor: pointer;
				font-size: 16px;
				font-variation-settings: 'wght' 500;
				color: #2A7A71;
				position: relative;
				text-transform: uppercase;

				&::before {
					content: '';
					width: 11px;
					height: 5px;
					position: absolute;
					right: -15px;
					top: calc(50% - 2px);
					transition: .3s;
					background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="5" viewBox="0 0 11 5" fill="none"><path d="M1 1L5.5 4L10 1" stroke="%232A7A71" stroke-linecap="round" stroke-linejoin="round"/></svg>');
				}

				&.active {
					&::before {
						transform: rotate(-180deg);
						transition: .3s;
					}
				}
			}

			& .dropdown_menu {
				display: none;
				position: absolute;
				top: calc(100% + 25px);
				left: -20px;
				overflow: hidden;
				max-height: 200px;
				border-radius: 20px;

				&.active {
					display: block;
				}

				&>ul {
					background: #fff;
					border-radius: 20px;
					box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
					padding: 0;
					margin: 0;
					max-height: 200px;
					z-index: 2;
					overflow-y: auto;
					position: relative;
					width: 250px;
				}
			}

			& .dropdown_menu li {
				padding: 15px 20px;
				position: relative;
				transition: .3s;
				color: #001C1D;
				font-variation-settings: 'wght' 500;
				cursor: pointer;
				display: flex;
				align-items: center;
				gap: 5px;

				&:not(:last-child) {
					border: 1px solid rgb(241, 247, 244);
				}

				&:hover {
					transition: .3s;
					background: #F1F7F4;
					;
				}
			}

			& .form_inputs_list {
				margin-top: 0;
				margin-bottom: 20px;


				& p {
					font-variation-settings: 'wght' 600;
					font-size: 18px;
				}

				& ul {
					display: flex;
					flex-wrap: wrap;
					gap: 10px;
					align-items: center;
					justify-content: space-between;

					& li {
						width: max-content;
						border-radius: 20px;
						position: relative;
						border: 1px solid;
						padding: 17px 20px;
						overflow: hidden;
						height: 55px;
						transition: .3s;

						&:hover {
							transform: translateY(-3px);
							transition: .3s;
						}

						& input[type="radio"] {
							appearance: none;
						}

						& input {
							opacity: 0;
							position: absolute;

							&+label {
								/* position: absolute; */
								width: 100%;
								height: 100%;
								top: 0;
								left: 0;
								z-index: 1;
								cursor: pointer;
								display: flex;
								place-items: center;
								background: #fff;
								border-radius: 50%;
								transition: .3s;
								gap: 8px;

								&::before {
									position: absolute;
									width: 100%;
									height: 100%;
									background: transparent;
									content: '';
									left: 0;
									top: 0;
									transition: .3s;

								}
							}

							&:checked {
								&+label::before {
									transition: .3s;
									background: #F1F7F4;
								}
							}
						}

						&:first-child {
							border: 1px solid #2A7A71;

							& span {
								color: #2A7A71;
							}


						}

						&:nth-child(2) {
							border: 1px solid #2AABEE;

							& span {
								color: #2AABEE;
							}
						}

						&:nth-child(3) {
							border: 1px solid #25D366;

							& span {
								background: linear-gradient(180deg, #25D366 12.86%, #075E54 252.86%);
								background-clip: text;
								-webkit-background-clip: text;
								-webkit-text-fill-color: transparent;
							}
						}

						&:nth-child(4) {
							border: 1px solid #7360F2;

							& span {
								color: #7360F2;
							}
						}

						& img {
							position: relative;
							object-fit: contain;
						}

						& span {
							position: relative;
						}

					}
				}
			}
		}

		.submit_block {
			gap: 20px;

			& p {
				max-width: 500px;
				margin-bottom: 0;

				& a {
					color: #2A7A71;
					transition: .3s;
					border-bottom: 1px solid #2A7A71;

					&:hover {
						color: #6DB88D;
						transition: .3s;
					}
				}
			}

			& .pretty_btn {
				width: 250px;

				& .loader {
					display: none;

					&.active {
						display: flex;
					}

				}
			}

		}

	}

	&::backdrop {
		background: rgba(255, 255, 255, 0.60);
		backdrop-filter: blur(2px);
	}
}


dialog.form_was_sent {
	max-width: 480px;

	& form {

		& .contact_form_text,
		.inputs_block,
		.submit_block {
			display: none;
		}
	}

	& form[method="dialog"] {
		display: none;
	}

	& .response {
		& h2 {
			max-width: 100%;
			width: 100%;
			text-align: center;
			margin-bottom: 30px;
		}

		& .pretty_btn {
			width: 305px;
		}
	}


}



#mobile_bar {
	display: none;
}



.widget_messengers {
	position: fixed;
	right: 30px;
	bottom: 50px;
	z-index: 99;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	gap: 10px;
	overflow: hidden;
	border-radius: 0 50px 50px 0;
	padding: 20px;

	& .show_messengers {
		width: 50px;
		height: 50px;
		z-index: 1004;
		background: #246366;
		border-radius: 30px;
		opacity: 1;
		border: 1px solid #246366;
		display: grid;
		place-items: center;
		position: relative;


		&::before {
			content: '';
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			border-radius: 50%;
			background: #246366;
			position: absolute;
			animation: glow 2.6s linear 0s infinite;
			;

		}

		&::after {
			content: '';
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			border-radius: 50%;
			background: #246366;
			position: absolute;
		}

		& .close_img {
			display: none;
			width: 30px;
			height: 30px;
			z-index: 1;
			position: relative;
		}

		& .open_img {
			z-index: 1;
			position: relative;
			max-width: 40px;
		}

		&.active {
			background: #fff;

			&::before {
				content: none !important;
			}

			&::after {
				content: none !important;
			}


			& .open_img {
				display: none;

			}

			& .close_img {
				display: block;
			}

		}
	}

	& .messengers_list {

		display: flex;
		gap: 5px;
		transform: translate(999px, 0);
		opacity: 0;
		transition: .3s;
		z-index: -9;
		display: none;
		transition-behavior: allow-descrete;

		@starting-style {
			opacity: 0;
			transition: .3s;
			transform: translate(999px, 0);

		}


		&.active {
			opacity: 1;
			transform: translate(0);
			transition: .3s;
			display: flex;

			& li {
				opacity: 1;
				transform: translateY(0);
			}

		}








		& li {
			opacity: 0;
			transform: translateY(20px);
			transition: opacity 0.5s ease-out, transform 0.5s ease-out;
			width: 40px;
			height: 40px;
			border-radius: 50%;

			& a {
				position: relative;
			}

			& img {
				width: 100%;
				height: 100%;
			}

			& span {
				position: absolute;
				opacity: 0;
				transition: .3s;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='171' height='46' viewBox='0 0 171 46' fill='none'%3E%3Cmask id='path-1-inside-1_734_4690' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M87.0075 1.6327C86.2138 0.757851 84.8388 0.75785 84.0451 1.6327L76.4537 9.99995H18C10.5005 9.99995 6.7508 9.99995 4.12215 11.9098C3.2732 12.5266 2.52663 13.2732 1.90983 14.1221C0 16.7508 0 20.5005 0 28C0 35.4994 0 39.2491 1.90983 41.8778C2.52663 42.7267 3.2732 43.4733 4.12215 44.0901C6.7508 46 10.5005 46 18 46H153C160.499 46 164.249 46 166.878 44.0901C167.727 43.4733 168.473 42.7267 169.09 41.8778C171 39.2491 171 35.4994 171 28C171 20.5005 171 16.7508 169.09 14.1221C168.473 13.2732 167.727 12.5266 166.878 11.9098C164.249 9.99995 160.499 9.99995 153 9.99995H94.5988L87.0075 1.6327Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M87.0075 1.6327C86.2138 0.757851 84.8388 0.75785 84.0451 1.6327L76.4537 9.99995H18C10.5005 9.99995 6.7508 9.99995 4.12215 11.9098C3.2732 12.5266 2.52663 13.2732 1.90983 14.1221C0 16.7508 0 20.5005 0 28C0 35.4994 0 39.2491 1.90983 41.8778C2.52663 42.7267 3.2732 43.4733 4.12215 44.0901C6.7508 46 10.5005 46 18 46H153C160.499 46 164.249 46 166.878 44.0901C167.727 43.4733 168.473 42.7267 169.09 41.8778C171 39.2491 171 35.4994 171 28C171 20.5005 171 16.7508 169.09 14.1221C168.473 13.2732 167.727 12.5266 166.878 11.9098C164.249 9.99995 160.499 9.99995 153 9.99995H94.5988L87.0075 1.6327Z' fill='white'/%3E%3Cpath d='M84.0451 1.6327L84.7857 2.30463V2.30463L84.0451 1.6327ZM87.0075 1.6327L86.2669 2.30463V2.30463L87.0075 1.6327ZM76.4537 9.99995V10.9999H76.8967L77.1944 10.6719L76.4537 9.99995ZM4.12215 11.9098L4.70993 12.7188H4.70993L4.12215 11.9098ZM1.90983 14.1221L1.10081 13.5343H1.10081L1.90983 14.1221ZM1.90983 41.8778L1.10081 42.4656H1.10081L1.90983 41.8778ZM4.12215 44.0901L3.53436 44.8991L3.53436 44.8991L4.12215 44.0901ZM166.878 44.0901L166.29 43.2811L166.878 44.0901ZM169.09 41.8778L168.281 41.29V41.29L169.09 41.8778ZM169.09 14.1221L168.281 14.7099V14.7099L169.09 14.1221ZM166.878 11.9098L166.29 12.7188V12.7188L166.878 11.9098ZM94.5988 9.99995L93.8582 10.6719L94.1558 10.9999H94.5988V9.99995ZM84.7857 2.30463C85.1825 1.86721 85.87 1.86721 86.2669 2.30463L87.7481 0.960768C86.5575 -0.351504 84.495 -0.351508 83.3044 0.960767L84.7857 2.30463ZM77.1944 10.6719L84.7857 2.30463L83.3044 0.960765L75.7131 9.32802L77.1944 10.6719ZM18 10.9999H76.4537V8.99995H18V10.9999ZM4.70993 12.7188C5.82538 11.9084 7.22387 11.4624 9.34223 11.2329C11.4793 11.0013 14.228 10.9999 18 10.9999V8.99995C14.2725 8.99995 11.3966 8.99858 9.12681 9.2445C6.83828 9.49244 5.04757 10.0014 3.53436 11.1008L4.70993 12.7188ZM2.71885 14.7099C3.27396 13.9458 3.94588 13.2739 4.70993 12.7188L3.53436 11.1008C2.60052 11.7792 1.77929 12.6005 1.10081 13.5343L2.71885 14.7099ZM1 28C1 24.2279 1.00137 21.4793 1.23291 19.3422C1.46242 17.2238 1.90843 15.8253 2.71885 14.7099L1.10081 13.5343C0.00140336 15.0475 -0.507506 16.8382 -0.755453 19.1268C-1.00137 21.3966 -1 24.2725 -1 28H1ZM2.71885 41.29C1.90843 40.1746 1.46242 38.7761 1.23291 36.6577C1.00137 34.5206 1 31.772 1 28H-1C-1 31.7274 -1.00137 34.6033 -0.755453 36.8731C-0.507506 39.1617 0.00140341 40.9524 1.10081 42.4656L2.71885 41.29ZM4.70993 43.2811C3.94588 42.726 3.27396 42.0541 2.71885 41.29L1.10081 42.4656C1.77929 43.3994 2.60052 44.2207 3.53436 44.8991L4.70993 43.2811ZM18 45C14.228 45 11.4793 44.9986 9.34223 44.767C7.22387 44.5375 5.82538 44.0915 4.70993 43.2811L3.53436 44.8991C5.04757 45.9985 6.83828 46.5075 9.12681 46.7554C11.3966 47.0013 14.2725 47 18 47V45ZM153 45H18V47H153V45ZM166.29 43.2811C165.175 44.0915 163.776 44.5375 161.658 44.767C159.521 44.9986 156.772 45 153 45V47C156.727 47 159.603 47.0013 161.873 46.7554C164.162 46.5075 165.952 45.9985 167.466 44.8991L166.29 43.2811ZM168.281 41.29C167.726 42.0541 167.054 42.726 166.29 43.2811L167.466 44.8991C168.399 44.2207 169.221 43.3994 169.899 42.4656L168.281 41.29ZM170 28C170 31.772 169.999 34.5206 169.767 36.6577C169.538 38.7761 169.092 40.1746 168.281 41.29L169.899 42.4656C170.999 40.9524 171.508 39.1617 171.755 36.8731C172.001 34.6033 172 31.7274 172 28H170ZM168.281 14.7099C169.092 15.8253 169.538 17.2238 169.767 19.3422C169.999 21.4793 170 24.2279 170 28H172C172 24.2725 172.001 21.3966 171.755 19.1268C171.508 16.8382 170.999 15.0475 169.899 13.5343L168.281 14.7099ZM166.29 12.7188C167.054 13.2739 167.726 13.9458 168.281 14.7099L169.899 13.5343C169.221 12.6005 168.399 11.7792 167.466 11.1008L166.29 12.7188ZM153 10.9999C156.772 10.9999 159.521 11.0013 161.658 11.2329C163.776 11.4624 165.175 11.9084 166.29 12.7188L167.466 11.1008C165.952 10.0014 164.162 9.49244 161.873 9.2445C159.603 8.99858 156.727 8.99995 153 8.99995V10.9999ZM94.5988 10.9999H153V8.99995H94.5988V10.9999ZM86.2669 2.30463L93.8582 10.6719L95.3394 9.32802L87.7481 0.960767L86.2669 2.30463Z' fill='%232A7A71' mask='url(%23path-1-inside-1_734_4690)'/%3E%3C/svg%3E");
				position: absolute;
				top: calc(100% + 2px);
				display: flex;
				font-size: 10px;
				background-size: 100%;
				padding: 5px;
				background-repeat: no-repeat;
				left: 50%;
				transform: translate(-50%);
				min-width: 80px;
				text-align: center;
				justify-content: center;
				align-items: center;
				height: 26px;
			}

			&:hover {
				& a {
					position: relative;

					& span {
						opacity: 1;
						transition: .3s;
					}
				}
			}
		}

	}
}


@keyframes glow {
	0% {
		opacity: .45;
		transform: scale(1);
	}

	40% {
		opacity: .45;
	}

	100% {
		opacity: 0;
		transform: scale(1.35);
	}
}





/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!404!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

main.page_404 {
	& h1.title {
		margin-top: 130px;
		margin-bottom: 20px;
	}

	& p {
		margin-bottom: 20px;
		max-width: 630px;
	}


	& .content.page_404 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 30px;
	}

	& .left_404 {
		min-width: 390px;

		& .pretty_btn {
			width: fit-content;
		}

		& search {
			margin-left: auto;
			padding: 12px 20px;
			border-radius: 20px;
			border: 1px solid #2A7A71;
			width: 100%;
			position: relative;
			margin-bottom: 140px;

			& #search_results {
				position: absolute;
				top: calc(100% + 10px);
				border-radius: 20px;
				background: #FFF;
				box-shadow: 0px 0px 20px 0px rgba(42, 122, 113, 0.07);
				left: 0;
				width: 100%;
				z-index: 3;

				& .no-results {
					padding: 15px;
				}

				& ul {
					border-radius: 20px 20px 0 0;
					overflow: hidden;

					& li {
						transition: .3s;
						border-bottom: 1px solid #F1F7F4;

						& a {
							padding: 15px 20px;
							display: block;
							width: 100%;

							& h4 {
								color: #001C1D;
								font-size: 16px;
							}
						}

						&:hover {
							background-color: #F1F7F4;
							transition: .3s;

						}
					}
				}

				& button[type="submit"] {
					padding: 15px;
					transition: .3s;
					width: 100%;
					text-align: start;
					border-radius: 0 0 20px 20px;


					& span {
						color: #24665F;
						text-transform: uppercase;
						font-variation-settings: 'wght' 700;
					}

					&:hover {
						background-color: #F1F7F4;
						transition: .3s;

					}
				}

				.search_loading {
					padding: 15px;
					color: #24665F;
				}


				& .search_mobile {
					display: none;
				}
			}

			& form {
				display: flex;
				align-items: center;
				gap: 10px;
				width: 100%;
			}

			& input[type="text"] {
				appearance: none;
				border: none;
				width: 100%;

				&::placeholder {
					font-variation-settings: 'wght' 600;
					color: #2A7A71;
					transition: .3s;
				}

				&:focus-visible {
					outline: none;

					&::placeholder {
						color: #2A7A71;
						opacity: .3;
						transition: .3s;
					}
				}
			}
		}
	}
}



.wrapper {
	position: relative;

	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
}



.composition {
	position: relative;
	width: 750px;
	height: 400px;
	background-color: var(--color-main);
	background-image: linear-gradient(to left, #246366, #2a7a71);
	overflow: hidden;
}

.layer-0 {
	position: absolute;
	z-index: 10;
}

.layer-1 {
	position: absolute;
	z-index: 10;
}

.layer-2 {
	position: absolute;
	z-index: 11;
}

.shelf {
	position: absolute;
	top: 150px;
	left: 250px;
}

.shelf__side_left {
	position: absolute;
	top: 0;
	left: 0;

	width: 500px;
	height: 60px;

	background-color: #cdfffa;

	transform: skewY(-25deg);
}

.shelf__side_front {
	position: absolute;
	top: 137px;
	left: 0;
	width: 70px;
	height: 60px;
	background-color: #9dfbf3;
	background-image: linear-gradient(160deg, #84fff2, #24665f);
	border: 1px solid #24636680;
	transform: skewY(30deg);
}

.shelf__side_bottom {
	position: absolute;
	top: 43px;
	left: 36px;

	width: 500px;
	height: 73px;

	background-color: #7adbd5;

	transform: skewY(-25deg) skewX(44deg);
}

.shelf__side_right {
	position: absolute;
	top: 42px;
	left: 70px;
	width: 500px;
	height: 60px;
	background-color: #6db88d;
	background-image: linear-gradient(0deg, #246366, #2a7a71);
	transform: skewY(-25deg);
}

.shelf__handle_top {
	position: absolute;
	top: 144px;
	left: 17px;

	width: 30px;
	height: 7px;

	background-color: #5ac8d3;

	transform: skewY(30deg) skewX(-50deg)
}

.shelf__handle_front {
	position: absolute;
	top: 149px;
	left: 13px;

	width: 30px;
	height: 10px;

	background-color: #71e7e4;
	border: 1px solid rgba(47, 127, 178, 0.5);

	transform: skewY(30deg);
}

.shelf__handle_right {
	position: absolute;
	top: 155px;
	left: 43px;
	width: 6px;
	height: 10px;
	background-color: #2a7a71;
	transform: skewY(-30deg);
}

.shadow {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 150px;
	height: 100%;
	background-image: linear-gradient(to right, #24665f00, #246366 65%, #246366);
}

.case {
	position: absolute;
	transform: translateY(0);
	transition: .3s transform ease-in;
}

.case:hover {
	transform: translateY(-5px);
}

.case_1 {
	top: -85px;
	right: -470px;
}

.case_2 {
	top: -82px;
	right: -463px;
}

.case_3 {
	top: -79px;
	right: -456px;
}

.case_4 {
	top: -76px;
	right: -449px;
}

.case_5 {
	top: -73px;
	right: -442px;
}

.case_6 {
	top: -70px;
	right: -435px;
}

.case_7 {
	top: -67px;
	right: -428px;
}

.case_8 {
	top: -63px;
	right: -421px;
}

.case_9 {
	top: -59px;
	right: -414px;
}

.case_10 {
	top: -56px;
	right: -407px;
}

.case_11 {
	top: -53px;
	right: -400px;
}

.case_12 {
	top: -49px;
	right: -393px;
}

.case_13 {
	top: -46px;
	right: -386px;
}

.case_14 {
	top: -43px;
	right: -379px;
}

.case_15 {
	top: -39px;
	right: -372px;
}

.case_16 {
	top: -36px;
	right: -365px;
}

.case_17 {
	top: -33px;
	right: -358px;
}

.case_18 {
	top: -29px;
	right: -351px;
}

.case_19 {
	top: -26px;
	right: -344px;
}

.case_20 {
	top: -23px;
	right: -337px;
}

.case_21 {
	top: -19px;
	right: -330px;
}

.case_22 {
	top: -16px;
	right: -323px;
}

.case_23 {
	top: -13px;
	right: -316px;
}

.case_24 {
	top: -9px;
	right: -309px;
}

.case_25 {
	top: -6px;
	right: -302px;
}

.case_26 {
	top: -3px;
	right: -295px;
}

.case_27 {
	top: 1px;
	right: -288px;
}

.case_28 {
	top: 4px;
	right: -281px;
}

.case_29 {
	top: 7px;
	right: -274px;
}

.case_30 {
	top: 11px;
	right: -267px;
}

.case_31 {
	top: 14px;
	right: -260px;
}

.case_32 {
	top: 17px;
	right: -253px;
}

.case_33 {
	top: 20px;
	right: -246px;
}

.case_34 {
	top: 24px;
	right: -239px;
}

.case_35 {
	top: 27px;
	right: -232px;
}

.case_36 {
	top: 30px;
	right: -225px;
}

.case_37 {
	top: 33px;
	right: -218px;
}

.case_38 {
	top: 37px;
	right: -211px;
}

.case_39 {
	top: 40px;
	right: -204px;
}

.case_40 {
	top: 43px;
	right: -197px;
}

.case_41 {
	top: 46px;
	right: -190px;
}

.case_42 {
	top: 49px;
	right: -183px;
}

.case_43 {
	top: 53px;
	right: -176px;
}

.case_44 {
	top: 56px;
	right: -169px;
}

.case_45 {
	top: 59px;
	right: -162px;
}

.case_46 {
	top: 62px;
	right: -155px;
}

.case_47 {
	top: 65px;
	right: -148px;
}

.case__front {
	position: absolute;
	top: 3px;
	left: 0;

	width: 70px;
	height: 55px;

	background-color: #9d7f63;

	transform: skewY(25deg);
}

.case__label {
	position: absolute;
	top: -12px;
	left: 5px;

	width: 10px;
	height: 7px;

	background-color: #9d7f63;

	transform: skewY(25deg);
}

.case__label_left {
	top: -12px;
	left: 5px;
}

.case__label_right {
	top: 12px;
	left: 55px;
}

.case__top {
	position: absolute;
	top: 0;
	left: 2px;

	width: 70px;
	height: 4px;

	background-image: linear-gradient(to top, #e9eceb, #a3bab4 50%, #e9eceb);

	transform: skewY(25deg) skewX(-45deg);
}

.case__right {
	position: absolute;
	top: 18px;
	left: 69px;

	width: 5px;
	height: 55px;

	background-image: linear-gradient(to left, #e9eceb, #a3bab4 50%, #e9eceb);

	transform: skewY(-25deg);
}

.case__number {
	position: absolute;
	top: 41px;
	left: 10px;

	color: #7c664e;
	font-size: 8px;

	transform-origin: top left;
	transform: rotate(-66deg) skewY(-25deg);
}

.glow {
	position: absolute;
}

.glow__bottom {
	position: absolute;
	top: 60px;
	left: 5px;

	width: 135px;
	height: 120px;

	background-image: linear-gradient(to top, rgba(132, 255, 242, 1), rgba(132, 255, 242, 1) 30%, rgba(132, 255, 242, 0));

	transform: perspective(120px) rotateX(-20deg);
}

.glow__top {
	position: absolute;
	top: -25px;
	left: 7px;

	width: 130px;
	height: 180px;

	background-image: linear-gradient(to top, rgba(132, 255, 242, 1), rgba(132, 255, 242, 1) 20%, rgba(132, 255, 242, 0));

	transform: perspective(150px) rotateX(-20deg);
}

.glow__ball {
	position: absolute;
	top: 0;
	left: 0;

	width: 10px;
	height: 10px;

	border-radius: 10px;
	background-color: #83fff2;

	transform: translateY(160px);
}

.glow__ball_1 {
	animation: 5s fadeUp infinite;
	animation-delay: .5s;
}

.glow__ball_2 {
	left: 10px;

	width: 5px;
	height: 5px;

	animation: 4s fadeUp infinite;
	animation-delay: .8s;
}

.glow__ball_3 {
	left: 24px;

	width: 15px;
	height: 15px;

	animation: 9s fadeUp infinite;
	animation-delay: .65s;
}

.glow__ball_4 {
	left: 34px;

	width: 8px;
	height: 8px;

	animation: 7s fadeUp infinite;
	animation-delay: .5s;
}

.glow__ball_5 {
	left: 57px;

	width: 14px;
	height: 14px;

	animation: 7s fadeUp infinite;
	animation-delay: .9s;
}

.glow__ball_6 {
	left: 78px;

	width: 11px;
	height: 11px;

	animation: 3s fadeUp infinite;
	animation-delay: .3s;
}

.glow__ball_7 {
	left: 91px;

	width: 13px;
	height: 13px;

	animation: 8s fadeUp infinite;
	animation-delay: .77s;
}

.glow__ball_8 {
	left: 105px;

	width: 7px;
	height: 7px;

	animation: 6s fadeUp infinite;
	animation-delay: .4s;
}

.glow__ball_9 {
	left: 113px;

	width: 8px;
	height: 8px;

	animation: 4s fadeUp infinite;
	animation-delay: .6s;
}

.glow__ball_10 {
	left: 120px;

	width: 4px;
	height: 4px;

	animation: 9s fadeUp infinite;
	animation-delay: .92s;
}

.numbers {
	position: absolute;
	top: 0;
	left: 122px;

	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 200px;

	display: flex;
}

.numbers__item {
	margin: 0 10px;

	animation: 5s bounceUpDown infinite;
}

.numbers__item_1 {
	animation-delay: .3s;
}

.numbers__item_2 {
	animation: 5.4s bounceUpDown infinite;
	animation-delay: .5s;
}

.numbers__item_3 {
	animation-delay: .3s;
}

@keyframes fadeUp {
	0% {
		transform: translateY(160px);
		opacity: 1;
	}

	60% {
		opacity: 1;
	}

	100% {
		transform: translateY(-10px);
		opacity: 0;
	}
}

@keyframes bounceUpDown {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(50px);
	}

	100% {
		transform: translateY(0);
	}
}


/* @media screen and (max-width: 800px) {
	.composition {
		transform: scale(0.8);
	}
}

@media screen and (max-width: 700px) {
	.composition {
		transform: scale(0.7);
	}
}

@media screen and (max-width: 600px) {
	.composition {
		transform: scale(0.6);
	}
}

@media screen and (max-width: 500px) {
	.composition {
		transform: scale(0.5);
	}
}

@media screen and (max-width: 400px) {
	.composition {
		transform: scale(0.4);
	}
}

@media screen and (max-width: 300px) {
	.composition {
		transform: scale(0.3);
	} */
}







/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Адаптив!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


@media(min-width: 998px) and (max-width: 1199px) {
	.container {
		max-width: 1100px;
	}
}

@media(min-width: 1200px) and (max-width: 1399px) {
	.container {
		max-width: 1250px;
		/* width: 1200px; */
	}
}


@media(min-width: 1250px) {
	.container {
		max-width: 1230px;
	}
}

@media(min-width: 1400px) {
	.container {
		width: 1400px;
		max-width: 1400px;
	}
}

@media(min-width: 1490px) {
	.container {
		width: 1490px;
		max-width: 1490px;
	}
}





@media(min-width: 1399px) and (max-width: 1489px) {
	.front_page_filter {
		& .filter_items_block {
			& .filter_item {
				width: 220px;

				&.price_item {
					width: 330px;
				}
			}

			& .filter_item.adress {
				width: 415px;
			}

		}




		& .form_filter_tabs {
			& .form_filter_tab {
				& input[type="radio"] {
					&+label {
						padding: 17px 17px;
					}
				}
			}
		}
	}

	.front_page_filter_container {
		&.category {
			&.sklad {
				& .filter_item.adress {
					width: 565px;
				}
			}

			&.trade {
				& .filter_item.adress {
					width: 670px;
				}
			}

			&.industrial {
				& .filter_item.price_item {
					width: 355px;
				}
			}
		}

		&.large {
			& .front_page_filter {
				& .form_filter_left {
					& .filter_item.price_item {
						width: 330px;
					}
				}
			}
		}
	}


	& .director_photo {
		max-width: 350px;

		& img {
			width: 100%;
		}
	}

	#post_list {
		& .posts {
			& .object_post {
				& .object_post_text {
					& .object_post_button_block {
						& .pretty_btn {
							width: 240px;
						}
					}
				}
			}
		}
	}


	footer {
		& .footer_rows {
			& .footer_row:nth-child(2) {

				padding: 15px;
			}

			#menu-footer-menu {

				gap: 30px;
			}

			& .column {
				& .footer_logo {
					max-width: 300px;

				}
			}
		}
	}



}



@media(min-width: 1250px) and (max-width: 1399px) {

	header {
		.logo {
			padding: 15px 30px;
		}

		& .main_menu_container {
			& .main_menu_body {
				& .main_menu_container_right {
					& .top_item {

						padding: 17px 20px;

					}

					& .bottom_item {
						padding: 17px 20px;

						& .analytics_menu {
							&>img {
								right: 0;
								position: absolute;
								top: -5px;
							}
						}
					}
				}
			}
		}
	}

	.social_networks {
		& a {
			&:hover {
				width: 110px;
			}

			& span {
				font-size: 12px;

			}
		}
	}

	.front_page_filter {
		padding: 20px;
		flex-wrap: wrap;
		gap: 30px;

		& .form_filter_tabs {
			gap: 20px;
			flex-wrap: wrap;

			& .form_filter_tab {
				& input[type="radio"] {
					&+label {
						gap: 17px 25px;
					}
				}
			}
		}


		& .filter_items_block {
			gap: 15px;
			justify-content: space-between;


			& .filter_item {
				width: 210px;
			}
		}

		& .form_filter_left {
			width: 100%;
			max-width: 770px;
		}

		& .form_filter_right {
			/* gap: 30px; */
			margin: 0;
			width: 30%;

			& .filter_buttons {

				max-height: unset;
				flex-direction: column-reverse;

				& .pretty_btn {
					width: 100%;
					padding: 17px 10px;
					max-height: 54px;
				}
			}

			& search {}

			&>form {
				margin: 0 auto;
			}
		}



	}


	.map_link {
		aspect-ratio: 232 /182;

		& .map_background {
			max-width: 50%;

			& img {
				width: 100%;
			}
		}

		& .map_text {
			left: 20px;

			& span {
				font-size: 20px;
			}
		}
	}

	.analytisc_link {

		aspect-ratio: 232 /182;
	}

	& .front_page_links_container {
		display: grid;
		gap: 15px;

		& .category_link_item {
			width: 100%;

			& .category_link_name {

				font-size: 20px;

			}
		}
	}

	footer {
		padding: 40px 0;

		& .footer_rows {
			& .footer_row:first-child {
				justify-content: space-between;
				gap: 15px;
			}

			& .footer_row:nth-child(2) {

				padding: 15px;

			}

			#menu-footer-menu {

				gap: 20px;

				& a {
					font-size: 16px;
				}
			}

			& .column {
				& .footer_logo {
					max-width: 250px;

				}

				& .footer_phone {
					& span {
						font-size: 20px;

					}
				}

				&.work_time_column {

					font-size: 18px;
				}
			}

			& .copyright_bottom {
				& p {
					margin: 0;
					font-size: 14px;
				}
			}
		}
	}

	.director_container {

		gap: 20px;
	}

	.contact_form.on_side {
		padding: 20px;
	}

	posts_block {
		& .posts {
			& .post_items {
				display: grid;
				gap: 20px;

				& .post_item_title {
					font-size: 18px;

				}
			}
		}
	}

	.contact_form.on_side {
		& .form_inputs_list {
			& ul {
				& li {
					width: 45px;

				}
			}
		}

		.pretty_btn {
			padding: 15px 10px;

		}
	}

	& .front_page_filter_container {
		&.category {

			.front_page_filter {
				justify-content: start;

				& .form_filter_tabs {
					gap: 15px;
				}

				& .filter_items_block {
					gap: 15px;
					justify-content: start;

					& .filter_item.adress {
						width: 415px;
					}

					& .filter_item {
						&.price_item {
							width: 320px;

						}
					}

				}

				& .form_filter_right {
					& .filter_reset {
						& a {
							/* width: 100%; */
						}
					}

					& .filter_buttons {
						/* gap: 40px; */

					}
				}
			}
		}


		&.trade {
			& .form_filter_left {
				width: 780px;
				max-width: 780px;
			}

			& .front_page_filter {
				& .filter_items_block {
					& .filter_item.adress {
						width: 330px;
					}

					& .filter_item {
						&.range_item {
							width: 385px;
						}

						&.price_item {
							width: 380px;
						}
					}

				}
			}
		}



		&.industrial {
			& .form_filter_left {
				width: 860px;
				max-width: 860px;
			}

			& .front_page_filter {

				& .form_filter_right {
					width: calc(25% - 20px);
					gap: 20px;
				}

				& .filter_items_block {
					& .filter_item.adress {
						width: 325px;
					}

					& .filter_item {
						&.range_item {
							width: 295px;
						}

						&.price_item {
							width: 330px;
						}
					}

				}
			}
		}


		&.large {


			& .front_page_filter {
				& .form_filter_left {
					width: 860px;
					max-width: 860px;
				}

				& .form_filter_right {
					width: calc(25% - 20px);
				}

				& .filter_items_block {
					& .filter_item.adress {
						width: 325px;
					}

					& .filter_item {
						&.range_item {
							width: 295px;
						}

						&.price_item {
							width: 330px;
						}
					}

				}
			}
		}


	}


	.front_page_filter_container.map {
		& .front_page_filter {
			& .form_filter_right {
				width: 25%;

				& search {
					width: 100%;
				}

				& .filter_buttons {
					& #filter_count {
						width: 100%;
					}
				}
			}
		}
	}


	#post_list {
		& .posts {
			& .object_post {
				& .object_post_text {
					width: calc(100% - 550px);
					padding: 20px;

					& .object_post_button_block {
						gap: 15px;

						& .pretty_btn {
							width: 190px;
						}
					}
				}

				& .object_post_slider {
					width: 550px;

				}
			}
		}
	}

	#similar_objects {
		& .posts {
			& .object_post {
				& .object_post_text {
					width: calc(100% - 550px);
					padding: 20px;

					& .object_post_button_block {
						gap: 15px;

						& .pretty_btn {
							width: 190px;
						}
					}
				}

				& .object_post_slider {
					width: 550px;

				}
			}
		}
	}


	.object_top {
		& .object_info_block {

			padding: 20px;

		}

		& .object_slider_block {
			& .object_slider_nav {
				& .object_slide_nav {

					aspect-ratio: 16 / 9;
				}
			}
		}
	}



	.objects_group.objects {
		& .object_post {
			& .object_post_text {
				width: calc(100% - 550px);
				padding: 20px;

				& .object_post_button_block {
					gap: 15px;

					& .pretty_btn {
						width: 190px;
					}
				}
			}

			& .object_post_slider {
				width: 550px;

			}
		}
	}









}



@media(min-width: 1200px) and (max-width: 1250px) {
	.container {
		width: 1200px;
	}
}



@media(min-width: 998px) and (max-width: 1250px) {



	header {
		& .logo {
			padding: 15px 35px 0 35px;
		}

		& .header_phones,
		.header_email {
			display: none;
		}

	}

	h1.heading {
		font-size: 24px;
	}

	h1.title {
		font-size: 24px;
	}

	.front_page_filter {
		padding: 20px 15px;
		flex-wrap: wrap;
		gap: 30px;


		& .filter_items_block {
			gap: 15px;

			& .filter_item {
				width: calc(33.3%);
			}
		}

		& search.mobile_search {
			margin-left: auto;
			padding: 10px 20px;
			border-radius: 20px;
			border: 1px solid #2A7A71;
			width: 100%;
			position: relative;
			display: flex;
			margin-bottom: 0px;


			& form {
				display: flex;
				align-items: center;
				gap: 10px;
				width: 100%;

				& input[type="text"] {
					appearance: none;
					border: none;
					width: 100%;
				}
			}
		}

		& .form_filter_right {
			width: 100%;

			& search {
				display: none;
			}
		}

		& #filter_form {
			width: 100%;
		}

		& .form_filter_left {
			max-width: 100%;
			width: 100%;
		}
	}

	.front_page_links_container {
		gap: 15px;

	}


	.analytisc_link {
		aspect-ratio: 232 /182;
	}

	.map_link {
		aspect-ratio: 232 /182;
	}

	& .main_menu_container {
		&.open {
			& .main_menu_body {

				flex-direction: column;

				& .main_menu_container_right {
					width: 100%;
				}

				& .main_menu_container_left {
					width: 100%;
				}
			}
		}
	}


	.front_page_links_container {
		gap: 15px;

		& .category_link_item {
			& .category_link_name {
				left: 10px;
				font-size: 18px;
			}
		}
	}

	.services_container {
		& .services_left_block {
			padding: 20px;
			max-width: 250px;

		}

		.services_right_block {
			width: calc(100% - 280px);

			.services_tabs {
				gap: 10px;

				& .services_tab {
					width: calc((100% / 5) - 8px);
					padding: 15px 10px;

					&>span {

						font-size: 14px;
					}
				}
			}

			& .services_tab_content {
				& .services_tab_item_group {
					& .services_tab_item {
						padding: 20px;
						font-size: 18px;
						min-height: 120px;

					}
				}
			}
		}
	}

	.analytisc_link {
		& .analytisc_text {
			left: 20px;

			& span {
				font-size: 20px;
			}
		}
	}

	.map_link {
		& .map_text {
			left: 20px;

			& span {
				font-size: 20px;
			}
		}


		& .map_background {
			width: 50%;

			& img {
				width: 100%;
			}
		}
	}

	.contact_form {
		& #contact_form {
			padding: 30px 30px 50px 30px;

			& .contact_form_text {
				& h2 {
					width: 75%;
				}
			}

			& .inputs_block {
				flex-wrap: wrap;
			}

			& .inputs_block {

				& input,
				textarea {

					flex-basis: calc(33.3% - 0px);
					max-width: unset;
				}
			}

			& .submit_block {
				& button {
					width: 33.3%;
				}
			}
		}
	}


	footer {
		& .footer_rows {
			& .footer_row:first-child {
				gap: 20px;
			}

			& .footer_row:nth-child(2) {

				gap: 20px;
				justify-content: center;
			}
		}
	}


	.social_networks {

		flex-wrap: wrap;
	}

	.posts_block {
		& .posts {
			width: calc(66.6% - 15px);

			& .post_items {
				grid-template-columns: repeat(2, 1fr);
				gap: 20px;
			}
		}
	}

	.contact_form.on_side {
		width: calc(33.3% - 15px);
		padding: 20px;
	}




	.front_page_filter_container {

		& .form_filter_right {
			& .filter_reset {
				&.active {
					justify-content: center;
				}
			}
		}

		&.industrial {
			& .form_filter_right {
				& .filter_reset {
					&.active {
						margin-top: 0;
						justify-content: center;
					}

					& a {
						width: calc(50% - 10px);
					}
				}

				& .filter_buttons {
					flex-direction: row;

					& .pretty_btn {
						width: calc(50% - 10px);
						justify-content: center;
						padding: 15px 10px;
					}
				}
			}
		}

		&.trade {
			& .form_filter_right {
				& .filter_reset {
					&.active {
						margin-top: 0;
						justify-content: center;
					}

					& a {
						width: calc(50% - 10px);
					}
				}

				& .filter_buttons {
					flex-direction: row;

					& .pretty_btn {
						width: calc(50% - 10px);
						justify-content: center;
						padding: 15px 10px;
					}
				}
			}
		}

		&.large {
			& .front_page_filter {
				& .form_filter_right {
					& .filter_reset {
						&.active {
							margin-top: 0;
							justify-content: center;
						}

						& a {
							width: calc(50% - 10px);
						}
					}

					& .filter_buttons {
						flex-direction: row;

						& .pretty_btn {
							width: calc(50% - 10px);
							justify-content: center;
							padding: 15px 10px;
						}
					}
				}
			}
		}
	}




	.object_top {
		& .object_slider_block {
			margin: 0 auto;

			& .object_slider_nav {
				& .object_slide_nav {
					aspect-ratio: 16 / 9;
				}
			}
		}

		& .object_info_block {
			& .object_info_bottom {
				& .object_links {
					gap: 15px;
					margin-bottom: 30px;
					margin-top: 20px;
				}
			}
		}
	}



}


@media(min-width: 998px) and (max-width: 1200px) {

	.object_top {
		& .object_slider_block {
			margin: 0 auto;
			width: 75%;

			& .object_slider_nav {
				& .object_slide_nav {
					aspect-ratio: 16 / 9;
				}
			}
		}

		& .object_info_block {

			width: 75%;
			margin: 0 auto;

			& .object_info_bottom {
				& .object_links {
					margin-bottom: 20px;
					margin-top: 30px;
				}
			}
		}
	}

	.object_description_block {
		& .object_description {
			width: 100%;
		}

		& .object_main_params {
			width: 50%;
			margin: 0 auto;
		}
	}

	.object_add_params {
		& .object_add_params_block {
			width: 100%;
		}
	}


	#post_list {
		& .posts {
			& .object_post {
				& .object_post_slider {
					width: 40%;

				}

				& .object_post_text {
					width: 60%;
					padding: 15px;

					& .object_post_title {

						font-size: 22px;
						margin-bottom: 10px;

					}

					& .object_post_info {

						margin-bottom: 10px;
					}

					& .object_post_price_block {
						margin-bottom: 10px;
					}

					& .object_post_desc {

						margin-bottom: 10px;
					}

					& .object_post_button_block {
						gap: 10px;

						& .pretty_btn {
							width: 215px;
							font-size: 14px;
						}

						& .object_phone {
							display: none;
						}
					}
				}


			}
		}
	}





	#similar_objects {
		& .posts {
			& .object_post {
				& .object_post_slider {
					width: 40%;

				}

				& .object_post_text {
					width: 60%;
					padding: 15px;

					& .object_post_title {

						font-size: 22px;
						margin-bottom: 10px;

					}

					& .object_post_info {

						margin-bottom: 10px;
					}

					& .object_post_price_block {
						margin-bottom: 10px;
					}

					& .object_post_desc {

						margin-bottom: 10px;
					}

					& .object_post_button_block {
						gap: 10px;

						& .pretty_btn {
							width: 215px;
							font-size: 14px;
						}

						& .object_phone {
							display: none;
						}
					}
				}


			}
		}
	}



	.objects_group.objects {
		& .object_post {
			& .object_post_slider {
				width: 40%;

			}

			& .object_post_text {
				width: 60%;
				padding: 15px;

				& .object_post_title {

					font-size: 22px;
					margin-bottom: 10px;

				}

				& .object_post_info {

					margin-bottom: 10px;
				}

				& .object_post_price_block {
					margin-bottom: 10px;
				}

				& .object_post_desc {

					margin-bottom: 10px;
				}

				& .object_post_button_block {
					gap: 10px;

					& .pretty_btn {
						width: 215px;
						font-size: 14px;
					}

					& .object_phone {
						display: none;
					}
				}
			}


		}
	}

	main.page_404 {
		& .left_404 {
			& search {
				margin-bottom: 30px;
			}
		}

		& h1.title {
			margin-top: 80px;
			margin-bottom: 20px;
		}
	}


}



@media(max-width: 998px) {




	#fullscreen {
		padding: 0 0 60px 0;

		& .zoom_controls_map {
			right: 10px;
		}

		& form[method="dialog"] {
			right: 15px;

		}

		& .object_slider_nav_fullscreen {
			padding: 0 15px;
		}
	}


	@keyframes notification {
		0% {
			bottom: -999px;
			opacity: 0;
		}

		5% {
			bottom: 100px;
			opacity: 1;
		}

		95% {
			bottom: 100px;
			opacity: 1;
		}

		100% {
			bottom: -999px;
			opacity: 0;
		}

	}

	.widget_messengers {
		right: -10px;
		bottom: 100px;


		& .messengers_list {
			& li {
				opacity: 0;
				width: 40px;
				height: 40px;
			}

			&.active {
				& li {
					opacity: 1;
				}
			}
		}

	}

	section.content {
		margin-bottom: 80px;
	}

	h1.title {
		font-size: 24px;
		margin-bottom: 20px;
	}

	h2.title {
		font-size: 24px !important;
	}

	.breadcrumbs_container {
		margin: 30px 0 20px 0;
	}

	#breadcrumbs {
		overflow-x: scroll;
		padding-bottom: 10px;
		margin-bottom: 0;
	}

	#breadcrumbs span {
		display: flex;
		white-space: nowrap;
		flex-wrap: nowrap !important;
	}

	header {
		margin-bottom: 15px;

		& .main_menu_button {
			& span {
				display: none;
			}
		}

		& .header_container {
			& .header_mobile_button {
				display: flex;
				align-items: center;
				gap: 5px;
				padding: 10px 0;
				border-bottom: 1px solid #2A7A71;
				justify-content: center;

				& span {
					color: #2A7A71;
					font-size: 14px;
					font-variation-settings: 'wght' 700;
				}
			}
		}

		& .logo {
			padding: 15px 35px 0 35px;

			& img {
				width: 115px;
				height: 32px;
				object-fit: contain;
			}

			&::before {
				height: calc(100% + 15px);

			}
		}

		& .header_phones,
		.header_email {
			display: none;

			&+.pretty_btn {
				display: none;
			}
		}

		& .main_menu_container {
			padding: 45px 0 30px 0;

			& .main_menu_body {
				flex-wrap: wrap;

				& .main_menu_container_left {
					width: 100%;
				}

				& .main_menu_container_right {
					width: 100%;

					& .top_item {
						flex-wrap: wrap;
						gap: 25px;
						padding: 15px 30px;


						& #menu-main-menu {
							gap: 25px;
							flex-wrap: wrap;
						}
					}

					& .bottom_item {
						& .analytics_menu {
							gap: 10px;

							& .analytics_menu_desc {
								max-width: 66.6%;
							}

							&>img {
								right: 0;
								position: absolute;
								top: 0;
							}
						}
					}
				}
			}

			&.open {
				& .main_menu_body {

					flex-wrap: wrap;
				}
			}
		}


	}

	.front_page_filter_container {
		margin-bottom: 60px !important;
	}

	.front_page_title {
		margin: 40px 0 20px 0;
	}

	h1.heading {
		font-size: 20px;
	}

	& .front_page_filter {
		padding: 30px 10px;
		flex-wrap: wrap;

		& search.mobile_search {
			margin-left: auto;
			padding: 10px 20px;
			border-radius: 20px;
			border: 1px solid #2A7A71;
			width: 100%;
			position: relative;
			display: flex;
			margin-bottom: 20px;

			& input[type="text"] {
				appearance: none;
				border: none;
				width: 100%;

				&::placeholder {
					font-size: 14px;
				}
			}

			& form {
				display: flex;
				align-items: center;
				gap: 10px;
				width: 100%;
			}
		}

		& .form_filter_tabs {
			flex-wrap: wrap;
			gap: 10px;

			& .form_filter_tab {
				input[type="radio"] {
					&+label {
						padding: 10px;

						& span {
							font-variation-settings: 'wght' 600;
							font-size: 14px;
						}
					}
				}
			}
		}

		& .filter_items_block {
			flex-wrap: wrap;
			gap: 10px;
			margin-bottom: 35px;

			& .filter_item {
				width: calc(50% - 5px);

				&>span {
					margin-bottom: 5px;
					font-size: 14px;
				}

				&.range_item {
					width: calc(50% - 5px);
				}


			}

			& .filter_item_body {
				& strong {
					padding: 15px 20px;
				}
			}
		}

		& .form_filter_right {
			width: 100%;

			& search {
				display: none;
			}
		}
	}

	.front_page_links_container {
		margin-bottom: 20px !important;
		gap: 20px;
		grid-template-columns: repeat(2, 1fr);

		& .category_link_item {
			aspect-ratio: 16 / 9;
			height: unset;

			&::before {
				transition: .3s;
				opacity: 1;
				z-index: 1;
				background: linear-gradient(180deg, rgba(36, 99, 102, 0.60) 0%, rgba(36, 99, 102, 0.14) 45.3%, rgba(36, 99, 102, 0.00) 100%);
			}

			& .category_link_name {
				bottom: unset;
				font-size: 24px;
				top: 20px;
				height: unset;
			}

			& .category_sub_links {
				flex-direction: row;
				transform: none;

				& a {
					font-size: 14px;
				}
			}
		}
	}

	.analytisc_link {
		aspect-ratio: 16 / 9;
		height: auto;
		margin-bottom: 20px !important;

		& .analytisc_text {
			gap: 10px;
			left: 20px;

			& span {
				font-size: 24px;
			}
		}
	}

	.map_link {
		height: auto;
		aspect-ratio: 16 / 9;
		margin-bottom: 60px;

		& .map_text {
			left: 20px;

			& span {
				font-size: 24px;
			}
		}

		& .map_background {

			max-width: 200px;

			& img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
		}
	}

	.services_container {
		margin-bottom: 80px !important;

		& .services_left_block {
			padding: 20px;
			width: 100%;
			aspect-ratio: 16 / 10;
			max-width: 100%;
			justify-content: space-between;
			overflow: hidden;
			position: relative;

			& .services_title {

				font-size: 24px;
			}

			& .services_img {
				position: absolute;
				right: 0px;
				top: 0;
				width: 100%;
				height: 100%;


				& img {
					max-width: 395px;
					position: absolute;
					right: 0;
					top: 0;
					height: 100%;
					/* width: 100%; */
					object-fit: contain;
				}
			}
		}

		& .services_right_block {
			width: 100%;

			& .services_tabs {
				gap: 10px;

				& .services_tab {
					width: calc(33.3% - 10px);
					cursor: pointer;
					padding: 14px 5px;
					border: 1px solid #2A7A71;
					border-radius: 20px;
					text-align: center;
					overflow: hidden;

					&.active {
						background-color: #2A7A71;
					}
				}

				& .fill {
					display: none;
				}
			}

		}

		.services_contact_form {


			& p.form_sent {
				margin-bottom: 20px;
			}
		}
	}

	.contact_form {
		margin-bottom: 0px !important;

		& #contact_form {
			padding: 30px 20px;

			& .contact_form_text {
				gap: 20px;
				margin-bottom: 20px;
				flex-wrap: wrap;

				& h2 {
					font-size: 24px;
					width: 100%;
				}

				& p {
					max-width: 100%;
					font-size: 16px;
				}
			}

			& .inputs_block {
				flex-wrap: wrap;

				& input,
				& textarea {
					flex-basis: unset;
					max-width: unset;
					width: calc(50% - 10px);

					&[type="tel"] {
						max-width: unset;
						padding-left: 65px;
						width: 100%;
					}
				}

				& .phone_input_wrapper {

					width: calc(50% - 10px);
				}
			}

			& .submit_block {
				gap: 10px;
				flex-direction: column-reverse;

				& button {
					padding: 15px 20px;
					width: 100%;
				}

				& p {
					max-width: unset;
					font-size: 14px;
				}
			}
		}

		& h2.form_sent {
			margin-bottom: 0px !important;
			font-size: 20px !important;
		}
	}


	.news_slider_container {
		& .title {
			font-size: 24px;

		}

		& .news_slider_top {
			& .pretty_btn {
				padding: 15px;
			}
		}

		& .news_slider {
			margin-bottom: 20px;

			& .news_slide {
				height: 350px !important;
				flex-basis: unset !important;
				padding: 20px !important;

				&.active {
					flex-basis: unset !important;

					& .news_text {
						display: none !important;

					}
				}

				& .reading_time {

					top: 10px;
					right: 10px;
					width: 62px;
					height: 62px;

					& strong {
						font-size: 28px;
					}

				}

				& .news_text {
					display: none !important;

				}

				& .news_title {
					font-size: 20px;
				}
			}
		}
	}

	footer {
		z-index: 13;
		padding: 40px 0 110px 0;

		& .footer_rows {
			row-gap: 20px;

			& .footer_row:first-child {
				justify-content: space-between;
				gap: 10px;
				width: 100%;

				& .column {
					&:first-child {
						margin-bottom: 10px;
					}
				}
			}

			& .footer_row:nth-child(2) {
				padding: 15px;
				align-items: start;

				& .footer_menu {
					width: calc(50% - 10px);
					margin-bottom: 20px;

					& #menu-footer-menu {
						gap: 15px;
						flex-direction: column;
						align-items: start;

						& a {

							font-size: 18px;
						}
					}
				}

				& .social_links.footer_links {
					width: calc(50% - 10px);
					margin-top: 0;

					&+.pretty_btn {
						display: flex;
						width: 100%;
					}
				}

			}

			& .column {
				width: 100%;

				&.work_time_column {

					font-size: 16px;
				}
			}

			& .footer_links {
				align-items: center;
				width: calc(50% - 10px);
			}

			& .copyright_top {
				width: 100%;
				flex-wrap: wrap;
				margin-bottom: 15px;

				&>p:first-child {
					width: 100%;
					margin-bottom: 5px;
				}

				& a {
					width: 100%;
				}
			}

			& .copyright_bottom {
				flex-wrap: wrap;

				& p {
					font-size: 14px;

					&:first-child {
						margin-bottom: 5px;
					}
				}
			}

			& .social_links {
				width: 100%;
				gap: 15px;

				&.mobile {
					display: flex;
					margin: 10px 0 0 0;
				}

				&.deskstop {
					display: none;
				}
			}
		}

		& .footer_email {
			margin-top: 20px;
			display: flex;

			& a {
				color: #fff;
				font-variation-settings: 'wght' 700;
			}
		}
	}

	#mobile_bar {
		display: flex;
		border-radius: 20px 20px 0px 0px;
		background: #FFF;
		box-shadow: 0px 0px 15px 0px rgba(42, 122, 113, 0.10);
		position: fixed;
		bottom: 0;
		padding: 10px;
		width: 100%;
		z-index: 999;

		& .navigation_list {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			position: relative;
			border-radius: 20px 20px 35px 35px;
			overflow: hidden;


			&>li {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 5px;
				width: 25%;
				z-index: 1;
				padding: 15px;
				position: relative;


				&>a {
					font-size: 14px;
					color: #2A7A71;
					font-variation-settings: 'wght' 600;
					transition-duration: 0.3s;
					transform: translate(0, 20px);
					user-select: none;
					opacity: 0;
					position: relative;



				}

				&>img {
					transform: translate(0, 11px);
					transition-duration: 0.3s;
				}

				&.active {

					&>a {
						opacity: 1;
						transform: translate(0, 0px);

						&::before {
							width: 100%;
							height: 40px;
							content: '';
							position: absolute;
							opacity: 0;
							left: 0;
							bottom: 0;
						}
					}

					&>img {
						transform: translate(0px, 0px);
					}
				}
			}

			.navigation_tab_overlay {
				border-radius: 20px;
				background-color: #F1F7F4;
				height: 100%;
				width: 25%;
				position: absolute;
				left: 0;
				top: 0;
				transition: 0.3s;
				z-index: 0;
			}
		}
	}


	.contact_form.on_side {
		width: 100%;
		padding: 20px;
		max-width: 100%;
	}

	.posts_block {
		& .posts {
			width: 100%;

			& .post_items {
				grid-template-columns: repeat(2, 1fr);
				gap: 20px;

				& .post_item {
					width: auto;

					& .post_item_title {
						font-size: 16px;

					}
				}
			}
		}
	}

	.years_tabs {
		gap: 10px;
		margin-bottom: 20px;

		& .year_tab {
			& label {

				padding: 10px 20px;
				font-size: 12px;
			}
		}
	}

	.pagination {
		margin-top: 40px;

		& .page-numbers {
			width: 34px;
			font-size: 16px;
			font-variation-settings: 'wght' 500;
		}
	}

	.df-flipbook-2d {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.df-ui-nav.df-ui-next {
		right: -15px !important;
	}

	.df-ui-nav.df-ui-prev {
		left: -15px !important;
	}


	.df-icon-arrow-right1::after {
		width: 34px;
		height: 34px;
	}

	.df-icon-arrow-left1::after {
		width: 34px;
		height: 34px;
	}


	.pdf_element {
		margin-top: 20px;
		margin-bottom: 80px;
		padding-top: 50px;
		background-color: #F1F7F4 !important;
		border-radius: 20px;

		& .pdf_links {
			position: absolute;
			left: 15px;
			top: 15px;
			display: flex;
			align-items: start;
			gap: 15px;

			&>a.download_link {
				margin-bottom: 0px;
			}
		}

		.posts_block {
			& .posts {
				width: 100%;

				& .post_items {
					grid-template-columns: repeat(2, 1fr);
					gap: 20px;

					& .post_item {
						& .post_item_title {
							font-size: 16px;

						}
					}
				}
			}
		}

		&~.posts_block {
			margin-bottom: 80px;
		}

		.df-ui .df-ui-page label {
			font-size: 16px;
		}

		& .df-icon-add-circle::after {
			width: 20px;
			height: 20px;
			position: absolute;
			left: calc(50% - 10px);
			top: calc(50% - 10px);
			background-size: contain;
		}

		.df-icon-minus-circle::after {
			width: 20px;
			height: 20px;
			position: absolute;
			left: calc(50% - 10px);
			top: calc(50% - 10px);
			background-size: contain;
		}

		.df-ui-fullscreen {
			&::after {
				width: 20px;
				height: 20px;
				position: absolute;
				left: calc(50% - 10px);
				top: calc(50% - 10px);
				background-size: contain;
			}
		}

		.df-ui-page {
			margin-right: 0px !important;
		}

	}

	.analytics_top {
		& .year {
			display: none;
		}
	}



	.posts_block.news {
		& .posts {
			& .post_items {
				& .news_slide {
					padding: 20px;
					height: unset;
					aspect-ratio: 4 / 3;

					& .reading_time {
						top: 10px;
						right: 10px;
						padding: 0px 15px 5px 15px;
						width: 62px;
						height: 62px;

						& strong {
							font-size: 28px;

						}

					}

					& .news_text {
						display: none !important;
					}

					& .news_title {
						font-size: 20px;
					}
				}
			}
		}
	}

	.p_link_container {
		margin-top: 80px;
	}

	.p_link_container {
		& .p_link {
			& a {
				max-width: 590px;
				border-radius: 20px;
				padding: 10px 10px 15px 10px;
				background: #F1F7F4;
				width: calc(50% - 10px);

				&:first-child {
					& span {
						display: flex;
						font-size: 14px;
						align-items: center;
						gap: 7px;
					}

					& .p_link_block {
						display: flex;
						flex-direction: column;
						gap: 10px;

						& .p_link_img {
							border-radius: 20px;
							width: 100%;
							height: 84px;
							overflow: hidden;
						}

						& .p_link_text {
							max-width: 100%;

							& p {
								margin: 0;
								color: #000;
								max-height: 75px;
								transform: translateY(0);
								opacity: 1;
								text-align: start;
								font-variation-settings: 'wght' 600;

							}

							& span {
								display: none;
							}
						}
					}

				}

				&:last-child {
					& span {
						display: flex;
						font-size: 14px;
						align-items: center;
						gap: 7px;
						justify-content: end;
					}

					& .p_link_block {
						display: flex;
						flex-direction: column-reverse;
						gap: 10px;

						& .p_link_img {
							border-radius: 20px;
							width: 100%;
							height: 84px;
							overflow: hidden;
						}

						& .p_link_text {
							max-width: 100%;

							& p {
								margin: 0;
								color: #000;
								max-height: 75px;
								transform: translateY(0);
								opacity: 1;
								text-align: end;
								font-variation-settings: 'wght' 600;

							}

							& span {
								display: none;
							}
						}
					}
				}


			}
		}
	}



	.partners {
		gap: 20px;
		grid-template-columns: repeat(3, 1fr);

		& .partners_item {
			width: auto
		}
	}

	.areas_container {
		& .areas {
			width: 100%;
			gap: 20px;
			justify-content: space-between;

			& .areas_item {
				width: calc(50% - 10px);
				padding: 10px 20px;

				& span {
					font-size: 16px;
				}

				&:last-child {
					width: 100%;
				}

			}
		}

		& .areas_img {
			width: 100%;
		}
	}

	.director_container {
		padding: 30px 20px 0 20px;

		& .director_info {
			width: 100%;

			& .director_left {
				width: 100%;
				max-width: 100%;

				& .director_name {

					font-size: 24px;
				}

				& .director_job {
					font-size: 18px;
					margin-bottom: 20px;
				}

				& .main_competention {
					margin-bottom: 20px;

					& span {
						font-size: 20px;
					}

					& p {
						font-size: 14px;

						&::before {
							width: 15px;
							left: -20px;

						}


					}
				}
			}

			& .director_experience {
				&.mobile {
					display: flex;
					position: relative;
					z-index: 1;
					margin-bottom: 20px;

					& li {
						& span {
							font-size: 14px;
						}
					}
				}

				&.deskstop {
					display: none;
				}
			}


		}

		& .competentions_list {
			column-gap: 0;
			flex-wrap: nowrap;
			position: relative;
			flex-direction: column;
			/* background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.06) 62.25%, rgba(255, 255, 255, 0.00) 100%);
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent; */
			max-height: unset;



			& .competentions_item {
				position: relative;
				max-width: 100%;

				&:nth-last-child(-n+3) {
					max-width: 100%;
				}

				& span {
					font-size: 14px;

					& p {
						display: inline-block;
						width: calc(100% - 30px);
					}

				}

				&::before {
					width: 15px;
					left: -20px;
				}
			}

			&.active {
				max-height: unset;
			}
		}

		& .director_photo {
			position: relative;
			right: 0;
			bottom: 0;
			max-height: 295px;
			width: 200px;
			display: grid;
			justify-self: end;
			width: 100%;
			display: flex;
			justify-content: end;
			margin-right: -20px;

			& img {
				height: 100%;
				width: 200px;
				object-fit: contain;
				margin-right: -20px;
			}
		}
	}

	.front_page_filter_container {
		&.category {
			margin-bottom: 30px !important;

			.front_page_filter {
				& .form_filter_tabs {
					&.category {
						& .form_filter_tab {
							width: fit-content !important;
						}

					}
				}

				& .form_filter_left {
					max-width: 100%;
					justify-content: space-between;
					gap: 20px;
					width: 100%;

					& .form_filter_tabs_block {
						width: 100%;
						gap: 10px;

						& .currency_list {
							&>span {
								padding: 10px 20px;
								font-size: 12px;


							}

							& .currency_list_content {
								&>ul {
									& li {
										padding: 10px;

										& label {
											font-size: 12px;
										}

									}
								}
							}
						}
					}

					& .filter_inputs {
						width: 100%;
					}
				}

				& .filter_items_block {
					width: 100%;
					margin-bottom: 30px;

					& .filter_item.adress {
						width: calc(50% - 5px);
					}

					& .filter_item.level {
						width: calc(25% - 8px);

						&.deskstop {
							display: none;
						}

						&.mobile {
							display: block;
						}
					}

					& .filter_item.class {
						width: calc(25% - 8px);

						&.sklad {
							width: calc(50% - 5px);
						}
					}

				}

				& .form_filter_right {
					& .filter_reset {
						& a {
							width: 100%;
							margin-bottom: 10px;
						}
					}
				}

			}

		}

		&.trade {
			& .form_filter_right {
				& .filter_buttons {
					align-items: center;
					flex-direction: row;
					justify-content: center;
					gap: 10px;

					& .pretty_btn {
						padding: 15px 10px;
						width: calc(50% - 5px);
						max-height: 54px;
					}
				}
			}

		}

		&.industrial {
			& .form_filter_right {
				& .filter_buttons {
					align-items: center;
					flex-direction: row;
					justify-content: center;
					gap: 10px;

					& .pretty_btn {
						padding: 15px 10px;
						width: calc(50% - 5px);
						max-height: 54px;
					}
				}
			}

			& .filter_item {

				&.power_item {
					width: calc(50% - 5px) !important;
				}
			}

			& .filter_item.price_item {
				width: calc(50% - 5px) !important;
			}

		}



		&.large {
			& .front_page_filter {
				& .form_filter_right {
					& .filter_buttons {
						align-items: center;
						flex-direction: row;
						justify-content: center;
						gap: 10px;

						& .pretty_btn {
							padding: 15px 10px;
							width: calc(50% - 5px);
							max-height: 54px;
						}
					}
				}

				& .filter_item.need {
					width: calc(50% - 5px) !important;
				}

				& .filter_item {
					&.range_item {
						width: calc(50% - 5px) !important;
					}
				}
			}
		}

		&.large.invest {
			& .front_page_filter {


				& .filter_item.need {
					width: calc(50% - 5px) !important;
				}

				& .filter_item.adress {
					width: calc(50% - 5px) !important;
				}

				& .filter_item.arendator {
					width: calc(50% - 5px) !important;
				}

				& .filter_item.dohod {
					width: calc(50% - 5px) !important;
				}

				& .filter_item.okupaemost {
					width: calc(50% - 5px) !important;
				}

				& .filter_item {
					&.range_item {
						width: calc(50% - 5px) !important;
					}
				}
			}
		}

		& form {
			width: 100%;
		}

	}


	.top_posts {

		margin-bottom: 10px;
		justify-content: space-between;

		& .count_posts {
			font-size: 12px;
		}
	}

	.sort_posts_body {
		& .sort_posts {
			padding: 10px 20px;
			font-size: 12px;

			& span {
				white-space: nowrap;
			}
		}

		& .sort_list {
			& li {
				padding: 10px;

				& a {
					font-size: 14px;
				}
			}
		}

	}

	#post_list {
		margin-bottom: 80px;

		& .posts {
			gap: 20px;

			& .object_post {


				& .object_post_slider {
					width: 100%;

					& .object_post_slider_body {

						& .swiper-button-next,
						& .swiper-button-prev {
							width: 34px;
							height: 34px;
						}

						& .object_post_slide {
							max-height: unset;
							min-height: unset;
							aspect-ratio: 350 / 225;
							height: unset;

							& img {
								width: 100%;
								object-fit: cover;
								min-height: unset;
								max-height: unset;
								aspect-ratio: 350 / 225;
								height: 100%;

								&.no_image {
									width: 100%;
									margin: 0;
									border: none;
									aspect-ratio: 355 / 225;
								}
							}

						}

						& .swiper-pagination {
							& .swiper-pagination-bullet {
								width: 9px;
								height: 9px;
								margin: 0 2px;
							}

							&.swiper-pagination-bullet-active {
								width: 16px;
							}
						}
					}
				}

				& .object_post_text {
					width: 100%;
					padding: 15px 20px 20px 20px;

					& .object_post_title {
						font-size: 20px;
						margin-bottom: 5px;
					}

					& .object_post_adress {


						& p {
							width: calc(100% - 20px);
						}

						& svg {
							width: 19px;
						}
					}

					& .object_post_info {
						gap: 10px;
						font-size: 14px;
						margin-bottom: 10px;
						flex-wrap: wrap;
					}

					& .object_metro_info {
						font-size: 14px;

						& svg {
							width: 37px;
						}
					}

					& .object_post_desc {
						margin-bottom: 25px;
						font-size: 14px;
						/* max-height: 55px; */
					}

					& .object_post_price_block {
						align-items: center;

						& .object_post_price_block {
							align-items: center;

							& .object_post_price_top {
								font-size: 20px;

								& span {
									font-size: 20px;
								}

								& strong {
									font-size: 20px;
								}
							}

							& .object_post_price_bottom {
								font-size: 18px;

								& span {
									font-size: 18px;
								}

								& strong {
									font-size: 18px;
								}
							}


						}

					}

					& .object_post_button_block {
						gap: 10px;
						flex-wrap: wrap;
						justify-content: center;
						row-gap: 15px;

						& .pretty_btn {
							width: calc(50% - 5px)
						}
					}
				}
			}
		}
	}



	.front_page_filter {
		gap: 0;

		& .filter_items_block {
			& .filter_item_body {
				& ul {
					& li {
						padding: 10px;

						& label {
							font-size: 14px;
						}
					}
				}
			}
		}
	}



	.group.objects_group.objects {
		margin-bottom: 60px;

		& .show_more {

			padding: 10px 20px;
		}

		& .object_post {


			& .object_post_slider {
				width: 100%;

				& .object_post_slider_body {

					& .swiper-button-next,
					& .swiper-button-prev {
						width: 34px;
						height: 34px;
					}

					& .object_post_slide {
						max-height: unset;
						min-height: unset;
						aspect-ratio: 350 / 225;
						height: unset;

						& img {
							width: 100%;
							object-fit: cover;
							min-height: unset;
							max-height: unset;
							aspect-ratio: 350 / 225;
							height: 100%;

							&.no_image {
								width: 100%;
								margin: 0;
								border: none;
								aspect-ratio: 355 / 225;
							}
						}

					}

					& .swiper-pagination {
						& .swiper-pagination-bullet {
							width: 9px;
							height: 9px;
							margin: 0 2px;

							&.swiper-pagination-bullet-active {
								width: 16px;
							}
						}


					}
				}
			}

			& .object_post_text {
				width: 100%;
				padding: 15px 20px 20px 20px;

				& .object_post_title {
					font-size: 20px;
					margin-bottom: 5px;
				}

				& .object_post_adress {
					font-size: 16px;
					margin-bottom: 10px;

					& svg {
						width: 19px;
					}

					& p {
						width: calc(100% - 20px);
					}
				}

				& .object_post_info {
					gap: 10px;
					font-size: 14px;
					margin-bottom: 10px;
					flex-wrap: wrap;
				}

				& .object_metro_info {
					font-size: 14px;

					& svg {
						width: 37px;
					}
				}

				& .object_post_desc {
					margin-bottom: 25px;
					font-size: 14px;
					/* max-height: 55px; */
				}

				& .object_post_price_block {
					align-items: center;

					& .object_post_price_block {
						align-items: center;

						& .object_post_price_top {
							font-size: 20px;

							& span {
								font-size: 20px;
							}

							& strong {
								font-size: 20px;
							}
						}

						& .object_post_price_bottom {
							font-size: 18px;

							& span {
								font-size: 18px;
							}

							& strong {
								font-size: 18px;
							}
						}


					}

				}

				& .object_post_button_block {
					gap: 10px;
					flex-wrap: wrap;
					justify-content: center;
					row-gap: 15px;

					& .pretty_btn {
						width: calc(50% - 5px)
					}
				}
			}
		}

	}

	.objects_group.analytics {
		grid-template-columns: repeat(2, 1fr);


		gap: 20px;

		& .post_item {
			width: auto;

			& .post_item_title {
				font-size: 16px;

			}
		}


	}

	.objects_group_news_body {
		margin-bottom: 80px;

		& .objects_group.news {
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;

			& .news_slide {
				padding: 20px;
				height: unset !important;
				aspect-ratio: 4 / 3;

				& .reading_time {
					top: 10px;
					right: 10px;
					padding: 0px 15px 5px 15px;
					width: 62px;
					height: 62px;

					& strong {
						font-size: 28px;

					}

				}

				& .news_text {
					display: none;
				}
			}
		}

		& .show_more {
			padding: 10px 20px;
		}
	}

	.search_filters {
		& .form_filter_tabs {
			margin-bottom: 10px;
			gap: 10px;

			& .form_filter_tab {
				& input[type="radio"] {
					&+label {
						font-size: 12px;
						padding: 10px 20px;

					}
				}
			}
		}
	}

	.search_page_form {
		& search {
			padding: 10px 20px;

			& button[type="submit"] {
				padding: 10px 20px;
				width: 100px;

				& span {
					font-size: 14px;
				}
			}

			& input[type="text"] {
				padding-left: 20px;

				& svg {
					position: absolute;
					width: 15px;
				}

				&::placeholder {
					font-size: 14px;
				}
			}

			& svg {
				width: 15px;
			}
		}
	}

	.search_results_count {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.objects_group.others {
		& .search_result_item {

			padding: 10px 0;

			& .page_link {
				& h3 {
					font-size: 18px;
				}
			}
		}
	}




	.front_page_filter_container.map {
		margin-bottom: 30px !important;

		& .front_page_filter {
			& .form_filter_right {
				& .filter_buttons {
					justify-content: center;

					& #filter_count {}
				}
			}
		}
	}

	.map_posts_container {

		& #map {
			height: 700px !important;
		}

		& .posts_map {
			right: unset;
			left: 0;
			width: calc(100% + 15px);
			direction: ltr;

			& .posts_map_list {
				padding: 0 0 60px 0;


				& .posts_map_body {
					direction: unset;
					padding-right: 15px;

					& .posts_list_top {
						padding: 15px 0;
						flex-wrap: wrap;
						width: 100%;
						margin-right: 0;
						gap: 10px;

						& .post_list_title {
							width: 100%;
						}
					}

					&::before {

						right: 100%;

					}

					& .sort_list {
						& input~label {
							font-size: 14px;

						}
					}


					& .post_list_items {
						& .object_post {


							& .object_post_slider {
								width: 100%;

								& .object_post_slider_body {

									& .swiper-button-next,
									& .swiper-button-prev {
										width: 34px;
										height: 34px;
									}

									& .object_post_slide {
										max-height: unset;
										min-height: unset;
										aspect-ratio: 350 / 225;
										height: unset;

										& img {
											width: 100%;
											object-fit: cover;
											min-height: unset;
											max-height: unset;
											aspect-ratio: 350 / 225;
											height: 100%;

											&.no_image {
												width: 100%;
												margin: 0;
												border: none;
												aspect-ratio: 355 / 225;
											}
										}

									}

									& .swiper-pagination {
										& .swiper-pagination-bullet {
											width: 9px;
											height: 9px;
											margin: 0 2px;
										}

										&.swiper-pagination-bullet-active {
											width: 16px;
										}
									}
								}
							}

							& .object_post_text {
								width: 100%;
								padding: 15px 20px 20px 20px;

								& .object_post_title {
									font-size: 20px;
									margin-bottom: 5px;
								}

								& .object_post_adress {


									& p {
										width: calc(100% - 20px);
									}

									& svg {
										width: 19px;
									}
								}

								& .object_post_info {
									gap: 10px;
									font-size: 14px;
									margin-bottom: 10px;
									flex-wrap: wrap;
								}

								& .object_metro_info {
									font-size: 14px;

									& svg {
										width: 37px;
									}
								}

								& .object_post_desc {
									margin-bottom: 25px;
									font-size: 14px;
									/* max-height: 55px; */
								}

								& .object_post_price_block {
									align-items: center;

									& .object_post_price_top {
										font-size: 20px;
									}

									& .object_post_price_bottom {
										font-size: 18px;
									}


								}

								& .object_post_button_block {
									gap: 10px;
									flex-wrap: wrap;
									justify-content: center;
									row-gap: 15px;

									& .pretty_btn {
										width: calc(50% - 5px)
									}
								}
							}
						}
					}


				}

				& .count_posts {
					font-size: 12px;
				}
			}
		}

	}


	.object_top {
		margin-bottom: 40px;

		& .object_slider_block {
			width: 100%;

			& .object_slider {
				margin-bottom: 10px;

				& .swiper-button-next,
				& .swiper-button-prev {
					width: 34px;
					height: 34px;
				}
			}

			& .object_slider_tabs {
				& #show_fullscreen {
					width: 27px;
					height: 27px;

					& svg {
						width: 13px;
					}

				}

				& .object_slider_tab {

					font-size: 12px;
				}
			}

			& #all_slides {

				display: none;
			}

			& #all_slides_mobile {
				border-radius: 20px;
				background: rgba(36, 99, 102, 0.70);
				backdrop-filter: blur(1px);
				position: relative;
				width: calc(33.3% - 10px);
				margin-left: 0;
				aspect-ratio: 16 / 9;
				margin: 0 auto;
				justify-content: center;
				align-items: center;
				display: flex;
				margin-top: 20px;

				&::before {
					content: '';
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					border-radius: 20px;
					background: rgba(36, 99, 102, 0.70);
					backdrop-filter: blur(1px);
				}

				&>img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					border-radius: 20px;
					overflow: hidden;
					position: absolute;
					left: 0;
					top: 0;
					z-index: -1;
				}

				& span {
					position: relative;
					color: #fff;
					font-size: 20px;
					font-variation-settings: 'wght' 600;
				}
			}

			& .object_slider_nav {
				width: 100%;

				& .object_slide_nav {
					margin-right: 10px;
					max-height: unset;
					aspect-ratio: 16 / 9;
				}
			}
		}

		& .object_info_block {
			width: 100%;
			padding: 20px;

			& .two_button {
				margin-bottom: 20px;

				& .pretty_btn {
					padding: 10px 20px;
				}
			}

			& .info_block_adress {
				& span {
					font-size: 16px;
				}
			}

			& .info_block_prices {
				& .price {
					font-size: 20px;

				}

				& .currency {
					font-size: 20px;

				}

				& .object_currency_list {
					gap: 15px;
					margin-bottom: 0px;
				}
			}

			& .info_block_map {
				margin-bottom: 20px;
			}

			& .object_info_bottom {
				& .object_links {
					margin-bottom: 20px;
					margin-top: 30px;
				}

				& .object_pop_up_buttons {
					& .pretty_btn {
						padding: 15px 0;
					}
				}

				& .object_phone {
					& a {
						& span {
							font-size: 20px;
						}
					}
				}
			}
		}
	}

	.object_description_block {
		margin-bottom: 40px;

		& p:empty {
			display: none;
		}

		& .object_description {
			width: 100%;
		}

		& .object_main_params {
			width: 66.6%;
			margin: 0 auto;

			& .object_main_param {
				&>span {
					font-size: 14px;
				}

				&>p {
					font-size: 20px;

				}
			}
		}
	}

	.object_add_params {
		& .object_add_params_block {
			margin-bottom: 10px;
			width: 100%;

			& .object_add_params_list {
				grid-template-columns: repeat(3, 1fr);
				gap: 20px;

				& .object_add_params_list_item {
					&>span {

						font-size: 14px;
					}

					&>p {
						font-size: 16px;

					}
				}
			}
		}
	}

	.availability_block {
		margin-bottom: 10px;
	}

	.availability_list {
		& li {
			font-size: 16px;
			padding-left: 20px;

			&::before {
				width: 16px;
				height: 16px;
			}
		}
	}

	.geo_params_block {
		& .geo_params_list {
			max-width: 100%;

			& li {
				&>span {
					font-size: 14px;
				}

				&>p {
					font-size: 16px;

				}

				&.metro {
					&>div {
						font-size: 16px;

						& .metro_time {

							font-size: 16px;
						}

						&::before {

							width: 10px;
							height: 10px;
							top: calc(50% - 5px);

						}
					}
				}

				&.coord {
					& #copy_coord {
						height: 22px;
					}
				}
			}
		}
	}

	#similar_objects {
		& .title {
			margin-top: 80px;
		}

		& .posts {
			gap: 20px;

			& .object_post {


				& .object_post_slider {
					width: 100%;

					& .object_post_slider_body {

						& .swiper-button-next,
						& .swiper-button-prev {
							width: 34px;
							height: 34px;
						}

						& .object_post_slide {
							max-height: unset;
							min-height: unset;
							aspect-ratio: 350 / 225;
							height: unset;

							& img {
								width: 100%;
								object-fit: cover;
								min-height: unset;
								max-height: unset;
								aspect-ratio: 350 / 225;
								height: 100%;

								&.no_image {
									width: 100%;
									margin: 0;
									border: none;
									aspect-ratio: 355 / 225;
								}
							}

						}

						& .swiper-pagination {
							& .swiper-pagination-bullet {
								width: 9px;
								height: 9px;
								margin: 0 2px;
							}

							&.swiper-pagination-bullet-active {
								width: 16px;
							}
						}
					}
				}

				& .object_post_text {
					width: 100%;
					padding: 15px 20px 20px 20px;

					& .object_post_title {
						font-size: 20px;
						margin-bottom: 5px;
					}

					& .object_post_adress {


						& p {
							width: calc(100% - 20px);
						}

						& svg {
							width: 19px;
						}
					}

					& .object_post_info {
						gap: 10px;
						font-size: 14px;
						margin-bottom: 10px;
						flex-wrap: wrap;
					}

					& .object_metro_info {
						font-size: 14px;

						& svg {
							width: 37px;
						}
					}

					& .object_post_desc {
						margin-bottom: 25px;
						font-size: 14px;
						/* max-height: 55px; */
					}

					& .object_post_price_block {
						align-items: center;

						& .object_post_price_top {
							font-size: 20px;

							& span {
								font-size: 20px;
							}

							& strong {
								font-size: 20px;
							}
						}

						& .object_post_price_bottom {
							font-size: 18px;

							& span {
								font-size: 18px;
							}

							& strong {
								font-size: 18px;
							}
						}


					}

					& .object_post_button_block {
						gap: 10px;
						flex-wrap: wrap;
						justify-content: center;
						row-gap: 15px;

						& .pretty_btn {
							width: calc(50% - 5px)
						}
					}
				}
			}
		}
	}

	.rekv_container {
		& .rekv_list {


			& li {
				padding: 10px;


				& .rekv_text {
					display: inline-block;
					width: calc(50% - 5px);
					font-variation-settings: 'wght' 600;

				}

				& .rekv_val {
					display: inline-block;
					width: calc(50% - 5px);
				}
			}
		}
	}


	.pop_up_sell {
		max-width: calc(100% - 30px);
		max-height: calc(100% - 30px);
		padding: 20px;

		& h2 {
			&+p {
				margin-bottom: 15px;
				font-size: 16px;
			}
		}

		& #form_sell {
			& .inputs_block {
				gap: 20px;

				& input:not(input[type="radio"]),
				textarea {
					width: calc(50% - 10px);

					&[type="tel"] {
						width: 100%;
					}
				}

				& .phone_input_wrapper {
					width: calc(50% - 10px);

				}

				& .form_inputs_list {
					& ul {

						gap: 10px;
						justify-content: start;
					}
				}
			}
		}
	}




	.pop_up_info {
		max-width: calc(100% - 30px);
		max-height: calc(100% - 30px);
		padding: 20px;

		& h2 {
			&+p {
				margin-bottom: 15px;
				font-size: 16px;
			}
		}

		& #form_info {
			& .inputs_block {
				gap: 20px;

				& input:not(input[type="radio"]),
				textarea {
					width: calc(50% - 10px);

					&[type="tel"] {
						width: 100%;
					}
				}

				& .phone_input_wrapper {
					width: calc(50% - 10px);

				}

				& .form_inputs_list {
					& ul {

						gap: 10px;
						justify-content: start;
					}
				}
			}
		}
	}


	.pop_up_consultation {
		max-width: calc(100% - 30px);
		max-height: calc(100% - 30px);
		padding: 20px;

		& h2 {
			&+p {
				margin-bottom: 15px;
				font-size: 16px;
			}
		}

		& #form_consultation {
			& .inputs_block {
				gap: 20px;

				& input:not(input[type="radio"]),
				textarea {
					width: 100%;

					&[type="tel"] {
						width: 100%;
					}
				}

				& .phone_input_wrapper {
					width: 100%;

				}

				& .form_inputs_list {
					& ul {

						gap: 10px;
						justify-content: start;
					}
				}
			}
		}
	}



	.news_slide_text {
		&::before {
			content: '';
			position: absolute;
			transform: translateY(999px);
			top: -20px;
			left: -20px;
			width: calc(100% + 40px);
			height: calc(100% + 40px);
			transition: .3s;
		}
	}


	main.page_404 {
		& .left_404 {
			& search {
				margin-bottom: 30px;
			}
		}

		& h1.title {
			margin-top: 80px;
			margin-bottom: 20px;
		}

		.right_404 {
			width: 100%;

			.composition {
				width: 100%;

			}


		}
	}



}








@media(max-width: 768px) {
	header {
		& .main_menu_container {
			padding: 45px 0 30px 0;

			& .main_menu_body {
				flex-wrap: wrap;

				& .main_menu_container_left {
					width: 100%;

					& .menu_tab_content {
						& ul {
							max-height: unset;
						}
					}
				}
			}

			&.open {
				& .main_menu_body {

					flex-wrap: wrap;
				}
			}
		}
	}

	& .front_page_filter {
		padding: 30px 10px;


		& .form_filter_tabs {

			& .form_filter_tab {
				width: calc(50% - 5px);

				&:first-child {
					width: calc(25% - 8px);
				}

				&:nth-child(2) {
					width: calc(25% - 8px);
				}

				input[type="radio"] {
					&+label {
						& span {
							font-size: 12px;
							white-space: nowrap;
						}
					}
				}
			}
		}

		& .filter_items_block {


			& .filter_item {
				width: 100%;

				&>span {
					font-size: 14px;
				}

				&.range_item {
					width: 100%;
				}


			}

			& .filter_item_body {
				& strong {
					padding: 15px 20px;
				}
			}
		}

		& .form_filter_right {

			& search {
				display: none;
			}

			& .filter_buttons {
				flex-wrap: wrap;
				max-height: unset;

				& .pretty_btn {
					height: 50px;
					padding: 13px 20px;
				}
			}
		}
	}


	.services_container {
		margin-bottom: 80px !important;

		& .services_left_block {
			padding: 20px;
			width: 100%;
			aspect-ratio: 16 / 10;
			max-width: 100%;
			justify-content: space-between;
			overflow: hidden;
			position: relative;

			& .services_title {

				font-size: 24px;
			}

			& .services_img {
				position: absolute;
				right: 0px;
				top: 0;
				width: 100%;
				height: 100%;


				& img {
					max-width: 395px;
					position: absolute;
					right: 0;
					top: 0;
					height: 100%;
					/* width: 100%; */
					object-fit: contain;
				}
			}
		}

		& .services_right_block {
			width: 100%;

			& .services_tabs {
				gap: 10px;

				& .services_tab {
					width: calc(33.3% - 10px);
					cursor: pointer;
					padding: 14px 5px;
					border: 1px solid #2A7A71;
					border-radius: 20px;
					text-align: center;
					overflow: hidden;

					&.active {
						background-color: #2A7A71;
					}
				}

				& .fill {
					display: none;
				}
			}

			& .services_tab_content {
				& .services_tab_item_group {
					flex-wrap: wrap;


					& .services_tab_item {
						width: 100%;
						padding: 20px;
						font-size: 18px;
						min-height: 85px;

						&:last-child {
							border-radius: 0 !important;
						}

					}

					&:nth-child(n+2):nth-last-child(n+2) {
						& .services_tab_item {
							&:first-child {
								border-radius: 0;
							}
						}
					}

					& .services_tab_item:first-child {
						&:first-child {
							border-radius: 0;
						}

					}


					&:last-child {

						& .services_tab_item:last-child {

							border-radius: 0 0 20px 20px !important;

						}
					}

					&:first-child {
						& .services_tab_item:first-child {
							&:first-child {
								border-radius: 20px 20px 0 0;
							}

						}
					}
				}
			}
		}
	}





	.news_slider_container {
		& .news_slider_top {
			& .pretty_btn {
				display: none;
			}
		}

		& .news_slider,
		& .post_items.news {
			&+.mobile_button {
				display: flex;
			}
		}
	}


	.pdf_element {
		width: calc(100% + 30px);
		margin-left: -15px;
	}

	.front_page_filter_container {
		&.trade {

			& .filter_item.adress {
				width: 100% !important;
			}
		}

		&.industrial {

			& .filter_item.adress {
				width: 100% !important;
			}

			& .filter_item {

				&.power_item {
					width: 100% !important;
				}
			}

			& .filter_item.price_item {
				width: 100% !important;
			}
		}

		&.large {
			& .front_page_filter {


				& .filter_item.need {
					width: 100% !important;
				}

				& .filter_item.adress {
					width: 100% !important;
				}

				& .filter_item {
					&.range_item {
						width: 100% !important;
					}
				}
			}
		}

		&.large.invest {
			& .front_page_filter {


				& .filter_item.need {
					width: 100% !important;
				}

				& .filter_item.adress {
					width: 100% !important;
				}

				& .filter_item.arendator {
					width: 100% !important;
				}

				& .filter_item.dohod {
					width: 100% !important;
				}

				& .filter_item.okupaemost {
					width: 100% !important;
				}

				& .filter_item {
					&.range_item {
						width: 100% !important;
					}
				}
			}
		}
	}

	.geo_params_block {
		& .geo_params_list {
			gap: 20px;

			& li {
				min-width: calc(50% - 10px);
				max-width: calc(50% - 10px);
			}

			& .geo_params_list_bottom {
				gap: 20px;
			}
		}
	}

	.numbers {
		font-size: 150px;
	}

}

@media(max-width: 568px) {


	dialog.form_was_sent {
		max-width: calc(100% - 30px);

		& .response {
			& h2 {}

			& .pretty_btn {
				width: unset;
			}
		}


	}

	header {
		& .main_menu_container {
			& .main_menu_body {
				& .main_menu_container_right {
					& .bottom_item {
						& .analytics_menu {
							gap: 10px;
							flex-direction: column;
						}
					}
				}
			}
		}
	}

	& .front_page_filter {
		padding: 30px 10px 10px 10px;

		& .form_filter_tabs {

			& .form_filter_tab {
				&:first-child {}

				&:nth-child(2) {}

				input[type="radio"] {}
			}
		}

		& .filter_items_block {


			& .filter_item {
				width: 100%;

				&>span {
					font-size: 14px;
				}

				&.range_item {
					width: 100%;
				}


			}

			& .filter_item_body {
				& strong {
					padding: 15px 20px;
				}
			}
		}

		& .form_filter_right {

			& search {
				display: none;
			}

			& .filter_buttons {
				gap: 10px;
				flex-direction: column-reverse;

				& .pretty_btn {
					width: 100%;
				}
			}
		}
	}

	.front_page_links_container {
		gap: 10px;
		margin-bottom: 10px !important;
		grid-template-columns: repeat(1, 1fr);

		& .category_link_item {
			width: 100%;
			aspect-ratio: 16 / 9;
			height: unset;
		}
	}

	.analytisc_link {
		aspect-ratio: 4 / 3;
		margin-bottom: 10px !important;

	}

	.map_link {
		aspect-ratio: 4 / 3;

	}

	.services_container {
		& .services_right_block {
			& .services_tabs {
				& .services_tab {
					width: calc(50% - 5px);
				}
			}
		}
	}

	.contact_form {
		& #contact_form {
			& .inputs_block {
				gap: 10px;

				& input,
				& textarea {

					width: 100%;
				}

				& .phone_input_wrapper {
					width: 100%;
				}

				& textarea {
					min-height: 115px;
				}
			}

			& .contact_form_text {
				& h2 {
					& span {
						&:last-child {
							text-align: start;
						}
					}
				}
			}
		}
	}

	.news_slider_container {
		& .news_slider {
			& .news_slide {
				height: 350px !important;

			}
		}
	}

	.posts_block {
		& .posts {
			& .post_items {
				grid-template-columns: repeat(1, 1fr);

				& .post_item {
					aspect-ratio: 350 / 250;
					width: 100%;
					height: auto;

					& .post_item_year {
						font-size: 12px;
					}
				}
			}
		}
	}

	.posts_block.news {
		& .posts {
			& .post_items {
				grid-template-columns: repeat(1, 1fr);

				& .news_slide {
					height: unset;
					aspect-ratio: 4 / 3;

					& .news_text {
						display: none;
					}
				}
			}
		}
	}

	.areas_container {
		& .areas {

			& .areas_item {
				width: 110% !important;
				padding: 10px 20px;
				min-height: 90px;
				justify-content: start;
			}
		}

	}

	.partners {
		grid-template-columns: repeat(2, 1fr);

		& .partners_item {
			/* width: calc(50% - 10px); */
		}
	}


	.front_page_filter_container {
		&.category {

			.front_page_filter {


				& .filter_items_block {
					width: 100%;
					margin-bottom: 30px;

					& .filter_item.adress {
						width: 100%;
					}

					& .filter_item.level {
						width: calc(50% - 5px);

					}

					& .filter_item.class {
						width: calc(50% - 5px);

						&.sklad {
							width: 100%;
						}
					}

				}
			}

		}

		&.trade {
			& .form_filter_right {
				& .filter_buttons {
					flex-direction: column-reverse;

					& .pretty_btn {
						width: 100%;
					}
				}
			}

		}

		&.industrial {
			& .form_filter_right {
				& .filter_buttons {
					flex-direction: column-reverse;

					& .pretty_btn {
						width: 100%;
					}
				}
			}

		}


		&.large {
			& .front_page_filter {
				& .form_filter_right {
					& .filter_buttons {
						align-items: center;
						flex-direction: column-reverse;
						justify-content: center;
						gap: 10px;

						& .pretty_btn {
							width: 100%;
						}
					}
				}
			}

		}
	}

	#post_list {
		& .posts {
			& .object_post {
				& .object_post_text {
					& .object_post_price_block {
						align-items: start;
						flex-direction: column;
						gap: 5px;

						& .object_post_price_top {
							&~b {
								display: none;
							}
						}

					}

					& .object_post_button_block {
						gap: 10px;
						row-gap: 10px;
						flex-wrap: wrap;
						justify-content: center;
						row-gap: 15px;

						& .pretty_btn {
							width: 100%;
						}
					}
				}
			}
		}
	}



	.group.objects_group.objects {
		& .object_post {
			& .object_post_text {
				& .object_post_price_block {
					align-items: start;
					flex-direction: column;
					gap: 5px;

					& .object_post_price_top {
						&~b {
							display: none;
						}
					}

				}

				& .object_post_button_block {
					gap: 10px;
					row-gap: 10px;
					flex-wrap: wrap;
					justify-content: center;
					row-gap: 15px;

					& .pretty_btn {
						width: 100%;
					}
				}
			}
		}
	}




	.objects_group.analytics {
		grid-template-columns: repeat(1, 1fr);

		& .post_item {
			width: auto;

		}

		& .post_item {
			aspect-ratio: 350 / 250;
			width: 100%;
			height: auto;

			& .post_item_year {
				font-size: 12px;
			}
		}

	}



	.objects_group_news_body {
		.objects_group.news {
			grid-template-columns: repeat(1, 1fr);

			& .news_slide {
				height: unset;
				aspect-ratio: 4 / 3;

				& .news_text {
					display: none;
				}
			}


		}
	}


	.front_page_filter_container.map {
		& .front_page_filter {
			& .form_filter_right {
				& .filter_buttons {
					& #filter_count {
						width: 100%;
					}
				}
			}
		}
	}






	.map_posts_container {
		& .posts_map {
			& .posts_map_list {
				& .posts_map_body {
					& .post_list_items {
						& .object_post {
							& .object_post_text {
								& .object_post_price_block {
									align-items: start;
									flex-direction: column;
									gap: 5px;

									& .object_post_price_top {
										&~b {
											display: none;
										}
									}

								}

								& .object_post_button_block {
									gap: 10px;
									row-gap: 10px;
									flex-wrap: wrap;
									justify-content: center;
									row-gap: 15px;

									& .pretty_btn {
										width: 100%;
									}
								}
							}
						}
					}
				}
			}
		}
	}

	.object_description_block {
		& .object_main_params {
			width: 100%;
			margin: 0 auto;
		}
	}

	.object_add_params {
		& .object_add_params_block {
			width: 100%;

			& .object_add_params_list {
				grid-template-columns: repeat(2, 1fr);
				gap: 10px;
			}
		}
	}

	.geo_params_block {
		& .geo_params_list {
			gap: 10px;

			& li {
				&:first-child {
					width: 100%;
					max-width: 100%;
				}

				&.coord {
					min-width: 100%;
					width: 100%;
				}
			}

			& .geo_params_list_bottom {
				gap: 10px;
			}
		}
	}

	#object_map {
		width: 100vw !important;
		border-radius: 20px;
		border: none;
		margin-left: -15px;
	}

	#similar_objects {
		& .posts {
			& .object_post {
				& .object_post_text {
					& .object_post_price_block {
						align-items: start;
						flex-direction: column;
						gap: 5px;

						& .object_post_price_top {
							&~b {
								display: none;
							}
						}

					}

					& .object_post_button_block {
						gap: 10px;
						row-gap: 10px;
						flex-wrap: wrap;
						justify-content: center;
						row-gap: 15px;

						& .pretty_btn {
							width: 100%;
						}
					}
				}
			}
		}
	}

	.object_top {
		& .object_slider_block {
			& #all_slides_mobile {
				margin-top: 10px;
				width: 100%;
				max-height: 60px;
				align-items: center;
			}
		}
	}

	.object_top {
		& .object_info_block {
			& .info_block_prices {
				& .object_currency_list {
					gap: 10px;

				}
			}
		}
	}

	.pop_up_sell {
		& h2 {
			& strong {
				display: inline;
			}
		}

		& #form_sell {
			& .inputs_block {
				gap: 10px;

				& input:not(input[type="radio"]),
				textarea {
					width: 100%;
				}

				& .phone_input_wrapper {
					width: 100%;
				}

				& .form_inputs_list {
					width: 100%;

					& ul {
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						width: 100%;

						& li {
							width: auto;
						}
					}
				}
			}

			& .submit_block {
				& .pretty_btn {
					width: 100%;
				}
			}
		}

	}




	.pop_up_info {
		& h2 {
			& strong {
				display: inline;
			}
		}

		& #form_info {
			& .inputs_block {
				gap: 10px;

				& input:not(input[type="radio"]),
				textarea {
					width: 100%;
				}

				& .phone_input_wrapper {
					width: 100%;
				}

				& .form_inputs_list {
					width: 100%;

					& ul {
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						width: 100%;

						& li {
							width: auto;
						}
					}
				}
			}

			& .submit_block {
				& .pretty_btn {
					width: 100%;
				}
			}
		}

	}

	.pop_up_consultation {
		& h2 {
			margin-bottom: 15px;
			max-width: 90%;

			& strong {
				display: inline;
			}
		}

		& #form_consultation {
			& .inputs_block {
				gap: 10px;

				& input:not(input[type="radio"]),
				textarea {
					width: 100%;
				}

				& .phone_input_wrapper {
					width: 100%;
				}

				& .form_inputs_list {
					width: 100%;

					& ul {
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						width: 100%;

						& li {
							width: auto;
						}
					}
				}
			}

			& .submit_block {
				& .pretty_btn {
					width: 100%;
				}
			}
		}

	}


	main.page_404 {

		.right_404 {


			.shelf {
				position: absolute;
				top: 150px;
				left: 30px;
			}

			.numbers {
				left: 0;
				font-size: 100px;
			}
		}

		& .left_404 {
			min-width: unset;
			max-width: 100%;
			width: 100%;

			& .pretty_btn {
				width: fit-content;
				margin: 0 auto;
			}
		}
	}
}