/*!
Theme Name: Zoloche
Theme URI: http://underscores.me/
Author: Emsider
Author URI: https://emsider.ua/
Description: Быстрая и Удобная тема для сайта Zoloche
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: zoloche
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Zoloche is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
/* main styles */
body {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: 'Playfair Display', serif;
}
body.open-navbar {
	overflow: hidden;
}
@media(min-width: 769px) {
	.desktop-d-n {
		display: none!important;
	}
}
@media(max-width: 768px) and (min-width: 481px){
	.laptop-d-n {
		display: none!important;
	}
}
@media(max-width: 480px) {
	.mobile-d-n {
		display: none!important;
	}
	body {
		width: 100vw;
		overflow-x: hidden;
	}
}
.current-lang > a,
.current-menu-item > a{
    color: #c59b5e!important;
}
.page-template {
	display: flex;
	flex-direction: column;
	min-height: 400px;
}
h1 {
	margin: 0;
	font-size: 45px;
	line-height: 60px;
	font-weight: 400;
	color: #fff;
	font-family: 'Playfair Display', serif;
}
h2 {
	margin: 0;
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
	color: #fff;
	font-family: 'Playfair Display', serif;
}
h3 {
	margin: 0;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	color: #fff;
	font-family: 'Playfair Display', serif;
}
p {
	margin: 0;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}
.container {
	margin: 0 90px;
	padding-left: 90px;
	padding-right: 90px;
	border-left: 1px solid #808184;
	border-right: 1px solid #808184;
	position: relative;
	box-sizing: border-box;
}
.hr {
	height: 1px;
	background: #c4c4c4;
	position: relative;
}
.hr-small {
	height: 1px;
	background: #c4c4c4;
	position: relative;
}
.hr-m-l {
	margin-left: 90px;
}
.hr-m-r {
	margin-right: 90px;
}

.btn {
	margin-left: auto;
	margin-right: auto;
	width: 255px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background: transparent;
	font-weight: 400;
	color: #fff;
	font-size: 15px;
	font-family: 'Playfair Display', serif;
	text-decoration: none;
	position: relative;
	z-index: 1;
}
.btn,
.btn-3 {
	border: 2px solid transparent;
}
.btn:hover, .btn-2:hover, .btn-3:hover {cursor: pointer; }
.btn::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	z-index: -1;
	background: linear-gradient(0deg, #C2884D 1.09%, #CA9F5F 102.88%);
	transition: 0.6s;
}
.btn:hover {
	color: #c59b5e;
	border: 2px solid #c59b5e;
}
.btn:hover::before {
	opacity: 0;
}
.btn-2 {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 330px;
	height: 70px;
	font-size: 20px;
	line-height: 70px;
	color: #C59B5E;
	font-family: 'Playfair Display', serif;
	border: 1px solid #C59B5E;
	text-decoration: none;
	text-align: center;
	transition: 0.8s;
}
.btn-3 {
	text-align: center;
	color: #fff;
	background: transparent;
	font-size: 18px;
	font-family: 'Playfair Display', serif;
	border: 1px solid #fff;
}
.more {
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	color: #C59B5E;
	font-family: 'Open Sans', sans-serif;	
	text-decoration: none;
	display: flex;
	align-items: center;
}
.more::after {
	content: "";
	margin-top: 3px;
	margin-left: 8px;
	display: block;
	width: 9px;
	height: 13.4px;
	background: url(img/right-yellow.svg)  no-repeat center top/contain;
}
.desc {
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	font-family: 'Playfair Display', serif;
	color: #1e294d;
	text-decoration: none;
}
.d-f {
	display: flex;
}
.j-c-s-b {
	justify-content: space-between;
}
.pseudo-slider-nav > *:hover {
	cursor: pointer;
}
.pseudo-slider-nav img {
	margin-top: 3px;
}
.pseudo-slider-nav > .active {
	font-size: 28px;
	line-height: 15px;
	color: #C59B5E;
}
.infrastructure__content .pseudo-slider-nav > .active {
	background: #C59B5E;
}
/* header */
header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 120px;
	background: transparent;
	z-index: 5;
}
header .container {
	display: flex;
	padding-top: 15px;
	padding-bottom: 15px;
}
header .logo {
	width: 65px;
	margin-right: auto;
	display: block;
}
header .logo img {
	display: block;
	max-width: 100%;
	object-fit: cover;
}
.lang {
	display: flex;
	padding: 0;
	margin: 0;
}
header .lang li {
	list-style: none;
	margin-right: 15px;
}
header .lang li a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}
header .lang li.current-lang a {
	color: #C59B5E;
}
header .phone {
	margin-left: 30px;
	margin-right: 40px;
	width: auto;
	height: auto;
	position: relative;
	display: flex;
	align-items: baseline;
}
header .phone img {
	display: block;
	max-width: 100%;
	object-fit: cover;
}
header .phone a {
	position: static;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: auto;
	z-index: 2;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #fff;
	line-height: 200%;
	margin: 0 0 0 10px;
	align-self: flex-start;
	text-decoration: none;
}
header .hamburger {
	position: relative;
}
header .hamburger span {
	position: absolute;
	left: 0;
	display: block;
	width: 42px;
	height: 42px;
	height: 2px;
}
header .hamburger span:nth-child(1) {
	top: 0;
}
header .hamburger span:nth-child(2) {
	width: 32px;
	top: 10px;
}
header .hamburger span:nth-child(3) {
	bottom: 0;
}
header .hr-small {
	opacity: 0.5;
}
.blog header .hr-small { display: none;}
.nav--btn {
	width: 42px;
	height: 22px;
	position: absolute;
	z-index: 30;
}
.nav--btn div {
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	transition: 0.6s;
}
.nav--btn div:nth-child(1) {
	top: 0;
}
.nav--btn div:nth-child(2) {
	width: 32px;
	top: 10px;
}
.nav--btn div:nth-child(3) {
	bottom: 0;
}
.nav--btn:hover {
	cursor: pointer;
}
.nav--btn:hover div:nth-child(2) {
	width: 100%;
}
.nav--btn.active div:nth-child(1) {
	top: 10px;
	transform: rotate(45deg);
}
.nav--btn.active div:nth-child(2) {
	opacity: 0;
}
.nav--btn.active div:nth-child(3) {
	bottom: 11px;
	transform: rotate(-45deg);
}
.nav__menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 20;
	display: none;
	transition: 0s;
}
.nav__menu .container {
	height: 100%;
	padding-left: 10px;
}
.nav__menu.active {
	display: block;
}
.nav__menu > div {
	position: relative;
}
#primary-menu {
	padding-top: 90px;
	text-align: right;
	margin: 0;
}
#primary-menu > li {
	margin-bottom: 18px;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}
#primary-menu > li:nth-child(1) > a{
	font-size: 75px;
}
#primary-menu > li:nth-child(2) > a{
	font-size: 65px;
}
#primary-menu > li:nth-child(3) > a{
	font-size: 55px;
}
#primary-menu > li:nth-child(4) > a{
	font-size: 45px;
}
#primary-menu > li:nth-child(5) > a,
#primary-menu > li:nth-child(6) > a,
#primary-menu > li:nth-child(7) > a,
#primary-menu > li:nth-child(8) > a,
#primary-menu > li:nth-child(9) > a,
#primary-menu > li:nth-child(10) > a {
	font-size: 35px;
}
.nav__menu li,
.nav__menu a {
	list-style: none;
	color: #000;
	text-decoration: none;
	transition: .5s;
}
.nav__menu li:hover,
.nav__menu a:hover {
	color: #c59b5e;
}
.nav__menu .sub-menu li {
	opacity: 0;
	margin-right: 20px;
}
.nav__menu .sub-menu li a {
	font-size: 15px;
	font-family: "Open Sans", sans-serif;
	color: #808184;
}
.nav__menu .sub-menu li a:hover {
	color: #c59b5e;
}
.nav__menu .sub-menu.active li {
	opacity: 1;
}
.nav__menu .nav--btn {
	margin-left: 20px;
	position: relative;
	transform: scale(0.7);
	position: absolute;
	top: calc(50% - 8px);
	right: 0;
}
.nav__menu .nav--btn div {
	background: #c59b5e;
}
.current_page_item a {
	color: #c59b5e;
}
.nav__menu .sub-menu {
	padding-top: 10px;
	display: flex;
	justify-content: flex-end;
	position: relative;
	padding-right: 30px;
	overflow: visible;
	flex-wrap: wrap;
	gap: 10px;
	z-index: 3;
}
.nav__menu .container::after {
    content: '';
    position: absolute;
    display: block;
    left: 68px;
    bottom: 40px;
    width: 280px;
    height: 350px;
    z-index: 2;
    background: url(https://zoloche.ua/wp-content/uploads/2022/05/zoloche-favicon-2022.png) no-repeat center top/cover;
}
.open-navbar {
	position: relative;
}
.nav__menu .close-navbar {
	position: absolute;
	top: 45px;
	right: 25px;
	transform: scale(0.7);
}
.nav__menu .close-navbar div {
	background: #000;
}

.bg-inner {
	position: relative;
}
.bg-inner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 2;
}
.bg-inner > * {
	position: relative;
	z-index: 2;
}
.hero {
	text-align: center;
	position: relative;
	overflow: hidden;
	max-height: 100vh;
	height: auto;
}
.hero .owl-stage-outer {
	overflow: visible!important;
}

.hero .owl-stage-outer img {
	min-height: 102%;
}
.hero .hero__content {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: calc(100% - 220px);
	top: 150px;
	left: 0;
}
.hero__content .container::before,
.hero__content .container::after {
	content: '';
	display: block;
	width: 1px;
	height: 120px;
	position: absolute;
	top: -70px;
	background: #808184;
}
.product-page .hero__content .container::before,
.product-page .hero__content .container::after {
	background: rgba(255,255,255, 0.1);
}
.hero__content .container::before {
	left: -1px;
}
.hero__slider .owl-dots {display: none;}
.hero__content .container::after {
	right: -1px;
}
.hero__content .container {
	height: 100%;
}
.hero__content .logo {
	margin: 0 auto 18px auto;
	padding-top: 70px;
	width: 6.25vw;
	min-width: 100px;
}
.hero__content .logo img {
	display: block;
	width: 100%;
}
.hero__content h1 {
	margin-bottom: 15px;
}
.hero__content p {
	margin-bottom: 40px;
}
.hero__footer {
	height: 92px;
}
.hero__footer.without {
	margin-top: 0;
}
.hero__footer__content {
	padding-top: 17px;	
	display: flex;
	justify-content: space-between;
}
.hero__footer .slider-nav {
	display: flex;
	color: #fff;
	height: 20px;
}

.hero__footer .soc-links {
	display: flex;
}
.hero__footer .soc-links a {
	margin-left: 15px;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Playfair Display', serif;
	color: #fff;
	text-decoration: none;
}
.hero .glide-nav {
	position: absolute;
	z-index: -1;
}
.hero .hr-small {
	background: rgba(255,255,255,0.25);
}
.slider-nav > * {
	margin-right: 18px;
}
.slider-nav > *:hover {
	cursor: pointer;
}
section {
	position: relative;
	overflow: hidden;
}
img.bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	object-fit: cover;
}
.front-page h2::before, .front-page h3::before,
h2.dash::before, h3.dash::before {
	content: '';
	width: 55px;
	display: block;
	margin-bottom: 10px;
	height: 1px;
	background: linear-gradient(0deg, #C2884D 1.09%, #CA9F5F 102.88%);
}
.front-page h2,
.common-page h2 {
	margin-bottom: 24px;
	max-width: 600px;
	color: #000;
}
.front-page h3,
.common-page h3 {
	font-size: 15px;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
}
.front-page p,
.common-page p {
	margin-bottom: 20px;
	color: #000;
}
.hero p {
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	max-width: 565px;
	color: #fff;
}
.about__header {
	height: 94px;
}
.about__content {
	height: auto;
	min-height: 400px;
	padding-bottom: 10px;
	padding-top: 70px;
	position: relative;
}
.about__content li,
.about__content p {
	max-width: 50%;
}
.about__content img:nth-child(1) {
	position: absolute;
	top: 0;
	right: 92px;
	display: block;
	width: 470px;
	height: 322px;
	z-index: 2;
	max-width: 35%;
	object-fit: contain;
}
.about__content img:nth-child(2) {
	position: absolute;
	bottom: 0;
	right: 12%;
	max-width: 35%;
	display: block;
	width: 470px;
	height: 322px;
	z-index: 2;
	object-fit: contain;
}
.about__content h2 {
	margin-bottom: 24px;
	max-width: 550px;
	color: #000;
}
.about__content p,
.about__content ul {
	margin-bottom: 20px;
	max-width: 46%;
	color: #000;
}
.about__footer {
	height: 132px;
	padding-top: 84px;
}
.infrastructure__content {
	padding-top: 40px;
	display: flex;
	min-height: 400px;
}
.infrastructure__content > div:not(.pseudo-slider-nav) {
	width: calc(44% - 1px);
	max-width: 710px;
}
.infrastructure__slider.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
div.infrastructure__nav {
	margin: auto 0;
	width: 50px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.infrastructure__nav img {
	margin-bottom: 10px;
	height: 23px;
}
.infrastructure .owl-dots,
.infrastructure .owl-nav {
	display: none;
}
.infrastructure__nav .item {
	margin-bottom: 5px;
	width: 9px;
	height: 9px;
	display: block;
	margin-bottom: 10px;
	transform: rotate(45deg);
	background: #808184;
}
.infrastructure__slider.owl-carousel .owl-dot.active {
	background: linear-gradient(0deg, #C2884D 1.09%, #CA9F5F 102.88%);
}
.infrastructure__content .info {
	margin-left: 70px;
	padding-top: 65px;
}
.infrastructure__content .more {
	margin-bottom: 40px;
}
.infrastructure__content .d-f {
	font-size: 15px;
	font-family: 'Playfair Display', serif;
	gap: 30px;
}
.infrastructure__content .d-f span,
.about__content .d-f span {
	padding-right: 6px;
	font-size: 30px;
	color: #C59B5E;
}
.infrastructure .owl-item {
	position: relative;
	z-index: 1;
	background: #fff;
}
.genplan .container {
	padding-top: 100px;
}
.genplan__content > div {
	width: 50%;
}
.genplan__map {
	border: 1px solid #C59B5E;
	padding: 20px;
	position: relative;
}
.genplan__map > div {
	position: relative;
}
.genplan__map > div > img {
	display: block;
	width: 100%;
	height: 100%;
}
.map-district {
	position: absolute;
}
.map-district svg,
.map-district img {
	display: block;
	width: 100%;
	height: auto;
	transition: .5s;
}
.map-district .fill {
	transition: .5s;
}
.info__slider .owl-item > div {
	padding: 0 10px;
}
.infrastructure__slider .owl-stage,
.info__slider  .owl-stage {
transition: 0s !important;
}
.dots[data-dots="1"]:hover .map-district[data-district-id="1"] .fill,
.dots[data-dots="2"]:hover .map-district[data-district-id="1"] .fill,
.dots[data-dots="3"]:hover .map-district[data-district-id="3"] .fill,
.dots[data-dots="4"]:hover .map-district[data-district-id="2"] .fill,
.dots[data-dots="5"]:hover .map-district[data-district-id="5"] .fill,
.dots[data-dots="1"]:focus .map-district[data-district-id="1"] .fill,
.dots[data-dots="2"]:focus .map-district[data-district-id="1"] .fill,
.dots[data-dots="3"]:focus .map-district[data-district-id="3"] .fill,
.dots[data-dots="4"]:focus .map-district[data-district-id="2"] .fill,
.dots[data-dots="5"]:focus .map-district[data-district-id="5"] .fill,
.map-district:hover .fill,
.map-district:focus .fill,
.map-district.hover .fill {
	fill-opacity: 0.48!important;
	cursor: pointer;
}
.genplan__map .dots {
	position: absolute;
	transition: .2s
	z-index: 2;
}
.genplan__map .dots img.marker {
	display: block;
	width: 10px;
	height: auto;
}
.genplan__map .dots .marker .fill {
	fill: #808184;
}
.genplan__map .dots img.marker,
.genplan__map .dots:hover .marker .fill,
.genplan__map .dots:focus .marker .fill {
	transition: .7s;
}
.genplan__map .dots:hover .marker,
.genplan__map .dots:focus .marker,
.genplan__map .dots.hover .marker {
	transform: scale(1.5);
}
.genplan__map .dots:hover .marker .fill,
.genplan__map .dots:focus .marker .fill,
.genplan__map .dots.hover .marker .fill {
	fill: #CA9F5F;
	transition: .7s;
}
.dots_info {
	text-decoration: none;
	position: absolute;
	width: 280px;
	height: 160px;
	padding-top: 10px;
	background: #fff;
	overflow: hidden;
	top: 10px;
	left: 30px;
	opacity: 0;
	z-index: -1;
	transition-duration: .6s;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.dots_info.reverse {
	right: 30px;
	left: auto;
}
.genplan__map .dots:hover .dots_info,
.genplan__map .dots .dots_info:hover,
.genplan__map .dots:focus .dots_info,
.genplan__map .dots .dots_info:focus,
.genplan__map .dots.hover .dots_info,
.genplan__map .dots .dots_info.hover
 {
	z-index: 3;
	opacity: 1;
	transition-duration: .6s;
}
.marker {
	width: 17.07px;
	height: 28px;
	z-index: 1;
}
.dots_info h2 {
	margin-bottom: 0;
	margin-left: 10px;
	font-size: 20px;
	line-height: 28px;
}
.dots_info h2::before {
	width: 22px;
	margin-bottom: 6px;
}
.dots_info .more {
	margin-left: 10px;
	margin-bottom: 8px;
}
.dots_info .d-f img {
	display: block;
	align-items: center;
}
.dots_info .d-f img:nth-child(1) {
	width: 170px;
	height: 95px;
	object-fit: cover;
}
.dots_info .d-f img:nth-child(2) {
	margin-left: 22px;
	margin-right: 10px;
	width: 65px;
	height: 85px;
	object-fit: cover;
}
.genplan__info {
	margin-left: 65px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.genplan__info h2 {
	margin-bottom: 30px;
}

.genplan__info__menu {
	width: 300px;
	padding: 45px 85px 100px 85px;
	position: relative;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.04);
}
.genplan__info__menu::before {
	content: '';
	display: block;
	width: 94px;
	height: 138px;
	position: absolute;
	bottom: 15px;
	right: 26px;
	background: url(https://zoloche.ua/wp-content/uploads/2022/05/zoloche-favicon-2022.png) no-repeat center top/cover;
}
.genplan__info__menu::after {
	content:  '';
	display: block;
	width: 170px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -200px;
	background: url(img/pattern_2.svg) no-repeat right top/cover;
}
.genplan__info__menu h4 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.genplan__info__menu a.more {
	margin: 0 auto 24px auto;
	width: -moz-fit-content;
	width: -o-fit-content;
	width: fit-content;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
	color: #000;
}
.genplan__info__menu a.more:hover,
.genplan__info__menu a.more.hover {
	color: #C59B5E;
}
.genplan__footer {
	padding-bottom: 30px;
}
.why-us__content {
	padding-top: 90px;
	padding-bottom: 50px;
}
.why-us__content h2 {
	font-size: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 75px;
	max-width: 682px;
	text-align: center;
}
.why-us__content h2 span {
	color: #C59B5E;
}
.why-us__content h2::before {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.why-us__content .why-us__content__list:nth-child(5) {display: none;}
.why-us__content__list {
	margin-top: 15px;
	margin-bottom: 85px;
	display: flex;
	justify-content: space-between;
}
.why-us__content__list .item {
	width: 260px;
	text-align: center;
}
.why-us__content__list .item a {
	display: block;
	text-decoration: none;
	margin: auto;
}
.why-us__content__list .item .icon {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	width: 115px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #808184;
}
.why-us__content__list .item .icon img {
	max-width: 92%;
	display: block;
}
.why-us__content__list .item p {
	font-size: 18px;
	font-weight: 600;
}
.why-us__content__list .item-hr {
	margin-bottom: 50px;
	width: 36px;
	height: 1.5px;
	background: #808184;
	align-self: center;
}
.why-us__footer {
	padding-bottom: 15px;
}
.gallery__content {
	padding-top: 105px;
	padding-bottom: 130px;
}
.gallery__content .info {
	margin-bottom: 20px;
	display: flex;
	gap: 40px;
	align-items: center;
}
.gallery__content .info img {
	display: block;
	width: calc(100% - 66% - 24px);
}
.gallery_text_slider {
	max-width: 400px;
}
.gallery__content .info h3 {
	padding: 0 5px;
}
.gallery__slider .owl-item {
	overflow: hidden;
}
.owl-carousel.gallery__slider .owl-item img{
	height: 100%;
}
.gallery__slider__inner, .gallery__content .info {
	max-width: 1450px;
	margin-left: auto;
	margin-right: auto;
}
.gallery__slider__inner {
	position: relative;
}
.gallery__slider .owl-nav {
	display: none;
}
.arrow {
	cursor: pointer;
}
.gallery .arrow {
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	top: 45%;
	z-index: 2;
	transition: .4s;
}
.gallery .arrow-left {
	left: -40px;
}
.gallery .arrow-right {
	right: -40px;
}
.gallery__footer {
	padding-bottom: 90px;
}
.all-you-need .container {
	border-left: 0.5px solid #e8e8e8;
	border-right: 0.5px solid #e8e8e8;
}
.all-you-need__header, .all-you-need__footer {
	background: rgba(245,245,245, 0.6);
}
.all-you-need__header .container {
	padding-top: 80px;
	padding-bottom: 50px;
}
.all-you-need__header h2 {
	margin: auto;
	text-align: center;
	max-width: 475px;
}
.all-you-need__header h2::before {
	text-align: center;
	margin: auto;
	width: 70px;
}
.all-you-need__body {
	position: relative;
}
.all-you-need__body__bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: flex;
}
.all-you-need__body__bg > img {
	width: 150px;
	height: 100%;
	display: block;
}
.all-you-need__body__bg__info {
	margin: 200px 0;
	display: block;
	width: 570px;
	height: 260px;
	padding: 45px 0 50px 40px;
	box-sizing: border-box;
	border: 1px solid #C59B5E;
	background: #fff;	
	position: relative;
}
.all-you-need__body__bg__info::after {
	content: '';
	position: absolute;
	display: block;
	right: 18px;
	bottom: 10px;
	width: 95px;
	height: 120px;
	z-index: 2;
	background: url(https://zoloche.ua/wp-content/uploads/2022/05/zoloche-favicon-2022.png) no-repeat center top/cover;
}
.all-you-need__body__bg__info h2 {
	margin-bottom: 30px;
	line-height: 44px;
	max-width: 450px;
	padding-left: 3px;
}
.all-you-need__slider .owl-item {
	max-height: 530px;
}
.all-you-need__body__bg__info h2::before {
	display: none;
}
.all-you-need__body__bg__info a.btn {
	width: 260px;
	height: 56px;
	line-height: 56px;
  display: block;
  margin-left: 0;
}
.all-you-need__slider {
	max-width: 950px;
	margin-left: auto;
	margin-right: 100px;
}
.all-you-need__footer .d-f a {
	text-decoration: none;
	margin-right: 10px;
}
.all-you-need__footer .container {
	padding-top: 125px;
	padding-bottom: 30px;
}
.all-you-need__nav {
	position: absolute;
	z-index: 3;
	right: 220px;
	bottom: 2px;
	width: 240px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
}
.all-you-need .owl-nav,
.all-you-need .owl-dots {
	display: none;
}
.all-you-need__nav div {
	margin: 0 8px;
}
.map.container {
	padding-top: 95px;
	padding-bottom: 80px;
}
.map h2 {
	margin: 0 auto 25px auto;
	text-align: center;
	font-size: 35px;
}
.map h2::before {
	width: 70px;
	margin-left: auto;
	margin-right: auto;
}
.map h4 {
	margin-bottom: 40px;
	color: #000;
	font-size: 20px;
	font-weight: 400;
}
.map h4::before {
  content: '';
  display: block;
  margin-bottom: 10px;
  width: 70px;
  height: 1px;
  background: linear-gradient(0deg, #C2884D 1.09%, #CA9F5F 102.88%);
}
.map .d-f {
	gap: 20px;
}
.map .d-f p {
	margin-top: 20px;
	margin-bottom: 30px;
	max-width: 250px;
}
.map .d-f span {
	line-height: 22px;
	font-size: 15px;
	color: #c59b5e;
}
.map .d-f-1 {
	max-height: 100px;
	overflow: visible;
}
.map .d-f-1 img,
.map .d-f-1 #map {
	height: 430px;
	width: 700px;
	max-width: 100%;
}
.map .d-f-2 img,
.map .d-f-2 #map2 {
	width: 540px;
	height: 355px;
	max-width: 100%;
}
.map .d-f-2 {
	justify-content: flex-end;
	padding-right: calc(10vw - 160px);
}
.contact-us {
	padding-bottom: 140px;
}
.contact-us h2 {
	margin: 0 auto 36px auto;
	text-align: center;
	font-size: 35px;
	line-height: 46px;
}
.contact-us h2::before {
	margin: auto;
}
.contact-us .contacts {
	margin-bottom: 25px;
	height: 90px;
	display: flex;
	align-items: center;
	background: #1e294d;
	position: relative;
}
.contact-us .contacts > .d-f {
	margin-left: 35px;
}
.contact-us .contacts > .d-f > div {
	max-width: 330px;
}
.contact-us .contacts .d-f div,
.contact-us .contacts .d-f p,
.contact-us .contacts .d-f span,
.contact-us .contacts .d-f a {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin-bottom: 0;
}
.contact-us .contacts .d-f div,
.contact-us .contacts .d-f a {
	display: block;
	font-weight: 400;
	text-decoration: none;
}
.contact-us .contacts .d-f img {
	margin-right: 15px;
}
.contact-us .contacts::after {
	content: '';
  position: absolute;
  display: block;
  right: 60px;
  top: 14px;
  width: 50px;
  height: 62px;
  z-index: 2;
  background: url(https://zoloche.ua/wp-content/uploads/2022/05/zoloche-favicon-2022.png) no-repeat center top/cover;
}
.contact-us .banner {
	margin-bottom: 25px;
	display: block;
	width: 100%;
	overflow: hidden;
	max-height: 300px;
}
.contact-us .banner img {
	display: block;
}
.contact-us-narrow.container {
	padding: 0 calc(50vw - 700px);
}
label {
	margin-bottom: 12px;
	margin-left: 4px;
	display: block;
	font-size: 20px;
	line-height: 26px;
	font-family: 'Playfair Display', serif;
	position: relative;
}
input {
	width: 210px;
	height: 60px;
	display: block;
	padding-left: 50px;
	color: #000;
	font-size: 15px;
	border: 1px solid #000;
}
button.btn {
	margin-left: 0;
	margin-right: 0;
	width: 280px;
	height: 60px;
	border: 2px solid #c59b5e;
}
button.btn-2 {
	margin: 0;
	height: 64px;
	line-height: 60px;
	background: transparent;
	max-width: 17vw;
}
.compleks-map button.btn-2 {
	max-width: 264px;
}
label::before {
	content: '';
	position: absolute;
	left: 10px;
}
label[data-for="fio"]::before {
	top: 58px;
	width: 18px;
	height: 18px;
	background: url(img/user-3.svg) no-repeat center top/cover;
}
label[data-for="phone"]::before {
	top: 58px;
	width: 27px;
	height: 20px;
	background: url(img/photo_2021-06-12_09-05-15.jpg) no-repeat center top/cover;
}
label[data-for="email"]::before {
	top: 60px;
	width: 20px;
	height: 18px;
	background: url(img/message1.svg) no-repeat center top/cover;
}
footer span {
	font-weight: 600;
}
footer p,
footer span,
footer a{
	color: #000;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
}
footer a {
	display: block;
}
footer .btn-2 {
	height: 45px;
	line-height: 40px;
}
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item img {
   	margin: auto;
    width: auto;
  	height: 100%;
}
.footer__grey {
	width: 70.625%;
	padding-top: 25px;
	padding-left: 11%;
	padding-bottom: 25px;
	background: #f8f8f8;
	display: grid;
	grid-template-rows: 80px 40px;
	grid-template-columns: 90px 700px;
	column-gap: 60px;
	grid-template-areas: 
		'logo contacts'
		'logo desc';
	box-sizing: border-box;
}
.footer__white {
	width: 29.375%;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
}
.footer__grey--logo {
	margin-right: 60px;
	max-width: 90px;
	height: 100%;
	object-fit: contain;
	grid-area: logo;
}
.footer__grey__contacts {
	grid-area: contacts;
}
.footer__grey__contacts div:first-child {
	margin-right: 20px;
	max-width: 300px;
}
.footer__grey__contacts div:last-child {
	margin-left: 20px;
}
.footer__grey__desc {
	margin-top: 10px;
	grid-area: desc;
	align-items: baseline;
	flex-wrap: wrap;
}
.footer__grey__desc p,
.footer__grey__desc a {
	color: #808184;
	font-size: 12px;
	margin-right: 15px;
}
.footer__white {
	padding-top: 15px;
	padding-left: 6%;
}
.footer__white div.btn-2 {
	max-width: 220px;
}
.footer__white .soc {
	max-width: 220px;
	margin-bottom: 24px;
}
.footer__white .soc a {
	text-decoration: none;
	font-weight: 400;
	font-size: 15px;
}
.footer__white .btn-2 {
	margin: 0 0 30px 0;
}
.footer__white .made-by {
	font-size: 18px;
	line-height: 24px;
}
.footer__white .made-by img {
	display: inline;
	margin-bottom: -6px;
	height: 26px;
}
.single-post .container, 
.single-page .container,
.catalog-page .container,
.blog .container {
	margin: 0 155px;
	padding-left: 25px;
	padding-right: 25px;
}
.post__header {
	min-height: 370px;
	height: auto;
	position: relative;
}
.post__header .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
}
.post__header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #000;
	opacity: .6;
	z-index: 2;
}
.post__header .container {
	padding-top: 150px;
	padding-bottom: 25px;
	z-index: 3;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.post__header .container h1 {
	margin-bottom: 115px;
	max-width: 900px;
	font-size: 45px;
	line-height: 60px;
	color: #fff;
}
.post__header .soc-links {
	margin-left: auto;
}
.post__header .soc-links a {
	margin-right: 15px;
	display: block;
	color: #fff;
	text-decoration: none;
}
article {
	overflow: hidden;
}
.entry-content {
	padding-top: 30px;
	padding-bottom: 60px;
}
/*.entry-content *:not(.more) {
	color: #000;
}*/
.entry-content *:last-child,
.entry-content p:last-child {
	margin-bottom: 0;
}
.entry-content hr {
	border: none;
	border-bottom: 1px solid #808184;
	width: 160vw;
	margin-left: -40vw;
}
.entry-content h1 {
	margin-bottom: 20px;
	font-size: 35px;
	line-height: 47px;
	color: #000;
}
.entry-content h2 {
	margin-bottom: 20px;
	font-size: 25px;
	line-height: 34px;
	color: #000;
}
.entry-content h3 {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 27px;
	color: #000;
}
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-bottom: 18px;
	font-size: 18px;
	line-height: 24px;
	color: #000;
}
.entry-content, 
.entry-content p {
	margin-bottom: 40px;
	font-size: 15px;
	line-height: 30px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
}
.entry-content ul {
	margin-bottom: 40px;
	padding-left: 100px;
}
.entry-content li, .about__content li, .info li{
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 30px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	list-style: none;
	max-width: 90%;
}
.entry-content li::before, .about__content li::before, .info li::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: linear-gradient(0deg, #C2884D 1.09%, #CA9F5F 102.88%);
	margin-right: 15px;
}
.entry-content .post-full {
	width: 100%;
	clear: both;
}
.entry-content blockquote {
	margin: 30px auto;
	display: block;
	max-width: 650px;
	padding: 50px 75px 70px 75px;
	border: 1px solid #c59b5e;
	position: relative;
	background: #fff;
	font-size: 25px;
	line-height: 34px;
	text-align: center;
	clear: both;
}
.entry-content blockquote::before {
	content: '';
	display: block;
	position: absolute;
	top: -50px;
	left: -50vw;
	width: 140vw;
	height: calc(100% + 100px);
	background: url(img/fone.jpg) no-repeat center top/cover;
	z-index: -1;
}
.entry-content blockquote::after {
	content: '';
	display: block;
	position: absolute;
	top: -38px;
	right: -47px;
	width: 108px;
	height: 108px;
	background: url(img/right-quotes-symbol.svg) no-repeat center top/cover;
}
.entry-content blockquote p {
	font-size: 25px;
	line-height: 34px;
	text-align: center;
}
.entry-content .alignright {
	float: right;
	padding-bottom: 50px;
}
.entry-content .alignleft {
	float: left;
	padding-bottom: 50px;
}
.post__meta {
	margin-bottom: 15px;
	padding-top: 30px;
}
.post__meta .breadcumb {
	margin-right: auto;
}
.post__meta .breadcumb a,
.post__meta .breadcumb span{
	
	font-size: 13px;
	text-decoration: none;
	color: #808184;
	font-family: 'Open Sans', sans-serif;
}
.post__meta .breadcumb .kb_title {
	color: #c59b5e;
}
.post__meta .date {
	margin-right: 20px;
	font-size: 14px;
	color: #c59b5e;
	font-family: 'Open Sans', sans-serif;
}
.post__meta .read-time {
	font-size: 14px;
	color: #808184;
	font-family: 'Open Sans', sans-serif;
}	
.post__tags {
	max-width: 600px;
	margin: 25px auto 160px auto;
	flex-wrap: wrap;
	justify-content: center;
}
.post__tags a {
	margin-right: 15px;
	border: 1px dashed #808184;
	color: #808184;
	box-sizing: content-box;
	padding: 6px 10px 8px 8px;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
}
.post__tags a::before {
	content: '#';
}
.post__header__left {
	margin-right: auto;
}
.contacts__header h4 {
	color: #fff;
	max-width: 420px;
	font-size: 15px;
	line-height: 20px;
}
.post__header__right {
	flex-wrap: wrap;
	max-width: 720px;
}
.post__header__right .d-f {
	margin-right: 20px;
	margin-bottom: 35px;
	min-width: 200px;
	max-width: 260px;
}
.post__header__right img {
	max-width: 32px;
	margin-right: 15px;
}
.post__header__right a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
}
.post__header__right p {
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
}

.common-page .about__content img:nth-child(1) {
	right: 180px;
	width: 520px;
	height: 355px;
}
.common-page .about__content img:nth-child(2) {
	right: 90px;
	width: 360px;
	height: 250px;
}
.common-page .infrastructure .container{
	padding-bottom: 90px;
}
.common-page .infrastructure .btn-2 {
	margin: 40px 0 0 0;
}
.text-section {
	position: relative;
	margin: 0;
	padding: 0;
}
.text-section .container {
	padding: 50px 200px;
}
.text-section p {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 32px;
}
.gallery-section {
	padding-top: 100px;
	padding-bottom: 150px;
}
.gallery-section .d-f {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.3%;
    display: grid;
    grid-template-columns: 28.38% 20.83% 19.01% 28.125%;
    max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.gallery-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-section .container {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 180px);
	height: 100%;
}
.etaps .container {
	padding: 35px 0 100px 0;
	overflow: hidden;
}
.etaps__content {
	max-width: 1300px;
	margin: 0 0 0 4vw;
	position: relative;
}
.etaps__content::before {
	content: '';
	width: 120%;
	height: 1.5vw;
	margin-left: -4vw;
	top: 52%;
	left: -240px;
	background: url(img/Group291.svg) no-repeat center center/cover;
	position: absolute;
	z-index: 0;
	display: none;
}
.etaps__content--before {
	content: '';
	display: block;
	width: 130%;
	height: 37.1px;
	background: url(img/Group291.svg) repeat center center/contain;
	margin-left: 0;
}
.etaps h2 {
	margin-bottom: 40px;
}
.etaps .hr-small {
	z-index: 1;
}
.etaps__content .d-f-1 {
	margin-bottom: 10px;
	justify-content: space-evenly;
}
.etaps__content .d-f > div {
	width: 240px
}
.etaps__content .d-f h4 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.etaps__content .d-f p {
	font-size: 15px;
	line-height: 22px;
}
.etaps__content .d-f-2 {
	justify-content: space-evenly;
}
.compleks-map .container {
	padding-top: 0;
	padding-bottom: 170px;
}
.compleks-map__content {
	display: grid;
	grid-template-columns: calc(50% - 40px) calc(50% - 40px);
	column-gap: 80px;
	grid-template-areas: 
		'map contacts'
		'map form';
}
.compleks-map__content .map {
	display: block;
	grid-area: map;
	height: 670px;
	justify-self: center;
	object-fit: contain;
	max-width: 100%;
}
.compleks-map__content__contacts {
	flex-wrap: wrap;
	grid-area: contacts;
	padding-top: 55px;
}
.compleks-map__content__contacts .d-f img {
	max-width: 38px;
	margin-right: 15px;
	width: -moz-fit-content;
	width: -o-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: -o-fit-content;
	height: fit-content;
}
.compleks-map__content__contacts .contacts {
	flex-wrap: wrap;
}
.compleks-map__content__contacts .contacts > div {
	max-width: 250px;
	min-width: 200px;
}
.compleks-map__content__contacts .d-f div,
.compleks-map__content__contacts p,
.compleks-map__content__contacts span,
.compleks-map__content__contacts a {
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #000;
	margin: 0;
	line-height: 17px;
}
.compleks-map__content__contacts .d-f div,
.compleks-map__content__contacts a {
	font-weight: 400;
}
.compleks-map__content__contacts a {
	display: block;
}
.compleks-map__content__form {
	grid-area: form;
	padding-top: 10px;
}
.compleks-map__content__form .form {
	display: grid;
	grid-template-columns: calc(50% - 8px) calc(50% - 8px);
	column-gap: 15px;
	row-gap: 20px;
	grid-template-areas: 
		'name phone'
		'email btn';
}
.compleks-map__content__form .form div:nth-child(1) {
	grid-area: name;
}
.compleks-map__content__form .form div:nth-child(2) {
	grid-area: phone;
}
.compleks-map__content__form .form div:nth-child(3) {
	grid-area: email;
}
.compleks-map__content__form .form div:nth-child(4) {
	grid-area: btn;
}
.product-page h1 {
	text-align: left;
}
.product-page .hero p {
  margin-left: 0;
  text-align: left;
  position: relative;
}
.product-page .hero__content {
	height: 100%;
}
.product-page .hero__content .container {
	padding-top: 175px;
	border-left: 1px solid rgba(255,255,255, 0.1);
	border-right: 1px solid rgba(255,255,255, 0.1)
}
.hero__content .hero .j-c-s-b {
  margin-bottom: 50px;
}
.product-page .btn-2,
.product-page .btn-3 {
	margin: 0;
	height: 60px;
	line-height: 60px;
}
.product-page .btn-3 {
	margin-right: 15px;
	width: 255px;
}
.product-page .btn-2 {
	width: 94px;
}
.product__price-banner {
	margin-top: 30px;
	width: 420px;
	height: 140px;
	position: relative;
	box-sizing: border-box;
	padding: 15px 20px 25px 18px;
	border: 1px solid #c59b5e;
}
.product__price-banner > p {
	margin-bottom: 10px;
}
.product__price-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.62;
}
.product__price-banner::after {
	content: '';
	position: absolute;
	display: block;
	right: 18px;
	top: 22px;
	width: 37px;
	height: 50px;
	z-index: 2;
	background: url(/wp-content/uploads/2022/05/zoloche-favicon-2022.png) no-repeat center center/cover;
}
.product__price-banner p {
	margin-bottom: 10px;
	font-family: "Playfair Display", serif;
	color: #fff;
	font-size: 18px;
}
.product__price-banner p.price {
	font-size: 25px;
	line-height: 100%;
}
.product__price-banner span {
	font-family: "Playfair Display", serif;
	color: rgba(255,255,255, 0.7);
	font-size: 15px;
}
.price__romb {
	margin: 7px 10px;
	display: inline-block;
	width: 4px;
	height: 4px;
	transform: rotate(45deg);
	background: linear-gradient(0deg, #C2884D 1.09%, #CA9F5F 102.88%);
}
.product-page .slider-arrow {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 40%;
}
.product-page .slider-arrow--left {
	left: -50px;
}
.product-page .slider-arrow--right {
	right: -50px;
}
.product__gallery {
	padding-top: 125px;
	padding-bottom: 33px;
	padding-right: 150px;
}
.product__gallery .container {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 180px);
	height: 100%;
}
.product__gallery p {
	font-weight: 600;
	font-size: 15px;
	line-height: 22px;
}
.product__gallery p::before {
	content: '';
	margin-bottom: 15px;
	display: block;
	width: 55px;
	height: 1px;
	background: linear-gradient(0deg, #C2884D 1.09%, #CA9F5F 102.88%);
}
.product__gallery .product__slider {
	max-width: 75%;
	margin-right: 40px;
	z-index: 2;
}
.product__gallery p {
	margin-left: 25px;
	max-width: 380px;
	color: #000;
}
.product__gallery .text {
	position: relative;
	display: flex;
	align-items: center;
	z-index: 2;
}

.product__gallery .text .arrow {
	position: absolute;
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: calc(50% - 40px);
    left: -70px;
    z-index: 2;
    transition: .4s;
}
.tech-info .container {
	padding: 0 0 50px 0;
}
.tech-info .container > .d-f {
	justify-content: space-between;
}
.tech-info__text {
	width: 530px;
	padding: 35px 30px 70px 20px;
	background: rgba(128, 129, 132, 0.05);
	position: relative;
}
.tech-info__text::before {
	content: '';
	width: 160px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -160px;
	background: rgba(128, 129, 132, 0.05);
}
.tech-info__text .d-f {
	margin-bottom: 15px;
	justify-content: space-between;
}
.tech-info__text p {
	width: 50%;
	font-size: 20px;
	line-height: 26px;
	font-family: "Playfair Display", serif;
	color: #000;
}
.tech-info__img {
	width: 100%;
	max-width: 900px;
	position: relative;
}
.tech-info__img .slider-arrow {
	z-index: 2;
}
.tech-info__img img {
	display: block;
	width: 100%;
}
.get-it__body {
	padding-top: 45px;
	padding-bottom: 60px;
	text-align: center;
}
.get-it__body h2 {
	margin: 0 auto 15px auto;
	max-width: 610px;
	font-size: 30px;
	line-height: 40px;
	color: #fff;
}
.get-it__body p {
	margin: 0 auto 40px auto;
	font-size: 15px;
	line-height: 21px;
	max-width: 565px;
	text-align: center;
}
.get-it__body .btn {
	margin: 0 auto;
	width: 260px;
	height: 60px;
	line-height: 60px;
}
.get-it__footer {
	height: 125px;
}
.catalog-page .hero {
	min-height: 370px;
}
.catalog-page .hero .container {
	padding-top: 130px;
	padding-bottom: 120px;
	margin: 0 90px;
	padding-left: 90px;
}
.catalog-page .hero h1 {
	margin-left: 0;
	margin-bottom: 15px;
	text-align: left;
	max-width: 600px;
}
.catalog-page .hero p {
	margin: 0;
	text-align: left;
	max-width: 565px;
}
.catalog-body > div {
	padding-top: 40px;
	padding-bottom: 130px;
	min-height: 0;
	
}
.seo-text {
	padding-top: 40px;
	text-align: center;
}
/*.seo-text p {
	font-size: 18px;
	color: #000;
}*/
form.filter {
	padding: 40px 16px 70px 16px;
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-areas: 
		"title title"
		"district district"
		"house_s house_s"
		"price price"
		"bedrooms_number state"
		"sanyzel_number way-to-water"
		"button floors";
	background: rgba(128, 129, 132, 0.05);
	max-height: 990px;
	box-sizing: border-box;
	float: left;
	width: calc(33% - 30px);
	margin-right: 30px;
	margin-bottom: 0;
}
.no-filter form.filter, .no-filter .filter-h2 {
	display: none;
}
.product-item.product-item-1,
.product-item.product-item-2.product-item-title,
.product-item.product-item-3.product-item-title,
.product-item.product-item-4.product-item-title  {
	width: calc(66% - 60px);
}
.no-filter .product-item.product-item-1,
.no-filter .product-item.product-item-2.product-item-title,
.no-filter .product-item.product-item-3.product-item-title,
.no-filter .product-item.product-item-4.product-item-title  {
	width: 100%;
}
.product-item.product-item-title {
	width: 100%;
	margin-bottom: 20px;
	font-size: 28px;
	height: 40px;
	padding-left: 25px;
	line-height: 40px;
	position: relative;
}
.product-item-title::before {
    content: '';
    display: block;
    width: 0;
    border: 9px solid transparent;
        border-top-color: transparent;
        border-top-style: solid;
        border-top-width: 9px;
    border-top: 10px solid rgba(128, 129, 132, 0.5);
    height: 0;
    position: absolute;
    left: 0;
    top: 20px;

}
.product-item-1 .triangle {
	position: relative;
}
.product-item-1 .triangle:hover {
	cursor: pointer;
}
.product-item-1 .triangle .submenu {
	position: relative;
	right: -2px;
	bottom: 38px;
	opacity: 0;
	transition: 0.5s;
	background: #fff;
	padding: 0;
	margin: 0;
	line-height: 24px;
}
.product-item-1 .triangle {
	text-decoration: none;
}
.product-item-1 .triangle.active::after {
	transform: rotate(180deg);
	top: 10px;
}
.product-item-1 .triangle.active .submenu {
	opacity: 1;
}
.triangle a {
	text-decoration: none;
}

.filter h2,
.product-item-1 h2  {
	font-size: 30px;
	line-height: 40px;
	color: #000;
	grid-area: title;
}
.product-item-1 h2 {
	margin-top: 0;
	margin-bottom: 40px;
	text-align: right;
}
.filter h3 {
	margin-bottom: 30px;
	font-size: 30px;
	color: #000;
	line-height: 40px;
}

.filter p {
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 27px;
	font-family: "Playfair Display", serif;
	color: #000;
}
.filter .form__checkbox {
	margin-right: 6px;
}
.filter .d-f p,
.filter .d-f span,
.filter .form__checkbox label {
	font-size: 12px;
	font-family: "Open Sans", sans-serif;
	color: #808184;
}
.filter .form__checkbox label {
	color: #1e294d;
}
.filter .select {
	grid-area: district;
	margin-bottom: 32px;
}
.filter .select select{
	border: 1px solid #000;
	background: transparent;
	width: 100%;
	height: 58px;
	padding: 0 20px;
}
.filter .house_s {
	grid-area: house_s;
}
.filter .yard_s {
	grid-area: yard_s;
}
.filter .price {
	grid-area: price;
}
.filter .bedrooms_number {
	grid-area: bedrooms_number;
}
.filter .accesability {
	grid-area: accesability;
}
.filter .sanyzel_number {
	grid-area: sanyzel_number;
}
.filter .state {
	grid-area: state;
}
.filter .sayna {
	grid-area: sayna;
}
.filter .way-to-water {
	grid-area: way-to-water;
}
.filter .floors {
	grid-area: floors;
}
.filter .btn-2 {
    grid-area: button;
    max-width: 90%;
    margin: 20px 0 0 0;
}
.filter button {
	display: none;
}
.filter label {
  margin-bottom: 12px;
  margin-left: 4px;
  display: inline;
  font-size: 20px;
  line-height: 26px;
  font-family: 'Playfair Display', serif;
  position: relative;
}
.filter input {
	display: inline;
	width: 15px;
	height: 15px; 
	box-shadow: none;
	border: 1px solid #000;
}
.filter .house_s input,
.filter .yard_s input,
.filter .price input {
	display: none;
}
.filter .noUi-horizontal .noUi-handle {
	width: 10px;
	height: 10px;
	background: #1e294d;
	transform: rotate(45deg);
  box-shadow: none;
  left: -5px;
	top: -5px;
	border: none;
}
.filter .noUi-horizontal .noUi-handle::before {
	display: none;
}
.filter .noUi-horizontal .noUi-handle::after {
	content: '';
	background: transparent;
	position: absolute;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
}
.filter .noUi-connect {
	background: #000;
}
.filter .noUi-horizontal {
	height: 3px;
}
/*.filter button {
	display: none;
}*/
.product-item {
	position: relative;
	display: block;
	float: left;
	width: calc(33% - 30px);
	margin-right: 30px;
	margin-bottom: 60px;
}
.product-item .product__price-banner {
	padding: 8px 10px 10px 6px;
}
.product-item .product__price-banner::after {
	width: 16px;
	height: 22px;
	top: 50px;
	right: 6px;
}
.product-item-1 .product__price-banner{
	padding: 12px 20px 15px 12px;
}
.product-item-1 .product__price-banner::after {
	width: 38px;
	height: 48px;
	top: 12px;
	right: 14px;
}
.product-item .product__price-banner {
	margin: 0;
	width: 195px;
	height: 80px;
	position: absolute;
	top: 16px;
	left: 0;
}
.product-item-1 .product__price-banner {
	width: 300px;
	height: 105px;
	top: 120px;
}
.product-item .product__price-banner p {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 16px;
	position: relative;
}
.product-item-1 .product__price-banner p {
	font-size: 16px;
	line-height: 20px;
}
.product-item .product__price-banner span {
	font-size: 14px;
}
.product-item-1 .product__price-banner span {
	font-size: 12px;
}
.product-item .product__price-banner p.price {
	font-size: 15px;
	line-height: 20px;
	display: flex;
	align-items: center;
}
.product-item-1 .product__price-banner p.price {
	font-size: 25px;
	line-height: 34px;
}
.product-item .product__price-banner p.price span {
	font-size: 14px;
	line-height: 20px;
}
.product-item-1 .product__price-banner p.price span {
	font-size: 15px;
	line-height: 20px;
}
.product-item img {
	margin-bottom: 6px;
	display: block;
	width: 100%;
	object-fit: cover;
    height: 190px;
}
.product-item-1 img {
	margin-bottom: 15px;
	max-height: 290px;
}
.product-item h3 {
	margin-bottom: 9px;
	font-size: 25px;
	line-height: 34px;
	max-width: 350px;
	color: #000;
}
.product-item a {
	text-decoration: none;
}
.product-item-1 h3 {
	font-size: 45px;
	line-height: 60px;
	max-width: 570px;
}
.product-item p.product-desc {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 16.5px;
	max-width: none;
	color: #000;
}
.product-item-1 p.product-desc {
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 20.5px;
	max-width: 570px;
}
.filter {
	grid-area: filter;
}
.product-item-1 {
	grid-area: product1;
	height: 30px;
}
.product-item-2 {
	grid-area: product2;
}
.product-item-3 {
	grid-area: product3;
}
.blog .post__header h1,
.blog .post__header p{
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}
.blog .post__header .container h1 {
	margin-bottom: 0;
	text-align: center;
}
.blog .post__header p{
	margin-top: 30px;
	margin-bottom: 40px;
}
.blog .blog__articles__header {
	padding-top: 30px;
	padding-bottom: 20px;
}
.blog__articles__body.container {
	padding-left: 140px;
	padding-right: 140px;
	display: grid;
	grid-template-columns: calc(25% - 18px) calc(25% - 18px) calc(25% - 18px) calc(25% - 18px);
	grid-column-gap: 24px;
	grid-row-gap: 47px;
	grid-template-areas: 
		"article1 article1 article1 article1"
		"article2 article2 article3 article3"
		"article4 article5 article6 article7"
		"article8 article8 article8 article8"
		"article9 article9 article9 article9"
		"article10 article11 article12 article13";
}
.blog__articles__body .thumbnail {
	position: relative;
}
.blog__articles__body .thumbnail::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #050604;
	opacity: .6;
}
.blog__articles__body .thumbnail img {
	display: block;
	width: 100%;
	height: 18vw;
	max-height: 280px;
	object-fit: cover;
} 
.blog__articles__body .post__meta {
	margin-bottom: 0;
	height: 25px;
}
.blog__articles__body .post__tags {
	margin: 0 auto 0 0;
}
.blog__articles__body .post__tags a {
	margin-right: 8px;
	border: none;
	padding: 0;
	font-family: "Open Sans";
}
.blog__articles__body .entry-content, .entry-content p {
	padding: 0;
	line-height: 20px;
}
.blog__articles__body .entry-content h2 {
	max-width: calc(100% - 80px);
	width: fit-content;
	width: -moz-fit-content;
	width: -o-fit-content;
	position: relative;
}
.blog__articles__body .entry-content h2::after {
	content: '';
	display: block;
	width: 55px;
	height: 1px;
	position: absolute;
	top: 21px;
	right: -75px;
	background: linear-gradient(0deg, #C2884D 1.09%, #CA9F5F 102.88%);
}
.blog__articles__body .entry-content .more {
	margin-top: 10px;
	margin-bottom: 30px;
}
.blog__articles__body article:nth-child(1) {
	grid-area: article1;
	display: grid;
	grid-template-columns: calc(50% - 80px) calc(50% - 80px);
	column-gap: 80px;
}
.blog__articles__body article:nth-child(2) {
	grid-area: article2;
}
.blog__articles__body article:nth-child(3) {
	grid-area: article3;
}
.blog__articles__body article:nth-child(4) {
	grid-area: article4;
}
.blog__articles__body article:nth-child(5) {
	grid-area: article5;
}
.blog__articles__body article:nth-child(6) {
	grid-area: article6;
}
.blog__articles__body article:nth-child(7) {
	grid-area: article7;
}
.blog__articles__body article:nth-child(8) {
	grid-area: article8;
}
.blog__articles__body article:nth-child(9) {
	grid-area: article9;
}
.blog__articles__body article:nth-child(10) {
	grid-area: article10;
}
.blog__articles__body article:nth-child(11) {
	grid-area: article11;
}
.blog__articles__body article:nth-child(12) {
	grid-area: article12;
}
.blog__articles__body article:nth-child(13) {
	grid-area: article13;
}
.blog__articles__header .desc:hover ~ .desc a {
	color: #000;
}
article.middle .thumbnail {
	margin-right: 68px;
} 
article.small {
	width: 230px;
}
article.small .thumbnail img {
	height: 120px;
}
article.small .read-time {
	display: none;
}
.blog__articles__body article.small .post__meta {
	margin-top: 8px;
	margin-bottom: 1px;
}
.blog__articles__body article.small .entry-content h2 {
	margin-bottom: 6px;
	font-size: 20px;
	line-height: 27px;
}
.blog__articles__body article.small .entry-content, article.small .entry-content p {
	margin-bottom: 18px;
	font-size: 12px;
	line-height: 14px;
}
.blog__articles__body article.small .entry-content .more {
	font-size: 12px;
	line-height: 15px;
}
.blog__articles__body article.small .entry-content .more::after {
	display: none;
}
.blog__articles__body .post_content {
	padding-left: 5px;
}


.btn-2:hover {
	background: #c59b5e;
	color: #fff;
}
section a {
	color: #808184;
	transition: 0.3s;
	position: relative;
	text-decoration: none;
	width: -o-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
section .info a::before,
section.about a::before {
	content: '';
	width: 100%;
	height: 1px;
	background: #808184;
	position: absolute;
	left: 0;
	bottom: -3px;
	transition: 0.3s;
	opacity: 0.5;
}
section .info a:hover::before,
section.about a:hover::before{
	width: 0;
}
a:hover,
section.map h4:hover,
.why-us__content__list .item p:hover {
	color: #c59b5e;
	cursor: pointer;
}

.arrow:hover {
	transform: scale(1.1);
	cursor: pointer;
}
.more {
	transition: .3s;
}
.more span {
	margin: 0 4px;
}
.more:hover::after {
	background: url(img/right-yellow.svg)  no-repeat center top/contain;
}
.more:hover span {
	color: #000;
}
.zoom:hover,
.zoom:focus {
	cursor: zoom-in;
}
.zoom-img__body {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: scroll;
	z-index: 40;
	padding: 0;
}
.zoom-img__body--close {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.7);
	z-index: 0;
}
.zoom-img__body--close:hover {
	cursor: zoom-out;
}
.zoom-img__body div.inner {
	margin: 5vh auto;
	max-width: 1200px;
	width: 95vw;
	height: 90vh;
	display: flex;
	justify-content: center;
	align-content: center;
}
.zoom-img__body .inner img {
    margin: 0 auto;
    position: relative;
    display: block;
    cursor: grab;
    transition:  0.8s;
    max-width: 100%;
    object-fit: contain;
}
.zoom-img__body .arrow {
    width: 80px;
    height: 80px;
    display: block;
    position: fixed;
    top: calc(50% - 62px);
    z-index: 10;
    transition: .4s;
    cursor: pointer;
}
.zoom-img__body .arrow:hover {
	cursor: pointer;
}
.zoom-img__body .arrow.unactive {
	opacity: 0.5;
}
.zoom-img__body .arrow.unactive:hover {
	transform: scale(1.0);
	cursor: default;
}
.zoom-img__body .arrow-left {
	left: 15px;
}
.zoom-img__body .arrow-right {
	right: 15px;
}
.zoom-img__body img:hover,
.zoom-img__body img:focus {
	cursor: zoom-out;  
}
.popup {
	position: fixed;
	top: calc(50vh - 235px);
	left: calc(50vw - 370px);
	width: 740px;
	height: 470px;
	box-sizing: border-box;
	padding: 45px 55px;
	z-index: 40;
	display: none;
}
.popup::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
.popup .close-popup {
	position: absolute;
	top: 40px;
	right: 55px;
}
.popup .close-popup div {
	background: #808184;
}
.popup *:not(img) {
	z-index: 2;
	color: #000;
}
.popup h2 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 20px;
	position: relative;
}
.popup .form {
	margin-bottom: 38px;
	max-width: 480px;
	flex-wrap: wrap;
	gap: 15px 10px;
}
.popup .form > div {
	width: 216px;
}
.popup input {
	box-sizing: border-box;
	height: 45px;
	padding-left: 35px;
	font-size: 12px;
	max-width: 100%;
}
.popup button.btn {
	max-width: 100%;
	height: 45px;
	line-height: 43px;
	color: #fff;
}
.popup label::before {
    content: '';
    position: absolute;
    left: 4px;
}
.popup label[data-for="fio"]::before {
    top: 51px;
    width: 15px;
    height: 15px;
    background: url(img/user-3.svg) no-repeat center top/cover;
}
.popup label[data-for="phone"]::before {
    top: 53px;
    width: 22px;
    height: 16px;
    background: url(img/photo_2021-06-12_09-05-15.jpg) no-repeat center top/cover;
}
.popup label[data-for="email"]::before {
    top: 53px;
    width: 16px;
    height: 16px;
    background: url(img/message1.svg) no-repeat center top/cover;
}
.popup .contacts > .d-f {
	max-width: 280px;
    min-width: 190px;
}
.popup .contacts img {
	margin-right: 20px;
	width: 40px;
}
.popup .contacts * {
	font-size: 13px;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
}
.popup .contacts a {
	display: block;
}
.popup .contacts span,
.popup .contacts p {
	font-weight: 600;
}
.popup .contacts .d-f {
	margin-right: 10px;
}
.popup__footer {
	margin-top: 40px;
}
.gallery-section img {
	z-index: 2;
}
.triangle {
	padding-right: 25px;
	position: relative;
}
.triangle::after {
    content: '';
    display: block;
    width: 0;
    border: 9px solid transparent;
    border-top: 10px solid #c59b5e;
    height: 0;
    position: absolute;
    right: 0;
    top: 21px;
}
.front-page h2.infrastructure--title {
	margin: 0 auto;
	padding-top: 60px;
	max-width: 412px;
	text-align: center;
}
.front-page h2.infrastructure--title::before {
	display: none;
}
.front-page h2.infrastructure--title span {
	color: #c59b5e;
}
.breadcumb-pos-a {
	position: absolute;	
	top: 40px;
	left: 0;
	z-index: 2;
}
.product .breadcumb-pos-a {
	top: 40px;
}
.breadcumb-pos-a.container {
	border: none;
}
.breadcumb-pos-a .kama_breadcrumbs {
	display: flex;
	flex-wrap: wrap;
}
.breadcumb-pos-a .kb_sep {
	position: relative;
	display: block;
	width: 18px;
	height: 6px;
	margin: auto 5px;
	font-size: 0;
}
.breadcumb-pos-a .kb_sep::before {
	content: '';
	position: absolute;
	width: 18px;
	height: 5px;
	left: 0;
	top: 0;
	display: block;
	background: url(img/breadcumb_arrow.svg) no-repeat center center/cover;
}
.breadcumb-pos-a a,
.breadcumb-pos-a span {
	color: #454545;
	font-size: 15px;
	font-family: "open Sans", sans-serif;
	text-decoration: none;
}
.gallery-page h2 {
	max-width: none;
	font-size: 40px;
	line-height: 54px;
}
.gallery-page .double-gallery h2{
	padding-top: 50px;
}
.gallery-page .hero__content h1 {
	padding-top: 100px;
	text-align: left;
	max-width: 1180px;
}
.gallery-page .hero p {
	margin-left: 0;
	text-align: left;
	font-size: 25px;
	line-height: 34px;
	max-width: 750px;
}
.gallery-page  .btn {
	margin-left: 0;
	width: 290px;
	height: 64px;
	line-height: 64px;
}
.double-gallery > .container {
	padding-top: 33px;
	padding-bottom: 50px;
}
.double-gallery h2 {
	margin: 0 auto;
	padding-bottom: 45px;	
}
.double-gallery .breadcumb-pos-a {
	top: 30px;
}
.double-gallery .breadcumb-pos-a.container {
	margin: 0;
}
.double-gallery__slider--item {
	display: flex;
	flex-wrap: wrap;
	row-gap: 40px;
	justify-content: space-between;
}
.owl-carousel .owl-item .double-gallery__slider--item img {
	display: block;
	object-fit: cover;
	height: auto;
	margin: 0;
}
.double-gallery__slider__inner {
	position: relative;
}
.double-gallery .arrow {
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: calc(50% - 42px);
    z-index: 2;
    transition: .4s;
}
.double-gallery .arrow-left {
	left: -30px;
}
.double-gallery .arrow-right {
	right: -30px;
}
.grid-gallery > .container {
	padding-top: 70px;
	padding-bottom: 160px;
}
.grid-gallery p.dash {
	padding-left: 60px;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 5px;
	position: relative;
}
.grid-gallery p.dash::before {
	content: "";
    display: block;
    width: 46px;
    position: absolute;
    height: 1px;
    left: 0;
    top: 50%;
    background: linear-gradient(0deg, #C2884D 1.09%, #CA9F5F 102.88%);   
}
.grid-gallery h2 {
	padding-left: 60px;
	margin-bottom: 40px;
}
.grid-gallery__body {
	min-height: 600px;
}
.grid-gallery__body .item {
	height: auto;
	float: left;
	position: relative;
}
.grid-gallery__body .item > img {
	width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}
.grid-gallery__body .item a {
	display: flex;
	position: absolute;
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	color: #fff;
	text-decoration: none;
}
.grid-gallery__body .item a img {
	margin-left: 8px;
	width: 27px;
	height: 27px;
}
.grid-gallery__body .item a.top-left {
	left: 4.3%;
	top:  6%;
}
.grid-gallery__body .item a.bottom-left {
	left: 4.3%;
	bottom:  6%;
}
.grid-gallery__body .item a.top-right {
	right: 4.3%;
	top:  6%;
}
.grid-gallery__body .item a.bottom-right {
	right: 4.3%;
	bottom:  6%;
}
.video-gallery > .container {
	margin-left: 0;
	padding-left: 0;
	border-left:  none;
	display: flex;
}
.video-gallery__slider__inner {
	width: 62.7%;
	position: relative;
}
.video-gallery__slider img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.video-gallery__slider__nav {
	position: absolute;
	width: 200px;
	height: 56px;
	bottom: 0;
	right: 35px;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	z-index: 2;
}
.video-gallery__slider__nav div {
	font-size: 18px;
}
.video-gallery__text__inner {
	width: 27.6%;
	margin-left: 60px;
	display: flex;
	align-items: center;
}
.video-gallery__text .item {
	font-size: 15px;
	font-weight: 600;
	line-height: 22px;
	font-family: "Open Sans", sans-serif;
}
.video-gallery__text .item br {
	margin-bottom: 20px;
}
.video-gallery__text .item::before {
	content: '';
	display: block;
	margin-bottom: 15px;
	width: 55px;
	height: 1px;
	background: linear-gradient(0deg, #C2884D 1.09%, #CA9F5F 102.88%);
}
.video-gallery .owl-dots {display: none;}
.video-gallery .owl-item {
	position: relative;
	overflow: hidden;
}
.video-gallery__slider .owl-item::before {
	content: '';
	display: none;
	width: 80px;
	height: 80px;
	background: url(img/Group320.svg) no-repeat center center/cover;
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	z-index: 2;
}
.video-gallery .owl-item.active::before {
	display: block;
}
.video-gallery .owl-item.open::before {
	display: none;
}
.gallery-page .product__gallery .product__slider {
	margin-left: 40px;
	margin-right: 0;
	z-index: 1;
}
.gallery-page .product__gallery {
	padding-right: 0;
	padding-left: 150px;
}
.gallery-page .product__gallery .d-f{
	justify-content: flex-end;
}
.gallery-page .product__gallery .text .arrow {
	left: auto;
	right: -70px;
}
.gallery-page .product__gallery p {
	margin-left: 0;
	margin-right: 25px;
}
.gallery-page .contact-us-narrow.container {
	padding-bottom: 100px;
}
.error-404 > .container{
	min-height: 750px;
	padding-top: 190px;
}
.error-404 .btn {
	width: 290px;
	height: 64px;
	line-height: 64px;
	font-size: 20px;
	display: block;
	margin-left: 0;
}
.error-404 h1 {
	font-size: 55px;
	line-height: 74px;
	margin-bottom: 15px;
	max-width: 700px;
}
.error-404 p {
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 28px;
	max-width: 500px;
	font-family: "Open Sans", sans-serif;
}
.error-404 .container::before {
	content: "404";
	font-size: 500px;
	line-height: 666px;
	color: rgba(255, 255, 255, 0.23);
	display: block;
	position: absolute;
	bottom:  50px;
	right: 30px;
}
.error-404 .bg{
	object-fit: cover;
}
.slider__h2 {
	max-height: 140px;
}
.slider__h2 .owl-dots {display: none;}
.page-template-page-compleks .hero__content .logo {
	padding-top: 90px;
}
.bestsellers .container {
	padding: 30px 10px;
}
.bestsellers h2 {
	text-align: center;
	margin: 0 auto 40px auto;
}
.bestsellers h2::before {
	left: calc(50% - 27px);
	position: absolute;
}
.bestsellers .d-f {
	justify-content: center;
	gap: 30px;
}
.bestsellers_block {
	margin-bottom: 50px;
}
.bestsellers .product-item {
	width: 450px;
}
.bestsellers a.btn,
.bestsellers a.btn-2 {
	margin: 0;
	height: 60px;
	padding: 0;
	width: 260px;
	line-height: 60px;
}
.nav--btn.open-submenu::before {
	content: '';
	position: absolute;
	right: 50px;
	width: 600px;
	height: 100px;
	top: -35px;
	cursor: pointer;
}
.sub-menu .nav--btn.open-submenu::before {
	left: 50px;
	width: 600px;
	height: 100px;
	top: -35px;
}
.nav--btn.open-submenu.active::before {
	display: none;
}
@media(min-width: 1080px) and (max-height: 700px){
	.nav__menu .container {display: flex;align-items: center;}
	#primary-menu {padding-top: 0;}
}
@media(min-width: 1080px) and (max-height: 600px){
	#primary-menu > li {
		margin-bottom: 8px;
	}
}

@media(max-width: 1620px) {
	.all-you-need__slider {
		max-width: 710px;
		margin-right: 40px;
	}
	.all-you-need__body__bg__info {
	    margin: 150px auto 50px 10px;
	    display: block;
	    width: 420px;
	    height: 230px;
	    padding: 25px 0 30px 30px;
	}
	.all-you-need__body__bg__info h2 {
	    margin-bottom: 20px;
	    line-height: 34px;
	    max-width: 350px;
	    font-size: 25px;
	}
	.all-you-need__body__bg__info::after {
	    width: 70px;
	    height: 90px;
	}
	.all-you-need__nav {
	    right: 70px;
	    bottom: 0;
	    width: 240px;
	    height: 38px;
	}
	.all-you-need__nav div {
	    margin: 0 14px;
	    font-size: 18px;
	}
	.bestsellers .product-item {
		width: calc(33% - 20px);
	}
	.bestsellers .d-f {
		gap: 20px;
	}
}
@media(max-width: 1400px) {
	h1 {
	    font-size: 25px;
	    line-height: 34px;
	}
	h2 {
	    font-size: 20px;
	    line-height: 27px;
	}
	.hero__content h1 {
	    margin-bottom: 10px;
	    font-size: 35px;
	}
	.hero p {
		margin-bottom: 35px;
	}
	.hero__footer {
		height: 76px;
	}
	.hero__footer.without {
		margin-top: 40px;
	}
	.hero__footer .soc-links a {
		font-size: 15px;
		line-height: 20px;
	}
	.about__content {
		padding-top: 0;
	}
	.about__content h2 {
	    margin-bottom: 14px;
	    max-width: 600px;
	    color: #000;
	}
	.container {
	    margin: 0 90px 0 65px;
	    padding-left: 45px;
	    padding-right: 30px;
	}
	.hero {
	    min-height: 330px;
	}
	.hero .owl-carousel,
	.hero .owl-carousel div,
	.hero .owl-stage-outer img {
		height: 100%;
		width: auto;
		object-fit: cover;
	}
	.hero .owl-carousel div.owl-item {
		height: auto;
	}
	.hero__content .logo {
	    padding-top: 10px;
	}
	.hero__content {
	    width: 100%;
	    height: calc(100% - 180px);
	}
	header .hr-small {
	    opacity: 0.15;
	}
	.hr-m-l {
		margin-left: 0;
	}
	.hr-m-r {
		margin-right: 0;
	}
	.about__content img:nth-child(1) {
	    top: 0;
	    right: 0;
	    width: 360px;
	    height: 247px;
	}
	.about__content img:nth-child(2) {
	    bottom: 0;
	    right: 105px;
	    width: 360px;
	    height: 247px;
	}
	.about__footer {
	    height: 100px;
	    padding-top: 25px;
	}
	.infrastructure__content > div:not(.pseudo-slider-nav) {
    	max-width: none;
	}
	.infrastructure__content {
    	padding-top: 28px;
	}
	.infrastructure__content .info {
	    margin-left: 50px;
	    padding-top: 40px;
	}
	.genplan__info__menu {
	    width: 210px;
	    min-height: 400px;
	    padding: 30px 45px 80px 20px;
	}
	.why-us__content h2 {
	    font-size: 25px;
	    margin-bottom: 45px;
	}
	.why-us__content__list .item .icon {
	    width: 85px;
	    height: 110px;
	}
	.why-us__content__list .item p {
    	font-size: 14px;
	}
	.why-us__content__list .item .icon img {
    	max-width: 75%;
    	margin: auto;
	}
	.why-us__content__list {
	    margin-top: 50px;
	    margin-bottom: 30px;
    }
	.btn-2 {
	    width: 240px;
	    height: 52px;
	    font-size: 16px;
	    line-height: 52px;
	}
	.gallery__content .info h3 {
	    max-width: 310px;
	    font-weight: 600;
	}
	.gallery__content .info img {
	    display: block;
	    width: 32%;
	}
	.gallery .arrow {
	    width: 57px;
	    height: 57px;
	}
	.gallery__content {
	    padding-top: 80px;
	    padding-bottom: 90px;
	}
	.contact-us .contacts .d-f div, .contact-us .contacts .d-f p, .contact-us .contacts .d-f span, .contact-us .contacts .d-f a {
	    font-size: 12px;
	    line-height: 16px;
	}
	label {
	    font-size: 16px;
	    line-height: 20px;
	}
	.map h2 {
	    margin: 0 auto 20px auto;
	    font-size: 25px;
	}
	.map .d-f-1 img {
	    height: 320px;
	    width: auto;
	}
	.map .d-f-2 img {
	    height: 260px;
	    width: auto;
	}
	.map h4 {
	    margin-bottom: 20px;
	}
	.map .d-f-1 {
	    max-height: 90px;
	}
	input {
	    width: 190px;
	    height: 45px;
	    padding-left: 30px;
	    font-size: 12px;
	    max-width: 15vw;
	}
	label::before {
	    left: 6px;
	}
	label[data-for="fio"]::before {
	    top: 50px;
	    width: 14px;
	    height: 14px;
	}
	label[data-for="phone"]::before {
	    top: 48px;
	    width: 21px;
	    height: 15px;
	}
	label[data-for="email"]::before {
	    top: 50px;
	    width: 16px;
	    height: 16px;
	}
	button.btn {
	    width: 220px;
	    height: 48px;
	    line-height: 44px;
	    font-size: 18px;
	    max-width: 18vw;
	}
	.contact-us {
	    padding-bottom: 90px;
	}
	.footer__grey {
	    width: 66.625%;
	}
	.footer__white {
	    width: 33.375%;
	}
	footer p, footer span, footer a {
	    font-size: 12px;
	    line-height: 17px;
	}
	.footer__grey__contacts div:first-child {
	    margin-right: 20px;
	    max-width: 200px;
	}
	.single-post .container, .single-page .container, .catalog-page .container, .blog .container, .product-page .hero__content .container,.product-page .container, .container {
	    margin: 0 80px;
	}
	.post__header .soc-links a {
	    font-size: 15px;
	}
	header .lang li {
	    display: flex;
	    align-items: center;
	}
	header .phone {
	    display: flex;
	    align-items: center;
	}
	header .phone a {
		align-self: center;
	}
	#site-navigation {
		display: flex;
		align-items: center;
	}
	.post__header .container {
	    padding-top: 120px;
	}
	.post__header .container h1 {
	    margin-bottom: 145px;
	    max-width: 520px;
	    font-size: 45px;
	    line-height: 60px;
	    margin-left: 80px;
	}
	.entry-content, .entry-content p {
		font-size: 13px;
		line-height: 30px
	}
	.blog__articles__body .entry-content, .entry-content p {
	    padding: 0;
	    line-height: 20px;
	}
	.catalog-page .hero {
	    min-height: 340px;
	}
	.catalog-page .hero h1 {
		font-size: 35px;
	}
	.filter .select {
	    margin-bottom: 0;
	}
	.filter p {
	    margin-bottom: 16px;
	    font-size: 15px;
	}
	.catalog-body > div {
	}
	.more {
	    font-size: 14px;
	    line-height: 18px;
	}
	.product-item p.product-desc {
	    margin-bottom: 20px;
	    font-size: 10px;
	    line-height: 14px;
	}
	.more::after {
	    margin-top: 1px;
	    margin-left: 28px;
	    width: 5px;
	    height: 8.8px;
	}
	.footer__white .soc a {
	    font-size: 13px;
	}
	.post__header .container h1 {
		font-size: 35px;
		margin-left: 0
	}
	.post__header__right {
	    max-width: 560px;
	}
	.post__header__right .d-f {
		width: 50%;
	}
	.post__header__right a {
		font-size: 12px
	}
	.contacts__header h4 {
	    max-width: 310px;
	    font-size: 15px;
	    line-height: 20px;
	    margin: 0;
	}
	.post__header .container {
	    padding-bottom: 15px;
	}
	.product-page .hero__content .container {
	    padding-top: 20px;
	    padding-left: 120px;
	    padding-right: 30px;
	}
	.product__price-banner p {
	    margin-bottom: 10px;
	}
	.product-page .slider-arrow--left {
	    left: -26px;
	}
	.product-page .slider-arrow--right {
	    right: -26px;
	}
	.product-page .slider-arrow {
	    width: 50px;
	    height: 50px;
	    top: 20%;
	}
	.product-page .hero {
		min-height: 510px;
	}
	.about__header {
	    height: 74px;
	}
	.about__content img:nth-child(1) {
	    top: 0;
	    right: 30px;
	    width: 300px;
	    height: 200px;
	}
	.about__content img:nth-child(2) {
	    bottom: auto;
	    right: 125px;
	    width: 300px;
	    height: 200px;
	}
	.product__gallery .container {
	    width: calc(100% - 160px);
	}
	.product__gallery img:nth-child(1) {
		margin-left: -8%;
	}
	.tech-info__text {
	    width: 550px;
	    max-width: 100%;
	    padding: 35px 25px 50px 30px;
	}
	.tech-info__text p {
	    font-size: 17px;
	}
	.get-it__body h2 {
	    max-width: 610px;
	    font-size: 25px;
	    line-height: 34px;
	}
	.get-it__footer {
	    height: 55px;
	}
	#primary-menu > li:nth-child(1) > a{
		font-size: 70px;
	}
	#primary-menu > li:nth-child(2) > a{
		font-size: 60px;
	}
	#primary-menu > li:nth-child(3) > a{
		font-size: 50px;
	}
	#primary-menu > li:nth-child(4) > a{
		font-size: 40px;
	}
	#primary-menu > li:nth-child(5) > a,
	#primary-menu > li:nth-child(6) > a,
	#primary-menu > li:nth-child(7) > a,
	#primary-menu > li:nth-child(8) > a,
	#primary-menu > li:nth-child(9) > a,
	#primary-menu > li:nth-child(10) > a {
		font-size: 30px;
	}
	.nav__menu .container::after {
	    left: 34px;
	    bottom: 36px;
	    width: 225px;
	    height: 286px;
	}
	.common-page .about__content img:nth-child(1) {
	    max-width: 30vw;
	    height: auto;
	    right: 5%;
	}
	.common-page .about__content img:nth-child(2) {
	    right: 2%;
	    max-width: 19vw;
	    height: auto;
	    top: 120px;
	}
	.gallery-section {
	    padding-top: 100px;
	    padding-bottom: 80px;
	}

	.gallery-section h2 {
		font-size: 25px;
		margin-bottom: 20px;
		margin-left: -80px;
	}
	.text-section .container {
	    padding: 40px 100px;
	}
	.common-page .infrastructure .container {
	    padding-bottom: 0;
	}
	.etaps .container {
		border: none;
	}
	.etaps h2 {
	    margin-bottom: 30px;
	    margin-left: -40px;
	}
	.etaps__content::before {
		top: 60px;
	}
	.etaps__content .d-f-1, .etaps__content--before {
	    margin-bottom: 20px;
	}
	.etaps__content .d-f h4 {
		margin-top: 0;
	    margin-bottom: 2px;
	    font-size: 15px;
	    line-height: 21px;
	}
	.etaps__content .d-f p {
	    font-size: 12px;
	    line-height: 18px;
	    margin-bottom: 0;
	}
	.gallery-section .container {
	    width: calc(100% - 160px);
	}
	.compleks-map .about__content {
	    height: 300px;
	    padding-top: 0;
	    position: relative;
	}
	.compleks-map__content {
	    display: grid;
	    grid-template-columns: calc(48% - 30px) calc(52% - 30px);
	    column-gap: 60px;
	    grid-template-areas: 'map contacts' 'map form';
	}
	.compleks-map__content .map {
		max-width: 100%;
		height: auto;
	}
	.compleks-map__content__contacts {
		padding-top: 30px;
	}
	.compleks-map h2 {
		margin-bottom: 15px;
		font-size: 30px;
		line-height: 40px;
	}
	.compleks-map .contacts .d-f:last-child {
		margin-top: 20px;
		max-width: 100%;
	}
	.compleks-map__content__contacts .d-f img {
	    max-width: 24px;
	    margin-right: 12px;
	}
	.compleks-map__content__form {
		padding-top: 30px;
	}
	.compleks-map button.btn-2 {
		height: 52px;
		line-height: 50px;
	}
	.compleks-map .container {
		padding-bottom: 100px;
	}
	.popup label[data-for="phone"]::before {
	    top: 48px;
	    width: 20px;
	    height: 15px;
	}
	.popup label[data-for="fio"]::before {
	    top: 47px;
	}
	.popup label[data-for="email"]::before {
	    top: 47px;
	}
	.genplan__info__menu::after {
	    width: 115px;
	    height: 100%;
	    right: -140px;
	}
	.hero__content {
	    top: 120px;
	}
	.genplan .container {
	    padding-top: 80px;
	}
	.product__gallery .product__slider {
	    max-width: 67%;
	}
	.gallery-page .hero__content {
	    top: 85px;
	    height: calc(100% - 160px);
	}
	.gallery-page .hero p {
	    margin-left: 0;
	    text-align: left;
	    font-size: 16px;
	    line-height: 22px;
	    max-width: 420px;
	    margin-bottom: 20px;
	}
	.gallery-page .hero__content h1 {
	    padding-top: 80px;
	    text-align: left;
	    max-width: 1180px;
	    line-height: 47px;
	    margin-bottom: 20px;
	}
	.video-gallery__text .item {
	    font-size: 13px;
	    font-weight: 600;
	    line-height: 19px;
	}
	.grid-gallery p.dash {
	    padding-left: 60px;
	    font-size: 15px;
	    line-height: 15px;
	}
	.gallery-page h2 {
	    max-width: 400px;
	    font-size: 35px;
	    line-height: 46px;
	}
	.grid-gallery__body .item a {
		font-size: 15px;
	}
	.grid-gallery__body .item a img {
	    margin-left: 6px;
	    width: 20px;
	    height: 20px;
	    margin-top: 3px;
	}
	.product__gallery p {
	    font-weight: 600;
	    font-size: 13px;
	    line-height: 20px;
	}
	.gallery-page .product__gallery .d-f {
	    justify-content: space-between;
	}
	.gallery-page form .btn {
	    margin-left: 0;
	    width: 290px;
	    height: 50px;
	    line-height: 50px;
	}
	.error-404 > .container {
	    min-height: 50vw;
	    padding-top: 140px;
	}
	.error-404 .btn {
		width: 250px;
		height: 54px;
		line-height: 54px;
		font-size: 15px;
		display: block;
		margin-left: 0;
	}
	.error-404 h1 {
		font-size: 35px;
		line-height: 46px;
		margin-bottom: 15px;
		max-width: 500px;
	}
	.error-404 p {
		margin-bottom: 30px;
		font-size: 15px;
		line-height: 21px;
		max-width: 400px;
	}
	.error-404 .container::before {
		content: "404";
		font-size: 380px;
		line-height: 506px;
		bottom:  50px;
		right: 30px;
	}
	.without-logo {
	    height: 0;
	    margin-bottom: 10px;
	}
	.etaps__content {
		margin: 0 0 0 40px;
	}
	.etaps__content--before {
		width: 1200px;
		height: 31.1px;
		margin-left: -140px;
	}
}
@media(max-width: 1200px) {
	.about__content h2 {
		max-width: 50%;
	}
}
@media(max-width: 1080px) {
	.triangle {
	    padding-right: 50px;
	}
	.triangle::after {
		right: 20px;
	}
	.etaps__content--before {
		height: 20px;
	}
	.single-post .container, .single-page .container, .catalog-page .container, .blog .container, .product-page .hero__content .container, .product-page .container, .container {
	    margin: 0 30px;
		padding-left: 30px;
		padding-right: 30px;
		border-left: 1px solid #d3d5db;
		border-right: 1px solid #d3d5db;
	}
	.product-page .hero__content .container {
		border-left: 1px solid rgba(255,255,255, 0.1);
		border-right: 1px solid rgba(255,255,255, 0.1);
	}
	.hero__content .container::before,
	.hero__content .container::after {
		background: #d3d5db;
	}
	.hero .hero__slider,
	.hero,
	.hero .hero__slider img {
		min-height: 0;
	}
	.hero__content h1 {
	    margin-bottom: 10px;
	    font-size: 25px;
	    line-height: 30px;
	}
	.hero__content .logo {
	    min-width: 70px;
	}
	.hero:not(.without) .hero__slider {
		height: 610px;
	}
	.hero__slider div, .hero__slider img {
		height: 100%;
	}
		.about__content img:nth-child(1) {
	    top: 0;
	    right: 30px;
	    width: 210px;
	    height: 150px;
	}
	.about__content img:nth-child(2) {
	    bottom: auto;
	    right: 75px;
	    width: 215px;
	    height: 150px;
	}
	.about__content p {
	    max-width: 260px;
	}
	p {
		font-size: 15px;
		line-height: 24px;
	}
	.about__content {
	    height: 220px;
	}
	.about__footer {
	    height: 60px;
	    padding-top: 15px;
	}
	.desc {
	    font-size: 12px;
	    line-height: 16px;
	}
	.about .hr-small.hr-m-r {
		display: none
	}
	.infrastructure__content {
	    padding-top: 30px;
	}
	.infrastructure__nav .item {
	    margin-bottom: 10px;
		width: 8px;
		height: 8px;
	}
	.infrastructure__nav img {
	    margin-bottom: 10px;
	    width: 20px;
	    margin-left: 1px;
	}
	.infrastructure__content > div:not(.pseudo-slider-nav) {
	    width: 42%;
	}

	.front-page h2, .common-page h2 {
	    margin-bottom: 10px;
	}
	.more::after {
	    margin-left: 8px;
	}

	.infrastructure__content .more {
	    margin-bottom: 10px;
	}
	.infrastructure__footer {
		padding-top: 50px;
		height: 80px;
	}
	.infrastructure__content .d-f span,
	.about__content .d-f span  {
	    padding-right: 6px;
	    font-size: 25px;
	    color: #C59B5E;
	}
	.infrastructure__content .d-f {
	    font-size: 11px;
	    gap: 10px;
	}
	.genplan__content > div {
		width: 70%;
	}
	div.genplan__info {
	    margin-left: 15px;
	    width: 200px;
	}
	.genplan__info__menu h4 {
		margin-top: 0;
		margin-bottom: 15px;
		font-size: 16px;
		line-height: 20px;
	}
	.genplan__info__menu {
	    width: 190px;
	    min-height: 400px;
	    padding: 10px 15px 80px 10px;
	    box-sizing: border-box;
	}
	.genplan__info__menu a.more {
	    margin: 0 auto 14px auto;
	    font-size: 12px;
	    line-height: 18px;
	}
	.genplan__footer {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.genplan__info h2 {
		margin-top: 60px;
		margin-bottom: 20px;
	}
	.why-us__content h2 {
		margin-bottom: 40px;
    	font-size: 20px;
	}
	.why-us__content__list .item p {
	    font-size: 12px;
	}
	.why-us__content__list {
	    margin-top: 40px;
	    margin-bottom: 10px;
	}
	.front-page h3, .common-page h3 {
	    font-size: 20px;
	    line-height: 30px;
	}
	h1, h2, h3, h4, h5, h6 {
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.gallery .arrow {
	    width: 40px;
	    height: 40px;
	}
	.gallery .arrow-left {
	    left: -30px;
	}
	.gallery .arrow-right {
	    right: -30px;
	}
	.gallery__footer {
	    padding-bottom: 45px;
	}
	.all-you-need__header .container {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.all-you-need__header h2 {
	    max-width: 275px;
	}
	.all-you-need__slider {
	    max-width: 440px;
	}
	.all-you-need__body__bg__info {
	    margin: auto auto 40px -10px;
	    width: 270px;
	    height: 180px;
	    padding: 10px 0 15px 20px;
	}
	.all-you-need__body__bg__info h2 {
	    margin-bottom: 20px;
	    line-height: 24px;
	    max-width: 210px;
	    font-size: 17px;
	}
	.all-you-need__body__bg__info a.btn {
	    width: 170px;
	    height: 32px;
	    line-height: 32px;
	    font-size: 13px;
	}
	.all-you-need__body__bg__info::after {
	    width: 44px;
	    height: 56px;
	    right: 8px;
	    bottom: 5px;
	}
	.all-you-need__slider {
	    margin-right: 0;
	}
	.all-you-need__nav {
	    right: 50px;
	    bottom: 0;
	    width: 140px;
	    height: 28px;
	}
	.all-you-need__nav div {
	    margin: 0 8px;
	    font-size: 12px;
	}
	.all-you-need__footer .container {
	    padding-top: 50px;
	    padding-bottom: 15px;
	}
	.map.container {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.map h4 {
	    margin-bottom: 10px;
	    font-size: 15px;
	}
	.map .d-f-1 {
	    max-height: 70px;
	}
	.map .d-f-1 img {
	    height: 260px;
	}
	.map .d-f-2 {
	    justify-content: center;
	    padding-right: 0;
	    flex-direction: column;
	}
	.map .d-f-2 img {
	    height: 210px;
	    width: 330px;
	    margin-left: auto;
	}
	.map .d-f p {
	    margin-top: 10px;
	    margin-bottom: 20px;
	    max-width: 440px;
	    font-size: 15px;
	    line-height: 22px;
	}
	.contact-us h2 {
	    margin: 0 auto 25px auto;
	    text-align: center;
	    font-size: 20px;
	    line-height: 26px;
	}
	.contact-us .contacts > .d-f {
	    margin-left: 15px;
	}
	.contact-us .contacts .d-f img {
    	margin-right: 10px;
	    width: 18px;
	}
	.contact-us .contacts .d-f div, .contact-us .contacts .d-f p, .contact-us .contacts .d-f span, .contact-us .contacts .d-f a {
	    font-size: 8px;
	    line-height: 10px;
	}
	.contact-us .contacts {
	    margin-bottom: 15px;
	    height: 46px;
	}
	.contact-us .contacts::after {
	    right: 20px;
	    top: 8px;
	    width: 25px;
	    height: 32px;
	}
	.contact-us img.banner {
		margin-bottom: 10px;
	}

	label {
	    font-size: 13px;
	    line-height: 15px;
	    margin-bottom: 10px;
	}
	label::before {
	    left: 4px;
	}
	input {
	    width: 190px;
	    height: 30px;
	    padding-left: 25px;
	    font-size: 10px;
	    max-width: 15vw;
	}
	label[data-for="fio"]::before {
	    top: 34px;
	    width: 10px;
	    height: 10px;
	}
	label[data-for="phone"]::before {
	    top: 34px;
	    width: 14px;
	    height: 10px;
	}
	label[data-for="email"]::before {
	    top: 34px;
	    width: 10px;
	    height: 10px;
	}
	button.btn {
	    width: 220px;
	    height: 34px;
	    line-height: 30px;
	    font-size: 14px;
	    max-width: 20vw;
	    border: navajowhite;
	}
	.contact-us {
	    padding-bottom: 70px;
	}
	.footer__grey {
		width: 70%;
	    padding-top: 18px;
	    padding-left: 5%;
	    padding-bottom: 25px;
	    grid-template-rows: 50px 40px;
	    grid-template-columns: 65px auto;
	    column-gap: 20px;
	    grid-template-areas: 'logo contacts' 'logo desc';
	}
	.footer__grey__desc p, .footer__grey__desc a {
		font-size: 8px;
		white-space: nowrap;
		line-height: 40px;
	}
	.footer__grey__desc .item p, .footer__grey__desc .item a {
		font-size: 12px;
		color: #000;
		white-space: normal;
		line-height: 100%;
	}
	.footer__white {
	    width: 30%;
	    padding-left: 2%;
	}
	.footer__white {
	    width: 30%;
	    padding: 15px 6% 20px 2%;
	}
	footer .btn-2 {
		margin-bottom: 15px;
		font-size: 18px;
		height: 34px;
		line-height: 34px;
	}
	.footer__white .made-by {
	    font-size: 12px;
	    line-height: 16px;
	}
	.footer__white .made-by img {
	    display: inline;
	    margin-bottom: -6px;
	    width: 50px;
	    object-fit: contain;
	}
	.nav__menu .close-navbar {
	    top: 15px;
	    right: 0;
	}
	#primary-menu > li > a {
		margin-bottom: 14px;
		white-space: nowrap;
	}
	#primary-menu > li:nth-child(1) > a{
		font-size: 45px;
	}
	#primary-menu > li:nth-child(2) > a{
		font-size: 40px;
	}
	#primary-menu > li:nth-child(3) > a{
		font-size: 40px;
	}
	#primary-menu > li:nth-child(4) > a{
		font-size: 35px;
	}
	#primary-menu > li:nth-child(5) > a,
	#primary-menu > li:nth-child(6) > a,
	#primary-menu > li:nth-child(7) > a,
	#primary-menu > li:nth-child(8) > a,
	#primary-menu > li:nth-child(9) > a,
	#primary-menu > li:nth-child(10) > a {
		font-size: 33px;
	}
	.nav__menu .container::after {
	    left: 30px;
	    bottom: 60px;
	    width: 120px;
	    height: 150px;
	}
	#primary-menu {
		padding-top: 50px;
		padding-left: 0;
	}
	.nav__menu .sub-menu {
		padding-top: 0;
	    margin: 0;
	    width: 100%;
	    flex-wrap: wrap;
	}
	.nav__menu .sub-menu li {
		margin-right: 10px;
		line-height: 16px;
	}
	.nav__menu .sub-menu li a {
	    font-size: 15px;
		line-height: 26px;
	}
	.nav__menu .open-submenu {
	    margin-left: 0;
	    top: calc(50% - 14px);
	    transform: scale(0.5);
	}
	.nav__menu .nav--btn {
		min-height: 22px;
	}
	.popup label[data-for="fio"]::before {
	    top: 40px;
	}
	.popup label[data-for="phone"]::before {
	    top: 39px;
	}
	.popup label[data-for="email"]::before {
	    top: 40px;
	}
	.popup input {
		width: 100%;
	}
	.post__header {
	    min-height: 0;
	}
	.entry-content .alignright,
	.entry-content .alignleft {
		width: 270px;
	}
	.entry-content .alignright {
	    margin-left: 13px;	    
	}
	.entry-content .alignright {
	    margin-right: 13px;
	}
	.entry-content blockquote {
	    margin: 80px auto;
	    max-width: 420px;
	    padding: 30px 50px 45px 50px;
	    border: 2px solid #c59b5e;
	    box-sizing: border-box;
	}
	.post__header .container h1 {
	    font-size: 35px;
	    margin-left: auto;
	    line-height: 35px;
	}
	.blog .post__header p {
	    margin-top: 20px;
	    margin-bottom: 25px;
	    font-size: 15px;
	    line-height: 21px;
	}
	.blog__articles__body.container {
	    padding-left: 25px;
	    padding-right: 25px;
	    display: flex;
	    column-gap: 13px;
	    row-gap: 30px;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	.blog__articles__body .big {
		width: 100%;
	}
	.blog__articles__body .middle {
		width: 48%;
	}
	.blog__articles__body .small {
		width: 32%;
	}
	.blog__articles__body article:nth-child(1) {
		display: flex;
		justify-content: space-between;
		gap: 0;
	}
	.blog__articles__body article:nth-child(1) > div {
		width: calc(50% - 20px);
	}
	.blog__articles__body .thumbnail img {
	    height: 100%;
	}
	.post__meta {
		padding-top: 0;
	}
	.blog__articles__body .post__meta {
	    height: 20px;
	}
	.blog__articles__body .post__tags a {
	    margin-right: 4px;
	    font-size: 9px !important;
	}
	.post__meta .date {
	    margin-right: 10px;
	    font-size: 9px;
	}
	.post__meta .read-time {
	    font-size: 9px;
	}
	.blog__articles__body .entry-content h2::after { 
		display: none
	}
	.blog__articles__body .entry-content h2 {
		max-width: 240px;
		margin-bottom: 5px;
		font-size: 20px;
		line-height: 27px;
	}
	.blog__articles__body .entry-content, .entry-content p {
		font-size: 15px;
		line-height: 22px;
		margin-bottom: 30px;
	}
	.blog__articles__body .entry-content .more {
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 13px;
		line-height: 19px;
	}
	.post__header.contacts__header h1 {
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 25px!important;
	}
	.contacts__header h4 {
	    max-width: 220px;
	    font-size: 12px;
	    line-height: 17px;
	    margin: 0;
	}
	.post__header__right {
	    max-width: 380px;
	}
	.post__header__left {
	    margin-right: auto;
	    width: 220px;
	}
	.post__header__right {
		column-gap: 20px;
	}
	.post__header__right .d-f {
	    margin-right: 0;
	    margin-bottom: 35px;
	    min-width: 0;
	    max-width: calc(50% - 30px);
	}
	.post__header__right p,
	.post__header__right a {
	    font-size: 9px;
	    line-height: 12px;
	}
	.post__header__right img {
	    max-width: 26px;
	}
	.catalog-page .hero {
	    min-height: 0;
	}
	.catalog-page .hero .container {
	    padding-bottom: 60px;
	    margin: 0;
		padding-left: 30px;
	}
	.catalog-body > div {
    padding-top: 0;
    padding-bottom: 60px;
    min-height: 2000px;
	}
	.product-item .product__price-banner {
	    width: 170px;
	    height: 70px;
	    top: 12px;
	    padding: 3px 10px 5px 3px;
	}
	.product-item1 img,
	.product-item img {
		max-height: 140px;
	}
	.filter h2, .product-item-1 h2 {
		font-size: 25px;
	}
	.product-item-1 h2 {
		margin-bottom: 35px;
	}
	.product-item .product__price-banner::after {
		display: none;
	}
	.product-item-1 .product__price-banner {
		top: 120px;
	}
	.product-item .product__price-banner p {
    	margin-bottom: 7px;
		font-size: 15px;
		line-height: 14px;
	}
	.product-item .product__price-banner span {
	    font-size: 13px;
	}
	.product-item .product__price-banner p.price {
	    font-size: 14px;
	    line-height: 12px;
	}
	.product-item h3 {
	    margin-bottom: 5px;
	    font-size: 20px;
	    line-height: 26px;
	    max-width: 100%;
	}
	.product-item p.product-desc {
	    margin-bottom: 5px;
	}
	.product-page .hero {
	    min-height: 0;
	}
	.product-page .hero__slider {
	    height: 350px;
	}
	.hero__content {
	    top: 115px;
	}
	.hero__content .container {
		align-items: center;
	}
	.product-page .hero__content .container {
		padding-left: 100px;
		padding-right: 60px;
	}
	.hero__content p {
	    margin-bottom: 20px;
	    font-size: 14px;
		line-height: 20px;
	}
	.product-page .btn-2, .product-page .btn-3 {
    	margin: 0;
        margin-right: 0px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 13px;
	}
	.product-page .btn-3 {
	    margin-right: 10px;
	    width: 170px;
	}
	.product-page .btn-2 {
	    width: 64px;
	}
	.product__price-banner {
	    margin-top: 30px;
	    width: 250px;
	    height: 85px;
	    position: relative;
	    box-sizing: border-box;
	    padding: 8px 10px 10px 10px;
	    border: 1px solid #c59b5e;
	}
	.product__price-banner p {
	    margin-bottom: 4px;
	    font-size: 17px;
		line-height: 20px;
	}
	.product__price-banner p.price {
	    font-size: 18px;
	    line-height: 100%;
	}
	.product__price-banner::after {
	    right: 11px;
	    top: 10px;
	    width: 24px;
		height: 33px;
	}
	.price__romb {
	    margin: 3px 10px;
	}
	.about__header {
		height: 35px;
	}
	.about__content {
		padding-top: 40px;
	}
	.front-page h2::before {
		margin-bottom: 4px;
	}
	.about__content h2 {
	    margin-bottom: 12px;
	    font-size: 25px;
	    line-height: 30px;
	}
	.about__content p {
	    max-width: 330px;
	    font-size: 14px;
	    font-size: 14px;
		line-height: 20px;
	}
	.about__content img:nth-child(1) {
	    right: 10px;
	    top: 50px;
	}
	.about__content img:nth-child(2) {
	    top: 80px;
	}
	.product-page .slider-arrow--left {
	    left: 20px;
	}
	.product-page .slider-arrow--right {
	    right: 5px;
	}
	.product__gallery {
	    padding-top: 45px;
	    padding-bottom: 45px;
	    padding-right: 65px;
	}
	.product__gallery .container {
	    width: calc(100% - 60px);
	}
	.product__gallery p {
	    margin-left: 20px;
	    max-width: 85%;
	    color: #000;
	    font-size: 13px;
	    line-height: 17px;
	}
	.tech-info .container > .d-f {
	    justify-content: space-between;
	    flex-direction: column;
	}
	.get-it__body p {
	    margin: 0 auto 30px auto;
	}
	.common-page .about__content {
	    height: auto;
	    padding-top: 0;
	    position: relative;
	}
	.common-page .about__content img:nth-child(1) {
	    right: 40px;
	    width: 250px;
	    height: 175px;
	}
	.hr-small, .hr {
		opacity: 0.5;
	}
	.common-page .hero {
	    min-height: 310px;
	}
	.common-page .hero__content {
	    width: 100%;
	    height: calc(100% - 140px);
		top: 80px;
	}
	.common-page .without .hero__content {
		height: calc(100% - 180px);
	}
	.common-page .without .hero__content
	.common-page .about__content p {
		margin-bottom: 0;
	    max-width: 380px;
	    font-size: 12px;
	    line-height: 18px;
	}
	.common-page .about__content img:nth-child(2) {
	    right: 0;
	    width: 175px;
	    height: auto;
	    top: 90px;
	}
	.common-page .hero__footer {
	    height: 56px;
	}
	.common-page .hero__content .logo {
	    min-width: 50px;
	    text-align: center;
	}
	.common-page .hero__content .logo img {
	    display: block;
	    width: 50px;
	    margin-bottom: 10px;
	}
	.common-page .hero__slider {
	    height: 490px;
	}
	.common-page .without .hero__slider {
		height: 260px;
	}
	.common-page .infrastructure .btn-2 {
		display: none;
	}
	.text-section .container {
	    padding: 40px 20px;
	}
	.gallery-section {
	    padding-top: 45px;
	    padding-bottom: 45px;
	}
	.etaps .container {
	    padding: 20px 0 60px 0;
	}
	.etaps__content {
	    max-width: 1300px;
	    margin: 0 0 0 10px;
	}
	.etaps h2 {
		margin-bottom: 25px;
		margin-left: -10px;
	}
	.etaps__content::before {
	    content: '';
	    width: 1574px;
	    height: 19.1px;
	    top: 56%;
	    left: -87%;
	    background: url(img/Group291.svg) no-repeat center center/contain;
	    position: absolute;
	    z-index: 0;
	}
	.compleks-map__content {
		column-gap: 20px;
	}
	.compleks-map .container {
	    padding-top: 40px;
	    padding-bottom: 70px;
	}
	.compleks-map__content__contacts {
	    padding-top: 10px;
	}
	.compleks-map h2 {
	    margin-bottom: 15px;
	    font-size: 20px;
	    line-height: 26px;
	}
	.compleks-map__content__contacts .d-f div, .compleks-map__content__contacts p, .compleks-map__content__contacts span, .compleks-map__content__contacts a {
	    font-size: 10px;
	    line-height: 14px;
	}
	.compleks-map__content__contacts .contacts > div {
		min-width: 48%;
		max-width: 100%;
	}
	.compleks-map__content__form .form {
	    display: grid;
	    grid-template-columns: calc(50% - 3px) calc(50% - 3px);
	    column-gap: 5px
	}
	.compleks-map label {
	    font-size: 12px;
	    line-height: 15px;
	    margin-bottom: 5px;
	}
	.compleks-map input {
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
		height: 30px;
	}
	.compleks-map button.btn-2 {
		max-width: 100%;
	    height: 34px;
	    height: 30px;
		line-height: 26px;
	}
	label[data-for="fio"]::before {
	    top: 38px;
	}
	label[data-for="phone"]::before {
	    top: 38px;
	    width: 13px;
	    height: 10px;
	}
	label[data-for="email"]::before {
	    top: 38px;
	}
	.etaps__content .d-f-1 {
	    margin-bottom: 40px;
	    gap: 10px;
	}
	.genplan__info__menu::after {
	    width: 70px;
	    height: 100%;
	    right: -70px;
	}
	.pseudo-slider-nav:not(.infrastructure__nav) > .active {
	    font-size: 24px;
	    line-height: 10px;
	    color: #C59B5E;
	    margin-bottom: 5px;
	}
	.gallery-page .hero__content h1 {
	    padding-top: 10px;
	    max-width: 530px;
	    line-height: 33px;
	    margin-bottom: 10px;
	    font-size: 25px;
	    margin-left: 60px;
	}
	.gallery-page .hero p {
	    margin-left: 60px;
	    text-align: left;
	    font-size: 13px;
	    line-height: 16px;
	    max-width: 420px;
	    margin-bottom: 30px;
	}
	.gallery-page .btn {
	    margin-left: 60px;
	    width: 190px;
	    height: 42px;
	    line-height: 42px;
	    font-size: 13px;
	}
	.gallery-page .hero__content {
	    top: 70px;
	    height: calc(100% - 130px);
	    width: 100%;
	}
	.gallery-page h2 {
	    max-width: none;
	    font-size: 25px;
	    line-height: 33px;
	}
	.double-gallery .arrow {
	    width: 40px;
	    height: 40px;
	    top: calc(50% - 22px);
	}
	.grid-gallery > .container {
		border: none;	
	}
	.grid-gallery p.dash {
	    padding-left: 60px;
	    font-size: 11px;
	    line-height: 12px;
	}
	.gallery-page h2 {
		margin-bottom: 20px;
	}
	.gallery-page .double-gallery h2 {
		margin-bottom: 0;
	}
	.video-gallery__text__inner {
	    width: 35%;
	    margin-left: 20px;
	    display: flex;
	    align-items: center;
	}
	.gallery-page .product__gallery .product__slider {
	    max-width: 50%;
	}
	.gallery-page .product__gallery {
	    padding-left: 70px;
	}
	.video-gallery .owl-carousel .owl-item img,
	.no-js .owl-carousel {
		min-height: 100%;
		object-fit: cover;
	}
	.video-gallery__text .item {
		padding-left: 5px;
	    font-size: 12px;
	    font-weight: 600;
	    line-height: 18px;
	    max-width: none;
	}
	.gallery-page .product__gallery .text .arrow {
	    left: auto;
	    right: -50px;
	}
	.product__gallery .text .arrow {
	    width: 40px;
	    height: 40px;
	    top: calc(50% - 29px);
	    left: -70px;
	    z-index: 2;
	    transition: .4s;
	}
	.contact-us-narrow.container {
	    padding: 0 10px;
	}
	.error-404 > .container {
	    min-height: 50vw;
	    padding-left: 80px;
	    padding-top: 90px;
	}
	.error-404 .btn {
		width: 180px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	.error-404 h1 {
		font-size: 25px;
		line-height: 34px;
		margin-bottom: 10px;
		max-width: 400px;
	}
	.error-404 p {
		margin-bottom: 20px;
		font-size: 12px;
		line-height: 17px;
		max-width: 300px;
	}
	.error-404 .container::before {
		font-size: 300px;
		line-height: 100%;
		bottom:  40px;
		right: -30px;
	}
	.footer__white div.btn-2 {
		max-width: 220px;
	}
	.infrastructure__content {
		min-height: 300px;
	}
	.infrastructure__content > .fadeInLeft {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.catalog-body {
		padding-left: 20px;
		padding-right: 0;
	}
	form.filter, .product-item, .product-item.product-item-1, .product-item.product-item-2.product-item-title, .product-item.product-item-3.product-item-title, .product-item.product-item-4.product-item-title {
	    width: calc(50% - 35px);
		margin-right: 10px;
		margin-left: 10px;
	}
	.about__content {
		min-height: 300px;
	}
	.gallery-page .hero__content > .container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.gallery-page .hero__content .container {
		border-left: 1px solid #d3d5db
		border-right: 1px solid #d3d5db
	}
	.gallery-section .container {
    	width: calc(100% - 60px);
	}	
	footer .footer__grey__contacts .item:nth-child(1) p {
		font-size: 11px;
	}
	.footer__grey__contacts .item:nth-child(2) p {
		white-space: nowrap;
	}
}
@media(max-width:  768px) {
	
	.genplan .container {
	    padding-top: 50px;
	}
	.popup {
		width: 100%;
		height: auto;
		left: 0;
		top: 80px;
	}
	.popup .contacts {
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.post__header .container h1 {
	    margin-bottom: 40px;
	}
	.post__header .bg {
		object-fit: cover;
	}
	.entry-content ul {
		padding-left: 10px;
	}
	.footer__white .soc {
		margin-bottom: 20px;
		max-width: 145px;
	}
	.footer__white .soc a {
	    font-size: 11px;
	}
	.entry-content blockquote p {
	    font-size: 18px;
	    line-height: 24px;
	}
	.post__header .soc-links a {
	    font-size: 12px;
	}
	.gallery-section .container {
	    width: calc(100% - 60px);
	}
	.contact-page .map .d-f-1 {
	    max-height: none;
	    flex-direction: column;
	}
	.contact-page .map .d-f-1 img,
	.contact-page .map .d-f-2 img {
	    height: auto;
	    width: 100%;
	}
	.contact-page .contact-us .contacts {
		padding: 22px 20px 25px 18px;
	    margin-bottom: 15px;
	    height: auto;
	    flex-direction: column;
	    align-content: flex-start;
	}
	.contact-page .contact-us .contacts > .d-f {
	    width: 100%;
	    margin: 10px 0 10px 20px;
	}
	.contact-page .contact-us .contacts .d-f div, .contact-us .contacts .d-f p, .contact-us .contacts .d-f span, .contact-us .contacts .d-f a {
	    font-size: 10px;
	    line-height: 15px;
	}
	.hero__footer__content {
		padding-top: 0;
	}
	.product__gallery .product__slider {
	    max-width: 60%;
	}
	header .logo img {
		max-height: 64px;
	}
	.contact-us .banner {
		max-height: 200px;
	}
	.bestsellers .product-item {
		width: calc(50% - 15px);
	}
	.bestsellers .d-f {
		gap: 10px;
	}
	.bestsellers h2 {
		margin-bottom: 40px;
	}
	.product-item .product__price-banner span {
	    font-size: 11px;
	    line-height: 16px;
	}
	.product-item .product__price-banner {
	    width: 160px;
	    height: 75px;
	    top: 12px;
	    padding: 3px 10px 7px 6px;
	}
	.product-item .product__price-banner p {
		font-size: 13px;
	}
	.bestsellers a.btn, .bestsellers a.btn-2 {
		font-size: 17px;
	}
	.bestsellers .product-item {
		margin-bottom: 20px;
	}
}
@media(max-width: 480px) {
	.about__content {
		padding-top: 20px;
	}
	.catalog-body {
		padding-left: 10px;
		padding-right: 10px;
	}
	.catalog-body > div {
		padding-top: 80px;
		position: relative
	}
	.product-item-1 {
		position: absolute;
		right: -10px;
		top: 0;
	}
	footer .footer__grey__contacts .item:nth-child(1) p {
		font-size: 13px;
	}
	.product-item, form.filter, .product-item-title {
		width: 100%!important;
		float: none;
		clear: both;
		margin-left: 0;
		margin-right: 0
	}
	
	.bestsellers .d-f {
		margin-bottom: 15px;
		flex-wrap: wrap;
	}

	.bestsellers h2 {
		margin-bottom: 25px;
	}
	.bestsellers .product-item {
		width: 100%;
	}
	.infrastructure__footer {
	    padding-top: 0;
	    height: 40px;
	}
	.all-you-need__body__bg {
		z-index: 0;
	}
	.post__header {
		padding-top: 130px;
	}
	header {
		height: 100px;
	}
	header .logo img {
	    max-width: 50px;
	}
	header .hr-small {
	    opacity: 0;
	}
	.hero__content {
	    top: 100px;
	}
	header .phone {
		width: 32px;
		height: auto;
	}
	header .phone a {
		position: absolute;
		height: 100%;
		font-size: 0;
	}
	.hero__content h1 {
	    margin-bottom: 20px;
	    font-size: 22px;
	    line-height: 26px;
	    text-align: center;
	}
	.hero__content h1 br {
		display: none;
	}
	.hero p {
		max-width: 280px;
	}
	.btn {
	    width: 190px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 12px;
	}
	.hr, .hr-small {
		display: none;
	}
	.hero {
	    min-height: 535px;
	}
	.hero__footer__content {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		justify-content: space-between;
	}
	.hero__footer .soc-links a {
	    font-size: 14px;
	    line-height: 20px;
	}
	.hero__footer {
	    height: 70px;
	    padding-bottom: 20px;
	}
	.common-page.page-template .hero:not(.without) .hero__content {
	    height: calc(100% - 210px);
	}
	.common-page.page-template .hero.without .hero__content {
	    top: 60px;
	}
	.hero .hero__content {
	    top: 120px;
	}
	.common-page .without .hero__content {
		height: auto;
		top: 0;
	}
	.hero__footer .slider-nav {
		line-height: 13px;
	}
	.hero__footer .slider-nav {
	    line-height: 13px;
	    font-size: 17px;
	}
	.hero__footer .soc-links a {
	    margin: 0 10px;
	}
	.about__content {
	    height: auto;
		padding-bottom: 280px;
	}
	.about__content img:nth-child(1) {
	    top: auto;
	    right: 20px;
	    width: 220px;
	    height: 154px;
	    bottom: 75px;
	    max-width: none;
	}
	.about__content img:nth-child(2) {
		top: auto;
	    bottom: 45px;
	    right: auto;
	    width: 215px;
	    height: 150px;
	    max-width: none;
	}
	.about__header {
	    height: 45px;
	}
	.infrastructure__content {
		flex-wrap: wrap;
	}
	.infrastructure__content > div:not(.pseudo-slider-nav) {
	    width: 85%;
	    max-width: none;
	}
	div.infrastructure__nav {
	    margin-right: 10px;
	    width: 5% !important;
	}
	.infrastructure__content .info {
		width: 100%;
	}
	.infrastructure__content .info {
		margin-bottom: 5px;
	    margin-left: 0;
	    padding-top: 10px;
	}
	.genplan__content {
		flex-wrap: wrap;
	}
	.genplan__content > div {
		width: 100%;
	}
	.genplan__map {
		padding: 10px;
	}
	div.genplan__info {
		width: 100%;
	}
	.genplan__footer {
		margin: 40px 0;
	}
	.why-us__content h2 {
	    font-size: 19px;
	    margin-bottom: 35px;
	}
	.why-us__content__list .item-hr {
		display: none
	}
	.why-us__content__list {
		flex-wrap: wrap;
	}
	.why-us__content__list .item {
	    width: 50%;
	}
	.why-us__content .why-us__content__list:nth-child(2) .item:last-child {
		height: 0;
	}
	.why-us__content .why-us__content__list:nth-child(2n-1) .item:nth-child(1){
		margin-left: 50%;
	}
	.why-us__content .why-us__content__list:nth-child(4) {
		justify-content: center;
	}
	.why-us__content__list {
	    margin-top: 0;
	    margin-bottom: 0;
	}
	.why-us__content__list .item p {
	    font-size: 12px;
	    margin-bottom: 40px;
	}
	.btn-2 {
	    width: 200px;
	    height: 42px;
	    font-size: 14px;
	    line-height: 42px;
	}
	.why-us__footer {
		margin-top: 40px;
		margin-bottom: 50px;
	}
	.gallery__content .info img {
		display: none;
	}
	.gallery__content {
		padding-top: 40px;
		display: flex;
		flex-direction: column-reverse;
	}
	.gallery__slider__inner {
		width: 100%;
		height: 240px;
	}
	.gallery__footer {
		margin-top: 40px;
		margin-bottom: 60px;
	}
	.all-you-need {
		background: rgba(245,245,245, 0.8);
	}
	.all-you-need__body__bg {
		height: 200px;
	}
	.all-you-need__body__bg > img {
	    width: 150px;
	    height: 100%;
	    display: block;
	    position: absolute;
	    left: -30px;
	    top: -30px;
	}
	.all-you-need__body__bg {
		margin-top: 170px;
	}
	.all-you-need__body__bg__info {
	    margin: auto;
	    width: 270px;
	    height: 130px;
	    padding: 10px 20px 15px 20px;
	    text-align: center;
	}
	.all-you-need__body__bg__info h2 {
	    margin: auto;
	}
	.all-you-need__body__bg__info a.btn {
		margin: 35px auto 0 auto;
	}
	.all-you-need__body__bg__info::after {
		display: none;
	}
	.all-you-need__content {
		margin-bottom: 170px;	
	}
	.all-you-need__nav {
	    right: 30px;
	}
	.all-you-need__slider {
		box-shadow: 10px 10px 10px rgba(0,0,0, 0.15);
		position: relative;
		z-index: 20;
		max-height: 190px;
		overflow: hidden;
	}
	.all-you-need__slider * {
		max-height: 100%!important;
	}
	.all-you-need__footer .container {
		padding-bottom: 40px;
	}
	.map .d-f-1 {
	    max-height: none;
	    flex-direction: column;
	}
	.map .d-f-1 img,
	.map .d-f-2 img {
	    height: auto;
	    width: 100%;
	}
	.contact-us .contacts {
		padding: 22px 20px 25px 18px;
	    margin-bottom: 15px;
	    height: auto;
	    flex-direction: column;
	    align-content: flex-start;
	}
	.contact-us .contacts > .d-f {
	    width: 100%;
	    margin: 10px 0 10px 20px;
	}
	.contact-us .contacts .d-f div, .contact-us .contacts .d-f p, .contact-us .contacts .d-f span, .contact-us .contacts .d-f a {
	    font-size: 10px;
	    line-height: 21px;
	}
	.gallery__content {
	    padding-bottom: 20px;
	}
	form.j-c-s-b {
		margin-bottom: 40px;
	    flex-wrap: wrap;
	    column-gap: 18px;
	}
	form.j-c-s-b > div {
		width: calc( 50% - 9px);
		margin-bottom: 15px;
	}
	input {
	    width: 190px;
	    height: 40px;
	    padding-left: 25px;
	    font-size: 12px;
	    max-width: 100%;
	    box-sizing: border-box;
	}
	.contact-us img.banner {
	    margin-bottom: 20px;
	}
	.map h4::before {
	    margin-bottom: 3px;
	    width: 40px;
	}
	.front-page h2::before, .front-page h3::before, h2.dash::before, h3.dash::before { 
		width: 35px;
	}
	.contact-us .contacts .d-f img {
	    margin-right: 0;
	    width: 25px;
	}
	.contact-us .contacts .d-f div {
		margin-left: 20px;
		width: 100%;
	}
	.contact-us .contacts .d-f:nth-child(1) div a:nth-child(2),
	.contact-us .contacts .d-f:nth-child(2) div p {
		margin-right: 12px;
		float: left;
	}
	.contact-us .contacts::after {
		display: none;
	}
	.contact-us img.banner {
	    margin-bottom: 20px;
	    height: 120px;
	    object-fit: cover;
	}
	label {
	    font-size: 13px;
	    line-height: 15px;
	    margin-bottom: 7px;
	}
	label[data-for="fio"]::before {
	    top: 38px;
	    width: 10px;
	    height: 10px;
	}
	label[data-for="phone"]::before {
	    top: 37px;
	    width: 14px;
	    height: 10px;
	}
	label[data-for="email"]::before {
	    top: 36px;
	    width: 11px;
	    height: 11px;
	}
	button.btn {
	    width: 100%;
	    height: 40px;
	    line-height: 30px;
	    font-size: 14px;
	    max-width: 100%;
	    border: navajowhite;
	}
	.dots_info {
		transform: scale(0.8);
		left: -10px;
	}
	.dots_info.reverse {
	    right: -40px;
	}
	.footer > .d-f {
		flex-direction: column;
	}
	.footer__grey, .footer__white {
		padding-top: 22px;
		width: 100%;
		display: block;
	}
	.footer__grey--logo {
	    margin-right: 0;
	    margin-bottom: 20px;
	    max-width: 65px;
	    height: auto;
	}
	.footer__grey__contacts {
	    grid-area: contacts;
	    flex-direction: column;
	    gap: 25px;
	}
	.footer__grey__contacts div,
	.footer__grey__contacts div:first-child,
	.footer__grey__contacts div:last-child {
	    margin: 0;
	    max-width: 280px;
	}
	.footer__grey__contacts div:first-child {
		order:  1;
	}
	.footer__grey__contacts div:nth-child(2) {
		order:  3;
	}
	.footer__grey__contacts div:nth-child(2) span {
		display: block;
		margin-bottom: 3px;
	}
	.footer__grey__contacts div:nth-child(2) a:nth-child(2) {
		float: left;
		margin-right: 12px;
	}
	.footer__grey__contacts div:last-child {
		order:  2;
	}
	.footer__grey__desc p, .footer__grey__desc a {
	    font-size: 9px;
	}
	.footer__white {
		padding:  22px 45px 20px 45px;
	}
	.footer__white .soc {
	    margin-bottom: 24px;
	    margin: 0 auto 15px auto;
	    max-width: 200px;
	}
	.footer__white .btn-2 {
	    margin: 0 auto 20px auto;
	    width: 200px;
	    height: 40px;
	    line-height: 38px;
	    font-size: 22px;
	}
	.footer__white .made-by {
	    font-size: 15px;
	    line-height: 20px;
	    text-align: center;
	}
	.footer__white .made-by img {
		width: auto;
	}
	.footer__white .soc a {
	    font-size: 13px;
	}
	.popup {
		width: 100%;
		height: auto;
		left: 0;
		top: 0;
	}
	.popup .form {
	    margin-bottom: 18px;
	    gap: 5px;
	}
	.popup .form > div {
		margin: 0;
	}
	.single-post .container, .single-page .container, .catalog-page .container, .blog .container, .product-page .hero__content .container, .product-page .container, .container {
	    margin: 0;
	    padding-left: 30px;
	    padding-right: 30px;
	    border: none;
	}
	.popup .close-popup {
	    position: absolute;
	    top: 20px;
	    right: 20px;
	    transform: scale(.7);
	}
	.popup h2.dash::before {
		margin-bottom: 0;
	}
	.nav__menu .sub-menu {
		justify-content: flex-start;
	}
	.nav__menu .sub-menu li {
	    margin-right: 10px;
	    line-height: 16px;
	    order: 2;
	    flex-wrap: wrap;
	    width: 100%;
	}
	.nav__menu .open-submenu {
		order:  1;
	}
	.nav__menu .container {
	    height: 100%;
	    border-left: 1px solid #808184;
	    border-right: 1px solid #808184;
	    margin: 0 40px;
	    padding: 32px 20px 100px 20px;
	}
	.nav__menu .lang {
		margin-bottom: 10px;
	}
	.nav__menu .lang a {
		margin-right: 6px;
		font-family: "Open Sans", sans-serif;
		font-size: 12px;
	}
	
	#primary-menu {
		padding-top: 0;
	}
	#primary-menu > li:not(.menu-item-has-children) {
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	    text-align: left;
	}
	#primary-menu > li.menu-item-has-children {
		text-align: left;
		display: grid;
		grid-template-areas: 
			"link btn"
			"submenu submenu";

	}
	li.menu-item-has-children > a {
		grid-area: link;
	}
	li.menu-item-has-children > .nav--btn {
		margin-top: 5px;
		grid-area: btn;
	}
	li.menu-item-has-children > .sub-menu {
		display: none;
	    grid-area: submenu;
	    max-width: none;
	    margin: 5px 0 10px 0;
	    padding: 0;
	}
	#primary-menu > li {
		margin-bottom: 15px;
	}
	#primary-menu > li:nth-child(1) > a,
	#primary-menu > li:nth-child(2) > a,
	#primary-menu > li:nth-child(3) > a,
	#primary-menu > li:nth-child(4) > a,
	#primary-menu > li:nth-child(5) > a,
	#primary-menu > li:nth-child(6) > a,
	#primary-menu > li:nth-child(7) > a,
	#primary-menu > li:nth-child(8) > a,
	#primary-menu > li:nth-child(9) > a,
	#primary-menu > li:nth-child(10) > a {
		margin-bottom: 0;
		font-size: 25px;
		line-height: 34px;
	}
	.nav__menu .container::after {
	    left: calc(50% - 60px);
	    bottom: 30px;
	}
	.hero br {
		display: none;
	}
	.hero__footer .slider-nav > * {
		margin-right: 0;
	}
	.hero__footer .slider-nav {
		gap: 18px;
		margin-top: 10px;
	}
	.common-page .about__content {
		padding-bottom: 250px;
	}
	.common-page .about__content img:nth-child(1) {
	    right: calc(50% - 125px);
	    width: 250px;
	    height: 175px;
	    max-width: none;
	    top: auto;
	    bottom: 50px;
	}
	.common-page .about__content img:nth-child(2) {
	    right: 40px;
	    width: 175px;
	    height: auto;
	    top: auto;
	    max-width: none;
	    bottom: 30px;
	}
	.text-section p {
	    margin-bottom: 40px;
	    font-size: 12px;
	    line-height: 24px;
	}
	.gallery-section .d-f {
	    flex-wrap: wrap;
	    justify-content: space-between;
	    gap: 3%;
	    display: flex;
	    padding: 0 13px;
	}
	.gallery-section img {
		height: auto;
		margin-bottom: 8px;
	}
	.gallery-section img:nth-child(1),
	.gallery-section img:nth-child(5),
	.gallery-section img:nth-child(8),
	.gallery-section img:nth-child(4) {
		width: 55%;
	}
	.gallery-section img:nth-child(2),
	.gallery-section img:nth-child(3),
	.gallery-section img:nth-child(6),
	.gallery-section img:nth-child(7) {
		width: 42%;
	}
	.gallery-section img:nth-child(1) {
		order: 1;
	}
	.gallery-section img:nth-child(2) {
		order: 2;
	}
	.gallery-section img:nth-child(3) {
		order: 5;
	}
	.gallery-section img:nth-child(4) {
		order: 8;
	}
	.gallery-section img:nth-child(5) {
		order: 3;
	}
	.gallery-section img:nth-child(6) {
		order: 4;
	}
	.gallery-section img:nth-child(7) {
		order: 7;
	}
	.gallery-section img:nth-child(8) {
		order: 6;
	}
	.etaps .container {
	    padding: 25px 35px;
	}
	.etaps h2 {
		margin-left: 0;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.etaps__content {
		margin: 0;
	}
	.etaps__content .d-f {
		margin-bottom: 0;
		flex-direction: column;
		column-gap: 0;
	}
	.etaps__content .d-f > div {
		max-width: 100%;
		margin-right: 0
	}
	.etaps__content .d-f h4 {
		margin-bottom: 5px;
		font-size: 15px;
		line-height: 22px;
	}
	.etaps__content .d-f p {
	    font-size: 13px;
		line-height: 17px;
	    margin-bottom: 30px;
	    max-width: 185px;
	}
	.etaps__content::before {
	    content: '';
	    width: 1600px;
		height: 12px;
		top: 260px;
		left: -104vw;
	    position: absolute;
	    background: url(img/Group291.svg) repeat center center/contain;
	    z-index: 0;
	    transform: rotate(90deg);
	    z-index: 5;
	    display: block;
	}
	.etaps .container {
		overflow: visible;
	}
	.compleks-map__content {
	    display: grid;
	    grid-template-columns: 100%;
	    column-gap: 60px;
	    grid-template-areas: 
	    	'contacts' 
	    	'form'
	    	'map';
	}
	.compleks-map__content .map {
	    max-width: 100%;
	    height: auto;
	    padding-top: 50px;
	}
	.compleks-map label[data-for="fio"]::before {
	    top: 30px;
	}
	.compleks-map label[data-for="phone"]::before {
	    top: 31px;
	}
	.compleks-map label[data-for="email"]::before {
	    top: 31px;
	}
	img.bg {
	    object-fit: cover;
	}
	.catalog-body .container {
		display: block;
	}
	.catalog-page .hero p {
	    max-width: 245px;
	    font-size: 13px;
	    line-height: 17px;
	}
	.filter h2 {
		margin-bottom: 25px;
	}
	.filter-h2 h2{
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 25px;
		text-align: right;
		color: #000;
	}
	.filter-h2.triangle::after {
		top: 12px;
	}
	.filter-h2.active::after {
		top: 4px;
		transform: rotate(180deg);
	}
	form.filter {
	    display: grid;
	    grid-template-columns: 50% 50%;
	    grid-template-areas: 
			"title title"
			"district district"
			"house_s house_s"
			"price price"
			"bedrooms_number state"
			"sanyzel_number way-to-water"
			"button floors";
	    background: transparent;
	    row-gap: 20px;
	    height: 0;
	    overflow: hidden;
	    padding: 0;
	    transition: 0.6s;
	}
	form.filter.active {
		padding: 0 15px 50px 15px;
		height: 922px;
	}
	.filter p {
	    margin-bottom: 10px;
	}
	.product-item {
	    margin-bottom: 60px;
	}
	.contact-page .post__header .container > .d-f {
		flex-direction: column;
	}
	.contact-page .post__header .container {
	    padding-top: 0;
	}
	.contact-page .post__header {
	    padding-top: 70px;
	}
	.contact-page .post__header__left {
		margin-left: auto;
		margin-bottom: 25px;
	}
	.contact-page .post__header .container h1,
	.contacts__header h4 {
		text-align: center;
	}
	.post__header__right {
	    max-width: 100%;
	    justify-content: space-between;
	}
	.post__header__right .d-f {
	    margin-bottom: 25px;
	    /*max-width: calc(50% - 10px);*/
	    max-width: 100%;
		width: 100%;
	}
	/*.post__header__right .d-f:nth-child(3), .post__header__right .d-f:nth-child(4) {
		max-width: 100%;
		width: 100%;
	}*/
	.post__header .soc-links {
	    margin-left: auto;
	    margin-right: auto;
	    padding-bottom: 20px;
	}
	.post__meta.container {
		padding-top: 20px;
		padding-bottom: 20px;
		align-items: baseline;
		flex-wrap: wrap;
	}
	.post__meta .read-time,
	.post__meta .date {
	    font-size: 13px;
	}
	.hero__content .container > .d-f.j-c-s-b {
		flex-direction: column;
	}
	.product-page .hero p {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.hero__content .container > .d-f.j-c-s-b .d-f {
		justify-content: center;
	}
	.product-page .hero__slider {
	    height: 450px;
	}
	.product__price-banner {
		margin-left: auto;
		margin-right: auto;
	}
	.product-page .slider-arrow {
		top:  44%;
	}
	.product-page .slider-arrow--left {
	    left: 5px;
	}
	.product__gallery {
		padding-right: 0;
	}
	.product__gallery .d-f {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.product__gallery img {
	    max-width: 100%;
	    margin-right: 0;
	    z-index: 2;
	    width: 100%;
	    object-fit: cover;
	    height: auto;
	}
	.product__gallery p {
		margin-left: 30px;
		margin-right: 10px;
		max-width: 210px;
	}
	.tech-info .container {
		padding: 0;
	}
	.tech-info__text {
	    padding: 25px 25px 50px 25px;
	    box-sizing: border-box;
	}
	.product__gallery img:nth-child(1) {
	    margin-left: 0;
	}
	.tech-info__text > .d-f {
		justify-content: space-between;
	}
	.tech-info__text p {
	    width: 49%;
	}
	.tech-info__text::before {display: none;}
	.get-it__body h2 {
	    max-width: 340px;
	    font-size: 18px;
	    line-height: 24px;
	}
	.get-it br {
		display: none;
	}
	.get-it__body p {
	    margin: 0 auto 20px auto;
	    max-width: 260px;
	    font-size: 10px;
	    line-height: 15px;
	}
	.get-it__body .btn {
	    margin: 0 auto;
	    width: 180px;
	    height: 40px;
	    line-height: 40px;
	}
	.blog .post__header {
	    padding-top: 0;
	}
	.blog .post__header .container h1 {
		font-size: 20px;
	}
	.blog .post__header p {
		text-align: center;
	}
	.blog .post__header p br {
		display: none;
		font-size: 12px;
		line-height: 16px;
	}
	.blog__articles__body.container {
		display: block;
		max-width: 250px;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.blog__articles__body article {
		display: block!important;
		width: 100%!important;
		margin-bottom: 20px;
	}
	.blog__articles__body article > div {
		width: 100%!important;
		margin-bottom: 10px;
	}
	.blog__articles .date {
		display: none;
	}
	.blog__articles .read-time {
		margin-right: 5px;
	}
	.genplan__info__menu::after {
	    width: 100px;
	    height: 100%;
	    right: -100px;
	}
	.front-page .about__content {
	    height: auto;
	    padding-top: 35px;
	}
	.entry-content blockquote::after {
	    top: -20px;
	    right: -24px;
	    width: 50px;
	    height: 50px;
	}
	.entry-content .alignright, .entry-content .alignleft {
	    width: 100%;
	    clear: both;
	    float: none;
	}
	.product__gallery .product__slider {
	    max-width: 85%;
	    margin-right: 0
	}
	.product__gallery .text .arrow {
		left: auto;
		right: -55px;
		top: auto;
		width: 60px;
		height: 60px;
	}
	.breadcumb-pos-a {
		top: 20px;
	}
	.gallery-page .hero__content h1 {
	    padding-top: 0;
	    max-width: 530px;
	    line-height: 26px;
	    margin-bottom: 10px;
	    font-size: 20px;
	    margin-left: 0;
	    text-align: center;
	}
	.gallery-page .hero__content {
	    top: 60px;
	    height: calc(100% - 60px);
	}
	.gallery-page .hero p {
	    margin-left: auto;
	    text-align: left;
	    font-size: 10px;
	    line-height: 16px;
	    max-width: 260px;
	    margin-bottom: 30px;
	    text-align: center;
	}
	.gallery-page .hero,
	.gallery-page .hero .owl-carousel.owl-loaded,
	.gallery-page .hero__slider div, 
	.gallery-page .hero__slider img {
	    min-height: 410px;
	}
	.gallery-page .hero__content {
	    top: 60px;
	    height: calc(100% - 140px);
	}
	.double-gallery .breadcumb-pos-a {
	    top: 15px;
	    width: 100%;
	    text-align: center;
	}
	.breadcumb-pos-a .kama_breadcrumbs {
	    justify-content: center;
	}
	.double-gallery > .container {
	    padding-top: 43px;
	    padding-bottom: 50px;
	}
	.gallery-page h2 {
	    margin-bottom: 0;
	    padding-bottom: 30px;
	}
	.grid-gallery > .container {
	    padding-top: 20px;
	    padding-bottom: 120px;
	}
	.grid-gallery__body .item {
		margin-bottom: 30px;
	}
	.grid-gallery p.dash {
	    padding-left: 40px;
	}
	.grid-gallery p.dash::before {
		width: 30px;
	}
	.grid-gallery h2 {
	    padding-left: 40px;
	}
	.grid-gallery {
		padding-bottom: 30px;
	}
	.video-gallery > .container {
		flex-wrap: wrap;
		padding: 0;
		flex-direction: column-reverse;
	}
	.video-gallery__slider__inner {
	    width: 100%;
	    margin: 15px auto;
	}
	.video-gallery__text__inner {
		width: 300px;
	}
	.gallery-page .product__gallery .product__slider {
	    max-width: 100%;
	    margin: 0;
	}
	.gallery-page .product__gallery {
	    padding-left: 50px;
	}
	.error-404 > .container {
	    min-height: 470px;
	    padding-left: 30px;
	    padding-top: 100px;
	}
	.error-404 .btn {
		margin-left: auto;
		width: 180px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	.error-404 h1 {
		font-size: 25px;
		line-height: 34px;
		margin: 0 auto 15px auto;
		max-width: 330px;
		text-align: center
	}
	.error-404 p {
		margin-bottom: 20px;
		font-size: 12px;
		line-height: 17px;
		margin: 0 auto 20px auto;
		max-width: 300px;
		text-align: center
	}
	.error-404 .container::before {
		font-size: 150px;
		line-height: 100%;
		bottom:  40px;
		right: calc(50% - 124px);
	}
	.gallery-page .hero__content .container {
		padding-top: 60px;
	}
	.gallery-page .contact-us-narrow.container {
	    padding-bottom: 10px;
	}
	.gallery-page form .btn {
	    margin-left: 0;
	    width: 190px;
	    height: 40px;
	    line-height: 38px;
	}
	.gallery-page .product__gallery .text .arrow {
	    right: auto;
	    left: -40px;
	    bottom: -80px;
	}
	.about__footer {
		display: none;
	}
	.zoom-img__body .arrow {
		top: auto;
		bottom: 10%;
	}
	.product__price-banner::after {
		display: none;
	}
	.without-logo {
		height: 40px;
	}
	.nav__menu .nav--btn {
		top: 30px;
		position: relative;
	}
	.nav__menu  .nav--btn.close-navbar {
		position: absolute;
	}
	.nav__menu li .nav--btn {
		top: 0;
	}
	.text-section .entry-content {
		padding: 0;
		margin-top: 0;
		margin-bottom: 20px;
	}
    .text-section .entry-content p {
		margin: 0;
	}
	.entry-content li {
		font-size: 13px;
		line-height: 22px;
	}
	.entry-content p {
	    font-size: 13px!important;
	    line-height: 22px!important;
	}
	.text-section .container {
	    padding: 20px;
	}
	.about__content li,
	.about__content p {
		max-width: none;
	}
	.page-template-page-compleks .hero .hero__content {
		top: 80px;
	}
	.about__content h2 {
		max-width: 100%;
	}
	.all-you-need__nav {
		width: auto;
		padding: 0 10px;
	}
	.about__content p, .about__content ul {
	    max-width: 100%;
	    padding-left: 0;
	}
	.about__content h2 {
		font-size: 22px;
	}
	.infrastructure__content ul {
		padding-left: 0;
	}
	.entry-content blockquote {
	    margin: 40px auto;
	    max-width: 94%;
	    padding: 20px 10px 25px 10px;
	    font-size: 20px;
		line-height: 28px;
	}
	.gallery-page .btn {
		margin-left: auto;
	}
	.front-page .gallery_text_slider h3 {
		font-size: 17px;
		line-height: 24px;
	}
	.triangle {
	    padding-right: 30px;
	}
	.triangle::after {
		right: 0;
	}
	img {
		max-width: 100%;
	}
}

#floating-panel {
  display: none;
}
.infrastructure .owl-carousel .owl-item {
	background: transparent;
}
.infrastructure__footer {
	padding-bottom: 20px;
}
/*[data-section="map container"] .arrow {
	opacity: 1!important;
}*/