/*!
Theme Name: ecopan
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: ecopan
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.

ecopan 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/
*/

:root {
	--main-black: #000000;
	--main-white: #ffffff;
	--main-gray-bg: #EDEDED;
	--main-text: #272727;
	--main-black-bg: #303030;
	--main-green: #009245;
	--main-gray-item: #EFEFEF;
	--main-text-gray: #00000099;
	--fast: 0.2s;
	--slow: 0.4s;
	--larg-size: calc(100vw / 1400);
}

* {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

html {
	scroll-behavior: initial!important;
	margin-top: 0px!important;
}

.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9 {
	opacity: 0;
	transform: translateX(-120px);
}
.x1 {
	transition: transform ease .7s .1s, opacity ease .7s .1s;
}
.x2 {
	transition: transform ease .7s .2s, opacity ease .7s .2s;
}
.x3 {
	transition: transform ease .7s .3s, opacity ease .7s .3s;
}
.x4 {
	transition: transform ease .7s .4s, opacity ease .7s .4s;
}
.x5 {
	transition: transform ease .7s .5s, opacity ease .7s .5s;
}
.x6 {
	transition: transform ease .7s .6s, opacity ease .7s .6s;
}
.x7 {
	transition: transform ease .7s .7s, opacity ease .7s .7s;
}
.x8 {
	transition: transform ease .7s .8s, opacity ease .7s .8s;
}
.x9 {
	transition: transform ease .7s .9s, opacity ease .7s .9s;
}
.ready .visible.x1, 
.ready .visible.x2, 
.ready .visible.x3, 
.ready .visible.x4, 
.ready .visible.x5, 
.ready .visible.x6,
.ready .visible.x7, 
.ready .visible.x8, 
.ready .visible.x9 {
	opacity: 1;
	transform: translateX(0px);
}

.y1, .y2, .y3, .y4, .y5, .y6, .y7, .y8, .y9 {
	opacity: 0;
	transform: translateY(120px);
}
.y1 {
	transition: transform ease .7s .1s, opacity ease .7s .1s;
}
.y2 {
	transition: transform ease .7s .2s, opacity ease .7s .2s;
}
.y3 {
	transition: transform ease .7s .3s, opacity ease .7s .3s;
}
.y4 {
	transition: transform ease .7s .4s, opacity ease .7s .4s;
}
.y5 {
	transition: transform ease .7s .5s, opacity ease .7s .5s;
}
.y6 {
	transition: transform ease .7s .6s, opacity ease .7s .6s;
}
.y7 {
	transition: transform ease .7s .7s, opacity ease .7s .7s;
}
.y8 {
	transition: transform ease .7s .8s, opacity ease .7s .8s;
}
.y9 {
	transition: transform ease .7s .9s, opacity ease .7s .9s;
}
.ready .visible.y1, 
.ready .visible.y2, 
.ready .visible.y3, 
.ready .visible.y4, 
.ready .visible.y5, 
.ready .visible.y6, 
.ready .visible.y7, 
.ready .visible.y8, 
.ready .visible.y9 {
	opacity: 1;
	transform: translateX(0px);
}

#page-preloader {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 99;
}

.load:after, .loader:after {
	content: "";
	width: 66px;
	height: 66px;
	left: 50%;
	top: 50%;
	margin-left: -33px;
	margin-top: -33px;
	position: absolute;
	border-left: 4px solid #ccc;
	border-top: 4px solid #ccc;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #ccc;
	border-radius: 50%;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-moz-animation: load-index .5s infinite linear;
	-webkit-animation: load-index .5s infinite linear;
	animation: load-index .5s infinite linear;
}

@-moz-keyframes load-index {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 2px dotted #ffcc01!important;
	}
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 6px dotted #4ec9dd!important;
	}
}

@-webkit-keyframes load-index {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 2px dotted #ffcc01!important;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 6px dotted #4ec9dd!important;
	}
}

@keyframes load-index {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 2px dotted #ffcc01!important;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 6px dotted #4ec9dd!important;
	}
}

body {
	font-size: 15px;
	font-family: 'ProximaNova', sans-serif;
	font-family: 'HelveticaNeueCyr', sans-serif;
}

body.overflow {
  overflow: hidden;
  padding-right: 17px;
}

.site#page {
	overflow: clip;
	background-color: var(--main-gray-bg);
}

.container-fluid {
  padding: 0px 40px;
  max-width: 1400px;
}

.container-fluid .row {
  margin-left: -15px;
  margin-right: -15px;
}

.container-fluid .row [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

img {
	width: 100%;
	height: auto;
}

input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
  display: none;
  width : 0;
  height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

header.header .mobile-menu {
	display: none;
}

header.header {
	position: sticky;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10;
}

header.header::before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #EDEDEDB2;
	backdrop-filter: blur(5px);
}

header.header .header-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0px;
	height: 80px;
	position: relative;
	z-index: 10;
}

header.header .header-wrap a.logo {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: var(--main-black);
	position: relative;
	z-index: 2;
	margin-right: 20px;
	width: 74px;
	min-width: 74px;
	height: 56px;
}

header.header .header-wrap a.logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

header.header .header-wrap .header-menu {
	margin-left: auto;
	margin-right: auto;
}

header.header .header-wrap .header-menu .menu {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: flex;
	align-items: center;
}

header.header .header-wrap .header-menu .menu > li {
	margin: 0px 10px;
}

header.header .header-wrap .header-menu .menu > li::after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	height: 50%;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	user-select: none;
}

@media screen and (min-width: 576px) {
	header.header .header-wrap .header-menu .menu > li:hover::after {
		pointer-events: all;
		user-select: auto;
	}
}

header.header .header-wrap .header-menu .menu > li > a {
	text-decoration: none;
	color: var(--main-black);
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	font-family: 'Inter', sans-serif;
	font-size: 1em;
	font-weight: 400;
}

header.header .header-wrap .header-menu .menu > li.menu-item-has-children > a::after {
	content: '';
	width: 16px;
	height: 10px;
	margin-left: 6px;
	background-image: url(assets/img/menu-dropdown.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

header.header .header-wrap .header-menu .menu > li > a > span {
	position: relative;
}

header.header .header-wrap .header-menu .menu > li > a > span::after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: -2px;
	height: 2px;
	width: 100%;
	background-color: transparent;
	transition: background-color var(--slow);
}

header.header .header-wrap .header-menu .menu > li.current-menu-item > a > span::after {
	background-color: var(--main-black);
}

@media screen and (min-width: 576px) {
	header.header .header-wrap .header-menu .menu > li:hover > a > span::after {
		background-color: var(--main-black);
	}
}

header.header .header-wrap .header-menu .menu > li > .sub-menu {
	position: absolute;
	top: 100%;
	padding: 12px 24px;
	list-style: none;
	opacity: 0;
	pointer-events: none;
	user-select: none;
}

header.header .header-wrap .header-menu .menu > li.pll-parent-menu-item {
	position: relative;
}

header.header .header-wrap .header-menu .menu > li.pll-parent-menu-item::after {
	bottom: -50%;
}

header.header .header-wrap .header-menu .menu > li.pll-parent-menu-item > .sub-menu {
	top: 130%;
	left: -24px;
	border-radius: 12px;
	overflow: hidden;
}

header.header .header-wrap .header-menu .menu > li.pll-parent-menu-item > .sub-menu::before {
	background-color: var(--main-white);
}

header.header .header-wrap .header-menu .menu > li > .sub-menu::before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #EDEDEDB2;
  backdrop-filter: blur(5px);
}

@media screen and (min-width: 576px) {
	header.header .header-wrap .header-menu .menu > li:hover > .sub-menu {
		opacity: 1;
		pointer-events: all;
		user-select: auto;
	}
}

header.header .header-wrap .header-menu .menu > li > .sub-menu > li {
	display: flex;
}

header.header .header-wrap .header-menu .menu > li > .sub-menu > li:not(:first-child) {
	margin-top: 6px;
}

header.header .header-wrap .header-menu .menu > li > .sub-menu > li > a {
	text-decoration: none;
	color: var(--main-black);
	font-size: 0.875em;
}

header.header .header-wrap .contacts-btn {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-white);
	padding: 11px 32px;
	background-color: var(--main-black);
	border-radius: 50px;
	margin-left: 20px;
	text-decoration: none;
	transition: opacity var(--slow);
	display: flex;
	align-items: center;
}

header.header .header-wrap .contacts-btn.green {
	background-color: var(--main-green);
}

@media screen and (min-width: 576px) {
	header.header .header-wrap .contacts-btn:hover {
		opacity: 0.8;
	}
}

header.header .header-wrap .contacts-btn[href*="tel:"]::before {
	content: '';
	width: 20px;
	min-width: 20px;
	height: 20px;
	margin-right: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(assets/img/phone-icon.svg);
}

header.header .header-wrap .menu-btn {
	display: none;
}

section.main {
	padding: 16px 0px;
	display: flex;
}

section.main .main-wrap {
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 630px;
	max-height: calc(100vh - 112px);
}

section.main.main-ua .main-wrap {
  min-height: 460px;
}

section.main .main-wrap .thumbnail {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

section.main .main-wrap .thumbnail::after {
	content: '';
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #00000066;
}

section.main.main-bureau .main-wrap .thumbnail::after {
	background-color: #00000033;
}

section.main .main-wrap .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.main .main-wrap .thumbnail video {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.main .main-wrap .caption {
	position: relative;
	min-height: inherit;
	height: 100%;
	z-index: 2;
	padding: 40px;
	display: flex;
	flex-direction: column;
}

section.main .main-wrap .caption h1 {
	font-size: 4em;
	line-height: 120%;
	font-weight: 400;
	letter-spacing: -0.04em;
	color: var(--main-white);
	max-width: 55%;
	margin-bottom: 36px;
}

section.main .main-wrap .caption .scroll-down-btn {
	width: 128px;
	height: 128px;
	margin-top: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28% 28%;
	background-image: url(assets/img/scroll-down-arrow.svg);
	border: 1px solid var(--main-white);
	cursor: pointer;
	position: relative;
	border-radius: 100%;
}

section.main .main-wrap .caption .scroll-down-btn::after {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: var(--main-white);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28% 28%;
	background-image: url(assets/img/scroll-down-arrow-hover.svg);
	transition: opacity var(--fast);
	border-radius: 100%;
}

@media screen and (min-width: 576px) {
	section.main .main-wrap .caption .scroll-down-btn:hover::after {
		opacity: 1;
	}
}

section.clients {
	padding: 0px;
}

section.clients .clients-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -16px;
}

.clients-link-item {
	display: flex;
	width: calc(100% / 2);
	padding: 16px;
}

.clients-link-item .item-link {
	border: 2px solid transparent;
	background-color: var(--main-white);
	border-radius: 16px;
	padding: 38px;
	overflow: hidden;
	display: flex;
	text-decoration: none;
	width: 100%;
	transition: border-color var(--fast);
}

@media screen and (min-width: 576px) {
	.clients-link-item .item-link:hover {
		border-color: var(--main-black);
	}
}

.clients-link-item .item-link p.title-h2 {
	display: flex;
	align-items: flex-start;
	width: 100%;
}

.clients-link-item .item-link p.title-h2::after {
	content: '';
	width: 44px;
	min-width: 44px;
	height: 44px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(assets/img/arrow-link.svg);
	margin-left: 40px;
}

.clients-link-item .item-link p.title-h2 span {
	margin-right: auto;
	max-width: 60%;
	align-self: center;
}

section.about {
	padding: 16px 0px;
}

section.about .about-wrap {
	border-radius: 16px;
	padding: 24px;
	display: flex;
	background-color: var(--main-white);
	overflow: clip;
}

section.about .about-wrap > .caption {
	padding: 16px;
	display: flex;
	flex-direction: column;
	width: calc(100% / 2);
	padding-right: 26px;
}

section.about .about-wrap > .caption .uppertitle {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 24px;
}

section .title-h2 {
	font-size: 2.75em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 0px;
}

section.about .about-wrap > .caption h2 {
	margin-bottom: 36px;
}

section.about .about-wrap > .caption p {
	margin: auto 0px 0px;
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
}

section.about .about-wrap > .caption .about-text {
	margin-bottom: 36px;
}

section.about .about-wrap > .caption .about-text *:last-child {
	margin-bottom: 0px;
}

section.about .about-wrap > .caption .about-text a {
	color: var(--main-text);
	transition: color var(--slow);
}

@media screen and (min-width: 576px) {
	section.about .about-wrap > .caption .about-text a:hover {
		color: var(--main-black);
	}
}

section.about .about-wrap > .caption .about-text p {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 24px;
}

section.about .about-wrap > .caption .about-text ul {
	padding: 0px;
	list-style: none;
	margin-bottom: 24px;
}

section.about .about-wrap > .caption .about-text ul li {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	position: relative;
	color: var(--main-text);
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
}

section.about .about-wrap > .caption .about-text ul li:last-child {
	margin-bottom: 0px;
}

section.about .about-wrap > .caption .about-text ul li::before {
	align-self: flex-start;
	content: '';
	width: 40px;
	min-width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(assets/img/arrow-list.svg);
	margin-right: 12px;
}

section.about .about-wrap > .caption .more-link {
	width: 128px;
	height: 128px;
	margin-top: auto;
	border: 1px solid var(--main-black);
	border-radius: 100%;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	letter-spacing: -0.01em;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
	text-decoration: none;
	transition: background-color var(--fast), color var(--fast);
}

@media screen and (min-width: 576px) {
	section.about .about-wrap > .caption .more-link:hover {
		background-color: var(--main-black);
		color: var(--main-white);
	}
}

section.about .about-wrap .thumbnail {
	display: flex;
	width: calc(100% / 2);
	padding-left: 10px;
}

section.about.about-ua .about-wrap .thumbnail {
	margin-top: -24px;
	margin-right: -24px;
	margin-bottom: -24px;
	width: calc(100% / 2 + 24px);
}

section.about .about-wrap .thumbnail .img-wrap {
	width: 100%;
	padding-top: 90%;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

section.about .about-wrap .thumbnail .img-wrap img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.advantages {
	padding: 16px 0px;
}

section.advantages .advantages-wrap {
	border-radius: 16px;
	padding: 40px;
	background-color: var(--main-white);
	display: flex;
	flex-direction: column;
}

section.advantages .advantages-wrap h2 {
	margin-bottom: 24px;
}

section.advantages .advantages-wrap .title-wrap {
	margin-bottom: 24px;
	display: flex;
}

section.advantages .advantages-wrap .title-wrap h2 {
	width: 42%;
	padding-right: 10px;
	margin-right: auto;
	margin-bottom: 0px;
}

section.advantages .advantages-wrap .title-wrap p.desc {
	width: 42%;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
}

section.advantages .advantages-wrap .advantages-thumbnail {
	display: flex;
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
}

section.advantages .advantages-wrap .advantages-thumbnail img {
	width: 100%;
}

.advantages-slider {
	display: flex;
	flex-wrap: wrap;
	margin: -16px -8px 0px;
	counter-reset: advantages-counter;
}

.advantages-slider .advantages-item {
	padding: 16px 8px 0px;
	counter-increment: advantages-counter;
	width: calc(100% / 3);
}

.advantages-slider.roofs-type .advantages-item {
	width: calc(100% / 2);
}

.advantages-item {
	display: flex;
}

.advantages-item .item-link {
	border: 1px solid var(--main-black);
	border-radius: 12px;
	padding: 24px;
	display: flex;
	text-decoration: none;
	transition: background-color var(--fast);
	width: 100%;
}

.advantages-item .item-link .caption {
	display: flex;
	flex-direction: column;
	transition: var(--fast);
	width: 100%;
}

.advantages-item .item-link .caption p.h3 {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.advantages-item .item-link .caption p.h3::before {
	content: '0' counter(advantages-counter);
	font-family: 'Inter', sans-serif;
	font-size: 2em;
	line-height: 120%;
	font-weight: 700;
	color: var(--main-white);
	text-shadow: -1px -1px 0 var(--main-black), 1px -1px 0 var(--main-black), -1px 1px 0 var(--main-black), 1px 1px 0 var(--main-black);
	margin-right: 40px;
}

.advantages-item .item-link .caption p.desc {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	display: flex;
	align-items: flex-start;
	margin-bottom: 0px;
}

.advantages-item .item-link .caption p.desc::before {
	content: '0' counter(advantages-counter);
	font-family: 'Inter', sans-serif;
	font-size: 3em;
	line-height: 120%;
	font-weight: 700;
	color: transparent;
	text-shadow: -1px -1px 0 transparent, 1px -1px 0 transparent, -1px 1px 0 transparent, 1px 1px 0 transparent;
	margin-right: 40px;
}

.advantages-item.section-link .item-link .caption p.h3 {
	margin-bottom: 0px;
	height: 100%;
	flex-direction: row-reverse;
	align-items: flex-end;
	justify-content: space-between;
	transition: color var(--fast);
}

.advantages-item.section-link .item-link .caption p.h3::before {
	align-self: flex-start;
	font-size: 0px;
	text-shadow: none;
	width: 64px;
	min-width: 64px;
	height: 64px;
	margin-right: 0px;
	margin-left: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(assets/img/arrow-link.svg);
	transition: filter var(--fast);
}

.advantages-item a.item-link[href*="#banner-modal"] {
	background-color: var(--main-green);
	color: var(--main-white);
}

.advantages-item a.item-link[href*="#banner-modal"] .caption p.h3 {
	color: var(--main-white);
}

.advantages-item.section-link a.item-link[href*="#banner-modal"] .caption p.h3::before {
	filter: invert(1);
}

@media screen and (min-width: 576px) {
	.advantages-item a.item-link:hover {
		background-color: var(--main-black);
	}

	.advantages-item.section-link a.item-link:hover .caption p.h3 {
		color: var(--main-white);
	}

	.advantages-item.section-link a.item-link:hover .caption p.h3::before {
		filter: invert(1);
	}
}

section.advantages-ua .advantages-item .item-link .caption span.stat {
	font-family: 'Inter', sans-serif;
	font-size: 3em;
	line-height: 120%;
	font-weight: 700;
	color: var(--main-white);
	text-shadow: -1px -1px 0 var(--main-black), 1px -1px 0 var(--main-black), -1px 1px 0 var(--main-black), 1px 1px 0 var(--main-black);
	margin-bottom: 40px;
}

section.advantages-ua .advantages-item .item-link .caption p.h3 {
	margin-bottom: 0px;
}

section.advantages-ua .advantages-item:not(.section-link) .item-link .caption p.h3::before {
	display: none;
}

section.solutions-title {
	padding: 16px 0px;
	position: relative;
	z-index: 2;
	background-color: var(--main-gray-bg);
}

section.solutions-title.ecopan-adv-title {
	position: sticky;
	z-index: 1;
	top: 33px;
}

section.solutions-title .solutions-title-wrap {
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: 490px;
	max-height: calc(100vh - 112px);
}

section.solutions-title.advantages-title .solutions-title-wrap {
	min-height: 530px;
}

section.solutions-title .solutions-title-wrap .thumbnail {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

section.solutions-title .solutions-title-wrap .thumbnail::after {
	content: '';
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

section.solutions-title .solutions-title-wrap .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.solutions-title .solutions-title-wrap .caption {
	position: relative;
	min-height: inherit;
	height: 100%;
	z-index: 2;
	padding: 40px;
	display: flex;
	flex-direction: column;
}

section .title-h1 {
	font-size: 4em;
	line-height: 120%;
	font-weight: 400;
	letter-spacing: -0.04em;
	color: var(--main-black);
	margin-bottom: 36px;
}

section.solutions-title .solutions-title-wrap .caption .title-h1 {
	color: var(--main-white);
}

section.solutions-title.advantages-title .solutions-title-wrap .caption .title-h1 {
	max-width: 45%;
}

section.solutions-title .solutions-title-wrap .caption .more-link {
	width: 128px;
	height: 128px;
	margin-top: auto;
	border: 1px solid var(--main-green);
	border-radius: 100%;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-white);
	letter-spacing: -0.01em;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: var(--main-green);
	text-decoration: none;
	transition: background-color var(--fast), color var(--fast), border var(--fast);
}

@media screen and (min-width: 576px) {
	section.solutions-title .solutions-title-wrap .caption .more-link:hover {
		border-color: var(--main-white);
		background-color: var(--main-white);
		color: var(--main-black);
	}
}

section.solutions-title .solutions-title-wrap .caption .scroll-down-btn {
	width: 128px;
	height: 128px;
	margin-top: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28% 28%;
	background-image: url(assets/img/scroll-down-arrow.svg);
	border: 1px solid var(--main-white);
	cursor: pointer;
	transition: var(--fast);
	position: relative;
	border-radius: 100%;
}

section.solutions-title .solutions-title-wrap .caption .scroll-down-btn::after {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28% 28%;
	background-image: url(assets/img/scroll-down-arrow-hover.svg);
	transition: opacity var(--fast);
	background-color: var(--main-white);
	border-radius: 100%;
}

@media screen and (min-width: 576px) {
	section.solutions-title .solutions-title-wrap .caption .scroll-down-btn:hover::after {
		opacity: 1;
	}
}

section.ecopan-adv {
	position: relative;
	z-index: 2;
	padding: 16px 0px;
}

section.ecopan-adv .ecopan-adv-slider {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.ecopan-adv-item {
	position: sticky;
	top: 25%;
}

.ecopan-adv-item .item-link {
	background-color: var(--main-white);
	border-radius: 16px;
	padding: 24px;
	display: flex;
	position: relative;
}

.ecopan-adv-item .item-link::before {
	position: absolute;
	z-index: 2;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 16px;
	background-color: var(--main-white);
	border-radius: 0px 0px 16px 16px;
}

.ecopan-adv-item .item-link::after {
	position: absolute;
	z-index: 1;
	content: '';
	left: 0px;
	bottom: -48px;
	width: 100%;
	height: 64px;
	background-color: var(--main-gray-bg);
}

.ecopan-adv-item .item-link .caption {
	width: calc(65% - 10px);
	padding: 16px;
	display: flex;
	flex-direction: column;
	padding-right: 26px;
}

.ecopan-adv-item .item-link .caption .title-h2 {
	margin-bottom: 36px;
}

.ecopan-adv-item .item-link .caption p.desc {
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
	margin-top: auto;
	margin-bottom: 0px;
}

.ecopan-adv-item .item-link .thumbnail {
	display: flex;
	width: calc(35% + 10px);
	padding-left: 10px;
}

.ecopan-adv-item .item-link .thumbnail .img-wrap {
	width: 100%;
	padding-top: 90%;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}

.ecopan-adv-item .item-link .thumbnail .img-wrap img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.solution-item {
	padding: 16px 0px;
	background-color: var(--main-gray-bg);
	position: relative;
	z-index: 2;
}

.solution-item .item-link {
	border-radius: 16px;
	overflow: hidden;
	background-color: var(--main-white);
	display: flex;
}

.solution-item .item-link.reverse {
	flex-direction: row-reverse;
}

.solution-item .item-link .caption {
	width: calc(100% / 2);
	padding: 40px 50px 40px 40px;
	display: flex;
	flex-direction: column;
}

.solution-item .item-link.reverse .caption {
	padding: 40px 40px 40px 50px;
}

.solution-item .item-link .caption *:last-child {
	margin-bottom: 0px!important;
}

.solution-item .item-link .caption .uppertitle {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 24px;
}

.solution-item .item-link .caption .title-h2 {
	margin-bottom: 36px;
}

.solution-item .item-link .caption p.desc {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 16px;
}

.solution-item .item-link .caption .more-link {
	width: 128px;
	height: 128px;
	margin-top: auto;
	border: 1px solid var(--main-black);
	border-radius: 100%;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	letter-spacing: -0.01em;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
	text-decoration: none;
	transition: background-color var(--fast), color var(--fast), border-color var(--fast);
}

@media screen and (min-width: 576px) {
	.solution-item .item-link .caption .more-link:hover {
		background-color: var(--main-black);
		color: var(--main-white);
	}
}

.solution-item .item-link .caption .more-link[href*="#banner-modal"] {
	border-color: var(--main-green);
	background-color: var(--main-green);
	color: var(--main-white);
	text-transform: initial;
}

@media screen and (min-width: 576px) {
	.solution-item .item-link .caption .more-link[href*="#banner-modal"]:hover {
		border-color: var(--main-black);
		background-color: var(--main-black);
		color: var(--main-white);
	}
}

.solution-item .item-link .thumbnail {
	width: calc(100% / 2);
	padding-left: 10px;
}

.solution-item .item-link.reverse .thumbnail {
	padding: 0px 10px 0px 0px;
}

.solution-item .item-link .thumbnail .img-wrap {
	width: 100%;
	height: 100%;
	padding-top: 90%;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}

.solution-item .item-link .thumbnail .img-wrap img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.franchisee {
	padding: 16px 0px;
	background-color: var(--main-gray-bg);
	position: relative;
	z-index: 2;
}

section.franchisee .franchisee-wrap {
	background-color: var(--main-white);
	border-radius: 16px;
	padding: 40px;
	display: flex;
	flex-direction: column;
}

section.franchisee .franchisee-wrap .title-wrap {
	display: flex;
	padding-bottom: 80px;
}

section.franchisee .franchisee-wrap .title-wrap .title-h2 {
	width: 42%;
	padding-right: 10px;
	margin-right: auto;
}

section.franchisee .franchisee-wrap .title-wrap p.desc {
	width: 42%;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
}

section.franchisee .franchisee-wrap .franchisee-list {
	display: flex;
	justify-content: space-between;
	margin: 0px -12px;
}

section.franchisee .franchisee-wrap .franchisee-list .franchisee-item {
	padding: 0px 12px;
}

.franchisee-item {
	display: flex;
}

.franchisee-item .item-link {
	width: 200px;
	height: 200px;
	border: 1px solid var(--main-gray-item);
	border-radius: 100%;
	overflow: hidden;
	background-color: var(--main-gray-item);
	display: flex;
	text-decoration: none;
	transition: background-color var(--fast);
}

.franchisee-item .item-link .caption {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px;
}

.franchisee-item .item-link .caption .h3 {
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	letter-spacing: -0.01em;
	text-align: center;
	color: var(--main-black);
	transition: color var(--fast);
	margin: 0px;
}

.franchisee-item a.item-link {
	border-color: var(--main-black);
	background-color: transparent;
}

.franchisee-item a.item-link .caption .h3 {
	line-height: 150%;
	text-transform: uppercase;
}

@media screen and (min-width: 576px) {
	.franchisee-item a.item-link:hover {
		background-color: var(--main-black);
	}

	.franchisee-item a.item-link:hover .caption .h3 {
		color: var(--main-white);
	}
}

section.franchisee.franchisee-ua {
	padding: 0px;
}

section.franchisee.franchisee-ua .franchisee-wrap {
	padding: 0px;
	background-color: transparent;
	border-radius: 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0px -16px;
}

.franchisee-link-item {
	display: flex;
	width: calc(100% / 2);
	padding: 16px;
}

.franchisee-link-item .item-link {
	border: 2px solid transparent;
	background-color: var(--main-white);
	border-radius: 16px;
	padding: 38px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	width: 100%;
	transition: border-color var(--fast);
}

.franchisee-link-item .item-link[href*="#banner-modal"] {
	background-color: var(--main-green);
}

@media screen and (min-width: 576px) {
	.franchisee-link-item .item-link:hover {
		border-color: var(--main-black);
	}
}

.franchisee-link-item .item-link p.title-h2 {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 24px;
}

.franchisee-link-item .item-link[href*="#banner-modal"] p.title-h2 {
	color: var(--main-white);
}

.franchisee-link-item .item-link p.title-h2::after {
	content: '';
	width: 44px;
	min-width: 44px;
	height: 44px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(assets/img/arrow-link.svg);
	margin-left: 40px;
}

.franchisee-link-item .item-link[href*="#banner-modal"] p.title-h2::after {
	filter: invert(1);
}

.franchisee-link-item .item-link p.title-h2 span {
	margin-right: auto;
}

.franchisee-link-item .item-link p.desc {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 0px;
}

.franchisee-link-item .item-link[href*="#banner-modal"] p.desc {
	color: var(--main-white);
}

footer.footer {
	padding: 16px 0px 32px;
	position: relative;
	z-index: 2;
	background-color: var(--main-gray-bg);
}

footer.footer .footer-wrap {
	border-radius: 16px;
	background-color: var(--main-black-bg);
	padding: 48px;
}

footer.footer .footer-wrap .row .col-12:nth-child(1) {
	padding-right: 60px;
}

footer.footer .footer-wrap .row .col-12:nth-child(2) {
	padding-left: 60px;
}

footer.footer .footer-wrap p.h2 {
	font-size: 2.75em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-white);
	letter-spacing: -0.04em;
	max-width: 80%;
	margin-bottom: 36px;
}

footer.footer .footer-wrap form {
	display: flex;
}

footer.footer .footer-wrap form .search-wrap {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
}

footer.footer .footer-wrap form .search-wrap input[type="search"] {
	border: 1px solid var(--main-white);
	padding: 23px 147px 23px 15px;
	border-radius: 12px;
	background-color: transparent;
	outline: none;
	color: var(--main-white);
	width: 100%;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
}

footer.footer .footer-wrap form .search-wrap input[type="search"]::placeholder {
	color: var(--main-white);
}

footer.footer .footer-wrap form .search-wrap input[type="submit"] {
	border: none;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--main-green);
	border-radius: 12px;
	color: var(--main-white);
	transition: opacity var(--slow);
	padding: 11px 28px;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
}

@media screen and (min-width: 576px) {
	footer.footer .footer-wrap form .search-wrap input[type="submit"]:hover {
		opacity: 0.8;
	}
}

footer.footer .footer-wrap .footer-menu {
	display: flex;
}

footer.footer .footer-wrap .footer-menu .menu {
	padding: 0px;
	margin: 0px -15px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

footer.footer .footer-wrap .footer-menu .menu li {
	width: calc(100% / 3);
	padding: 0px 15px;
	display: flex;
	justify-content: flex-start;
	margin-top: 32px;
}

footer.footer .footer-wrap .footer-menu .menu li:nth-child(1),
footer.footer .footer-wrap .footer-menu .menu li:nth-child(2),
footer.footer .footer-wrap .footer-menu .menu li:nth-child(3) {
	margin-top: 0px;
}

footer.footer .footer-wrap .footer-menu .menu li a {
	font-family: 'Inter', sans-serif;
	font-size: 1.125em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-white);
	text-decoration: none;
	transition: opacity var(--slow);
}

@media screen and (min-width: 576px) {
	footer.footer .footer-wrap .footer-menu .menu li a:hover {
		opacity: 0.8;
	}
}

footer.footer .footer-wrap .footer-copyright.mobile {
	display: none;
}

footer.footer .footer-wrap .footer-copyright {
	padding-top: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

footer.footer .footer-wrap .footer-copyright p {
	font-family: 'Inter', sans-serif;
	font-size: 1.125em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-white);
	margin-bottom: 0px;
}

footer.footer .footer-wrap .footer-copyright a {
	font-family: 'Inter', sans-serif;
	line-height: 1.125em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-white);
	text-decoration: none;
	position: relative;
	transition: opacity var(--slow);
}

footer.footer .footer-wrap .footer-copyright p a {
	font-size: 1em;
}

footer.footer .footer-wrap .footer-copyright a::after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background-color: var(--main-white);
}

@media screen and (min-width: 576px) {
	footer.footer .footer-wrap .footer-copyright a:hover {
		opacity: 0.8;
	}
}

footer.footer .footer-wrap .footer-copyright .scroll-top-btn {
	font-family: 'Inter', sans-serif;
	font-size: 1.125em;
	line-height: 120%;
	font-weight: 400;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: opacity var(--slow);
	color: var(--main-white);
}

@media screen and (min-width: 576px) {
	footer.footer .footer-wrap .footer-copyright .scroll-top-btn:hover {
		opacity: 0.8;
	}
}

footer.footer .footer-wrap .footer-copyright .scroll-top-btn::after {
	content: '';
	margin-left: 16px;
	width: 14px;
	min-width: 14px;
	height: 22px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(assets/img/scroll-top-icon.svg);
}

.slick-slider .slick-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
	list-style: none;
	width: 100%;
	position: relative;
	z-index: 2;
}

.slick-slider .slick-dots li {
	margin: 0px 7px;
	display: flex;
}

.slick-slider .slick-dots li button {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	display: flex;
	font-size: 0px;
	color: transparent;
	border: none;
	box-shadow: none;
	background-color: var(--main-gray-item);
	transition: var(--slow);
}

.slick-slider .slick-dots li.slick-active button {
	background-color: var(--main-black);
}

@media screen and (max-width: 1399px) {
	section.solutions-title.ecopan-adv-title {
		top: 25px;
	}
}

@media screen and (max-width: 1299px) {
	header.header .header-wrap .header-menu .menu > li > a {
		font-size: 0.875em;
	}

	header.header .header-wrap .header-menu .menu > li > .sub-menu {
		padding: 10px 18px;
	}

	header.header .header-wrap .header-menu .menu > li > .sub-menu > li > a {
		font-size: 0.75em;
	}

	section.main .main-wrap .caption h1 {
		font-size: 3.5em;
	}

	section.main .main-wrap .caption .scroll-down-btn {
		width: 108px;
		height: 108px;
	}

	section .title-h2 {
		font-size: 2.5em;
	}

	section.about .about-wrap > .caption .more-link {
		width: 108px;
		height: 108px;
		font-size: 0.875em;
	}

	.advantages-item .item-link {
		padding: 18px;
	}

	.advantages-item .item-link .caption p.h3::before {
		font-size: 1.5em;
		margin-right: 24px;
	}

	.advantages-item .item-link .caption p.desc::before {
		font-size: 2.25em;
		margin-right: 24px;
	}

	.advantages-item.section-link .item-link .caption p.h3::before {
		width: 48px;
    min-width: 48px;
    height: 48px;
		margin-left: 24px;
	}

	section.advantages-ua .advantages-item .item-link .caption span.stat {
		font-size: 2.25em;
		margin-bottom: 24px;
	}

	section .title-h1 {
		font-size: 3.5em;
	}

	section.solutions-title.ecopan-adv-title {
		top: 22px;
	}

	section.solutions-title .solutions-title-wrap .caption .more-link {
		width: 108px;
		height: 108px;
		font-size: 0.875em;
	}

	section.solutions-title .solutions-title-wrap .caption .scroll-down-btn {
		width: 108px;
		height: 108px;
	}

	.solution-item .item-link .caption .more-link {
		width: 108px;
		height: 108px;
		font-size: 0.875em;
	}

	.franchisee-item .item-link {
		width: 180px;
		height: 180px;
	}

	footer.footer .footer-wrap p.h2 {
		font-size: 2.5em;
	}
}

@media screen and (max-width: 1199px) {
	header.header .header-wrap a.logo {
		margin-right: 12px;
	}

	header.header .header-wrap .header-menu .menu > li {
		margin: 0px 6px;
	}

	header.header .header-wrap .contacts-btn {
		margin-left: 12px;
	}

	section.main .main-wrap {
		min-height: 450px;
	}

	section.main.main-ua .main-wrap {
		min-height: 380px;
	}

	section.main .main-wrap .caption {
		padding: 30px;
	}

	section.main .main-wrap .caption h1 {
		font-size: 3.25em;
		margin-bottom: 24px;
	}

	.clients-link-item .item-link {
		border-width: 1px;
		padding: 29px;
	}

	.clients-link-item .item-link p.title-h2::after {
		margin-left: 24px;
	}

	.advantages-slider .advantages-item {
		width: calc(100% / 2);
	}

	section.about .about-wrap {
		padding: 20px;
	}

	section.about .about-wrap > .caption .uppertitle {
		margin-bottom: 16px;
	}

	section.about .about-wrap > .caption {
		padding: 10px;
		padding-right: 20px;
	}

	section .title-h2 {
		font-size: 2.25em;
	}

	section.about .about-wrap > .caption h2 {
		margin-bottom: 24px;
	}

	section.about .about-wrap > .caption .about-text {
		margin-bottom: 24px;
	}

	section.about.about-ua .about-wrap .thumbnail {
    margin-top: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    width: calc(100% / 2 + 20px);
	}

	section.advantages .advantages-wrap {
		padding: 30px;
	}

	section.advantages .advantages-wrap .title-wrap h2 {
		width: 48%;
	}

	section.advantages .advantages-wrap .title-wrap p.desc {
		width: 48%;
	}

	section.solutions-title .solutions-title-wrap {
		min-height: 420px;
	}

	section.solutions-title .solutions-title-wrap .caption {
		padding: 30px;
	}

	section .title-h1 {
		font-size: 3.25em;
		margin-bottom: 24px;
	}

	section.solutions-title.ecopan-adv-title {
		top: 32px;
	}

	section.solutions-title.advantages-title .solutions-title-wrap .caption .title-h1 {
		max-width: 54%;
	}

	section.solutions-title.advantages-title .solutions-title-wrap {
    min-height: 480px;
	}

	.ecopan-adv-item .item-link {
		padding: 20px;
	}

	.ecopan-adv-item .item-link .caption {
		padding: 10px;
		padding-right: 20px;
	}

	.ecopan-adv-item .item-link .caption .title-h2 {
		margin-bottom: 24px;
	}

	.advantages-item .item-link .caption p.h3 {
		margin-bottom: 16px;
	}

	.solution-item .item-link .caption {
		padding: 30px 40px 30px 30px;
	}

	.solution-item .item-link.reverse .caption {
		padding: 30px 30px 30px 40px;
	}

	.solution-item .item-link .caption .uppertitle {
		margin-bottom: 16px;
	}

	.solution-item .item-link .caption .title-h2 {
		margin-bottom: 24px;
	}

	section.franchisee .franchisee-wrap {
		padding: 30px;
	}

	section.franchisee .franchisee-wrap .title-wrap {
		padding-bottom: 60px;
	}
	
	section.franchisee .franchisee-wrap .title-wrap .title-h2 {
		width: 48%;
	}

	section.franchisee .franchisee-wrap .title-wrap p.desc {
		width: 48%;
	}

	section.franchisee .franchisee-wrap .franchisee-list .franchisee-item {
		width: calc(100% / 5);
	}

	.franchisee-item .item-link {
		width: 100%;
		padding-top: calc(100% - 2px);
		height: auto;
		position: relative;
	}

	.franchisee-item .item-link .caption {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		padding: 16px;
	}

	.franchisee-link-item .item-link {
		border-width: 1px;
		padding: 29px;
	}

	.franchisee-link-item .item-link p.title-h2::after {
		margin-left: 24px;
	}

	footer.footer .footer-wrap {
		padding: 34px;
	}

	footer.footer .footer-wrap p.h2 {
		font-size: 2.25em;
		margin-bottom: 24px;
	}

	footer.footer .footer-wrap .row .col-12:nth-child(1) {
		padding-right: 40px;
	}

	footer.footer .footer-wrap .row .col-12:nth-child(2) {
		padding-left: 40px;
	}

	footer.footer .footer-wrap form .search-wrap input[type="search"] {
		padding: 18px 118px 18px 12px;
	}

	footer.footer .footer-wrap form .search-wrap input[type="submit"] {
		right: 8px;
		padding: 10px 22px;
	}

	footer.footer .footer-wrap .footer-menu .menu li {
		margin-top: 24px;
	}

	footer.footer .footer-wrap .footer-copyright {
		padding-top: 60px;
	}
}

@media screen and (max-width: 991px) {
	.container-fluid {
		padding: 0px 28px;
	}
	
	header.header .header-wrap {
		padding: 8px 0px;
		height: 60px;
	}

	header.header .header-wrap a.logo {
		width: 58px;
		min-width: 58px;
		height: 44px;
	}

	header.header .header-wrap .header-menu {
		display: none;
	}

	header.header .header-wrap .contacts-btn {
		font-size: 0px;
		width: 44px;
		min-width: 44px;
		height: 44px;
		padding: 8px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 55% 55%;
		background-image: url(assets/img/phone-icon.svg);
		margin-left: auto;
	}

	header.header .header-wrap .contacts-btn[href*="tel:"]::before {
		display: none;
	}

	header.header .header-wrap .menu-btn {
		display: block;
		font-size: 0px;
		width: 44px;
		min-width: 44px;
		height: 44px;
		padding: 8px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 55% 55%;
		background-image: url(assets/img/menu-burger.svg);
		background-color: var(--main-black);
		border-radius: 100%;
		margin-left: 24px;
		cursor: pointer;
	}

	header.header.menu-open .header-wrap .menu-btn {
		background-size: 40% 40%;
		background-image: url(assets/img/menu-burger-close.svg);
	}

	section.main {
		padding: 8px 0px;
	}

	section.main .main-wrap {
		min-height: 400px;
	}

	section.main.main-ua .main-wrap {
		min-height: 340px;
	}

	section.main .main-wrap .caption {
		padding: 24px;
	}

	section.main .main-wrap .caption h1 {
		font-size: 3em;
		margin-bottom: 20px;
		max-width: 80%;
	}

	section.main .main-wrap .caption .scroll-down-btn {
		width: 88px;
		height: 88px;
		background-size: 100% 100%;
		background-image: url(assets/img/scroll-down-mobile-icon.svg);
		border: none;
	}

	section.main .main-wrap .caption .scroll-down-btn::after {
		background-image: url(assets/img/scroll-down-mobile-icon-hover.svg);
		background-color: transparent;
	}

	section.solutions-title .solutions-title-wrap .caption .scroll-down-btn {
		width: 88px;
		height: 88px;
		background-size: 100% 100%;
		background-image: url(assets/img/scroll-down-mobile-icon.svg);
		border: none;
	}

	section.solutions-title .solutions-title-wrap .caption .scroll-down-btn::after {
		background-image: url(assets/img/scroll-down-mobile-icon-hover.svg);
		background-color: transparent;
	}

	section.clients .clients-wrap {
		margin: 0px -8px;
	}

	.clients-link-item {
		padding: 8px;
	}

	.clients-link-item .item-link {
		padding: 23px;
	}

	.clients-link-item .item-link p.title-h2 span {
		max-width: none;
	}

	.clients-link-item .item-link p.title-h2::after {
		margin-left: 20px;
	}

	section.about {
		padding: 8px 0px;
	}

	section.about .about-wrap {
		padding: 24px;
	}

	section.about .about-wrap > .caption {
		padding: 0px 10px 0px 0px;
	}

	section .title-h2 {
		font-size: 2em;
	}

	section.about .about-wrap > .caption h2 {
		margin-bottom: 20px;
	}

	section.about .about-wrap > .caption p {
		font-size: 1em;
	}

	section.about .about-wrap > .caption .about-text {
		margin-bottom: 20px;
	}

	section.about .about-wrap > .caption .about-text p {
		font-size: 1em;
		margin-bottom: 20px;
	}
	
	section.about .about-wrap > .caption .about-text ul {
		margin-bottom: 20px;
	}

	section.about .about-wrap > .caption .about-text ul li {
		font-size: 1em;
	}

	section.about .about-wrap > .caption .about-text ul li::before {
		width: 28px;
		min-width: 28px;
		height: 28px;
	}

	section.about .about-wrap > .caption .more-link {
		width: 100px;
		height: 100px;
		font-size: 0.75em;
	}

	section.about.about-ua .about-wrap .thumbnail {
		margin-top: -24px;
		margin-right: -24px;
		margin-bottom: -24px;
		width: calc(100% / 2 + 24px);
	}

	section.advantages {
		padding: 8px 0px;
	}

	section.advantages .advantages-wrap {
		padding: 24px;
		overflow: clip;
	}

	section.advantages .advantages-wrap h2 {
		margin-bottom: 20px;
	}

	.advantages-slider {
		margin: 0px -8px;
	}

	.advantages-slider .advantages-item {
		padding: 0px 8px;
	}

	.advantages-slider .slick-list {
		overflow: visible;
		width: 100%;
	} 

	.advantages-slider .slick-track {
		display: flex;
	}

	.advantages-slider .slick-track .slick-slide {
		height: auto;
	}

	.advantages-slider .slick-track .slick-slide > div {
		height: 100%;
	}

	.advantages-slider .slick-track .slick-slide > div .advantages-item {
		height: 100%;
	}

	.advantages-slider .slick-track .slick-slide > div .advantages-item .item-link {
		height: 100%;
	}

	.advantages-item .item-link .caption p.h3 {
		flex-direction: column;
	}

	.advantages-item .item-link .caption p.h3::before {
		margin: 0px;
		margin-bottom: 8px;
	}

	.advantages-item .item-link .caption p.desc {
		margin-top: auto;
	}

	.advantages-item .item-link .caption p.desc::before {
		display: none;
	}

	section.advantages .advantages-wrap .title-wrap {
		flex-direction: column;
		margin-bottom: 20px;
	}

	section.advantages .advantages-wrap .title-wrap h2 {
		width: 100%;
		margin: 0px;
		padding: 0px;
		margin-bottom: 20px;
	}

	section.advantages .advantages-wrap .title-wrap p.desc {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	section.advantages-ua .advantages-item .item-link .caption span.stat {
		margin-bottom: 16px;
	}

	section.solutions-title.advantages-title .solutions-title-wrap {
		min-height: 420px;
	}

	section.solutions-title.advantages-title .solutions-title-wrap .caption .title-h1 {
		max-width: 64%;
	}

	section.solutions-title.ecopan-adv-title {
		padding: 8px 0px;
		position: relative;
		top: 0px;
	}

	section.solutions-title .solutions-title-wrap {
		min-height: 400px;
	}

	section.solutions-title .solutions-title-wrap .caption {
		padding: 24px;
	}

	section .title-h1 {
		font-size: 3em;
		margin-bottom: 20px;
	}

	section.solutions-title .solutions-title-wrap .caption .more-link {
		width: 100px;
		height: 100px;
		font-size: 0.75em;

		width: auto;
		height: auto;
		font-size: 1em;
		border-radius: 12px;
	}

	section.ecopan-adv {
		padding: 8px 0px;
		overflow: clip;
	}

	section.ecopan-adv .ecopan-adv-slider {
		gap: 0px;
	}

	.ecopan-adv-item {
		position: relative;
		top: auto;
		padding: 0px 8px;
	}

	section.ecopan-adv .ecopan-adv-slider .slick-list {
		overflow: visible;
		width: calc(100% + 16px);
		margin: 0px -8px;
	}

	section.ecopan-adv .ecopan-adv-slider .slick-track {
		display: flex;
	}

	section.ecopan-adv .ecopan-adv-slider .slick-track .slick-slide {
		height: auto;
	}

	section.ecopan-adv .ecopan-adv-slider .slick-track .slick-slide > div {
		height: 100%;
	}

	section.ecopan-adv .ecopan-adv-slider .slick-track .slick-slide > div .ecopan-adv-item {
		height: 100%;
	}

	section.ecopan-adv .ecopan-adv-slider .slick-track .slick-slide > div .ecopan-adv-item .item-link {
		height: 100%;
	}

	.slick-slider.ecopan-adv-slider .slick-dots {
		padding: 12px 24px;
		background-color: var(--main-white);
		border-radius: 16px;
		margin-top: 8px;
	}

	.ecopan-adv-item .item-link::before {
		display: none;
	}

	.ecopan-adv-item .item-link::after {
		display: none;
	}

	.ecopan-adv-item .item-link {
		padding: 24px;
		flex-direction: column;
	}

	.ecopan-adv-item .item-link .caption {
		width: 100%;
		padding: 0px;
		margin-bottom: 20px;
	}

	.ecopan-adv-item .item-link .caption .title-h2 {
		margin-bottom: 20px;
	}

	.ecopan-adv-item .item-link .thumbnail {
		width: 100%;
		padding: 0px;
		margin-top: auto;
	}

	.ecopan-adv-item .item-link .thumbnail .img-wrap {
		padding-top: 75%;
	}

	section.solutions-title {
		padding: 8px 0px;
	}

	.solution-item {
		padding: 8px 0px;
	}

	.solution-item .item-link.reverse .caption {
		padding: 24px 24px 24px 10px;
	}

	.solution-item .item-link .caption {
		padding: 24px 10px 24px 24px;
	}

	.solution-item .item-link .caption .title-h2 {
		margin-bottom: 20px;
	}

	.solution-item .item-link .caption .more-link {
		width: 100px;
		height: 100px;
		font-size: 0.75em;
	}

	.ecopan-adv-item .item-link .caption p.desc {
		font-size: 1em;
	}

	section.franchisee {
		padding: 8px 0px;
	}

	section.franchisee .franchisee-wrap {
		padding: 24px;
		overflow: hidden;
	}

	section.franchisee .franchisee-wrap .title-wrap {
		padding-bottom: 20px;
		flex-direction: column;
	}

	section.franchisee .franchisee-wrap .title-wrap .title-h2 {
		width: 100%;
		margin: 0px;
		padding: 0px;
		margin-bottom: 20px;
	}

	section.franchisee .franchisee-wrap .title-wrap p.desc {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	section.franchisee .franchisee-wrap .franchisee-list {
		margin: 0px -24px;
		padding: 0px 16px;
		overflow: auto;
	}

	section.franchisee .franchisee-wrap .franchisee-list::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}

	section.franchisee .franchisee-wrap .franchisee-list .franchisee-item {
		width: auto;
		padding: 0px 8px;
	}

	.franchisee-item .item-link {
		width: 100px;
		height: 100px;
		padding-top: 0px;
	}

	.franchisee-item .item-link .caption {
		padding: 10px;
	}

	.franchisee-item .item-link .caption .h3 {
		font-size: 0.875em;
	}

	section.franchisee.franchisee-ua .franchisee-wrap {
		margin: 0px -8px;
	}

	.franchisee-link-item {
		padding: 8px;
	}

	.franchisee-link-item .item-link {
		padding: 23px;
	}

	.franchisee-link-item .item-link p.title-h2 {
		margin-bottom: 20px;
	}

	.franchisee-link-item .item-link p.title-h2::after {
		margin-left: 20px;
	}

	footer.footer {
		padding: 8px 0px 16px;
	}

	footer.footer .footer-wrap {
		padding: 24px;
	}

	footer.footer .footer-wrap p.h2 {
		font-size: 2em;
		margin-bottom: 20px;
	}

	footer.footer .footer-wrap .row .col-12:nth-child(1) {
		padding-right: 15px;
	}

	footer.footer .footer-wrap .row .col-12:nth-child(2) {
		padding-left: 15px;
	}

	footer.footer .footer-wrap .footer-menu {
		padding-top: 20px;
	}

	footer.footer .footer-wrap .footer-menu .menu {
		margin: 0px -8px;
	}

	footer.footer .footer-wrap .footer-menu .menu li:nth-child(3) {
		margin-top: 18px;
	}

	footer.footer .footer-wrap .footer-menu .menu li {
		width: calc(100% / 2);
		padding: 0px 8px;
		margin-top: 18px;
	}

	footer.footer .footer-wrap .footer-copyright {
		padding-top: 20px;
		display: none;
	}

	footer.footer .footer-wrap .footer-copyright.mobile {
		display: flex;
		flex-wrap: wrap;
		margin: 0px -8px;
	}

	footer.footer .footer-wrap .footer-copyright.mobile > span {
		width: calc(100% / 2 - 16px);
		margin: 0px 8px;
		font-size: 1em;
	}

	footer.footer .footer-wrap .footer-copyright.mobile > span.copyright  {
		font-family: 'Inter', sans-serif;
		font-size: 1em;
		line-height: 120%;
		font-weight: 400;
		color: var(--main-white);
	}

	footer.footer .footer-wrap .footer-copyright.mobile > span a {
		font-size: 1em;
	}

	footer.footer .footer-wrap .footer-copyright.mobile > p {
		width: 100%;
		margin: 20px 8px 0px;
		font-size: 1em;
	}

	header.header .header-wrap {
		transition: var(--slow) background-color;
	}

	header.header.menu-open .header-wrap {
		background-color: var(--main-gray-bg);
	}

	header.header .mobile-menu {
		background-color: var(--main-gray-bg);
		position: fixed;
		left: 0px;
		top: -100vh;
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		overflow-x: clip;
		padding: 76px 28px 16px;
		transition: var(--slow) top;
		display: block;
	}

	header.header .mobile-menu.show {
		top: 0px;
		user-select: auto;
		pointer-events: all;
	}

	header.header .mobile-menu .menus .header-menu ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
		display: flex;
		flex-direction: column;
	}

	header.header .mobile-menu .menus .header-menu ul li {
		margin-bottom: 20px;
		display: flex;
	}

	header.header .mobile-menu .menus .header-menu ul li a {
		font-size: 1.125em;
		line-height: 120%;
		font-weight: 400;
		color: var(--main-black);
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
		text-decoration: none;
	}

	header.header .mobile-menu .menus .header-menu ul li > ul.sub-menu {
		padding-left: 20px;
   		margin-top: 20px;
	}
	header.header .mobile-menu .menus .header-menu ul li.menu-item-has-children{
		display: flex;
 		flex-direction: column;
	}
	header.header .mobile-menu .menus .header-menu ul li > ul.sub-menu li:last-child{
		margin-bottom: 0;
	}

	header.header .mobile-menu .menus .header-menu ul li.pll-parent-menu-item a {
		background-color: var(--main-black);
    color: var(--main-white);
    padding: 10px 8px;
    border-radius: 100%;
		display: none;
	}

	header.header .mobile-menu .menus .header-menu ul li.pll-parent-menu-item > ul.sub-menu {
		display: flex;
		flex-direction: row;
	}

	header.header .mobile-menu .menus .header-menu ul li.pll-parent-menu-item > ul.sub-menu li {
		margin: 0px 12px 0px 0px;
	}

	header.header .mobile-menu .menus .header-menu ul li.pll-parent-menu-item > ul.sub-menu li a {
		background-color: var(--main-black);
    color: var(--main-white);
    padding: 10px 8px;
    border-radius: 100%;
		display: block;
	}
}

@media screen and (max-width: 767px) {
	section.main .main-wrap .caption h1 {
		font-size: 2.5em;
	}

	section.main.main-ua .main-wrap {
		min-height: 400px;
	}

	section.main .main-wrap .caption .scroll-down-btn {
		width: 44px;
		height: 44px;
	}

	section.clients {
		padding: 2px 0px;
	}

	section.clients .clients-wrap {
		margin: 0px -6px;
	}

	.clients-link-item {
		width: 100%;
		padding: 6px;
	}

	.clients-link-item .item-link p.title-h2::after {
		width: 34px;
		min-width: 34px;
		height: 34px;
	}

	section.solutions-title .solutions-title-wrap .caption .scroll-down-btn {
		width: 44px;
		height: 44px;
	}

	section .title-h2 {
		font-size: 1.75em;
	}

	section.about .about-wrap {
		flex-direction: column;
	}

	section.about .about-wrap > .caption {
		width: 100%;
		padding: 0px 0px 20px 0px;
	}

	section.about .about-wrap .thumbnail {
		width: 100%;
		padding: 0px;
	}

	section.about .about-wrap .thumbnail .img-wrap {
		padding-top: 75%;
	}

	section.about.about-ua .about-wrap .thumbnail {
		width: 100%;
		margin: 0px;
	}

	.solution-item .item-link {
		flex-direction: column;
		padding: 24px;
	}

	.solution-item .item-link.reverse {
		flex-direction: column;
	}

	.solution-item .item-link .caption {
		width: 100%;
		padding: 0px 0px 20px 0px;
	}

	.solution-item .item-link.reverse .caption {
		padding: 0px 0px 20px 0px;
	}

	.solution-item .item-link .thumbnail {
		width: 100%;
		padding: 0px;
	}

	.solution-item .item-link.reverse .thumbnail {
		padding: 0px;
	}

	.solution-item .item-link .thumbnail .img-wrap {
		padding-top: 75%;
	}

	section.solutions-title.advantages-title .solutions-title-wrap {
		min-height: 400px;
	}

	section.solutions-title.advantages-title .solutions-title-wrap .caption .title-h1 {
		max-width: 100%;
	}

	section.franchisee.franchisee-ua {
		padding: 2px 0px;
	}

	section.franchisee.franchisee-ua .franchisee-wrap {
		margin: 0px -6px;
	}

	.franchisee-link-item {
		padding: 6px;
		width: 100%;
	}

	.franchisee-link-item .item-link p.title-h2 {
		margin-bottom: 16px;
	}

	.franchisee-link-item .item-link p.title-h2::after {
		width: 34px;
		min-width: 34px;
		height: 34px;
	}

	footer.footer .footer-wrap p.h2 {
		font-size: 1.75em;
	}
}

@media screen and (max-width: 575px) {
	.container-fluid {
		padding: 0px 16px;
	}

	section.main .main-wrap {
		height: auto;
		min-height: 360px;
	}

	section.main.main-ua .main-wrap {
		height: auto;
		min-height: 360px;
	}

	section.main.main-bureau .main-wrap {
		height: auto;
		min-height: 240px;
	}

	section.main .main-wrap .caption {
		padding: 20px 16px;
		min-height: 360px;
	}

	section.main.main-bureau .main-wrap .caption {
		min-height: 240px;
	}

	section.main .main-wrap .caption h1 {
		max-width: none;
		font-size: 2.25em;
	}

	.clients-link-item .item-link {
		padding: 19px 15px;
	}

	section .title-h2 {
		font-size: 1.5em;
	}

	section.about .about-wrap {
		padding: 20px 16px;
	}

	section .title-h1 {
		font-size: 2em;
	}

	section.about .about-wrap > .caption p {
		font-size: 1em;
	}

	section.about .about-wrap > .caption .about-text p {
		font-size: 1em;
		margin-bottom: 16px;
	}
	
	section.about .about-wrap > .caption .about-text ul {
		margin-bottom: 16px;
	}

	section.about .about-wrap > .caption .about-text ul li {
		font-size: 1em;
	}

	section.advantages .advantages-wrap {
		padding: 20px 16px;
	}

	.advantages-slider {
		margin: 0px -6px;
	}

	.advantages-slider .advantages-item {
		padding: 0px 6px;
	}

	.advantages-item .item-link {
		padding: 16px;
	}

	.advantages-item .item-link .caption p.h3 {
		font-size: 1.25em;
	}

	section.solutions-title.advantages-title .solutions-title-wrap {
		height: auto;
		min-height: 360px;
	}

	section.solutions-title .solutions-title-wrap {
		height: auto;
		min-height: 360px;
	}

	section.solutions-title .solutions-title-wrap .caption {
		padding: 20px 16px;
		min-height: 360px;
	}

	section.ecopan-adv .ecopan-adv-slider .slick-list {
		margin: 0px -6px;
		width: calc(100% + 12px);
	}

	.ecopan-adv-item {
		padding: 0px 6px;
	}

	.ecopan-adv-item .item-link {
		padding: 20px 16px;
	}

	.slick-slider.ecopan-adv-slider .slick-dots {
		padding: 8px 16px;
	}

	.ecopan-adv-item .item-link .caption p.desc {
		font-size: 1em;
	}

	.solution-item .item-link {
		padding: 20px 16px;
	}

	section.franchisee .franchisee-wrap {
		padding: 20px 16px;
	}

	.franchisee-link-item .item-link {
		padding: 19px 15px;
	}

	footer.footer .footer-wrap {
		padding: 20px 16px;
	}

	footer.footer .footer-wrap p.h2 {
		font-size: 1.5em;
		max-width: 75%;
	}

	footer.footer .footer-wrap .footer-menu .menu li a {
		font-size: 1em;
	}

	header.header .mobile-menu {
		padding: 68px 16px 16px;
	}
}

@media screen and (max-width: 350px) {
	.container-fluid {
		padding: 0px 8px;
	}

	footer.footer {
		padding: 8px 0px;
	}

	header.header .mobile-menu {
		padding: 68px 8px 8px;
	}
}

section.projects-archive {
	padding: 16px 0px;
	position: relative;
	z-index: 3;
}

section.projects-archive .title-wrap {
	padding: 24px;
	border-radius: 16px;
	background-color: var(--main-white);
	/* overflow: hidden; */
	display: flex;
	flex-direction: column;
	margin-bottom: 32px;
	position: relative;
	z-index: 2;
}

.breadcrumbs-wrap {
	display: flex;
	position: relative;
	z-index: 2;
	margin-bottom: 24px;
}

.breadcrumbs-wrap ul.breadcrumbs {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}

.breadcrumbs-wrap ul.breadcrumbs li {
	display: flex;
	align-items: center;
}

.breadcrumbs-wrap ul.breadcrumbs li:not(:last-child) {
	padding-right: 23px;
	position: relative;
}

.breadcrumbs-wrap ul.breadcrumbs li a {
	font-family: 'Inter', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 150%;
	color: var(--main-text-gray);
	text-decoration: none;
	white-space: nowrap;
	transition: color var(--slow);
}

.breadcrumbs-wrap ul.breadcrumbs li:last-child a {
	color: var(--main-text-gray);
}

.breadcrumbs-wrap ul.breadcrumbs li:not(:last-child)::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 8px;
	content: '/';
	font-family: 'Inter', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 150%;
	color: var(--main-text-gray);
}

@media screen and (min-width: 576px) {
	.breadcrumbs-wrap ul.breadcrumbs li a:hover {
		color: var(--main-text);
	}
}

section.projects-archive .title-wrap h1 {
	margin-bottom: 24px;
}

section.projects-archive .title-wrap .filters-wrap {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 24px;
}

section.projects-archive .title-wrap .filters-wrap .btn-filters-open {
	border: 1px solid var(--main-black);
	border-radius: 50px;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	background-color: var(--main-white);
	cursor: pointer;
	transition: background-color var(--slow), color var(--slow);
}

section.projects-archive .title-wrap .filters-wrap .btn-filters-open::before {
	content: '';
	width: 24px;
	min-width: 24px;
	height: 24px;
	margin-right: 8px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(assets/img/filters-sliders.svg);
	transition: filter var(--slow);
}

@media screen and (min-width: 576px) {
	section.projects-archive .title-wrap .filters-wrap .btn-filters-open:hover {
		background-color: var(--main-black);
		color: var(--main-white);
	}

	section.projects-archive .title-wrap .filters-wrap .btn-filters-open:hover::before {
		filter: invert(1);
	}
}

section.projects-archive .filters-chips-wrap ul.wpc-filter-chips-list {
	flex-wrap: wrap;
	overflow-x: auto;
}

section.projects-archive .filters-chips-wrap .wpc-filter-chip a {
	border-color: var(--main-black)!important;
	color: var(--main-text);
}

section.projects-archive .filters-chips-wrap .wpc-filter-chip a:hover .wpc-chip-remove-icon{
	color: var(--main-text)!important;
}

section.projects-archive .list-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -12px;
}

section.projects-archive .list-wrap .projects-item {
	width: calc(100% / 3);
	padding: 0px 12px;
}

section.projects-archive .list-wrap .projects-item:nth-child(1n + 4) {
	margin-top: 24px;
}

.projects-item {
	display: flex;
}

.projects-item .item-link {
	width: 100%;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	background-color: var(--main-white);
	border-radius: 16px;
	overflow: hidden;
}

.projects-item .item-link .thumbnail {
	width: 100%;
	padding-top: 70%;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

.projects-item .item-link .thumbnail img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--slow);
}

@media screen and (min-width: 576px) {
	.projects-item .item-link:hover .thumbnail img {
		transform: scale(1.1);
	}
}

.projects-item .item-link .thumbnail .tags {
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.projects-item .item-link .thumbnail .tags span {
	padding: 4px 10px;
	border-radius: 6px;
	background-color: var(--main-gray-bg);
	font-size: 0.875em;
	line-height: 100%;
	font-weight: 400;
	color: var(--main-black);
}

.projects-item .item-link .thumbnail .tags span:nth-child(1n + 2) {
	margin-top: 10px;
}

.projects-item .item-link .caption {
	padding: 24px 16px;
	flex: 1;
}

.projects-item .item-link .caption p.h3 {
	font-family: 'Inter', sans-serif;
	font-size: 1.125em;
	line-height: 120%;
	font-weight: 500;
	color: var(--main-black);
	margin-bottom: 0px;
}

.navigation {
	width: 100%;
	padding: 0px 12px;
	margin-top: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.navigation .nav-links {
	border-radius: 28px;
	background-color: var(--main-white);
	padding: 8px;
	gap: 6px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.navigation .nav-links .page-numbers {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-family: 'Inter', sans-serif;
	font-size: 0.875em;
	line-height: 135%;
	font-weight: 500;
	color: var(--main-black);
	background-color: var(--main-white);
	transition: background-color var(--slow), color var(--slow), filter var(--slow);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

@media screen and (min-width: 576px) {
	.navigation .nav-links .page-numbers:hover {
		background-color: var(--main-black);
		color: var(--main-white);
	}
}

.navigation .nav-links .page-numbers.current {
	background-color: var(--main-black);
	color: var(--main-white);
}

.navigation .nav-links .page-numbers.prev {
	font-size: 0px;
	color: transparent;
	background-image: url(assets/img/pagination-prev.svg);
}

.navigation .nav-links .page-numbers.next {
	font-size: 0px;
	color: transparent;
	background-image: url(assets/img/pagination-next.svg);
}

@media screen and (min-width: 576px) {
	.navigation .nav-links .page-numbers.prev:hover,
	.navigation .nav-links .page-numbers.next:hover {
		background-color: var(--main-white);
		filter: invert(1);
	}
}

.navigation .nav-links .page-numbers.inactive {
	opacity: 0.4;
	user-select: none;
	pointer-events: none;
}

@media screen and (max-width: 1199px) {
	section.projects-archive .list-wrap .projects-item {
		width: calc(100% / 2);
	}

	section.projects-archive .list-wrap .projects-item:nth-child(1n + 3) {
		margin-top: 24px;
	}
}

@media screen and (max-width: 991px) {
	section.projects-archive {
		padding: 8px 0px;
	}

	section.projects-archive .title-wrap {
		margin-bottom: 16px;
	}

	.breadcrumbs-wrap {
		margin-bottom: 20px;
	}

	section.projects-archive .title-wrap h1 {
		margin-bottom: 20px;
	}

	section.projects-archive .title-wrap .filters-wrap .btn-filters-open {
		font-size: 0px;
		color: transparent;
		padding: 8px;
		width: 44px;
		min-width: 44px;
		height: 44px;
		justify-content: center;
	}

	section.projects-archive .title-wrap .filters-wrap .btn-filters-open::before {
		margin-right: 0px;
	}

	section.projects-archive .list-wrap {
		margin: 0px -8px;
	}

	section.projects-archive .list-wrap .projects-item {
		padding: 0px 8px;
	}

	section.projects-archive .list-wrap .projects-item:nth-child(1n + 3),
	section.projects-archive .list-wrap .projects-item:nth-child(1n + 4) {
		margin-top: 16px;
	}

	.navigation {
		margin-top: 16px;
		padding: 0px 8px;
	}
}

@media screen and (max-width: 767px) {
	section.projects-archive .list-wrap .projects-item {
		width: calc(100%);
	}

	section.projects-archive .list-wrap .projects-item:nth-child(1n + 2) {
		margin-top: 16px;
	}

	.navigation .nav-links {
		padding: 6px;
		gap: 4px;
	}

	.navigation .nav-links .page-numbers {
		width: 30px;
		height: 30px;
		font-size: 0.75em;
	}

	.projects-item .item-link .caption {
		padding: 20px 16px;
	}
}

@media screen and (max-width: 575px) {
	section.projects-archive .title-wrap {
		padding: 20px 16px;
	}

	.breadcrumbs-wrap {
		margin-left: -16px;
		margin-right: -16px;
		padding-left: 16px;
		padding-right: 16px;
		margin-bottom: 16px;
		overflow-x: auto;
    overflow-y: hidden;
	}

	.breadcrumbs-wrap::-webkit-scrollbar {
		width: 0;
		height: 0
	}

	.breadcrumbs-wrap ul.breadcrumbs li a {
		font-size: 0.875em;
	}

	.breadcrumbs-wrap ul.breadcrumbs li:not(:last-child) {
		padding-right: 15px;
	}

	.breadcrumbs-wrap ul.breadcrumbs li:not(:last-child)::after {
		font-size: 0.875em;
		right: 5px;
		/* top: 46%; */
	}

	section.projects-archive .title-wrap h1 {
		margin-bottom: 16px;
	}

	.projects-item .item-link .caption {
		padding: 16px;
	}
}

section.projects-single {
	padding: 16px 0px;
}

section.projects-single .container-fluid *:last-child {
	margin-bottom: 0px;
}

section.projects-single .title-wrap {
	background-color: var(--main-white);
	border-radius: 16px;
	overflow: hidden;
	padding: 24px;
	margin-bottom: 32px;
}

section.projects-single .title-wrap h1 {
	margin-bottom: 24px;
}

section.projects-single .title-wrap .thumbnail {
	width: 100%;
	padding-top: 50%;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

section.projects-single .title-wrap .thumbnail img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.projects-single .about-wrap {
	background-color: var(--main-white);
	border-radius: 16px;
	overflow: hidden;
	padding: 24px;
	margin-bottom: 32px;
	display: flex;
}

section.projects-single .about-wrap .caption {
	width: calc(100% / 2);
	padding-right: 12px;
	display: flex;
	flex-direction: column;
}

section .title-h3 {
	font-size: 2.25em;
	line-height: 120%;
	font-weight: 500;
	color: var(--main-black);
	margin-bottom: 0px;
}

section.projects-single .about-wrap .caption .title-h3 {
	margin-bottom: 24px;
}

section.projects-single .about-wrap .caption .characteristics-wrap {
	display: flex;
	flex-direction: column;
}

section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item {
	display: flex;
	flex-direction: column;
	margin-bottom: 24px;
}

section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item p.h3 {
	font-size: 1.625em;
	line-height: 120%;
	font-weight: 500;
	color: var(--main-black);
	margin-bottom: 12px;
}

.highlight-price {
    display: inline-block;
    border: 1px solid #009245;
    border-radius: 24px;
    padding: 12px 24px;
    background-color: #009245;
    color: white;
    font-size: 20px;
    font-weight: 500;
}

section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item p.value {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	margin: 0px;
}

section.projects-single .about-wrap .caption .content-text {
	margin-top: auto;
}

section.projects-single .about-wrap .caption .content-text *:last-child {
	margin-bottom: 0px;
}

section.projects-single .about-wrap .caption .content-text p {
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
}

section.projects-single .about-wrap .caption .more-link {
	width: 128px;
	height: 128px;
	margin-top: auto;
	border: 1px solid var(--main-green);
	border-radius: 100%;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-white);
	letter-spacing: -0.01em;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-transform: initial;
	background-color: var(--main-green);
	text-decoration: none;
	transition: background-color var(--fast), color var(--fast), border-color var(--fast);
	margin-top: 24px;
}

@media screen and (min-width: 576px) {
	section.projects-single .about-wrap .caption .more-link:hover {
		border-color: var(--main-black);
		background-color: var(--main-black);
		color: var(--main-white);
	}
}

section.projects-single .about-wrap .thumbnail {
	width: calc(100% / 2);
	padding-left: 12px;
}

section.projects-single .about-wrap .thumbnail .img-wrap {
	width: 100%;
	padding-top: 90%;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

section.projects-single .about-wrap .thumbnail .img-wrap img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

section.projects-single .gallery-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -10px 32px;
}

section.projects-single .gallery-wrap .gallery-item {
	width: calc(100% / 2);
	padding: 0px 10px;
	display: flex;
}

section.projects-single .gallery-wrap .gallery-item:nth-child(3n + 3) {
	width: calc(100%);
}

section.projects-single .gallery-wrap .gallery-item:nth-child(1n + 3) {
	margin-top: 20px;
}

section.projects-single .gallery-wrap .gallery-item .thumbnail {
	width: 100%;
	padding-top: 90%;
	position: relative;
	overflow: hidden;
	border-radius: 16px;
}

section.projects-single .gallery-wrap .gallery-item:nth-child(3n + 3) .thumbnail {
	padding-top: 50%;
}

section.projects-single .gallery-wrap .gallery-item .thumbnail img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.projects-single .scheme-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -10px;
}

section.projects-single .scheme-wrap .scheme-item {
	width: 100%;
	padding: 0px 10px;
	display: flex;
}

section.projects-single .scheme-wrap .scheme-item:nth-child(1n + 2) {
	margin-top: 20px;
}

section.projects-single .scheme-wrap .scheme-item .thumbnail {
	width: 100%;
	overflow: hidden;
	border-radius: 16px;
}

section.projects-single .scheme-wrap .scheme-item .thumbnail img {
	width: 100%;
	object-fit: contain;
}

@media screen and (max-width: 1299px) {
	section .title-h3 {
		font-size: 2.125em;
	}

	section.projects-single .about-wrap .caption .more-link {
		width: 108px;
		height: 108px;
		font-size: 0.875em;
		margin-top: 20px;
	}
}

@media screen and (max-width: 1199px) {
	section .title-h3 {
		font-size: 2em;
	}

	section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item {
		margin-bottom: 20px;
	}

	section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item p.h3 {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 991px) {
	section.projects-single {
		padding: 8px 0px;
	}

	section.projects-single .title-wrap {
		margin-bottom: 16px;
	}

	section.projects-single .title-wrap h1 {
		margin-bottom: 20px;
	}

	section .title-h3 {
		font-size: 1.75em;
	}

	section.projects-single .about-wrap {
		margin-bottom: 16px;
	}

	section.projects-single .about-wrap .caption .title-h3 {
		margin-bottom: 20px;
	}

	section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item {
		margin-bottom: 16px;
	}

	section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item p.h3 {
		font-size: 1.375em;
		margin-bottom: 6px;
	}

	section.projects-single .gallery-wrap {
		margin: 0px -8px 16px;
	}

	section.projects-single .gallery-wrap .slick-list {
		overflow: visible!important;
		width: 100%;
	}

	section.projects-single .gallery-wrap .slick-list .slick-slide > div {
		display: flex;
	}

	section.projects-single .gallery-wrap .gallery-item {
		padding: 0px 8px;
	}

	section.projects-single .gallery-wrap .slick-dots {
		padding: 12px 24px;
		background-color: var(--main-white);
		border-radius: 16px;
		margin: 8px 8px 0px;
	}

	section.projects-single .scheme-wrap {
		margin: 0px -8px;
	}

	section.projects-single .scheme-wrap .slick-list {
		overflow: visible!important;
		width: 100%;
	}

	section.projects-single .scheme-wrap .slick-list .slick-slide > div {
		display: flex;
	}

	section.projects-single .scheme-wrap .scheme-item {
		padding: 0px 8px;
	}

	section.projects-single .scheme-wrap .slick-dots {
		padding: 12px 24px;
		background-color: var(--main-white);
		border-radius: 16px;
		margin: 8px 8px 0px;
	}

	section.projects-single .about-wrap .caption .more-link {
		width: 100px;
		height: 100px;
		font-size: 0.75em;
		margin-top: 16px;
	}
}

@media screen and (max-width: 767px) {
	section.projects-single .title-wrap .thumbnail {
		padding-top: 65%;
	}

	section .title-h3 {
		font-size: 1.5em;
	}

	section.projects-single .about-wrap {
		flex-direction: column;
	}

	section.projects-single .about-wrap .caption {
		width: 100%;
		padding: 0px 0px 20px;
	}

	section.projects-single .about-wrap .thumbnail {
		width: 100%;
		padding: 0px;
	}

	section.projects-single .about-wrap .thumbnail .img-wrap {
		padding-top: 75%;
	}

	section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item p.h3 {
		font-size: 1.25em;
	}

	section.projects-single .gallery-wrap .gallery-item .thumbnail {
		padding-top: 0px;
	}

	section.projects-single .gallery-wrap .gallery-item .thumbnail img {
		position: relative;
	}
}

@media screen and (max-width: 575px) {
	section.projects-single .title-wrap {
		padding: 20px 16px;
	}

	section.projects-single .title-wrap h1 {
		margin-bottom: 16px;
	}

	section.projects-single .about-wrap {
		padding: 20px 16px;
	}

	section .title-h3 {
		font-size: 1.375em;
	}

	section.projects-single .about-wrap .caption .title-h3 {
		margin-bottom: 16px;
	}

	section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item {
		margin-bottom: 8px;
	}

	section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item p.h3 {
		margin-bottom: 2px;
	}

	section.projects-single .gallery-wrap {
		margin: 0px -6px 16px;
	}

	section.projects-single .gallery-wrap .gallery-item {
		padding: 0px 6px;
	}

	section.projects-single .gallery-wrap .slick-dots {
		padding: 8px 16px;
	}

	section.projects-single .scheme-wrap {
		margin: 0px -6px;
	}

	section.projects-single .scheme-wrap .scheme-item {
		padding: 0px 6px;
	}

	section.projects-single .scheme-wrap .slick-dots {
		padding: 8px 16px;
	}

	section.projects-single .about-wrap .caption .more-link {
		margin-top: 8px;
	}
}

section.projects-archive .title-wrap .taxonomy-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

section.projects-archive .title-wrap .taxonomy-wrap a {
	border: 1px solid var(--main-black);
	border-radius: 50px;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	background-color: var(--main-white);
	cursor: pointer;
	text-decoration: none;
	transition: background-color var(--slow), color var(--slow);
}

section.projects-archive .title-wrap .taxonomy-wrap a.active {
	background-color: var(--main-black);
	color: var(--main-white);
}

@media screen and (min-width: 576px) {
	section.projects-archive .title-wrap .taxonomy-wrap a:hover {
		background-color: var(--main-black);
		color: var(--main-white);
	}
}

section.projects-archive .popular-wrap {
	display: flex;
	flex-direction: column;
	margin-bottom: 32px;
	/* padding: 24px;
	border-radius: 16px;
	background-color: var(--main-white); */
	overflow: hidden;
}

section.projects-archive .popular-wrap .title-h3 {
	margin-bottom: 24px;
	width: 100%;
}

section.projects-archive .popular-wrap .popular-list {
	margin: 0px -10px;
	display: flex;
}

section.projects-archive .popular-wrap .popular-list .blog-item {
	width: calc(100% / 4);
	padding: 0px 10px;
}

section.projects-archive .popular-wrap .popular-list .blog-item:nth-child(1) {
	width: calc(100% / 2);
}

.blog-item {
	display: flex;
}

.blog-item .item-link {
	text-decoration: none;
	display: flex;
	overflow: hidden;
	border-radius: 16px;
	background-color: var(--main-white);
	position: relative;
	width: 100%;
	min-height: 300px;
}

.blog-item .item-link .caption {
	position: relative;
	z-index: 2;
	padding: 16px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.75) 85%);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.blog-item .item-link .caption .tag {
	border: 1px solid var(--main-white);
	border-radius: 50px;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	background-color: var(--main-white);
	text-decoration: none;
	margin-bottom: 24px;
}

.blog-item .item-link .caption p.h3 {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 500;
	color: var(--main-white);
	margin-bottom: 0px;
	margin-top: auto;
}

.blog-item .item-link .caption p.text {
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-white);
	margin-top: 12px;
	margin-bottom: 0px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

section.projects-archive .popular-wrap .popular-list .blog-item .item-link .caption p.text {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.blog-item .item-link .thumbnail {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.blog-item .item-link .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--slow);
}

@media screen and (min-width: 576px) {
	.blog-item .item-link:hover .thumbnail img {
		transform: scale(1.1);
	}
}

section.projects-archive .list-wrap .title-h3 {
	width: 100%;
	padding: 0px 12px;
	margin-bottom: 24px;
}

section.projects-archive .list-wrap .blog-item {
	width: calc(100% / 3);
	padding: 0px 12px;
}

section.projects-archive .list-wrap .blog-item:nth-child(1n + 5) {
	margin-top: 24px;
}

@media screen and (max-width: 1199px) {
	section.projects-archive .title-wrap .taxonomy-wrap {
		gap: 12px;
	}

	section.projects-archive .popular-wrap .popular-list {
		flex-direction: column;
	}

	section.projects-archive .popular-wrap .popular-list .slick-list {
		overflow: visible!important;
	}

	section.projects-archive .popular-wrap .popular-list .slick-list .slick-track {
		display: flex;
	}

	section.projects-archive .popular-wrap .popular-list .slick-list .slick-track .slick-slide {
		height: auto;
	}

	section.projects-archive .popular-wrap .popular-list .slick-list .slick-track .slick-slide > div {
		height: 100%;
	}

	section.projects-archive .popular-wrap .popular-list .blog-item {
		height: 100%;
	}

	section.projects-archive .popular-wrap .popular-list .blog-item .item-link {
		height: 100%;
	}

	section.projects-archive .list-wrap .blog-item {
		width: calc(100% / 2);
	}

	section.projects-archive .list-wrap .blog-item:nth-child(1n + 4) {
		margin-top: 24px;
	}
}

@media screen and (max-width: 991px) {
	section.projects-archive .title-wrap .taxonomy-wrap {
		gap: 8px;
	}

	section.projects-archive .title-wrap .taxonomy-wrap a {
		font-size: 0.875em;
		padding: 8px 16px;
	}

	section.projects-archive .popular-wrap {
		margin-bottom: 16px;
	}

	section.projects-archive .popular-wrap .title-h3 {
		margin-bottom: 20px;
	}

	section.projects-archive .popular-wrap .popular-list {
		margin: 0px -8px;
	}

	section.projects-archive .popular-wrap .popular-list .blog-item {
		padding: 0px 8px;
	}

	section.projects-archive .list-wrap .title-h3 {
		margin-bottom: 20px;
		padding: 0px 8px;
	}

	section.projects-archive .list-wrap .blog-item {
		padding: 0px 8px;
	}

	section.projects-archive .list-wrap .blog-item:nth-child(1n + 4),
	section.projects-archive .list-wrap .blog-item:nth-child(1n + 5) {
		margin-top: 16px;
	}

	.blog-item .item-link .caption .tag {
		font-size: 0.875em;
		padding: 8px 16px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	.blog-item .item-link {
		min-height: 240px;
	}

	section.projects-archive .list-wrap .blog-item {
		width: 100%;
	}

	section.projects-archive .list-wrap .blog-item:nth-child(1n + 3) {
		margin-top: 16px;
	}
}

@media screen and (max-width: 575px) {
	section.projects-archive .title-wrap .taxonomy-wrap {
		gap: 6px;
	}

	section.projects-archive .title-wrap .taxonomy-wrap a {
		font-size: 0.75em;
		padding: 6px 12px;
	}

	section.projects-archive .popular-wrap {
		/* padding: 20px 16px; */
	}

	section.projects-archive .popular-wrap .title-h3 {
		margin-bottom: 16px;
	}

	section.projects-archive .list-wrap .title-h3 {
		margin-bottom: 12px;
	}

	.blog-item .item-link {
		min-height: 220px;
	}

	.blog-item .item-link .caption .tag {
		margin-bottom: 16px;
		font-size: 0.75em;
		padding: 6px 12px;
	}

	.blog-item .item-link .caption p.h3 {
		font-size: 1.25em;
	}

	.blog-item .item-link .caption p.text {
		font-size: 0.875em;
	}

	section.projects-archive .popular-wrap .popular-list {
		margin: 0px -6px;
	}

	section.projects-archive .popular-wrap .popular-list .blog-item {
		padding: 0px 6px;
	}

	.popular-list .slick-dots {
		margin-top: 16px;
	}
}

section.blog-single .title-wrap .meta-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 24px;
	gap: 16px;
}

section.blog-single .title-wrap .meta-wrap .tag {
	border: 1px solid var(--main-gray-bg);
	border-radius: 50px;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	background-color: var(--main-gray-bg);
	text-decoration: none;
	transition: border-color var(--slow);
}

@media screen and (min-width: 576px) {
	section.blog-single .title-wrap .meta-wrap .tag:hover {
		border-color: var(--main-black);
	}
}

section.blog-single .title-wrap .meta-wrap .author {
	font-family: 'Inter', sans-serif;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text-gray);
}

section.blog-single .title-wrap .meta-wrap .author a {
	color: var(--main-text-gray);
	transition: color var(--slow);
}

@media screen and (min-width: 576px) {
	section.blog-single .title-wrap .meta-wrap .author a:hover {
		color: var(--main-text);
	}
}

section.blog-single .title-wrap .meta-wrap .date {
	font-family: 'Inter', sans-serif;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text-gray);
}

section.blog-single .title-wrap .meta-wrap .date span {
	color: var(--main-text-gray);
}

section.projects-single.blog-single .title-wrap .thumbnail {
	padding-top: 35%;
}

section.blog-single .content-wrap {
	background-color: var(--main-white);
	border-radius: 16px;
	overflow: clip;
	padding: 24px;
	margin-bottom: 32px;
	position: relative;
}

section.blog-single .content-wrap .share-wrap {
	position: absolute;
	left: 24px;
	top: 24px;
	height: calc(100% - 48px);
}

section.blog-single .content-wrap .share-wrap .addtoany_shortcode {
	position: sticky;
	top: 104px;
	display: flex;
}

section.blog-single .content-wrap .share-wrap .addtoany_shortcode .addtoany_list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

section.blog-single .content-wrap .share-wrap .addtoany_shortcode .addtoany_list a {
	width: 48px;
	min-width: 48px;
	height: 48px;
	border-radius: 100%;
	background-color: var(--main-gray-bg);
	background-position: left 51% center;
	background-repeat: no-repeat;
	background-size: 55% 55%;
}

section.blog-single .content-wrap .share-wrap .addtoany_shortcode .addtoany_list a[class*="telegram"] {
	background-image: url(assets/img/share-telegram.svg);
}

section.blog-single .content-wrap .share-wrap .addtoany_shortcode .addtoany_list a[class*="facebook"] {
	background-image: url(assets/img/share-facebook.svg);
}

section.blog-single .content-wrap .share-wrap .addtoany_shortcode .addtoany_list a[class*="viber"] {
	background-image: url(assets/img/share-viber.svg);
}

section.blog-single .content-wrap .share-wrap .addtoany_shortcode .addtoany_list a span {
	display: none;
}

section.blog-single .blog-more-wrap {
	background-color: var(--main-white);
	border-radius: 16px;
	overflow: hidden;
	padding: 24px;
	position: relative;
}

section.blog-single .blog-more-wrap .title-h3 {
	margin-bottom: 24px;
}

section.blog-single .blog-more-wrap .blog-more-list {
	display: flex;
	margin: 0px -10px;
}

section.blog-single .blog-more-wrap .blog-more-list .blog-item {
	width: calc(100% / 3);
	padding: 0px 10px;
}

@media screen and (max-width: 1199px) {
	section.blog-single .title-wrap .meta-wrap {
		gap: 12px;
	}

	section.blog-single .blog-more-wrap .blog-more-list {
		flex-direction: column;
	}

	section.blog-single .blog-more-wrap .blog-more-list .slick-list {
		overflow: visible!important;
	}

	section.blog-single .blog-more-wrap .blog-more-list .slick-list .slick-track {
		display: flex;
	}

	section.blog-single .blog-more-wrap .blog-more-list .slick-list .slick-track .slick-slide {
		height: auto;
	}

	section.blog-single .blog-more-wrap .blog-more-list .slick-list .slick-track .slick-slide > div {
		height: 100%;
	}

	section.blog-single .blog-more-wrap .blog-more-list .blog-item {
		height: 100%;
	}

	section.blog-single .blog-more-wrap .blog-more-list .blog-item .item-link {
		height: 100%;
	}
}

@media screen and (max-width: 991px) {
	section.blog-single .title-wrap .meta-wrap {
		margin-bottom: 20px;
	}

	section.blog-single .title-wrap .meta-wrap .tag {
		font-size: 0.875em;
		padding: 8px 16px;
	}

	section.blog-single .content-wrap {
		margin-bottom: 16px;
	}

	section.blog-single .content-wrap .share-wrap {
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		margin-top: 20px;
	}

	section.blog-single .content-wrap .share-wrap .addtoany_shortcode {
		position: relative;
		top: auto;
	}

	section.blog-single .content-wrap .share-wrap .addtoany_shortcode .addtoany_list {
		flex-direction: row;
		gap: 8px;
	}

	section.blog-single .blog-more-wrap .title-h3 {
		margin-bottom: 20px;
	}

	section.blog-single .blog-more-wrap .blog-more-list {
		margin: 0px -8px;
	}

	section.blog-single .blog-more-wrap .blog-more-list .blog-item {
		padding: 0px 8px;
	}
}

@media screen and (max-width: 767px) {
	section.blog-single .title-wrap .meta-wrap {
		gap: 8px;
	}

	section.blog-single .title-wrap .meta-wrap .author {
		font-size: 0.875em;
	}

	section.blog-single .title-wrap .meta-wrap .date {
		font-size: 0.875em;
	}

	section.projects-single.blog-single .title-wrap .thumbnail {
		padding-top: 50%;
	}
}

@media screen and (max-width: 575px) {
	section.blog-single .title-wrap .meta-wrap {
		margin-bottom: 16px;
		gap: 6px;
	}

	section.blog-single .title-wrap .meta-wrap .tag {
		font-size: 0.75em;
    padding: 6px 12px;
	}

	section.blog-single .content-wrap {
		padding: 20px 16px;
	}

	section.blog-single .content-wrap .share-wrap {
		margin-top: 16px;
	}

	section.blog-single .blog-more-wrap {
		padding: 20px 16px;
	}

	section.blog-single .blog-more-wrap .title-h3 {
		margin-bottom: 16px;
	}

	section.blog-single .blog-more-wrap .blog-more-list {
		margin: 0px -6px;
	}

	section.blog-single .blog-more-wrap .blog-more-list .blog-item {
		padding: 0px 6px;
	}

	.blog-more-list .slick-dots {
		margin-top: 16px;
	}
}

.page-content h2 {
  font-size: 2em;
	line-height: 120%;
	font-weight: 500;
  color: var(--main-black);
  margin-bottom: 20px;
}

.page-content h2 a {
  color: var(--main-black);
}

.page-content h3 {
  font-size: 1.5em;
	line-height: 120%;
	font-weight: 500;
  color: var(--main-black);
  margin-bottom: 18px;
}

.page-content h3 a {
  color: var(--main-black);
}

.page-content ul {
	list-style-type: square;
}

.page-content ul,
.page-content ol {
	margin-bottom: 24px;
	padding-left: 20px;
}

.page-content ul li,
.page-content ol li {
  font-size: 1em;
  line-height: 150%;
	font-weight: 400;
  margin-bottom: 8px;
  color: var(--main-text);
}

.page-content p {
  font-size: 1em;
  line-height: 150%;
	font-weight: 400;
  color: var(--main-text);
  word-break: break-word;
	margin-bottom: 24px;
}

.page-content a {
  text-decoration: underline;
  color: var(--main-text);
}

.page-content p:has(.alignright) {
  clear: both;
  margin-bottom: 0px;
}

.page-content p img {
  width: 100%;
	border-radius: 16px;
	overflow: hidden;
}

.page-content p img.alignright {
  float: right;
  width: 50%;
  margin-left: 20px;
  margin-bottom: 24px;
}

.page-content p:has(.alignleft) {
  clear: both;
  margin-bottom: 0px;
}

.page-content p img.alignleft {
  float: left;
  width: 50%;
  margin-right: 20px;
  margin-bottom: 24px;
}

.page-content p:has(.aligncenter) {
  clear: both;
}

.page-content p img.aligncenter {
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.page-content p:has(iframe),
.page-content .sketchfab-embed-wrapper {
  clear: both;
  padding-top: 56.25%;
  position: relative;
}

.page-content p iframe,
.page-content .sketchfab-embed-wrapper iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
	border-radius: 16px;
	overflow: hidden;
}

.page-content *:last-child {
	margin-bottom: 0px;
}

.page-content * + p:has(iframe),
.page-content * + .sketchfab-embed-wrapper {
  margin-top: 24px;
  margin-bottom: 24px;
}

.page-content * + p:has(img.alignright),
.page-content * + p:has(img.alignleft),
.page-content * + p:has(img.alignnone),
.page-content * + p:has(img.aligncenter) {
  margin-top: 24px;
}

.page-content figure {
  width: 100%!important;
  position: relative;
  margin-top: 24px;
  clear: both;
}

.page-content figure img {
  width: 100%;
}

.page-content figure figcaption {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 0.875em;
	line-height: 120%;
  font-weight: 400;
  color: var(--main-black);
  display: flex;
  flex-direction: column;
  text-align: end;
  align-items: flex-end;
  word-spacing: 9999rem;
}

.page-content figure.aligncenter {
  width: 80%!important;
  margin-left: auto;
  margin-right: auto;
}

.page-content figure.alignleft {
  width: 50%!important;
  margin-right: 20px;
  float: left;
}

.page-content figure.alignleft + p {
  margin-top: 24px;
}

.page-content figure.alignright {
  width: 50%!important;
  margin-left: 20px;
  float: right;
}

.page-content figure.alignright + p {
  margin-top: 24px;
}

.page-content figure.alignright:first-child,
.page-content figure.alignleft:first-child {
  margin-top: 0px;
}

.page-content figure.alignright:first-child + p,
.page-content figure.alignleft:first-child + p {
  margin-top: 0px;
}

@media screen and (max-width: 1299px) {
  .page-content h2 {
    font-size: 1.875em;
  }

	.page-content h3 {
		font-size: 1.375em;
	}
}

@media screen and (max-width: 991px) {
  .page-content h2 {
    font-size: 1.75em;
		margin-bottom: 16px;
  }

	.page-content h3 {
		font-size: 1.25em;
		margin-bottom: 14px;
	}

	.page-content ul,
	.page-content ol {
		margin-bottom: 20px;
	}

	.page-content ul li,
	.page-content ol li {
		margin-bottom: 6px;
	}

	.page-content p {
		margin-bottom: 20px;
	}

	.page-content p img.alignright {
		margin-left: 16px;
		margin-bottom: 20px;
	}

	.page-content p img.alignleft {
		margin-right: 16px;
		margin-bottom: 20px;
	}

	.page-content * + p:has(iframe),
	.page-content * + .sketchfab-embed-wrapper {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.page-content * + p:has(img.alignright),
	.page-content * + p:has(img.alignleft),
	.page-content * + p:has(img.alignnone),
	.page-content * + p:has(img.aligncenter) {
		margin-top: 20px;
	}

	.page-content figure {
		margin-top: 20px;
	}

	.page-content figure.alignleft {
		margin-right: 16px;
	}

	.page-content figure.alignleft + p {
		margin-top: 20px;
	}

	.page-content figure.alignright {
		margin-left: 16px;
	}

	.page-content figure.alignright + p {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.page-content h2 {
    font-size: 1.5em;
  }

	.page-content h3 {
		font-size: 1.25em;
	}

  .page-content p img.alignright {
    float: none;
    display: block;
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  .page-content p img.alignleft {
    float: none;
    display: block;
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  .page-content .center-column {
    width: 100%;
    max-width: 500px;
  }

  .page-content p img.alignnone {
    display: block;
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  .page-content p img.aligncenter {
    width: 100%;
    max-width: 500px;
  }

  .page-content figure {
    margin-top: 20px;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

	.page-content figure figcaption {
		font-size: 0.75em;
	}

  .page-content figure.aligncenter {
    width: 100%!important;
    max-width: 500px;
  }

  .page-content figure.alignleft {
    width: 100%!important;
    margin-right: auto;
    float: none;
  }

  .page-content figure.alignright {
    width: 100%!important;
    margin-left: auto;
    float: none;
  }
}

@media screen and (max-width: 575px) {
	.page-content h2 {
    font-size: 1.375em;
		margin-bottom: 12px;
  }

	.page-content h3 {
		font-size: 1.125em;
		margin-bottom: 10px;
	}

	.page-content ul,
	.page-content ol {
		margin-bottom: 16px;
	}

	.page-content p {
		margin-bottom: 16px;
	}

	.page-content p img.alignright {
		margin-left: 12px;
		margin-bottom: 16px;
	}

	.page-content p img.alignleft {
		margin-right: 12px;
		margin-bottom: 16px;
	}

	.page-content * + p:has(iframe),
	.page-content * + .sketchfab-embed-wrapper {
		margin-top: 16px;
		margin-bottom: 16px;
	}

	.page-content * + p:has(img.alignright),
	.page-content * + p:has(img.alignleft),
	.page-content * + p:has(img.alignnone),
	.page-content * + p:has(img.aligncenter) {
		margin-top: 16px;
	}

	.page-content figure {
		margin-bottom: 16px;
	}

	.page-content figure.alignleft {
		margin-right: 12px;
	}

	.page-content figure.alignleft + p {
		margin-top: 16px;
	}

	.page-content figure.alignright {
		margin-left: 12px;
	}

	.page-content figure.alignright + p {
		margin-top: 16px;
	}
}

section.main .main-wrap .caption .breadcrumbs-wrap ul.breadcrumbs li a {
	color: var(--main-white);
}

section.main .main-wrap .caption .breadcrumbs-wrap ul.breadcrumbs li:not(:last-child)::after {
	color: var(--main-white);
}

.solution-item .item-link .caption .about-text {
	margin-bottom: 24px;
}

.solution-item .item-link .caption .about-text *:last-child {
	margin-bottom: 0px!important;
}

.solution-item .item-link .caption .about-text a {
	color: var(--main-text);
	transition: color var(--slow);
}

@media screen and (min-width: 576px) {
	.solution-item .item-link .caption .about-text a:hover {
		color: var(--main-black);
	}
}

.solution-item .item-link .caption .about-text p {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 16px;
}

.solution-item .item-link .caption .about-text ul {
	padding: 0px;
	list-style: none;
}

.solution-item .item-link .caption .about-text ul li {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	position: relative;
	color: var(--main-text);
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
}

.solution-item .item-link .caption .about-text ul li::before {
	align-self: flex-start;
	content: '';
	width: 40px;
	min-width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(assets/img/arrow-list.svg);
	margin-right: 12px;
}

.solution-item .item-link .caption .undertext {
	font-weight: 400;
	margin-bottom: 36px;
}

section.calculator-banner {
	padding: 16px 0px;
}

section.calculator-banner .calculator-banner-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	padding: 40px;
	display: flex;
}

section.calculator-banner .calculator-banner-wrap .caption {
	width: 50%;
	padding-right: 30px;
	display: flex;
	flex-direction: column;
}

section.calculator-banner .calculator-banner-wrap .btn-wrap .desc {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 24px;
}

section.calculator-banner .calculator-banner-wrap .btn-wrap {
	width: 50%;
	padding-left: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

section.calculator-banner .calculator-banner-wrap .btn-wrap .more-link {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-white);
	padding: 11px 32px;
	background-color: var(--main-black);
	border-radius: 50px;
	text-decoration: none;
	transition: opacity var(--slow);
}

@media screen and (min-width: 576px) {
	section.calculator-banner .calculator-banner-wrap .btn-wrap .more-link:hover {
		opacity: 0.8;
	}
}

section.faq {
	padding: 16px 0px;
}

section.faq .faq-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	padding: 40px;
	display: flex;
	flex-direction: column;
}

section.faq.seo .faq-wrap {
	flex-direction: row;
}

section.faq .faq-wrap + .faq-wrap {
	margin-top: 32px;
}

section.faq .faq-wrap .title-h1:last-child {
	margin-bottom: 0px;
}

section.faq .faq-wrap .title-h2 {
	margin-bottom: 24px;
}

section.faq .faq-wrap .faq-container + .title-h2 {
	margin-top: 44px;
}

section.faq .faq-wrap .faq-list {
	width: 50%;
	padding-right: 30px;
	display: flex;
	flex-direction: column;
}

section.faq .faq-wrap .seo-list {
	width: 50%;
	padding-left: 30px;
	display: flex;
	flex-direction: column;
}

.faq-container .card {
	border-radius: 0px;
	padding: 0px;
	overflow: hidden;
	border: none;
	border-bottom: 1px solid #686868;
}

.faq-container .card:not(:last-child) {
	margin-bottom: 20px;
}

.faq-container .card .card-header {
	border: none;
	border-radius: 0px;
	background-color: transparent;
	padding: 16px 0px;
}

.faq-container .card .card-header button {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	position: relative;
	padding: 0px;
	padding-right: 50px;
	border-radius: 0px;
}

.faq-container .card .card-header button .cross {
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	min-width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.faq-container .card .card-header button .cross::after, 
.faq-container .card .card-header button .cross::before {
	position: absolute;
	content: '';
	height: 2px;
	width: 100%;
	background-color: var(--main-black);
	transition: var(--slow);
}

.faq-container .card .card-header button .cross::before {
	transform: rotate(90deg);
}

.faq-container .card .card-header button:not(.collapsed) .cross::before {
	transform: rotate(0deg);
}

.faq-container .card .card-header button:not(.collapsed) .cross::after {
	transform: rotate(-180deg);
}

.faq-container .card .card-body {
	background-color: transparent;
	padding: 0px 0px 16px;
}

.faq-container .card .card-body p {
	margin: 0px;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
}

section.consult-form {
	padding: 16px 0px;
}

section.consult-form .consult-form-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	padding: 40px;
	display: flex;
	overflow: hidden;
}

section.consult-form .consult-form-wrap .title-h2 {
	width: 50%;
	padding-right: 30px;
}

section.consult-form .consult-form-wrap .form-wrap {
	width: 50%;
	padding-left: 30px;
	display: flex;
	flex-direction: column;
}

section.consult-form .consult-form-wrap .form-wrap .wpcf7 {
	height: 100%;
}

section.consult-form .consult-form-wrap.vertical {
	flex-direction: column;
}

section.consult-form .consult-form-wrap.vertical .title-h2 {
	width: 100%;
	padding: 0px;
	margin-bottom: 20px;
}


section.consult-form .consult-form-wrap.vertical .form-wrap {
	width: 100%;
	padding: 0px;
}

.mfp-content .banner-modal-wrap .wpcf7 form,
section.consult-form .consult-form-wrap .form-wrap form {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.mfp-content .banner-modal-wrap .wpcf7 form > div.inputs,
section.consult-form .consult-form-wrap .form-wrap form > div.inputs {
	display: flex;
	gap: 20px;
}

.mfp-content .banner-modal-wrap .wpcf7 form > p:has(input[name="email-address"]),
section.consult-form .consult-form-wrap .form-wrap form > p:has(input[name="email-address"]),
.mfp-content .banner-modal-wrap .wpcf7 form > p:has(input[type="hidden"]),
section.consult-form .consult-form-wrap .form-wrap form > p:has(input[type="hidden"]) {
	display: none;
}

.mfp-content .banner-modal-wrap .wpcf7 form > p textarea,
.mfp-content .banner-modal-wrap .wpcf7 form > div.inputs input,
section.consult-form .consult-form-wrap .form-wrap form > p textarea,
section.consult-form .consult-form-wrap .form-wrap form > div.inputs input {
	width: 100%;
	border: none;
	background-color: var(--main-gray-item);
	color: var(--main-black);
	border-radius: 50px;
	box-shadow: none;
	padding: 11px 20px;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	outline: none;
	resize: none;
}

.mfp-content .banner-modal-wrap .wpcf7 form > p textarea,
section.consult-form .consult-form-wrap .form-wrap form > p textarea {
	border-radius: 16px;
}

.mfp-content .banner-modal-wrap .wpcf7 form > p textarea::placeholder,
.mfp-content .banner-modal-wrap .wpcf7 form > div.inputs input::placeholder,
section.consult-form .consult-form-wrap .form-wrap form > p textarea::placeholder,
section.consult-form .consult-form-wrap .form-wrap form > div.inputs input::placeholder {
	color: var(--main-text);
}

.mfp-content .banner-modal-wrap .wpcf7 form > p textarea::-webkit-scrollbar,
.mfp-content .banner-modal-wrap .wpcf7 form > div.inputs input::-webkit-scrollbar,
section.consult-form .consult-form-wrap .form-wrap form > p textarea::-webkit-scrollbar,
section.consult-form .consult-form-wrap .form-wrap form > div.inputs input::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

.mfp-content .banner-modal-wrap .wpcf7 form .wpcf7-form-control-wrap,
section.consult-form .consult-form-wrap .form-wrap form .wpcf7-form-control-wrap {
	display: flex;
	flex-direction: column;
}

.mfp-content .banner-modal-wrap .wpcf7 form .wpcf7-not-valid-tip,
section.consult-form .consult-form-wrap .form-wrap form .wpcf7-not-valid-tip {
	margin-top: 8px;
	font-size: 0.875em;
}

.mfp-content .banner-modal-wrap .wpcf7 form p,
section.consult-form .consult-form-wrap .form-wrap form p {
	margin-bottom: 16px;
	width: 100%;
}

.mfp-content .banner-modal-wrap .wpcf7 form p:has(input[type="submit"]),
section.consult-form .consult-form-wrap .form-wrap form p:has(input[type="submit"]) {
	margin-bottom: 0px;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	margin-top: auto;
}

.mfp-content .banner-modal-wrap .wpcf7 form p input[type="submit"],
section.consult-form .consult-form-wrap .form-wrap form p input[type="submit"] {
	border: none;
	background-color: var(--main-black);
	color: var(--main-white);
	border-radius: 50px;
	box-shadow: none;
	padding: 11px 32px;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	outline: none;
	transition: opacity var(--slow);
}

@media screen and (min-width: 576px) {
	.mfp-content .banner-modal-wrap .wpcf7 form p input[type="submit"]:hover,
	section.consult-form .consult-form-wrap .form-wrap form p input[type="submit"]:hover {
		opacity: 0.8;
	}
}

.mfp-content .banner-modal-wrap .wpcf7 form .wpcf7-response-output,
section.consult-form .consult-form-wrap .form-wrap form .wpcf7-response-output {
	margin: 24px 0px 0px;
	border: 1px solid var(--main-black);
	background-color: var(--main-white);
	color: var(--main-text);
	padding: 12px 20px;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
}

@media screen and (max-width: 1199px) {
	.solution-item .item-link .caption .undertext {
		margin-bottom: 24px;
	}

	section.calculator-banner .calculator-banner-wrap {
		padding: 30px;
	}

	section.faq .faq-wrap {
		padding: 30px;
	}

	section.faq .faq-wrap .title-h2 {
		margin-bottom: 20px;
	}

	.faq-container .card:not(:last-child) {
		margin-bottom: 20px;
	}

	section.faq .faq-wrap .faq-container + .title-h2 {
		margin-top: 36px;
	}

	section.consult-form .consult-form-wrap {
		padding: 30px;
	}

	.mfp-content .banner-modal-wrap .wpcf7 form .wpcf7-not-valid-tip,
	section.consult-form .consult-form-wrap .form-wrap form .wpcf7-not-valid-tip {
		margin-top: 6px;
	}
}

@media screen and (max-width: 991px) {
	.solution-item .item-link .caption .about-text {
		margin-bottom: 20px;
	}
	
	.solution-item .item-link .caption .about-text ul li::before {
		width: 28px;
		min-width: 28px;
		height: 28px;
	}

	.solution-item .item-link .caption .undertext {
		margin-bottom: 20px;
	}

	section.calculator-banner {
		padding: 8px 0px;
	}

	section.calculator-banner .calculator-banner-wrap {
		flex-direction: column;
		padding: 24px;
	}

	section.calculator-banner .calculator-banner-wrap .caption {
		width: 100%;
		padding: 0px 0px 20px 0px;
	}

	section.calculator-banner .calculator-banner-wrap .caption .title-h2 {
		margin-bottom: 16px;
	}

	section.calculator-banner .calculator-banner-wrap .btn-wrap {
		width: 100%;
		padding: 0px;
		justify-content: flex-start;
	}

	section.calculator-banner .calculator-banner-wrap .btn-wrap .more-link {
		padding: 10px 26px;
	}

	section.faq {
		padding: 8px 0px;
	}

	section.faq .faq-wrap {
		padding: 24px;
	}

	section.faq .faq-wrap + .faq-wrap {
		margin-top: 16px;
	}

	section.faq .faq-wrap .title-h2 {
		margin-bottom: 16px;
	}

	.faq-container .card:not(:last-child) {
		margin-bottom: 16px;
	}

	section.faq .faq-wrap .faq-container + .title-h2 {
		margin-top: 24px;
	}

	.faq-container .card .card-header {
		padding: 16px 0px;
	}

	.faq-container .card .card-header button {
		padding-right: 38px;
		font-size: 1.25em;
	}

	.faq-container .card .card-header button .cross {
		width: 18px;
		min-width: 18px;
		height: 18px;
		right: 10px;
	}

	.faq-container .card .card-header button .cross::after, 
	.faq-container .card .card-header button .cross::before {
		height: 1px;
	}

	.faq-container .card .card-body {
		padding: 0px 0px 16px;
	}

	section.consult-form {
		padding: 8px 0px;
	}

	section.consult-form .consult-form-wrap {
		padding: 24px;
		flex-direction: column;
	}

	section.consult-form .consult-form-wrap .title-h2 {
		margin-bottom: 16px;
		width: 100%;
		padding-right: 0px;
	}

	section.consult-form .consult-form-wrap.vertical .title-h2 {
		margin-bottom: 16px;
	}

	section.consult-form .consult-form-wrap .form-wrap {
		width: 100%;
		padding-left: 0px;
	}

	.mfp-content .banner-modal-wrap .wpcf7 form > div.inputs,
	section.consult-form .consult-form-wrap .form-wrap form > div.inputs {
		gap: 16px;
	}

	.mfp-content .banner-modal-wrap .wpcf7 form .wpcf7-not-valid-tip,
	section.consult-form .consult-form-wrap .form-wrap form .wpcf7-not-valid-tip {
		margin-top: 4px;
	}

	.mfp-content .banner-modal-wrap .wpcf7 form .wpcf7-not-valid-tip,
	section.consult-form .consult-form-wrap .form-wrap form p {
		margin-bottom: 12px;
	}
	
	.mfp-content .banner-modal-wrap .wpcf7 form .wpcf7-response-output,
	section.consult-form .consult-form-wrap .form-wrap form .wpcf7-response-output {
		margin-top: 12px;
		padding: 12px 16px;
	}
}

@media screen and (max-width: 767px) {
	.mfp-content .banner-modal-wrap .wpcf7 form > div.inputs,
	section.consult-form .consult-form-wrap .form-wrap form > div.inputs {
		gap: 0px;
		flex-direction: column;
	}

	.mfp-content .banner-modal-wrap .wpcf7 form p,
	section.consult-form .consult-form-wrap .form-wrap form p {
		margin-bottom: 8px;
	}

	.mfp-content .banner-modal-wrap .wpcf7 form p input[type="submit"],
	section.consult-form .consult-form-wrap .form-wrap form p input[type="submit"] {
		width: 100%;
	}

	.mfp-content .banner-modal-wrap .wpcf7 form p:has(.wpcf7-spinner),
	section.consult-form .consult-form-wrap .form-wrap form p:has(.wpcf7-spinner) {
		position: relative;
	}

	.mfp-content .banner-modal-wrap .wpcf7 form p .wpcf7-spinner,
	section.consult-form .consult-form-wrap .form-wrap form p .wpcf7-spinner {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		margin: 0px;
	}
}

@media screen and (max-width: 575px) {
	section.calculator-banner .calculator-banner-wrap {
		padding: 20px 16px;
	}

	section.faq .faq-wrap {
		padding: 20px 16px;
	}

	.faq-container .card:not(:last-child) {
		margin-bottom: 8px;
	}

	.faq-container .card .card-header {
		padding: 12px 0px;
	}

	.faq-container .card .card-header button {
		font-size: 1.125em;
		padding: 0px 38px 0px 0px;
	}

	.faq-container .card .card-body {
		padding: 0px 0px 12px;
	}

	section.consult-form .consult-form-wrap {
		padding: 20px 16px;
	}

	section.consult-form .consult-form-wrap .form-wrap form > p textarea,
	section.consult-form .consult-form-wrap .form-wrap form > div.inputs input {
		padding: 10px 16px;
	}

	section.consult-form .consult-form-wrap .form-wrap form .wpcf7-not-valid-tip {
		margin-top: 2px;
	}

	section.consult-form .consult-form-wrap .form-wrap form p {
		margin-bottom: 10px;
	}

	section.consult-form .consult-form-wrap .form-wrap form p input[type="submit"] {
		padding: 10px 18px;
	}

	section.consult-form .consult-form-wrap .form-wrap form .wpcf7-response-output {
		margin-top: 14px;
		font-size: 0.875em;
		padding: 8px 12px;
	}
}

.wpc-filter-content select {
	height: 1px;
	border: none;
	padding: 0px;
	overflow: hidden;
}

.filters-wrap .wpc-filters-main-wrap {
	display: flex;
}

.filters-wrap .wpc-filters-open-button-container {
	display: flex;
	margin-right: 8px;
}

.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button {
	border: 1px solid var(--main-black);
	border-radius: 50px;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	background-color: var(--main-white);
	cursor: pointer;
	transition: background-color var(--slow), color var(--slow);
	text-decoration: none;
	white-space: nowrap;
}

@media screen and (min-width: 576px) {
	.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button:hover {
		background-color: var(--main-black);
		color: var(--main-white);
	}
}

.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button .wpc-button-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0px auto;
}

.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button .wpc-button-inner .wpc-icon-html-wrapper {
	width: 24px;
	min-width: 24px;
	height: 24px;
	margin-right: 8px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(assets/img/filters-sliders.svg);
	transition: filter var(--slow);
	top: auto;
}

@media screen and (min-width: 576px) {
	.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button:hover .wpc-button-inner .wpc-icon-html-wrapper {
		filter: invert(1);
	}
}

.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button .wpc-button-inner .wpc-icon-html-wrapper span {
	display: none;
}

.filters-wrap .wpc-filters-widget-content {
	width: 100%;
	overflow: visible!important;
}

.filters-wrap .wpc-filters-widget-content.wpc-closed {
	display: none;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-edit-filter-set {
	display: none;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper {
	display: flex;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section {
	width: calc(100% - 16px);
	margin: 0px 8px;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section:last-child {
	margin-right: 0px;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-dropdown .wpc-filter-header {
	display: none;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-dropdown .wpc-filter-content {
	height: 100%;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container {
	width: 100%!important;
	min-width: auto!important;
	margin: -2px;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection {
	border: 2px solid var(--main-white);
	border-radius: 28px;
	overflow: hidden;
	padding: 0px;
	height: 100%;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container.select2-container--below.select2-container--open .select2-selection {
	border-radius: 28px 28px 0px 0px;
	border: 2px solid var(--main-white);
	border-bottom-color: var(--main-gray-item);
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container.select2-container--above.select2-container--open .select2-selection {
	border-radius: 0px 0px 28px 28px;
	border: 2px solid var(--main-white);
	border-top-color: var(--main-gray-item);
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection .select2-selection__rendered {
	padding: 11px 48px 11px 20px;
	color: var(--main-text);
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	background-color: var(--main-gray-item);
	height: 100%;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection .select2-selection__rendered span {
	opacity: 1;
	display: flex;
	align-items: center;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection .select2-selection__arrow {
	top: 50%;
	transform: translateY(-50%);
	right: 24px;
	width: 16px;
	height: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(assets/img/dropdown-arrow.svg);
	background-color: transparent;
	transition: var(--fast);
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection .select2-selection__arrow b {
	display: none;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container.select2-container--open .select2-selection .select2-selection__arrow {
	transform: translateY(-50%) rotate(-180deg);
}

.filters-wrap .wpc-filters-widget-content > .select2-container {
	z-index: 3;
}

.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown {
	border: 2px solid var(--main-white);
	border-radius: 28px;
	overflow: hidden;
	background-color: var(--main-gray-item);
	color: var(--main-text);
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	font-family: 'Inter', sans-serif;
}

.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown.select2-dropdown--below {
	border-radius: 0px 0px 28px 28px;
	border: 2px solid var(--main-white);
	border-top: none;
}

.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown.select2-dropdown--above {
	border-radius: 28px 28px 0px 0px;
	border: 2px solid var(--main-white);
	border-bottom: none;
}

.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown .select2-search {
	display: none;
}

.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown .select2-results li {
	background-color: transparent;
	padding: 8px 20px;
}


.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown .select2-results li:has(.wpc-dropdown-default) {
	display: none;
}

.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown .select2-results li.select2-results__option--highlighted {
	background-color: var(--main-black-bg);
	color: var(--main-white);
}

.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown .select2-results li span {
	opacity: 1;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range {
	position: relative;
	min-width: 150px;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filter-header {
	position: absolute;
	left: 0px;
	top: 0px;
	max-width: 50%;
	padding-right: 15px;
	padding-bottom: 6px;
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filter-header .wpc-filter-title {
	margin: 0px;
	display: flex;
	align-items: center;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-wrapper {
	padding-left: calc(30% + 15px);
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range.wpc-filter-project_filter_area .wpc-filters-range-wrapper {
	padding-left: calc(45% + 15px);
}

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

input[type=number] {
  -moz-appearance: textfield;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-wrapper .wpc-filters-range-column {
	max-width: none;
	margin: 0px;
	display: flex;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-wrapper input {
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	user-select: none;
	pointer-events: none;
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-wrapper input.wpc-filters-range-max {
	text-align: right;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper {
	margin: 14px 10px 0px;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control {
	height: 4px;
	position: relative;
	background-color: #c5c5c5;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control::before {
	position: absolute;
	content: '';
	background-color: #c5c5c5;
	height: 100%;
	width: 10px;
	left: -10px;
	top: 0px;
	border-radius: 100px 0px 0px 100px;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control::after {
	position: absolute;
	content: '';
	background-color: #c5c5c5;
	height: 100%;
	width: 10px;
	right: -10px;
	top: 0px;
	border-radius: 0px 100px 100px 0px;
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control .ui-slider-range {
	background-color: var(--main-black);
}

.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control .ui-slider-handle {
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--main-black);
	box-shadow: none;
	border: none;
	width: 20px;
	height: 20px;
	margin-left: -10px;
}

@media screen and (max-width: 1199px) {
	.filters-wrap .wpc-filters-main-wrap {
		display: block;
		margin-top: -12px;
	}

	.filters-wrap .wpc-filters-open-button-container {
		float: left;
		margin-top: 12px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper {
		margin: 0px -6px;
		display: block;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section {
		width: calc(100% / 4 - 12px);
		margin: 12px 6px 0px;
		float: left;
	}

	/* .filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-wrapper {
		padding-left: calc(25% + 15px);
	} */
}

@media screen and (max-width: 991px) {
	.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button {
		font-size: 0px;
		color: transparent;
		padding: 4px;
		width: 40px;
		min-width: 40px;
		height: 40px;
		justify-content: center;	
		margin: 0px;
	}

	.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button .wpc-button-inner {
		width: 100%;
		height: 100%;
	}

	.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button .wpc-button-inner .wpc-icon-html-wrapper {
		margin: 0px auto;
		width: 100%;
		height: 100%;
		background-size: 80% 80%;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section {
		width: calc(100% / 3 - 12px);
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection {
		border-radius: 16px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container.select2-container--below.select2-container--open .select2-selection {
		border-radius: 16px 16px 0px 0px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container.select2-container--above.select2-container--open .select2-selection {
		border-radius: 0px 0px 16px 16px;
	}

	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown {
		border-radius: 16px;
	}

	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown.select2-dropdown--below {
		border-radius: 0px 0px 16px 16px;
	}

	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown.select2-dropdown--above {
		border-radius: 16px 16px 0px 0px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection .select2-selection__rendered {
		padding: 10px 36px 10px 16px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection .select2-selection__arrow {
		right: 16px;
		width: 14px;
		height: 8px;
	}

	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown .select2-results li {
		padding: 6px 16px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper {
		margin: 10px 8px 0px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control .ui-slider-handle {
		width: 16px;
		height: 16px;
		margin-left: -8px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control::before {
		width: 8px;
		left: -8px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control::after {
		width: 8px;
		right: -8px;
	}
}

@media screen and (max-width: 767px) {
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection,
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container.select2-container--below.select2-container--open .select2-selection,
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container.select2-container--above.select2-container--open .select2-selection,
	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown,
	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown.select2-dropdown--below,
	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown.select2-dropdown--above {
		border-width: 1px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section {
		width: calc(100% / 2 - 12px);
	}
}

@media screen and (max-width: 575px) {
	.filters-wrap .wpc-filters-main-wrap {
		margin-top: -10px;
	}

	.filters-wrap .wpc-filters-open-button-container {
		margin-top: 10px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper {
		margin: 0px -3px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section {
		width: calc(100% / 2 - 6px);
		margin: 10px 3px 0px;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section:nth-child(2) {
		min-width: calc(100% / 2 - 6px);
		width: auto;
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range {
		width: calc(100% - 6px);
	}

	.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button .wpc-button-inner .wpc-filters-button-text {
		display: none;
	}
}

section.projects-archive.team-archive .title-wrap {
	flex-direction: row;
}

section.projects-archive.team-archive .title-wrap .left-side {
	width: calc(100% / 2);
	padding-right: 10px;
}

section.projects-archive.team-archive .title-wrap .left-side *:last-child {
	margin-bottom: 0px;
}

section.projects-archive.team-archive .title-wrap .right-side {
	width: calc(100% / 2);
	padding-left: 10px;
}

section.projects-archive.team-archive .title-wrap .right-side p {
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
}

section.projects-archive.team-archive .title-wrap .right-side *:last-child {
	margin-bottom: 0px;
}

section.projects-archive.team-archive .team-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -10px;
}

section.projects-archive.team-archive .team-wrap .team-item {
	width: calc(100% / 4);
	padding: 0px 10px;
}

section.projects-archive.team-archive .team-wrap .team-item:nth-child(1n + 5) {
	margin-top: 20px;
}

.team-item {
	display: flex;
}

.team-item .item-link {
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--main-white);
	border-radius: 16px;
	overflow: hidden;
}

.team-item .item-link .thumbnail {
	width: 100%;
	padding-top: 100%;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

.team-item .item-link .thumbnail img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: center top;
}

.team-item .item-link .caption {
	padding: 24px 16px;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.team-item .item-link .caption p.h3 {
	font-size: 1.75em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 8px;
}

.team-item .item-link .caption span.undertitle {
	font-size: 1.25em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 4px;
}

.team-item .item-link .caption a.link {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 0px;
	text-decoration: none;
	transition: color var(--slow);
	word-break: break-word;
}

@media screen and (min-width: 576px) {
	.team-item .item-link .caption a.link:hover {
		color: var(--main-black);
	}
}

@media screen and (max-width: 1299px) {
	section.projects-archive.team-archive .title-wrap .right-side p {
		font-size: 1em;
	}

	.team-item .item-link .caption p.h3 {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 1199px) {
	section.projects-archive.team-archive .team-wrap .team-item {
		width: calc(100% / 3);
	}

	section.projects-archive.team-archive .team-wrap .team-item:nth-child(1n + 4) {
		margin-top: 20px;
	}
}

@media screen and (max-width: 991px) {
	section.projects-archive.team-archive .title-wrap {
		flex-direction: column;
	}

	section.projects-archive.team-archive .title-wrap .left-side {
		width: 100%;
		margin-bottom: 20px;
		padding: 0px;
	}

	section.projects-archive.team-archive .title-wrap .right-side {
		width: 100%;
		padding: 0px;
	}

	section.projects-archive.team-archive .team-wrap {
		margin: 0px -8px;
	}

	section.projects-archive.team-archive .team-wrap .team-item {
		width: calc(100% / 2);
		padding: 0px 8px;
	}

	section.projects-archive.team-archive .team-wrap .team-item:nth-child(1n + 3) {
		margin-top: 16px;
	}

	.team-item .item-link .caption p.h3 {
		font-size: 1.375em;
	}

	.team-item .item-link .caption span.undertitle {
		font-size: 1.125em;
	}
}

@media screen and (max-width: 767px) {
	section.projects-archive.team-archive .title-wrap .right-side p {
		font-size: 1em;
	}

	.team-item .item-link .caption {
		padding: 20px 16px;
	}
}

@media screen and (max-width: 575px) {
	section.projects-archive.team-archive .title-wrap .left-side {
		margin-bottom: 16px;
	}

	section.projects-archive.team-archive .team-wrap .team-item {
		width: 100%;
	}

	section.projects-archive.team-archive .team-wrap .team-item:nth-child(1n + 2) {
		margin-top: 16px;
	}

	.team-item .item-link .caption {
		padding: 16px;
	}
}

section.main.about .main-wrap {
	background-color: var(--main-white);
	min-height: auto;
	max-height: none;
}

section.main.about .main-wrap .caption .breadcrumbs-wrap ul.breadcrumbs li a {
	color: var(--main-text-gray);
	transition: var(--slow);
}

section.main.about .main-wrap .caption .breadcrumbs-wrap ul.breadcrumbs li:last-child a {
	color: var(--main-text-gray);
}

section.main.about .main-wrap .caption .breadcrumbs-wrap ul.breadcrumbs li:not(:last-child)::after {
	color: var(--main-text-gray);
}

@media screen and (min-width: 576px) {
	section.main.about .main-wrap .caption .breadcrumbs-wrap ul.breadcrumbs li a:hover {
		color: var(--main-text);
	}
}

section.main.about .main-wrap .caption h1.title-h2 {
	font-size: 2.75em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 36px;
	max-width: none;
	letter-spacing: 0px;
}

section.main.about .main-wrap .caption *:last-child {
	margin-bottom: 0px;
}

section.about-statistic .about-statistic-wrap {
	margin: 0px -16px;
	display: flex;
	flex-wrap: wrap;
}

section.about-statistic .about-statistic-wrap .about-statistic-item {
	width: calc(100% / 3);
	padding: 16px;
}

section.about-statistic .about-statistic-wrap .about-statistic-item .item-link {
	background-color: var(--main-white);
	border-radius: 16px;
	padding: 40px;
}

section.about-statistic .about-statistic-wrap .about-statistic-item .item-link .caption {
	display: flex;
	flex-direction: column;
}

section.about-statistic .about-statistic-wrap .about-statistic-item .item-link .caption p.title-h1 {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	color: var(--main-white);
	text-shadow: -1px -1px 0 var(--main-black), 1px -1px 0 var(--main-black), -1px 1px 0 var(--main-black), 1px 1px 0 var(--main-black);
}

section.reviews {
	padding: 16px 0px;
}

section.reviews .reviews-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	overflow: hidden;
	padding: 40px;
}

section.reviews .reviews-wrap h2.title-h2 {
	margin-bottom: 36px;
}

section.reviews .reviews-wrap .reviews-list {
	margin: 0px -10px;
}

section.reviews .reviews-wrap .reviews-list .reviews-item {
	padding: 0px 10px;
}

section.reviews .reviews-wrap .reviews-list .slick-list {
	overflow: visible;
}

section.reviews .reviews-wrap .reviews-list .slick-list .slick-track {
	display: flex;
}

section.reviews .reviews-wrap .reviews-list .slick-list .slick-track .slick-slide {
	height: auto;
}

section.reviews .reviews-wrap .reviews-list .slick-list .slick-track .slick-slide > div {
	height: 100%;
}

section.reviews .reviews-wrap .reviews-list .slick-list .slick-track .slick-slide > div > .reviews-item {
	height: 100%;
}

.reviews-item {
	display: flex;
}

.reviews-item .item-link {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	padding: 24px;
	border: none;
	border-radius: 16px;
	background-color: #FAFAFA;
}

.reviews-item .item-link .thumbnail {
	width: 52px;
	min-width: 52px;
}

.reviews-item .item-link .thumbnail .img-wrap {
	width: 100%;
	padding-top: 100%;
	position: relative;
	border-radius: 100%;
	overflow: hidden;
}

.reviews-item .item-link .thumbnail .img-wrap img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.reviews-item .item-link .caption {
	flex: 1;
	width: calc(100% - 52px);
	padding-left: 8px;
	display: flex;
	flex-direction: column;
}

.reviews-item .item-link .caption p.h3 {
	font-size: 1.375em;
	line-height: 150%;
	font-weight: 400;
	margin-bottom: 4px;
	color: var(--main-black);
}

.reviews-item .item-link .caption span.position {
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
}

.reviews-item .item-link p.desc {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	margin: 12px 0px 0px;
	position: relative;
}

section.sertificates {
	padding: 16px 0px;
}

section.sertificates .sertificates-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	overflow: hidden;
	padding: 40px;
}

section.sertificates .sertificates-wrap h2.title-h2 {
	margin-bottom: 36px;
}

section.sertificates .sertificates-wrap .title-wrap {
	margin-bottom: 36px;
	display: flex;
}

section.sertificates .sertificates-wrap .title-wrap h2 {
	width: 48%;
	padding-right: 10px;
	margin-right: auto;
	margin-bottom: 0;
}

section.sertificates .sertificates-wrap .title-wrap p.desc {
	width: 48%;
	padding-left: 10px;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
}

section.sertificates .sertificates-wrap .sertificates-list {
	margin: 0px -10px;
}

section.sertificates .sertificates-wrap .sertificates-list .sertificates-item {
	padding: 0px 10px;
}

section.sertificates .sertificates-wrap .sertificates-list .slick-list {
	overflow: visible;
}

section.sertificates .sertificates-wrap .sertificates-list .slick-list .slick-track {
	display: flex;
}

section.sertificates .sertificates-wrap .sertificates-list .slick-list .slick-track .slick-slide {
	height: auto;
}

section.sertificates .sertificates-wrap .sertificates-list .slick-list .slick-track .slick-slide > div {
	height: 100%;
}

section.sertificates .sertificates-wrap .sertificates-list .slick-list .slick-track .slick-slide > div > .sertificates-item {
	height: 100%;
}

.sertificates-item {
	display: flex;
}

.sertificates-item .item-link {
	width: 100%;
	height: 100%;
	display: flex;
	border: 1px solid var(--main-gray-bg);
	border-radius: 16px;
	background-color: var(--main-white);
	overflow: hidden;
}

.sertificates-item .item-link .thumbnail {
	width: 100%;
}

.sertificates-item .item-link .thumbnail img {
	width: 100%;
}

@media screen and (max-width: 1299px) {
	section.main.about .main-wrap .caption h1.title-h2 {
		font-size: 2.5em;
	}

	.reviews-item .item-link {
		padding: 18px;
	}

	section.sertificates .sertificates-wrap .title-wrap {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 1199px) {
	section.main.about .main-wrap .caption h1.title-h2 {
		margin-bottom: 24px;
		font-size: 2.25em;
	}

	section.about-statistic .about-statistic-wrap .about-statistic-item .item-link {
		padding: 30px;
	}

	section.reviews .reviews-wrap {
		padding: 30px;
	}

	section.reviews .reviews-wrap h2.title-h2 {
		margin-bottom: 24px;
	}

	.reviews-item .item-link .thumbnail {
		width: 48px;
		min-width: 48px;
	}

	.reviews-item .item-link .caption {
		padding-left: 8px;
		width: calc(100% - 48px);
	}

	section.sertificates .sertificates-wrap {
		padding: 30px;
	}

	section.sertificates .sertificates-wrap h2.title-h2 {
		margin-bottom: 24px;
	}

	section.sertificates .sertificates-wrap .title-wrap {
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 991px) {
	section.main.about .main-wrap .caption h1.title-h2 {
		margin-bottom: 20px;
		font-size: 2em;
	}

	section.about-statistic .about-statistic-wrap {
		margin: 0px -8px;
	}

	section.about-statistic .about-statistic-wrap .about-statistic-item {
		padding: 8px;
	}

	section.about-statistic .about-statistic-wrap .about-statistic-item .item-link {
		padding: 24px;
	}

	section.reviews {
		padding: 8px 0px;
	}

	section.reviews .reviews-wrap {
		padding: 24px;
	}

	section.reviews .reviews-wrap h2.title-h2 {
		margin-bottom: 20px;
	}

	section.reviews .reviews-wrap .reviews-list {
		margin: 0px -8px;
	}

	section.reviews .reviews-wrap .reviews-list .reviews-item {
		padding: 0px 8px;
	}

	.reviews-item .item-link .caption p.h3 {
		font-size: 1.25em;
	}

	section.sertificates {
		padding: 8px 0px;
	}

	section.sertificates .sertificates-wrap {
		padding: 24px;
	}

	section.sertificates .sertificates-wrap h2.title-h2 {
		margin-bottom: 20px;
	}
	
	section.sertificates .sertificates-wrap .sertificates-list {
		margin: 0px -8px;
	}

	section.sertificates .sertificates-wrap .sertificates-list .sertificates-item {
		padding: 0px 8px;
	}

	section.sertificates .sertificates-wrap .title-wrap {
		flex-direction: column;
		margin-bottom: 20px;
	}
	
	section.sertificates .sertificates-wrap .title-wrap h2 {
		width: 100%;
		margin: 0px;
		padding: 0px;
		margin-bottom: 20px;
	}
	
	section.sertificates .sertificates-wrap .title-wrap p.desc {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
}

@media screen and (max-width: 767px) {
	section.main.about .main-wrap .caption h1.title-h2 {
		font-size: 1.75em;
	}

	section.about-statistic .about-statistic-wrap .about-statistic-item {
		width: 100%;
	}

	section.about-statistic .about-statistic-wrap .about-statistic-item .item-link .caption {
		flex-direction: row;
		align-items: center;
	}

	section.about-statistic .about-statistic-wrap .about-statistic-item .item-link .caption p.title-h1 {
		margin: 0px;
		margin-right: 20px;
	}

	.reviews-item .item-link .caption p.h3 {
		font-size: 1.125em;
	}
}

@media screen and (max-width: 575px) {
	section.main.about .main-wrap .caption h1.title-h2 {
		margin-bottom: 16px;
		font-size: 1.5em;
	}

	section.about-statistic .about-statistic-wrap .about-statistic-item .item-link {
		padding: 20px 16px;
	}

	section.about-statistic .about-statistic-wrap .about-statistic-item .item-link .caption p.title-h1 {
		margin-right: 16px;
	}

	section.reviews .reviews-wrap {
		padding: 20px 16px;
	}

	section.reviews .reviews-wrap h2.title-h2 {
		margin-bottom: 16px;
	}

	section.reviews .reviews-wrap .reviews-list {
		margin: 0px -6px;
	}

	section.reviews .reviews-wrap .reviews-list .slick-list {
		overflow: hidden;
		margin: 0px -16px;
		padding: 0px 16px;
	}
	
	section.reviews .reviews-wrap .reviews-list .slick-list .slick-track {
		display: block;
	}

	section.reviews .reviews-wrap .reviews-list .reviews-item {
		padding: 0px 6px;
	}

	.reviews-item .item-link {
		padding: 16px;
	}

	.reviews-item .item-link .caption p.h3 {
		margin-bottom: 2px;
	}

	.reviews-item .item-link p.desc {
		font-size: 1em;
	}

	section.sertificates .sertificates-wrap {
		padding: 20px 16px;
	}

	section.sertificates .sertificates-wrap h2.title-h2 {
		margin-bottom: 16px;
	}

	section.sertificates .sertificates-wrap .sertificates-list {
		margin: 0px -6px;
	}

	section.sertificates .sertificates-wrap .sertificates-list .sertificates-item {
		padding: 0px 6px;
	}
}

section.contacts {
	padding: 16px 0px;
}

section.contacts .contacts-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	overflow: hidden;
	padding: 40px;
	margin-bottom: 32px;
}

section.contacts .contacts-wrap *:last-child {
	margin-bottom: 0px;
}

section.contacts .contacts-item {
	border-radius: 16px;
	background-color: var(--main-white);
	overflow: hidden;
	padding: 40px;
	display: flex;
	margin-bottom: 32px;
}

section.contacts .contacts-item.reverse {
	flex-direction: row-reverse;
}

section.contacts .contacts-item .caption {
	width: calc(100% / 2);
	padding-right: 50px;
}

section.contacts .contacts-item.reverse .caption {
	padding: 0px;
	padding-left: 50px;
}

section.contacts .contacts-item .caption .title-h2 {
	margin-bottom: 36px;
}

section.contacts .contacts-item .caption .info-wrap {
	display: flex;
	flex-direction: column;
}

section.contacts .contacts-item .caption .info-wrap .info-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 16px;
}

section.contacts .contacts-item .caption .info-wrap .info-item:last-child {
	margin-bottom: 0px;
}

section.contacts .contacts-item .caption .info-wrap .info-item p.h3 {
	font-size: 1.5em;
	line-height: 130%;
	font-weight: 500;
	color: var(--main-black);
	margin-bottom: 12px;
}

section.contacts .contacts-item .caption .info-wrap .info-item .value {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	text-decoration: none;
	margin: 0px;
	transition: color var(--slow);
}

@media screen and (min-width: 576px) {
	section.contacts .contacts-item .caption .info-wrap .info-item a.value:hover {
		color: var(--main-black);
	}
}

section.contacts .contacts-item .thumbnail {
	width: calc(100% / 2);
	padding-left: 10px;
}

section.contacts .contacts-item.reverse .thumbnail {
	padding: 0px;
	padding-right: 10px;
}

section.contacts .contacts-item .thumbnail .img-wrap {
	width: 100%;
	padding-top: 70%;
	height: 100%;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	font-size: 1em;
	color: transparent;
}

section.contacts .contacts-item .thumbnail .img-wrap p {
	margin-bottom: 0px;
}

section.contacts .contacts-item .thumbnail .img-wrap iframe {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

section.contacts .contacts-item .thumbnail .img-wrap img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.contacts .contacts-item .thumbnail .img-wrap .map-link {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	background-color: #efefef99;
	opacity: 0;
	transition: var(--slow);
}

section.contacts .contacts-item .thumbnail .img-wrap:hover .map-link {
	opacity: 1;
}

section.contacts .contacts-item .thumbnail .img-wrap .map-link a.btn {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-white);
	padding: 11px 32px;
	background-color: var(--main-black);
	border-radius: 50px;
	text-decoration: none;
	transition: opacity var(--slow);
}

@media screen and (min-width: 576px) {
	section.contacts .contacts-item .thumbnail .img-wrap .map-link a.btn:hover {
		opacity: 0.8;
	}
}

section.contacts .partners-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	overflow: hidden;
	padding: 40px;
}

section.contacts .partners-wrap .title-h2 {
	margin-bottom: 36px;
}

section.contacts .partners-wrap .partners-items {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -10px;
}

section.contacts .partners-wrap .partners-items .partners-item {
	padding: 0px 10px;
	width: calc(100% / 3);
	display: flex;
	flex-direction: column;
}

section.contacts .partners-wrap .partners-items .partners-item:nth-child(1n + 4) {
	margin-top: 32px;
}

section.contacts .partners-wrap .partners-items .partners-item p.h3 {
	font-size: 2em;
	line-height: 130%;
	font-weight: 400;
	margin-bottom: 24px;
	color: var(--main-black);
}

section.contacts .partners-wrap .partners-items .partners-item .info-wrap {
	display: flex;
	flex-direction: column;
}

section.contacts .partners-wrap .partners-items .partners-item .info-wrap .info-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 16px;
}

section.contacts .partners-wrap .partners-items .partners-item .info-wrap .info-item:last-child {
	margin-bottom: 0px;
}

section.contacts .partners-wrap .partners-items .partners-item .info-wrap .info-item p.h4 {
	font-size: 1.125em;
	line-height: 130%;
	font-weight: 500;
	color: var(--main-black);
	margin-bottom: 12px;
}

section.contacts .partners-wrap .partners-items .partners-item .info-wrap .info-item .value {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	text-decoration: none;
	margin: 0px;
	transition: color var(--slow);
}

@media screen and (min-width: 576px) {
	section.contacts .partners-wrap .partners-items .partners-item .info-wrap .info-item a.value:hover {
		color: var(--main-black);
	}
}

section.contacts .partners-wrap .thumbnail {
	width: 100%;
	padding-top: 52px;
}

section.contacts .partners-wrap .thumbnail .img-wrap {
	width: 100%;
	padding-top: 35%;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	font-size: 1em;
	color: transparent;
}

section.contacts .partners-wrap .thumbnail .img-wrap p {
	margin-bottom: 0px;
}

section.contacts .partners-wrap .thumbnail .img-wrap iframe {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

section.contacts .partners-wrap .thumbnail .img-wrap img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.contacts .partners-wrap .thumbnail .img-wrap .map-link {
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	background-color: #efefef99;
	opacity: 0;
	transition: var(--slow);
}

section.contacts .partners-wrap .thumbnail .img-wrap:hover .map-link {
	opacity: 1;
}

section.contacts .partners-wrap .thumbnail .img-wrap .map-link a.btn {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-white);
	padding: 11px 32px;
	background-color: var(--main-black);
	border-radius: 50px;
	text-decoration: none;
	transition: opacity var(--slow);
}

@media screen and (min-width: 576px) {
	section.contacts .partners-wrap .thumbnail .img-wrap .map-link a.btn:hover {
		opacity: 0.8;
	}
}

@media screen and (max-width: 1199px) {
	section.contacts .contacts-wrap {
		padding: 30px;
	}

	section.contacts .contacts-item {
		padding: 30px;
	}

	section.contacts .contacts-item .caption {
		padding-right: 40px;
	}

	section.contacts .contacts-item.reverse .caption {
		padding-left: 40px;
	}

	section.contacts .contacts-item .caption .title-h2 {
		margin-bottom: 24px;
	}

	section.contacts .partners-wrap {
		padding: 30px;
	}

	section.contacts .partners-wrap .title-h2 {
		margin-bottom: 24px;
	}

	section.contacts .partners-wrap .partners-items .partners-item p.h3 {
		font-size: 1.875em;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 991px) {
	section.contacts {
		padding: 8px 0px;
	}

	section.contacts .contacts-wrap {
		padding: 24px;
		margin-bottom: 16px;
	}

	section.contacts .contacts-item {
		padding: 24px;
		margin-bottom: 16px;
	}

	section.contacts .contacts-item .caption {
		padding-right: 10px;
	}

	section.contacts .contacts-item.reverse .caption {
		padding-left: 10px;
	}

	section.contacts .contacts-item .caption .title-h2 {
		margin-bottom: 20px;
	}

	section.contacts .contacts-item .caption .info-wrap .info-item {
		margin-bottom: 12px;
	}
	
	section.contacts .contacts-item .caption .info-wrap .info-item p.h3 {
		font-size: 1.25em;
		margin-bottom: 8px;
	}

	section.contacts .partners-wrap {
		padding: 24px;
	}

	section.contacts .partners-wrap .title-h2 {
		margin-bottom: 20px;
	}

	section.contacts .partners-wrap .partners-items .partners-item p.h3 {
		font-size: 1.75em;
		margin-bottom: 16px;
	}

	section.contacts .partners-wrap .partners-items .partners-item .info-wrap .info-item {
		margin-bottom: 12px;
	}

	section.contacts .partners-wrap .partners-items .partners-item .info-wrap .info-item p.h4 {
		margin-bottom: 8px;
	}

	section.contacts .partners-wrap .thumbnail {
		padding-top: 24px;
	}

	section.contacts .partners-wrap .thumbnail .img-wrap {
		padding-top: 45%;
	}

	section.contacts .contacts-item .thumbnail .img-wrap .map-link a.btn {
		padding: 10px 26px;
	}

	section.contacts .partners-wrap .thumbnail .img-wrap .map-link a.btn {
		padding: 10px 26px;
	}
}

@media screen and (max-width: 767px) {
	section.contacts .contacts-item {
		flex-direction: column;
	}

	section.contacts .contacts-item.reverse {
		flex-direction: column;
	}

	section.contacts .contacts-item .caption {
		width: 100%;
		padding: 0px 0px 20px;
	}

	section.contacts .contacts-item.reverse .caption {
		width: 100%;
		padding: 0px 0px 20px;
	}

	section.contacts .contacts-item .thumbnail {
		width: 100%;
		padding: 0px;
	}

	section.contacts .contacts-item.reverse .thumbnail {
		width: 100%;
		padding: 0px;
	}

	section.contacts .partners-wrap .partners-items .partners-item {
		width: calc(100% / 2);
	}

	section.contacts .partners-wrap .partners-items .partners-item:nth-child(1n + 3) {
		margin-top: 20px;
	}

	section.contacts .partners-wrap .partners-items .partners-item p.h3 {
		font-size: 1.5em;
	}
	
	section.contacts .partners-wrap .thumbnail {
		padding-top: 20px;
	}

	section.contacts .partners-wrap .thumbnail .img-wrap {
		padding-top: 70%;
	}

	section.contacts .contacts-item .thumbnail .img-wrap .map-link {
		flex-direction: column;
		gap: 16px;
		opacity: 1;
	}

	section.contacts .partners-wrap .thumbnail .img-wrap .map-link {
		flex-direction: column;
		gap: 16px;
		opacity: 1;
	}
}

@media screen and (max-width: 575px) {
	section.contacts .contacts-wrap {
		padding: 20px 16px;
	}

	section.contacts .contacts-item {
		padding: 20px 16px;
	}

	section.contacts .contacts-item .caption .title-h2 {
		margin-bottom: 16px;
	}

	section.contacts .contacts-item .caption .info-wrap .info-item p.h3 {
		font-size: 1.125em;
	}

	section.contacts .contacts-item .thumbnail .img-wrap {
		padding-top: 100%;
	}

	section.contacts .partners-wrap {
		padding: 20px 16px;
	}

	section.contacts .partners-wrap .title-h2 {
		margin-bottom: 16px;
	}

	section.contacts .partners-wrap .partners-items .partners-item {
		width: 100%;
	}

	section.contacts .partners-wrap .partners-items .partners-item:nth-child(1n + 2) {
		margin-top: 20px;
	}

	section.contacts .partners-wrap .partners-items .partners-item p.h3 {
		font-size: 1.375em;
		margin-bottom: 14px;
	}

	section.contacts .partners-wrap .thumbnail .img-wrap {
		padding-top: 100%;
	}
}

section.main .main-wrap .caption span.undertitle {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-white);
	max-width: 55%;
	margin-bottom: 24px;
}

section.main .main-wrap .caption .more-link {
	width: 128px;
	height: 128px;
	margin-top: auto;
	border: 1px solid var(--main-green);
	border-radius: 100%;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-white);
	letter-spacing: -0.01em;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: var(--main-green);
	text-decoration: none;
	transition: background-color var(--fast), color var(--fast), border var(--fast);
}

@media screen and (min-width: 576px) {
	section.main .main-wrap .caption .more-link:hover {
		border-color: var(--main-white);
		background-color: var(--main-white);
		color: var(--main-black);
	}
}

section.projects-type {
	padding: 16px 0px;
}

section.projects-type .projects-type-slider {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -10px;
}

section.projects-type .projects-type-slider .projects-type-item {
	width: calc(100% / 2);
	padding: 0px 10px;
}

section.projects-type .projects-type-slider .projects-type-item:nth-child(1n + 3) {
	margin-top: 20px;
}

.projects-type-item {
	display: flex;
}

.projects-type-item .item-link {
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width: 100%;
}

.projects-type-item .item-link .thumbnail {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.projects-type-item .item-link .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--slow);
}

@media screen and (min-width: 576px) {
	.projects-type-item .item-link:hover .thumbnail img {
		transform: scale(1.1);
	}
}

.projects-type-item .item-link .caption {
	position: relative;
	z-index: 2;
	padding: 24px;
	background: linear-gradient(180deg,#fff0 30%,rgb(0 0 0 / .75) 85%);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.projects-type-item .item-link .caption::before {
	content: '';
	align-self: flex-end;
	font-size: 0;
	text-shadow: none;
	width: 64px;
	min-width: 64px;
	height: 64px;
	margin-right: 0px;
	margin-bottom: 140px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(https://ecopan.jam.in.ua/wp-content/themes/ecopan/assets/img/arrow-link.svg);
	transition: var(--fast);
	filter: invert(1);
}

.projects-type-item .item-link .caption p.h3 {
	font-size: 2.5em;
	line-height: 120%;
	font-weight: 500;
	color: var(--main-white);
	margin: 0px;
}

.solution-item .item-link .caption .about-text ol {
	padding: 0px;
	list-style: none;
	counter-reset: advantages-counter;
}

.solution-item .item-link .caption .about-text ol li {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	position: relative;
	color: var(--main-text);
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	counter-increment: advantages-counter;
}

.solution-item .item-link .caption .about-text ol li::before {
	content: counter(advantages-counter);
	font-size: 2.25em;
	line-height: 120%;
	font-weight: 700;
	margin-right: 12px;
	font-family: 'Inter',sans-serif;
	color: var(--main-white);
	align-self: flex-start;
	text-shadow: -1px -1px 0 var(--main-black),1px -1px 0 var(--main-black),-1px 1px 0 var(--main-black),1px 1px 0 var(--main-black);
}

section.about-features {
	padding: 16px 0px;
}

section.about-features .about-features-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	overflow: hidden;
	padding: 40px;
	display: flex;
	flex-direction: column;
}

section.about-features .about-features-wrap h2.title-h2 {
	margin-bottom: 24px;
}

section.about-features .about-features-wrap .about-features-slider {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -10px;
}

section.about-features .about-features-wrap .about-features-slider .about-features-item {
	padding: 0px 10px;
	width: calc(100% / 2);
}

section.about-features .about-features-wrap .about-features-slider .about-features-item:nth-child(1n + 3) {
	margin-top: 36px;
}

.about-features-item {
	display: flex;
}

.about-features-item .thumbnail {
	display: flex;
	padding-right: 12px;
}

.about-features-item .thumbnail img {
	width: 44px;
	min-width: 44px;
	height: 44px;
	object-fit: contain;
}

.about-features-item .caption {
	display: flex;
	flex-direction: column;
}

.about-features-item .caption p.h3 {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 12px;
}

.about-features-item .caption p.text {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 0px;
}

section.main.about-main .main-wrap .caption h1 {
	max-width: 100%;
	margin-bottom: 24px;
}

section.main .main-wrap .caption .stats {
	margin: 0px -16px 24px;
	display: flex;
}

section.main .main-wrap .caption .stats .stats-item {
	padding: 0px 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

section.main .main-wrap .caption .stats .stats-item p.h3 {
	font-size: 3em;
	line-height: 120%;
	font-weight: 700;
	color: var(--main-white);
	margin-bottom: 12px;
}

section.main .main-wrap .caption .stats .stats-item p.text {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-white);
	margin-bottom: 0px;
}

section.about-list {
	padding: 16px 0px;
}

section.about-list .about-list-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	overflow: hidden;
	padding: 40px;
	display: flex;
	flex-direction: column;
}

section.about-list .about-list-wrap h2.title-h2 {
	margin-bottom: 24px;
}

section.about-list .about-list-wrap .about-list-items {
	display: flex;
	flex-direction: column;
	counter-reset: advantages-counter;
}

section.about-list .about-list-wrap .about-list-items .about-list-item {
	border-top: 1px solid #D9D9D9;
	padding: 24px 0px;
	display: flex;
	align-items: center;
	counter-increment: advantages-counter;
}

section.about-list .about-list-wrap .about-list-items .about-list-item:last-child {
	border-bottom: 1px solid #D9D9D9;
}

section.about-list .about-list-wrap .about-list-items .about-list-item p.h3 {
	width: 50%;
	padding-right: 30px;
	display: flex;
	align-items: center;
	margin: 0px;
	font-size: 1em;
}

section.about-list .about-list-wrap .about-list-items .about-list-item p.h3::before {
	content: '0' counter(advantages-counter);
	font-size: 1.125em;
	line-height: 120%;
	font-weight: 300;
	color: #686868;
	min-width: 70px;
}

section.about-list .about-list-wrap .about-list-items .about-list-item p.h3 span {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 500;
	color: var(--main-black);
}

section.about-list .about-list-wrap .about-list-items .about-list-item p.text {
	width: 50%;
	padding-left: 30px;
	display: flex;
	align-items: center;
	margin: 0px;
	font-size: 1.25em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
}

section.about-steps {
	padding: 16px 0px;
}

section.about-steps .about-steps-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	overflow: hidden;
	padding: 40px;
	display: flex;
	flex-direction: column;
}

section.about-steps .about-steps-wrap span.uppertitle {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 24px;
}

section.about-steps .about-steps-wrap h2.title-h2 {
	margin-bottom: 44px;
}

section.about-steps .about-steps-wrap .about-steps-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -12px;
	counter-reset: advantages-counter;
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item {
	padding: 0px 12px;
	width: calc(100% / 4);
	display: flex;
	flex-direction: column;
	counter-increment: advantages-counter;
	position: relative;
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(1n + 5) {
	margin-top: 24px;
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(4)::after {
	position: absolute;
	content: '';
	right: 0px;
	top: 35px;
	width: 100%;
	height: 100%;
	background-position: center right;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(assets/img/about-list-arrow-down.svg);
	user-select: none;
	pointer-events: none;
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(5) {
	order: 4;	
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(6) {
	order: 3;	
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(7) {
	order: 2;	
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(8) {
	order: 1;	
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(1n + 9) {
	order: 5;
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:last-child {
	margin-left: auto;
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .thumbnail {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .thumbnail img {
	width: 44px;
	min-width: 44px;
	height: 44px;
	object-fit: contain;
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .thumbnail::after {
	content: '';
	width: 100%;
	height: 100%;
	margin-left: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(assets/img/about-list-arrow-right.svg);
	user-select: none;
	pointer-events: none;
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(1n + 5) .thumbnail::after {
	background-image: url(assets/img/about-list-arrow-left.svg);
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .caption {
	display: flex;
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .caption p.h3 {
	font-size: 1.25em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin: 0px;
}

section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .caption p.h3::before {
	float: left;
	content: '0' counter(advantages-counter) '.';
	font-size: 1em;
	font-weight: 300;
	color: #686868;
}

.solution-item .item-link .caption .about-projects-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -10px 36px;
}

.solution-item .item-link .caption .about-projects-list .about-projects-item {
	padding: 0px 10px;
	width: calc(100% / 2);
}

.solution-item .item-link .caption .about-projects-list .about-projects-item:nth-child(1n + 3) {
	margin-top: 20px;
}

.solution-item .item-link .caption .about-projects-list .about-projects-item .projects-item-link {
	border-radius: 16px;
	border: 1px solid var(--main-black);
	padding: 20px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.solution-item .item-link .caption .about-projects-list .about-projects-item .projects-item-link .projects-thumbnail {
	margin-bottom: 12px;
	display: flex;
	align-items: center;
}

.solution-item .item-link .caption .about-projects-list .about-projects-item .projects-item-link .projects-thumbnail img {
	width: 44px;
	min-width: 44px;
	height: 44px;
	object-fit: contain;
}

.solution-item .item-link .caption .about-projects-list .about-projects-item .projects-item-link .projects-caption {
	display: flex;
}

.solution-item .item-link .caption .about-projects-list .about-projects-item .projects-item-link .projects-caption p.h3 {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin: 0px;
}

section.about-prices {
	padding: 16px 0px;
}

section.about-prices .about-prices-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	overflow: hidden;
	padding: 40px;
	display: flex;
	flex-direction: column;
}

section.about-prices .about-prices-wrap span.uppertitle {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 24px;
}

section.about-prices .about-prices-wrap h2.title-h2 {
	margin-bottom: 24px;
}

section.about-prices .about-prices-wrap .title-wrap {
	display: flex;
}

section.about-prices .about-prices-wrap .title-wrap h2.title-h2 {
	margin: 0px;
	margin-right: auto;
	width: 48%;
	padding-right: 10px;
}

section.about-prices .about-prices-wrap .title-wrap p.desc {
	margin: 0px;
	margin-left: auto;
	width: 48%;
	padding-left: 10px;
}

section.about-prices .about-prices-wrap .about-prices-list,
section.about-prices .about-prices-wrap .about-steps-list {
	margin: 0px -10px 24px;
	display: flex;
	flex-wrap: wrap;
}

section.about-prices .about-prices-wrap .about-steps-list {
	margin-bottom: 0px;
	margin-top: 24px;
}

section.about-prices .about-prices-wrap .about-prices-list .about-prices-item {
	padding: 0px 10px;
	width: calc(100% / 3);
	display: flex;
}

section.about-prices .about-prices-wrap .about-steps-list .about-prices-item {
	padding: 0px 10px;
	width: calc(100% / 3);
	display: flex;
}

section.about-prices .about-prices-wrap .about-prices-list .about-prices-item:nth-child(1n + 4),
section.about-prices .about-prices-wrap .about-steps-list .about-prices-item:nth-child(1n + 4) {
	margin-top: 20px;
}

section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption,
section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption {
	border-radius: 16px;
	border: 1px solid var(--main-black);
	padding: 24px;
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption span.uppertitle,
section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption span.uppertitle {
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 8px;
}

section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption p.h3,
section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption p.h3 {
	font-size: 1.75em;
	line-height: 120%;
	font-weight: 500;
	color: var(--main-black);
	margin-bottom: 20px;
}

section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption p.desc,
section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption p.desc {
	font-size: 1.25em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 20px;
}

section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption span.undertitle,
section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption span.undertitle {
	font-size: 2em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin-top: auto;
	margin-bottom: 20px;
}

section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption ul.text-list,
section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption ul.text-list {
	padding-left: 24px;
	margin-bottom: 20px;
}

section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption ul.text-list li,
section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption ul.text-list li {
	font-size: 1.25em;
	line-height: 120%;
	font-weight: 400;
	color: #686868;
	margin-bottom: 4px;
}

section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption ul.text-list li:last-child,
section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption ul.text-list li:last-child {
	margin-bottom: 0px;
}

section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption a.more-link,
section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption a.more-link {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-white);
	padding: 11px 32px;
	background-color: var(--main-black);
	border-radius: 50px;
	text-decoration: none;
	transition: opacity var(--slow);
	margin-top: auto;
}

@media screen and (min-width: 576px) {
	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption a.more-link:hover,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption a.more-link:hover {
		opacity: 0.8;
	}
}

section.about-prices .about-prices-wrap p.text {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	max-width: 50%;
	padding-right: 10px;
	margin-bottom: 0px;
}

.show-more-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.show-more-wrap.show .show-more-content {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 8;
	line-clamp: 8;
	-webkit-box-orient: vertical;
	width: 100%;
}

.show-more-wrap .show-more-content > *:last-child {
	margin-bottom: 0px;
}

.show-more-wrap.open .show-more-content {
	display: block;
}

.show-more-wrap .show-more {
	display: none;
}

.show-more-wrap.show .show-more {
	display: flex;
	align-items: center;
	position: relative;
	margin-top: 16px;
	cursor: pointer;
}

.show-more-wrap .show-more span {
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
}

.show-more-wrap .show-more span.less {
	display: none;
}

.show-more-wrap.open .show-more span.more {
	display: none;
}

.show-more-wrap.open .show-more span.less {
	display: flex;
}

.show-more-wrap .show-more::after {
	content: '';
	width: 16px;
	height: 10px;
	margin-left: 6px;
	background-image: url(assets/img/menu-dropdown.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: var(--slow);
}

.show-more-wrap.open .show-more::after {
	transform: rotate(-180deg);
}

@media screen and (max-width: 1299px) {
	section.main .main-wrap .caption span.undertitle {
		font-size: 1.25em;
	}

	section.main .main-wrap .caption .more-link {
		width: 108px;
		height: 108px;
		font-size: 0.875em;
	}

	.projects-type-item .item-link .caption {
		padding: 18px;
	}

	.projects-type-item .item-link .caption::before {
		width: 48px;
		min-width: 48px;
		height: 48px;
		margin-bottom: 120px;
	}

	.projects-type-item .item-link .caption p.h3 {
		font-size: 2.25em;
	}

	.solution-item .item-link .caption .about-text ol li::before {
		font-size: 2.125em;
	}

	section.main .main-wrap .caption .stats .stats-item p.h3 {
		font-size: 2.25em;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption p.h3,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption p.h3 {
		font-size: 1.625em;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption span.undertitle,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption span.undertitle {
		font-size: 1.875em;
	}

	section.about-list .about-list-wrap .about-list-items .about-list-item {
		padding: 18px 0px;
	}

	section.about-steps .about-steps-wrap h2.title-h2 {
		margin-bottom: 36px;
	}

	.solution-item .item-link .caption .about-projects-list .about-projects-item .projects-item-link {
		padding: 16px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption {
		padding: 18px;
	}
}

@media screen and (max-width: 1199px) {
	section.main .main-wrap .caption span.undertitle {
		font-size: 1.25em;
		margin-bottom: 16px;
	}

	.projects-type-item .item-link .caption p.h3 {
		font-size: 1.875em;
	}

	.projects-type-item .item-link .caption::before {
		margin-bottom: 100px;
	}

	section.about-features .about-features-wrap {
		padding: 30px;
	}

	section.calculator-banner .calculator-banner-wrap .caption {
		padding-right: 20px;
	}

	section.calculator-banner .calculator-banner-wrap .btn-wrap {
		padding-left: 20px;
	}

	section.main .main-wrap .caption .stats .stats-item p.h3 {
		font-size: 1.875em;
	}

	section.about-list .about-list-wrap {
		padding: 30px;
	}

	section.about-list .about-list-wrap .about-list-items .about-list-item {
		padding: 16px 0px;
	}

	section.about-steps .about-steps-wrap {
		padding: 30px;
	}

	section.about-steps .about-steps-wrap h2.title-h2 {
		margin-bottom: 24px;
	}

	section.about-steps .about-steps-wrap span.uppertitle {
		margin-bottom: 16px;
	}

	section.advantages .advantages-wrap h2 {
		margin-bottom: 20px;
	}

	section.about-features .about-features-wrap h2.title-h2 {
		margin-bottom: 20px;
	}

	section.calculator-banner .calculator-banner-wrap .btn-wrap .desc {
		margin-bottom: 20px;
	}

	section.main.about-main .main-wrap .caption h1 {
		margin-bottom: 20px;
	}

	section.main .main-wrap .caption .stats .stats-item p.text {
		font-size: 1.25em;
	}

	section.about-list .about-list-wrap h2.title-h2 {
		margin-bottom: 20px;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item {
		width: calc(100% / 3);
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .thumbnail {
		margin-bottom: 16px;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(1n + 4) {
		margin-top: 24px;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(4)::after {
		display: none;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(3)::after {
		position: absolute;
		content: '';
		right: 0px;
		top: 35px;
		width: 100%;
		height: 100%;
		background-position: center right;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(assets/img/about-list-arrow-down.svg);
		user-select: none;
		pointer-events: none;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(6)::after {
		position: absolute;
		content: '';
		left: 0px;
		top: 35px;
		width: 100%;
		height: 100%;
		background-position: center left;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(assets/img/about-list-arrow-down.svg);
		user-select: none;
		pointer-events: none;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(4) {
		order: 3;	
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(5) {
		order: 2;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(6) {
		order: 1;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(7) {
		order: 4;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(8) {
		order: 5;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(1n + 9) {
		order: 5;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(4) .thumbnail::after {
		background-image: url(assets/img/about-list-arrow-left.svg);
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(7) .thumbnail::after {
		background-image: url(assets/img/about-list-arrow-right.svg);
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(8) .thumbnail::after {
		display: none;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:last-child {
		margin-left: 0px;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .caption p.h3 {
		min-height: 2.5em;
	}

	section.main .main-wrap .caption .stats {
		margin: 0px -16px 20px;
	}

	.solution-item .item-link .caption .about-projects-list {
		margin: 0px -8px 24px;
	}
	
	.solution-item .item-link .caption .about-projects-list .about-projects-item {
		padding: 0px 8px;
	}

	.solution-item .item-link .caption .about-projects-list .about-projects-item:nth-child(1n+3) {
    margin-top: 16px;
	}

	section.about-prices .about-prices-wrap {
		padding: 30px;
	}

	section.about-prices .about-prices-wrap span.uppertitle {
		margin-bottom: 16px;
	}

	section.about-prices .about-prices-wrap h2.title-h2 {
		margin-bottom: 20px;
	}

	section.about-prices .about-prices-wrap .about-prices-list,
	section.about-prices .about-prices-wrap .about-steps-list {
		margin: 0px -10px 20px;
	}

	section.about-prices .about-prices-wrap .about-steps-list {
		margin-bottom: 0px;
		margin-top: 20px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption p.h3,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption p.h3 {
		font-size: 1.5em;
		margin-bottom: 16px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption span.undertitle,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption span.undertitle {
		font-size: 1.625em;
		margin-bottom: 16px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption ul.text-list,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption ul.text-list {
		margin-bottom: 16px;
	}

	section.consult-form .consult-form-wrap .title-h2 {
		padding-right: 20px;
	}

	section.consult-form .consult-form-wrap .form-wrap {
		padding-left: 20px;
	}

	section.faq .faq-wrap .faq-list {
		padding-right: 20px;
	}

	section.faq .faq-wrap .seo-list {
		padding-left: 20px;
	}

	.solution-item .item-link .caption .about-projects-list .about-projects-item .projects-item-link .projects-caption p.h3 {
		font-size: 1.375em;
	}

	.reviews-item .item-link p.desc {
		font-size: 1em;
	}

	.faq-container .card .card-header button {
		font-size: 1.375em;
	}

	section.about-list .about-list-wrap .about-list-items .about-list-item p.h3 {
		padding-right: 20px;
	}

	section.about-list .about-list-wrap .about-list-items .about-list-item p.text {
		padding-left: 20px;
	}

	section.about-features .about-features-wrap .about-features-slider .about-features-item:nth-child(1n + 3) {
		margin-top: 24px;
	}
}

@media screen and (max-width: 991px) {
	section.main .main-wrap .caption .more-link {
		width: 100px;
		height: 100px;
		font-size: 0.75em;

		width: auto;
		height: auto;
		font-size: 1em;
		border-radius: 12px;
	}

	.show-more-wrap .show-more::after {
		width: 12px;
    height: 6px;
		margin-top: 4px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption p.h3,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption p.h3 {
		font-size: 1.5em;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption p.desc,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption p.desc {
		font-size: 1.125em;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption span.undertitle,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption span.undertitle {
		font-size: 1.75em;
	}

	section.main .main-wrap .caption span.undertitle {
		font-size: 1.125em;
		max-width: 80%;
	}

	section.projects-type {
		padding: 8px 0px;
	}

	section.about-features {
		padding: 8px 0px;
	}

	section.about-features .about-features-wrap {
		padding: 24px;
	}

	section.calculator-banner .calculator-banner-wrap .caption {
		padding: 0px;
	}

	section.calculator-banner .calculator-banner-wrap .btn-wrap {
		padding: 0px;
	}

	section.calculator-banner .calculator-banner-wrap .btn-wrap .desc {
		margin-bottom: 16px;
	}

	section.main .main-wrap .caption .stats {
		margin: 0px -10px 16px;
	}

	section.main .main-wrap .caption .stats .stats-item {
		padding: 0px 10px;
	}

	section.main .main-wrap .caption .stats .stats-item p.h3 {
		font-size: 1.625em;
		margin-bottom: 6px;
	}

	section.main .main-wrap .caption .stats .stats-item p.text {
		font-size: 1.125em;
	}

	section.about-list {
		padding: 8px 0px;
	}

	section.about-list .about-list-wrap {
		padding: 24px;
	}

	.projects-type-item .item-link {
		display: flex;
		flex-direction: column;
	}

	section.projects-type .projects-type-slider.slick-slider .slick-dots {
		padding: 12px 24px;
		background-color: var(--main-white);
		border-radius: 16px;
		margin-top: 8px;
	}

	section.projects-type .projects-type-slider {
		margin: 0px;
	}

	section.projects-type .projects-type-slider .projects-type-item {
		padding: 0px 8px;
	}

	section.projects-type .projects-type-slider.slick-slider .slick-list {
		overflow: visible;
		width: calc(100% + 16px);
		margin: 0px -8px;
	}

	.projects-type-item .item-link .caption p.h3 {
		font-size: 1.5em;
	}

	.projects-type-item .item-link .caption::before {
		margin-bottom: 70px;
	}

	.solution-item .item-link .caption .about-text ol li::before {
		font-size: 1.75em;
	}

	section.about-features .about-features-wrap .about-features-slider {
		margin: 0px;
	}

	section.about-features .about-features-wrap .about-features-slider .slick-list {
		overflow: visible;
		width: calc(100% + 16px);
		margin: 0px -8px;
	}

	section.about-features .about-features-wrap .about-features-slider .about-features-item {
		padding: 0px 8px;
	}

	.about-features-item .thumbnail {
		padding: 0px 0px 12px;
	}

	section.about-steps {
		padding: 8px 0px;
	}

	section.about-steps .about-steps-wrap {
		padding: 24px;
	}

	section.about-steps .about-steps-wrap h2.title-h2 {
		margin-bottom: 20px;
	}

	section.about-steps .about-steps-wrap .about-steps-list {
		margin: 0px;
	}

	section.about-steps .about-steps-wrap .about-steps-list .slick-list {
		overflow: visible;
		width: calc(100% + 16px);
		margin: 0px -8px;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item {
		padding: 0px 8px;
	}

	section.about-list .about-list-wrap .about-list-items .slick-list {
		overflow: visible;
		width: calc(100% + 16px);
		margin: 0px -8px;
	}

	section.about-list .about-list-wrap .about-list-items .about-list-item {
		flex-direction: column;
		padding: 0px 8px;
		border: none;
	}

	section.about-list .about-list-wrap .about-list-items .about-list-item:last-child {
		border: none;
	}

	section.about-list .about-list-wrap .about-list-items .about-list-item p.h3 {
		width: 100%;
		padding: 0px 0px 12px;
	}

	section.about-list .about-list-wrap .about-list-items .about-list-item p.h3::before {
		font-size: 1em;
		min-width: auto;
		padding-right: 8px;
	}

	section.about-list .about-list-wrap .about-list-items .about-list-item p.h3 span {
		font-size: 1.25em;
	}

	section.about-list .about-list-wrap .about-list-items .about-list-item p.text {
		font-size: 1.125em;
		padding: 0px;
		width: 100%;
	}

	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .caption p.h3 {
		min-height: auto;
		font-size: 1.125em;
	}

	.solution-item .item-link .caption .about-projects-list .about-projects-item .projects-item-link .projects-caption p.h3 {
		font-size: 1.25em;
	}

	section.about-prices .about-prices-wrap .about-prices-list,
	section.about-prices .about-prices-wrap .about-steps-list {
		margin: 0px 0px 20px;
	}

	section.about-prices .about-prices-wrap .about-steps-list {
		margin-bottom: 0px;
		margin-top: 20px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .slick-list,
	section.about-prices .about-prices-wrap .about-steps-list .slick-list {
		overflow: visible;
		width: calc(100% + 16px);
		margin: 0px -8px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item {
		padding: 0px 8px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption ul.text-list li,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption ul.text-list li {
		font-size: 1.125em;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption a.more-link,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption a.more-link {
		padding: 10px 26px;
	}

	section.about-prices .about-prices-wrap p.text {
		max-width: none;
		padding: 0px;
	}

	section.consult-form .consult-form-wrap .title-h2 {
		padding-right: 0px;
	}

	section.consult-form .consult-form-wrap .form-wrap {
		padding-left: 0px;
	}

	.mfp-content .banner-modal-wrap .wpcf7 form p input[type="submit"],
	section.consult-form .consult-form-wrap .form-wrap form p input[type="submit"] {
		padding: 10px 26px;
	}

	section.faq .faq-wrap .faq-list {
		padding-right: 10px;
	}

	section.faq .faq-wrap .seo-list {
		padding-left: 10px;
	}

	.faq-container .card .card-header button {
		font-size: 1.25em;
	}

	section.about-prices {
		padding: 8px 0px;
	}

	section.about-prices .about-prices-wrap {
		padding: 24px;
	}

	section.about-prices .about-prices-wrap .title-wrap {
		flex-direction: column;
	}

	section.about-prices .about-prices-wrap .title-wrap h2.title-h2 {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 20px;
	}
	
	section.about-prices .about-prices-wrap .title-wrap p.desc {
		width: 100%;
		padding-left: 0px;
	}
}

@media screen and (max-width: 767px) {
	section.main .main-wrap .caption span.undertitle {
		font-size: 1em;
	}

	.solution-item .item-link .caption .about-projects-list {
		margin: 0px 0px 20px;
	}

	.solution-item .item-link .caption .about-projects-list .slick-list {
		overflow: visible;
		width: calc(100% + 16px);
		margin: 0px -8px;
	}

	.solution-item .item-link .caption .about-projects-list .slick-list .slick-track {
		display: flex;
	}

	.solution-item .item-link .caption .about-projects-list .slick-list .slick-track .slick-slide {
		height: auto;
	}

	.solution-item .item-link .caption .about-projects-list .slick-list .slick-track .slick-slide > div {
		height: 100%;
	}

	.solution-item .item-link .caption .about-projects-list .about-projects-item {
		height: 100%;
	}

	section.faq.seo .faq-wrap {
		flex-direction: column;
	}

	section.faq .faq-wrap .faq-list {
		width: 100%;
		padding: 0px 0px 20px;
	}

	section.faq .faq-wrap .seo-list {
		width: 100%;
		padding: 0px;
	}

	.faq-container .card:not(:last-child) {
		margin-bottom: 12px;
	}
}

@media screen and (max-width: 575px) {
	section.main .main-wrap .caption span.undertitle {
		font-size: 1em;
		max-width: none;
	}

	.projects-type-item .item-link .caption {
		padding: 16px;
	}

	.projects-type-item .item-link .caption::before {
		margin-bottom: 60px;
	}

	section.projects-type .projects-type-slider.slick-slider .slick-dots {
		padding: 8px 16px;
	}

	section.about-features .about-features-wrap {
		padding: 20px 16px;
	}

	.about-features-item .caption p.h3 {
		font-size: 1.25em;
	}

	section.main .main-wrap .caption .stats {
		flex-wrap: wrap;
	}
	
	section.main .main-wrap .caption .stats .stats-item {
		width: 50%;
	}

	section.main .main-wrap .caption .stats .stats-item:nth-child(1n + 3) {
		margin-top: 12px;
	}

	section.main .main-wrap .caption .stats .stats-item p.h3 {
		font-size: 1.5em;
		text-align: center;
	}

	section.main .main-wrap .caption .stats .stats-item p.text {
		font-size: 1em;
		text-align: center;
	}

	section.about-list .about-list-wrap {
		padding: 20px 16px;
	}

	section.about-steps .about-steps-wrap {
		padding: 20px 16px;
	}

	section.about-prices .about-prices-wrap {
		padding: 20px 16px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption {
		padding: 16px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption p.h3,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption p.h3 {
		font-size: 1.25em;
		margin-bottom: 12px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption span.undertitle,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption span.undertitle {
		font-size: 1.5em;
		margin-bottom: 12px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption ul.text-list,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption ul.text-list {
		padding-left: 12px;
		margin-bottom: 12px;
	}

	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption ul.text-list li,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption ul.text-list li {
		font-size: 1em;
	}

	.faq-container .card .card-header button {
		font-size: 1.125em;
	}
}

section.about-technology {
	padding: 16px 0px;
}

section.about-technology .about-technology-wrap {
	padding: 40px;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	background-color: var(--main-white);
}

section.about-technology .about-technology-wrap .title-h2 {
	width: 50%;
	padding-right: 30px;
}

section.about-technology .about-technology-wrap .title-h3 {
	width: 50%;
	padding-right: 30px;
	font-size: 2em;
	font-weight: 400;
}

section.about-technology .about-technology-wrap .about-technology-text {
	width: 50%;
	padding-left: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

section.about-technology .about-technology-wrap .about-technology-text p {
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 24px;
}

section.about-technology .about-technology-wrap .about-technology-text p:first-child {
	font-size: 1.25em;
	margin-bottom: 24px;
}

section.about-technology .about-technology-wrap .about-technology-text p:last-child {
	margin-bottom: 0px;
}

section.about-cards {
	padding: 16px 0px;
}

section.about-cards .about-cards-wrap {
	padding: 40px;
	border-radius: 16px;
	overflow: hidden;
	background-color: var(--main-white);
}

section.about-cards .about-cards-wrap .title-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 32px;
}

section.about-cards .about-cards-wrap .title-wrap .title-h2 {
	width: 50%;
	padding-right: 8px;
}

section.about-cards .about-cards-wrap .title-wrap .undertitle {
	width: 50%;
	padding-left: 8px;
	margin-bottom: 0px;
	font-size: 1.25em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
}

section.about-cards .about-cards-wrap .about-cards-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -8px;
	counter-reset: title-counter;
}

section.about-cards .about-cards-wrap .card-item {
	width: calc(100% / 2);
	padding: 0px 8px;
	display: flex;
	counter-increment: title-counter;
}

section.about-cards .about-cards-wrap .card-item:nth-child(1n + 3) {
	margin-top: 16px;
}

section.about-cards .about-cards-wrap .card-item .item-link {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 24px;
	border: 1px solid var(--main-black);
	border-radius: 16px;
}

section.about-cards .about-cards-wrap .card-item .item-link .thumbnail {
	display: flex;
	padding-bottom: 24px;
}

section.about-cards .about-cards-wrap .card-item .item-link .thumbnail img {
	width: 44px;
	min-width: 44px;
	height: 44px;
	object-fit: contain;
}

section.about-cards .about-cards-wrap .card-item .item-link .caption {
	display: flex;
	flex-direction: column;
}

section.about-cards .about-cards-wrap .card-item .item-link .caption p.h3 {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
}

section.about-cards .about-cards-wrap .card-item.list .item-link .caption p.h3::before {
	content: '0' counter(title-counter);
	font-family: 'Inter', sans-serif;
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 700;
	color: var(--main-white);
	text-shadow: -1px -1px 0 var(--main-black), 1px -1px 0 var(--main-black), -1px 1px 0 var(--main-black), 1px 1px 0 var(--main-black);
	margin-bottom: 12px;
}

section.about-cards .about-cards-wrap .card-item .item-link .caption p.text {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 0px;
}

section.about-technology-info {
	padding: 16px 0px;
}

section.about-technology-info .about-technology-info-wrap {
	padding: 24px;
	border-radius: 16px;
	overflow: hidden;
	background-color: var(--main-white);
}

section.about-technology-info .about-technology-info-wrap .title-wrap {
	display: flex;
	align-items: center;
	padding: 16px 16px 0px;
	margin-bottom: 44px;
}

section.about-technology-info .about-technology-info-wrap .title-wrap .title-h2 {
	width: 50%;
	padding-right: 30px;
}

section.about-technology-info .about-technology-info-wrap .title-wrap .title-h2.full {
	width: 100%;
	padding: 0px;
}

section.about-technology-info .about-technology-info-wrap .title-wrap .undertitle {
	width: 50%;
	font-size: 1.25em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
	padding-left: 30px;
	margin-bottom: 0px;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list {
	display: flex;
	flex-direction: column;
	counter-reset: title-counter;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item {
	display: flex;
	counter-increment: title-counter;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item:nth-child(1n + 2) {
	margin-top: 52px;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse {
	flex-direction: row-reverse;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption {
	padding: 16px 30px 16px 16px;
	width: 50%;
	display: flex;
	flex-direction: column;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse .caption {
	padding: 16px 16px 16px 30px;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .uppertitle {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 24px;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .title-h2 {
	margin-bottom: 32px;
	display: flex;
	flex-direction: column;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .title-h2::before {
	content: '0' counter(title-counter);
	font-family: 'Inter', sans-serif;
	font-size: 1.125em;
	line-height: 120%;
	font-weight: 700;
	color: var(--main-white);
	text-shadow: -1px -1px 0 var(--main-black), 1px -1px 0 var(--main-black), -1px 1px 0 var(--main-black), 1px 1px 0 var(--main-black);
	margin-bottom: 24px;
	display: none;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text a {
	color: var(--main-text);
	transition: color var(--slow);
}

@media screen and (min-width: 576px) {
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text a:hover {
		color: var(--main-black);
	}
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text p {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 16px;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ul {
	padding: 0px;
	list-style: none;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ul li {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	position: relative;
	color: var(--main-text);
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ul li::before {
	align-self: flex-start;
	content: '';
	width: 40px;
	min-width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(assets/img/arrow-list.svg);
	margin-right: 12px;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ol {
	padding: 0px;
	list-style: none;
	counter-reset: ol-counter;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ol li {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	position: relative;
	color: var(--main-text);
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	counter-increment: ol-counter;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ol li::before {
	content: counter(ol-counter);
	font-size: 2.25em;
	line-height: 120%;
	font-weight: 700;
	margin-right: 12px;
	font-family: 'Inter',sans-serif;
	color: var(--main-white);
	align-self: flex-start;
	text-shadow: -1px -1px 0 var(--main-black),1px -1px 0 var(--main-black),-1px 1px 0 var(--main-black),1px 1px 0 var(--main-black);
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.h3 {
	font-size: 2em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	display: flex;
	flex-direction: column;
	margin-bottom: 12px;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.h3::before {
	content: '0' counter(title-counter);
	font-family: 'Inter', sans-serif;
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 700;
	color: var(--main-white);
	text-shadow: -1px -1px 0 var(--main-black), 1px -1px 0 var(--main-black), -1px 1px 0 var(--main-black), 1px 1px 0 var(--main-black);
	margin-bottom: 24px;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list.roofs-type .about-technology-item .caption p.h3::before {
	display: none;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.text {
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
	margin-bottom: 0px;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .thumbnail {
	width: 50%;
	padding-left: 30px;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse .thumbnail {
	padding: 0px;
	padding-right: 30px;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .thumbnail .img-wrap {
	width: 100%;
	padding-top: 70%;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .thumbnail .img-wrap img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.about.secondary .about-wrap .caption {
	width: 60%;
}

section.about.secondary .about-wrap .thumbnail {
	width: 40%;
}

section.about.secondary .about-wrap .thumbnail .img-wrap {
	padding-top: 80%;
}

section.about-cards .about-cards-wrap .about-cards-list .slick-list {
	overflow: visible;
	width: 100%;
}

section.about-cards .about-cards-wrap .about-cards-list .slick-list .slick-track {
	display: flex;
}

section.about-cards .about-cards-wrap .about-cards-list .slick-list .slick-track .slick-slide {
	height: auto;
}

section.about-cards .about-cards-wrap .about-cards-list .slick-list .slick-track .slick-slide > div {
	height: 100%;
}

section.about-cards .about-cards-wrap .about-cards-list .slick-list .slick-track .slick-slide > div .card-item {
	height: 100%;
}

section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text *:last-child {
	margin-bottom: 0px;
}

section.about .about-wrap > .caption *:last-child {
	margin-bottom: 0px;
}

@media screen and (max-width: 1299px) {
	section.about-technology .about-technology-wrap .about-technology-text p:first-child {
		font-size: 1.25em;
	}

	section.about-cards .about-cards-wrap .card-item .item-link {
		padding: 18px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ol li::before {
		font-size: 2.125em;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.h3 {
		font-size: 1.875em;
	}
}

@media screen and (max-width: 1199px) {
	section.about-technology .about-technology-wrap {
		padding: 30px;
	}

	section.about-technology .about-technology-wrap .title-h2 {
		padding-right: 20px;
	}

	section.about-technology .about-technology-wrap .title-h3 {
		padding-right: 20px;
	}

	section.about-technology .about-technology-wrap .about-technology-text {
		padding-left: 20px;
	}

	section.about-technology .about-technology-wrap .about-technology-text p:first-child {
		margin-bottom: 20px;
	}

	section.about-cards .about-cards-wrap {
		padding: 30px;
	}

	section.about-technology-info .about-technology-info-wrap {
		padding: 20px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item:nth-child(1n+2) {
		margin-top: 30px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption {
		padding: 10px 20px 10px 10px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse .caption {
		padding: 10px 10px 10px 20px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .uppertitle {
		margin-bottom: 16px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .title-h2 {
		margin-bottom: 24px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .title-h2::before {
		margin-bottom: 20px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .thumbnail {
		padding-left: 20px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse .thumbnail {
		padding-right: 20px;
	}

	section.about-cards .about-cards-wrap .title-wrap {
		margin-bottom: 24px;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap {
		margin-bottom: 32px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.h3::before {
		margin-bottom: 20px;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap {
		padding: 10px 10px 0px;
		margin-bottom: 32px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.h3 {
		font-size: 1.625em;
	}

	section.about-technology .about-technology-wrap .about-technology-text p:first-child {
		font-size: 1.125em;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap .title-h2 {
		padding-right: 20px;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap .undertitle {
		padding-left: 20px;
	}

	section.about-cards .about-cards-wrap .card-item .item-link .thumbnail {
		padding-bottom: 20px;
	}

	section.about-cards .about-cards-wrap .card-item .item-link .caption p.h3 {
		margin-bottom: 16px;
	}
}

@media screen and (max-width: 991px) {
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ul li::before {
		width: 28px;
		min-width: 28px;
		height: 28px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ol li::before {
		font-size: 1.75em;
	}

	section.about-technology .about-technology-wrap {
		padding: 24px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.h3 {
		font-size: 1.5em;
		margin-bottom: 16px;
	}

	section.about-cards .about-cards-wrap {
		padding: 24px;
	}

	section.about-technology .about-technology-wrap .title-h2 {
		padding-right: 10px;
	}

	section.about-technology .about-technology-wrap .title-h3 {
		padding-right: 10px;
	}

	section.about-technology .about-technology-wrap .about-technology-text {
		padding-left: 10px;
	}

	section.about-technology .about-technology-wrap .about-technology-text p {
		font-size: 1em;
	}

	section.about-technology .about-technology-wrap .about-technology-text p:first-child {
		margin-bottom: 16px;
		font-size: 1.125em;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .title-h2 {
		margin-bottom: 20px;
	}

	section.about-technology-info .about-technology-info-wrap {
		padding: 24px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption {
		padding: 0px;
		padding-right: 10px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .thumbnail {
		padding: 0px;
		padding-left: 10px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse .thumbnail {
		padding: 0px;
		padding-right: 10px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse .caption {
		padding: 0px;
		padding-left: 10px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item:nth-child(1n+2) {
		margin-top: 24px;
	}

	section.about-cards .about-cards-wrap .title-wrap {
		margin-bottom: 20px;
	}

	section.about-technology-info .about-technology-info-wrap {
		padding: 24px;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap {
		padding: 0px;
		margin-bottom: 24px;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap .title-h2 {
		padding-right: 10px;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap .undertitle {
		padding-left: 10px;
	}

	section.about-technology {
		padding: 8px 0px;
	}

	section.about-cards {
		padding: 8px 0px;
	}

	section.about-technology-info {
		padding: 8px 0px;
	}

	section.about-cards .about-cards-wrap .title-wrap .undertitle {
		font-size: 1.125em;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap .undertitle {
		font-size: 1.125em;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.text {
		font-size: 1em;
	}

	section.about-cards .about-cards-wrap .card-item .item-link .thumbnail {
		padding-bottom: 8px;
	}
}

@media screen and (max-width: 767px) {
	section.about-technology .about-technology-wrap .title-h2 {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 20px;
	}

	section.about-technology .about-technology-wrap .title-h3 {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 20px;
		font-size: 1.75em;
	}

	section.about-technology .about-technology-wrap {
		flex-direction: column;
	}

	section.about-technology .about-technology-wrap .about-technology-text {
		width: 100%;
		padding-left: 0px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption {
		width: 100%;
		padding-right: 0px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .thumbnail {
		width: 100%;
		padding: 20px 0px 0px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item {
		flex-direction: column;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse {
		flex-direction: column;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse .caption {
		padding-left: 0px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse .thumbnail {
		padding-right: 0px;
	}

	section.about-cards .about-cards-wrap .title-wrap {
		flex-direction: column;
	}

	section.about-cards .about-cards-wrap .title-wrap .title-h2 {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 16px;
	}

	section.about-cards .about-cards-wrap .title-wrap .undertitle {
		width: 100%;
		padding-left: 0px;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap {
		flex-direction: column;
		margin-bottom: 20px;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap .title-h2 {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 16px;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap .undertitle {
		width: 100%;
		padding-left: 0px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.h3::before {
		margin-bottom: 16px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse .thumbnail {
		padding-top: 20px;
	}

	section.about.secondary .about-wrap .caption {
		width: 100%;
	}

	section.about.secondary .about-wrap .thumbnail {
		width: 100%;
	}

	section.about.secondary .about-wrap .thumbnail .img-wrap {
		padding-top: 75%;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .title-h2::before {
		margin-bottom: 16px;
		font-size: 1.25em;
	}
}

@media screen and (max-width: 575px) {
	section.about-technology .about-technology-wrap {
		padding: 20px 16px;
	}

	section.about-technology .about-technology-wrap .about-technology-text p {
		font-size: 1em;
	}

	section.about-technology .about-technology-wrap .about-technology-text p:first-child {
		font-size: 1.125em;
	}

	section.about-technology .about-technology-wrap .title-h3 {
		font-size: 1.5em;
	}

	section.about-cards .about-cards-wrap {
		padding: 20px 16px;
	}

	section.about-cards .about-cards-wrap .card-item .item-link {
		padding: 16px;
	}

	section.about-cards .about-cards-wrap .card-item .item-link .caption p.h3 {
		font-size: 1.25em;
	}

	section.about-technology-info .about-technology-info-wrap {
		padding: 20px 16px;
	}

	section.about-cards .about-cards-wrap .title-wrap .undertitle {
		font-size: 1em;
	}

	section.about-technology-info .about-technology-info-wrap .title-wrap .undertitle {
		font-size: 1em;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.h3 {
		font-size: 1.25em;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.h3::before {
		margin-bottom: 12px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.text {
		font-size: 1em;
	}

	section.about-cards .about-cards-wrap .about-cards-list {
		margin: 0px;
	}

	section.about-cards .about-cards-wrap .about-cards-list .slick-list {
		width: calc(100% + 32px);
		margin: 0px -16px;
		padding: 0px 8px;
		overflow: hidden;
	}

	section.about-cards .about-cards-wrap .about-cards-list .slick-list .slick-track {
		display: block;
	}

	section.about-cards .about-cards-wrap .card-item {
		padding: 0px 6px;
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .title-h2::before {
		margin-bottom: 12px;
	}
}

section.projects-archive .title-wrap form.search-page-form {
	display: flex;
	padding: 80px 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(assets/img/search-bg.jpg);
	border-radius: 16px;
	overflow: hidden;
}

section.projects-archive .title-wrap form.search-page-form .search-wrap {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	max-width: 650px;
	margin: 0px auto;
}

section.projects-archive .title-wrap form.search-page-form .search-wrap input[type="search"] {
	border: 1px solid var(--main-white);
	padding: 23px 147px 23px 15px;
	border-radius: 12px;
	background-color: var(--main-white);
	outline: none;
	color: var(--main-black);
	width: 100%;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
}

section.projects-archive .title-wrap form.search-page-form .search-wrap input[type="search"]::placeholder {
	color: var(--main-black);
}

section.projects-archive .title-wrap form.search-page-form .search-wrap input[type="submit"] {
	border: none;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--main-green);
	border-radius: 12px;
	color: var(--main-white);
	transition: opacity var(--slow);
	padding: 11px 28px;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
}

@media screen and (min-width: 576px) {
	section.projects-archive .title-wrap form.search-page-form .search-wrap input[type="submit"]:hover {
		opacity: 0.8;
	}
}

section.projects-archive .search-wrap {
	max-width: 650px;
	margin: 0px auto;
}

section.projects-archive .search-wrap span.result-count {
	font-family: 'Inter', sans-serif;
	font-size: 1em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-text);
}

section.projects-archive .search-wrap span.result-count span {
	font-weight: 500;
}

section.projects-archive .search-wrap article {
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

section.projects-archive .search-wrap article a.search-link {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 24px;
	text-decoration: none;
	background-color: var(--main-white);
	border-radius: 16px;
}

section.projects-archive .search-wrap article a.search-link span.icon {
	width: 36px;
	min-width: 36px;
	height: 36px;
	margin-right: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 55% 55%;
	background-image: url(assets/img/search-icon.svg);
	border-radius: 100%;
	background-color: var(--main-gray-item);
}

section.projects-archive .search-wrap article a.search-link p.h3 {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin: 0px;
}

@media screen and (max-width: 1199px) {
	section.projects-archive .title-wrap form.search-page-form .search-wrap input[type="search"] {
		padding: 18px 118px 18px 12px;
	}

	section.projects-archive .title-wrap form.search-page-form .search-wrap input[type="submit"] {
		right: 8px;
		padding: 10px 22px;
	}

	section.projects-archive .title-wrap form.search-page-form {
		padding: 60px 30px;
	}

	section.projects-archive .search-wrap article {
		margin-top: 20px;
	}

	section.projects-archive .search-wrap article a.search-link {
		padding: 18px;
	}

	section.projects-archive .search-wrap article a.search-link p.h3 {
		font-size: 1.375em;
	}
}

@media screen and (max-width: 991px) {
	section.projects-archive .title-wrap form.search-page-form {
		padding: 40px 24px;
	}

	section.projects-archive .search-wrap article {
		margin-top: 16px;
	}

	section.projects-archive .search-wrap article a.search-link {
		padding: 16px;
	}

	section.projects-archive .search-wrap article a.search-link span.icon {
		width: 28px;
		min-width: 28px;
		height: 28px;
		margin-right: 8px;
	}

	section.projects-archive .search-wrap article a.search-link p.h3 {
		font-size: 1.25em;
	}
}

@media screen and (max-width: 575px) {
	section.projects-archive .title-wrap form.search-page-form {
		padding: 20px 16px;
	}

	section.projects-archive .title-wrap form.search-page-form .search-wrap input[type="search"] {
		padding: 18px 12px 70px 12px;
	}

	section.projects-archive .title-wrap form.search-page-form .search-wrap input[type="submit"] {
		top: auto;
		bottom: 8px;
		left: 8px;
		transform: none;
	}

	section.projects-archive .search-wrap article a.search-link span.icon {
		width: 24px;
		min-width: 24px;
		height: 24px;
		margin-right: 6px;
	}

	section.projects-archive .search-wrap article a.search-link p.h3 {
		font-size: 1.125em;
	}
}

section.about-technology .about-technology-wrap .about-technology-text .more-link {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-white);
	padding: 11px 32px;
	background-color: var(--main-black);
	border-radius: 50px;
	text-decoration: none;
	transition: opacity var(--slow);
	margin-bottom: 16px;
}

@media screen and (min-width: 576px) {
	section.about-technology .about-technology-wrap .about-technology-text .more-link:hover {
		opacity: 0.8;
	}
}

section.about .about-wrap:has(.about-box) {
	flex-wrap: wrap;
}

section.about .about-wrap .about-box {
	width: 100%;
	padding: 16px 0px 16px 16px;
}

section.about .about-wrap .about-box:last-child {
	padding-top: 32px;
}

section.about .about-wrap .about-box .advantages-item .item-link .caption p.h3 {
	align-items: center;
}

section.about .about-wrap > .caption .stats {
	display: flex;
	flex-wrap: wrap;
}

section.about .about-wrap > .caption .stats .stats-item {
	max-width: calc(100% / 2);
	padding: 0px 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

section.about .about-wrap > .caption .stats .stats-item p.h3 {
	font-size: 3em;
	line-height: 120%;
	font-weight: 500;
	color: var(--main-white);
	text-shadow: -1px -1px 0 var(--main-black), 1px -1px 0 var(--main-black), -1px 1px 0 var(--main-black), 1px 1px 0 var(--main-black);
	margin-bottom: 12px;
	text-align: center;
}

section.about .about-wrap > .caption .stats .stats-item p.text {
	font-size: 1.5em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 0px;
}

section.construction {
	padding: 16px 0px;
}

section.construction .construction-wrap {
	border-radius: 16px;
	padding: 24px;
	display: flex;
	background-color: var(--main-white);
	overflow: clip;
}

section.construction .construction-wrap > .caption {
	padding: 16px;
	padding-right: 26px;
	display: flex;
	flex-direction: column;
	width: calc(100% / 2);
}

section.construction .construction-wrap > .caption h2 {
	margin-bottom: 36px;
}

section.construction .construction-wrap > .caption .nav-wrap:not(:last-child) {
	margin-bottom: 24px;
}

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

.nav-wrap .nav-tabs {
	border: none;
	gap: 24px;
}

.nav-wrap .nav-tabs .nav-item button {
	background-color: transparent;
	padding: 8px 0px;
	border: none;
	border-bottom: 1px solid transparent;
	transition: var(--slow);
	font-size: 1.25em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
}

.nav-wrap .nav-tabs .nav-item button.active {
	border-color: var(--main-black);
}

.nav-wrap .tab-content .tab-pane {
	padding-top: 16px;
}

.nav-wrap .tab-content .tab-pane .page-content ul:has(li:nth-child(4)) {
	display: flex;
	flex-wrap: wrap;
}

.nav-wrap .tab-content .tab-pane .page-content ul:has(li:nth-child(4)) li {
	width: 50%;
	padding-right: 30px;
}

section.construction .construction-wrap > .thumbnail {
	display: flex;
	width: calc(100% / 2);
	padding-left: 10px;
}

section.construction .construction-wrap > .thumbnail .video-wrap {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

section.construction .construction-wrap > .thumbnail .video-wrap iframe {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.construction.modular-type .construction-wrap .caption {
	padding: 16px;
	width: 100%;
}

section.construction .construction-wrap > .caption .title-wrap {
	display: flex;
	margin-bottom: 36px;
}

section.construction .construction-wrap > .caption .title-wrap h2 {
	width: calc(100% / 2);
	margin-bottom: 0px;
	padding-right: 30px;
}

section.construction .construction-wrap > .caption .title-wrap p.desc {
	width: calc(100% / 2);
	margin-bottom: 0px;
	padding-left: 30px;
}

section.construction .construction-wrap > .caption .modular-slider {
	margin: 0px -16px;
}

section.construction .construction-wrap>.caption .modular-slider .slick-list {
	overflow: visible;
}

section.construction .construction-wrap > .caption .modular-slider .modular-item {
	padding: 0px 16px;
	display: flex;
	flex-direction: column;
}

section.construction .construction-wrap > .caption .modular-slider .modular-item .thumbnail {
	width: 100%;
}

section.construction .construction-wrap > .caption .modular-slider .modular-item .thumbnail .img-wrap {
	width: 100%;
	padding-top: 75%;
	position: relative;
	overflow: hidden;
	border-radius: 16px;
	border: 1px solid var(--main-gray-bg);
}

section.construction .construction-wrap > .caption .modular-slider .modular-item .thumbnail .img-wrap img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.construction .construction-wrap > .caption .modular-slider .modular-item .thumbnail .img-wrap span.price {
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 20px;
	padding: 4px 10px;
	border-radius: 6px;
	background-color: var(--main-gray-bg);
	font-size: 0.875em;
	line-height: 100%;
	font-weight: 400;
	color: var(--main-black);
}

section.construction .construction-wrap > .caption .modular-slider .modular-item .thumbnail .img-wrap span.area {
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 54px;
	padding: 4px 10px;
	border-radius: 6px;
	background-color: var(--main-gray-bg);
	font-size: 0.875em;
	line-height: 100%;
	font-weight: 400;
	color: var(--main-black);
}

section.construction .construction-wrap > .caption .modular-slider .modular-item .caption {
	padding: 24px 16px;
}

section.construction .construction-wrap > .caption .modular-slider .modular-item .caption p.h3 {
	font-family: 'Inter', sans-serif;
	font-size: 1.125em;
	line-height: 120%;
	font-weight: 500;
	color: var(--main-black);
	margin-bottom: 0px;
}

@media screen and (max-width: 1299px) {
	section.about .about-wrap > .caption .stats .stats-item p.h3 {
		font-size: 2.25em;
	}
}

@media screen and (max-width: 1199px) {
	section.about .about-wrap .about-box {
		padding: 10px 0px 10px 10px;
	}
	
	section.about .about-wrap .about-box:last-child {
		padding-top: 24px;
	}
	
	section.about .about-wrap > .caption .stats .stats-item {
		padding: 0px 10px;
	}
	
	section.about .about-wrap > .caption .stats .stats-item p.h3 {
		font-size: 1.875em;
	}
	
	section.about .about-wrap > .caption .stats .stats-item p.text {
		font-size: 1.25em;
	}
	
	section.construction .construction-wrap {
		padding: 20px;
	}
	
	section.construction .construction-wrap > .caption {
		padding: 10px;
		padding-right: 20px;
	}
	
	section.construction .construction-wrap > .caption h2 {
		margin-bottom: 24px;
	}
	
	section.construction .construction-wrap > .caption .nav-wrap:not(:last-child) {
		margin-bottom: 16px;
	}
	
	.nav-wrap .nav-tabs {
		gap: 16px;
	}
	
	.nav-wrap .nav-tabs .nav-item button {
		padding: 6px 0px;
		font-size: 1.125em;
	}
	
	.nav-wrap .tab-content .tab-pane {
		padding-top: 12px;
	}

	.nav-wrap .tab-content .tab-pane .page-content ul:has(li:nth-child(4)) li {
		padding-right: 20px;
	}
	
	section.construction.modular-type .construction-wrap .caption {
		padding: 10px;
		width: 100%;
	}
	
	section.construction .construction-wrap > .caption .title-wrap {
		margin-bottom: 24px;
	}
	
	section.construction .construction-wrap > .caption .title-wrap h2 {
		padding-right: 20px;
	}
	
	section.construction .construction-wrap > .caption .title-wrap p.desc {
		padding-left: 20px;
	}
	
	section.construction .construction-wrap > .caption .modular-slider {
		margin: 0px -10px;
	}
	
	section.construction .construction-wrap > .caption .modular-slider .modular-item {
		padding: 0px 10px;
	}
}

@media screen and (max-width: 991px) {
	section.about-technology .about-technology-wrap .about-technology-text .more-link {
		padding: 10px 26px;
	}

	section.about .about-wrap .about-box {
		padding: 0px;
	}

	section.about .about-wrap .about-box:not(:last-child) {
		margin-bottom: 16px;
	}

	section.about .about-wrap > .caption .stats .stats-item p.h3 {
		font-size: 1.625em;
		margin-bottom: 6px;
	}

	section.about .about-wrap > .caption .stats .stats-item p.text {
		font-size: 1.125em;
	}

	section.about .about-wrap .about-box:last-child {
		padding-top: 20px;
	}

	section.construction {
		padding: 8px 0px;
	}

	section.construction .construction-wrap {
		padding: 24px;
	}

	section.construction .construction-wrap > .caption {
		padding: 0px;
		padding-right: 10px;
	}

	section.construction .construction-wrap > .caption h2 {
		margin-bottom: 20px;
	}

	.nav-wrap .nav-tabs {
		gap: 12px;
	}

	.nav-wrap .nav-tabs .nav-item button {
		padding: 4px 0px;
	}

	section.construction .construction-wrap > .caption .title-wrap {
		flex-direction: column;
		margin-bottom: 20px;
	}

	section.construction .construction-wrap > .caption .title-wrap h2 {
		width: 100%;
		margin-bottom: 20px;
		padding: 0px;
	}

	section.construction .construction-wrap > .caption .title-wrap p.desc {
		width: 100%;
		padding: 0px;
	}

	section.construction.modular-type .construction-wrap .caption {
		padding: 0px;
	}

	section.construction .construction-wrap > .caption .modular-slider {
		margin: 0px -8px;
	}

	section.construction .construction-wrap > .caption .modular-slider .modular-item {
		padding: 0px 8px;
	}
}

@media screen and (max-width: 767px) {
	section.construction .construction-wrap {
		flex-direction: column;
	}

	section.construction .construction-wrap > .caption {
		width: 100%;
		padding: 0px;
	}

	section.construction .construction-wrap > .thumbnail {
		width: 100%;
		padding: 20px 0px 0px;
	}

	section.construction .construction-wrap > .caption .modular-slider .modular-item .thumbnail .img-wrap span.price {
		left: 10px;
		top: 10px;
		padding: 2px 6px;
	}

	section.construction .construction-wrap > .caption .modular-slider .modular-item .thumbnail .img-wrap span.area {
		left: 10px;
		top: 40px;
		padding: 2px 6px;
	}

	.projects-item .item-link .thumbnail .tags {
		left: 10px;
		top: 10px;
	}

	.projects-item .item-link .thumbnail .tags span {
		padding: 2px 6px;
	}

	.projects-item .item-link .thumbnail .tags span:nth-child(1n + 2) {
		margin-top: 5px;
	}

	section.construction .construction-wrap > .caption .modular-slider .modular-item .caption {
		padding: 20px 16px;
	}
}

@media screen and (max-width: 575px) {
	section.construction .construction-wrap {
		padding: 20px 16px;
	}

	.nav-wrap .nav-tabs {
		gap: 8px;
	}

	.nav-wrap .tab-content .tab-pane {
		padding-top: 10px;
	}

	.nav-wrap .tab-content .tab-pane .page-content ul:has(li:nth-child(4)) li {
		width: 100%;
		padding-right: 0px;
	}

	section.construction .construction-wrap > .caption .modular-slider .modular-item .caption {
		padding: 16px 0px 0px;
	}
}

.solution-item.income-type .item-link .caption .about-projects-list .about-projects-item .projects-item-link .projects-caption {
	flex-direction: column;
}

.solution-item.income-type .item-link .caption .about-projects-list .about-projects-item .projects-item-link .projects-caption p.text {
	margin-top: 12px;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-text);
}

section.about-cards.income-type .about-cards-wrap h2 {
	margin-bottom: 24px;
}

section.about-cards.income-type .about-cards-wrap .card-item {
	width: calc(100% / 3);
	flex-direction: column;
}

section.about-cards.income-type .about-cards-wrap .card-item:nth-child(2n + 2) {
	flex-direction: column-reverse;
}

section.about-cards.income-type .about-cards-wrap .card-item:nth-child(1n + 3) {
	margin-top: 0px;
}

section.about-cards.income-type .about-cards-wrap .card-item:nth-child(1n + 4) {
	margin-top: 16px;
}

section.about-cards.income-type .about-cards-wrap .card-item .thumbnail-big {
	width: 100%;
	padding-bottom: 16px;
}

section.about-cards.income-type .about-cards-wrap .card-item:nth-child(2n + 2) .thumbnail-big {
	padding-bottom: 0px;
	padding-top: 16px;
}

section.about-cards.income-type .about-cards-wrap .card-item .thumbnail-big .img-wrap {
	width: 100%;
	padding-top: 90%;
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

section.about-cards.income-type .about-cards-wrap .card-item .thumbnail-big .img-wrap img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.about-cards.income-type .about-cards-wrap .card-item .item-link-big {
	width: 100%;
	padding-top: 90%;
	position: relative;
}

section.about-cards.income-type .about-cards-wrap .card-item .item-link-big .item-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

section.advantages.income-type .advantages-item .item-link .caption p.h3 {
	flex-direction: column;
}

section.advantages.income-type .advantages-item.section-link .item-link .caption p.h3 {
	flex-direction: row-reverse;
}

section.advantages.income-type .advantages-item .item-link .caption p.h3::before {
	margin-bottom: 24px;
	margin-right: 0px;
}

section.advantages.income-type .advantages-item .item-link .caption p.desc::before {
	display: none;
}

section.advantages.income-type .advantages-wrap .title-wrap h2 {
	width: 48%;
}

section.advantages.income-type .advantages-wrap .title-wrap p.desc {
	width: 48%;
}

@media screen and (max-width: 1199px) {
	section.about-cards.income-type .about-cards-wrap h2 {
		margin-bottom: 20px;
	}

	section.advantages.income-type .advantages-item .item-link .caption p.h3::before {
		margin-bottom: 20px;
	}

	section.about-cards.income-type .about-cards-wrap .card-item {
		width: 100%;
		flex-direction: row;
	}

	section.about-cards.income-type .about-cards-wrap .card-item:nth-child(2n + 2) {
		flex-direction: row-reverse;
	}

	section.about-cards.income-type .about-cards-wrap .card-item:nth-child(1n + 2) {
		margin-top: 16px;
	}

	section.about-cards.income-type .about-cards-wrap .card-item .thumbnail-big {
		padding-bottom: 0px;
		padding-right: 8px;
	}

	section.about-cards.income-type .about-cards-wrap .card-item:nth-child(2n + 2) .thumbnail-big {
		padding-top: 0px;
		padding-right: 0px;
		padding-left: 8px;
	}

	section.about-cards.income-type .about-cards-wrap .card-item .item-link-big {
		padding-top: 0px;
		padding-left: 8px;
	}

	section.about-cards.income-type .about-cards-wrap .card-item:nth-child(2n + 2) .item-link-big {
		padding-left: 0px;
		padding-right: 8px;
	}

	section.about-cards.income-type .about-cards-wrap .card-item .item-link-big .item-link {
		position: relative;
	}
}

@media screen and (max-width: 991px) {
	section.about-cards.income-type .about-cards-wrap .card-item .thumbnail-big {
		display: none;
	}

	section.about-cards.income-type .about-cards-wrap .card-item .item-link-big {
		padding: 0px;
		height: 100%;
	}

	section.advantages.income-type .advantages-wrap .title-wrap h2 {
		width: 100%;
	}

	section.advantages.income-type .advantages-wrap .title-wrap p.desc {
		width: 100%;
	}

	.solution-item .item-link .caption .about-projects-list .about-projects-item {
		width: 100%;
	}

	.solution-item .item-link .caption .about-projects-list .about-projects-item:nth-child(1n + 2) {
		margin-top: 16px;
	}

	section.advantages.income-type .advantages-item .item-link .caption p.h3::before {
		margin-bottom: 8px;
	}
}

.mfp-content:has(.banner-modal-wrap) {
	max-width: 800px;
}

.mfp-content .banner-modal-wrap {
	border-radius: 16px;
	background-color: var(--main-white);
	padding: 40px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.mfp-content .banner-modal-wrap p.h3 {
	font-size: 2.5em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 20px;
}

.mfp-content .banner-modal-wrap .wpcf7 {
	width: 100%;
}

.mfp-content .banner-modal-wrap .mfp-close {
	color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 40px;
	height: 40px;
}

.mfp-content .banner-modal-wrap .mfp-close::after, 
.mfp-content .banner-modal-wrap .mfp-close::before {
	position: absolute;
	content: '';
	height: 3px;
	width: 100%;
	background-color: var(--main-black);
	transform: rotate(45deg);
}

.mfp-content .banner-modal-wrap .mfp-close::before {
	transform: rotate(-45deg);
}

@media screen and (max-width: 1299px) {
	.mfp-content .banner-modal-wrap p.h3 {
		font-size: 2.25em;
	}
}

@media screen and (max-width: 1199px) {
	.mfp-content .banner-modal-wrap {
		padding: 30px;
	}

	.mfp-content .banner-modal-wrap p.h3 {
		font-size: 2em;
	}
}

@media screen and (max-width: 991px) {
	.mfp-content .banner-modal-wrap {
		padding: 24px;
	}

	.mfp-content .banner-modal-wrap p.h3 {
		font-size: 1.75em;
		margin-bottom: 16px;
	}

	.mfp-content .banner-modal-wrap .mfp-close {
		width: 30px;
		height: 30px;
		right: 10px;
		top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.mfp-content .banner-modal-wrap p.h3 {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 575px) {
	.mfp-content .banner-modal-wrap {
		padding: 20px 16px;
	}

	.mfp-content .banner-modal-wrap p.h3 {
		font-size: 1.375em;
	}

	.mfp-content .banner-modal-wrap .mfp-close {
		width: 20px;
		height: 20px;
	}
}

.mfp-gallery .mfp-content .mfp-figure .mfp-close {
	display: none;
}

.mfp-gallery .mfp-content .mfp-figure figure figcaption {
	display: none;
}

.mfp-gallery .mfp-content .mfp-figure figure img {
	padding: 20px 0px;
}

a[href*="utm-grabber"] .wp-core-ui {
	display: inline;
}


@media screen and (min-width: 200px) {
    .project-card-description {
        padding: 0px 16px 8px;
    	flex: 1;
    }
    
     .project-card-description p.h4{
	    font-size: 16px;
    	font-weight: 600;
    	color: #6b6b6b;
    	line-height: 1;
    }
}























































/* Динамічна ширина */
/* calc( * 100vw / 1400) */

@media screen and (min-width: 1400px) {
	body {
		font-size: calc(15 * var(--larg-size));
	}

	.container-fluid {
		padding: 0 calc(40 * var(--larg-size));
		max-width: calc(1400 * var(--larg-size));
	}

	.container-fluid .row {
		margin-left: calc(-15 * var(--larg-size));
		margin-right: calc(-15 * var(--larg-size));
	}
	
	.container-fluid .row [class*="col-"] {
		padding-left: calc(15 * var(--larg-size));
		padding-right: calc(15 * var(--larg-size));
	}

	header.header .header-wrap {
		padding: calc(12 * var(--larg-size)) 0;
		height: calc(80 * var(--larg-size));
	}

	header.header .header-wrap a.logo {
		margin-right: calc(20 * var(--larg-size));
		width: calc(74 * var(--larg-size));
		min-width: calc(74 * var(--larg-size));
		height: calc(56 * var(--larg-size));
	}

	header.header .header-wrap .header-menu .menu > li {
		margin: 0 calc(10 * var(--larg-size));
	}

	header.header .header-wrap .header-menu .menu > li > a > span::after {
		bottom: calc(-2 * var(--larg-size));
		height: calc(2 * var(--larg-size));
	}

	header.header .header-wrap .contacts-btn {
		padding: calc(11 * var(--larg-size)) calc(32 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
		margin-left: calc(20 * var(--larg-size));
	}

	header.header .header-wrap .contacts-btn[href*="tel:"]::before {
		width: calc(20 * var(--larg-size));
		min-width: calc(20 * var(--larg-size));
		height: calc(20 * var(--larg-size));
		margin-right: calc(16 * var(--larg-size));
	}

	section.main {
		padding: calc(16 * var(--larg-size)) 0;
	}

	section.main .main-wrap {
		border-radius: calc(16 * var(--larg-size));
		min-height: calc(630 * var(--larg-size));
		max-height: calc(100vh - (112 * var(--larg-size)));
	}

	section.main.main-ua .main-wrap {
		min-height: calc(460 * var(--larg-size));
	}

	section.main .main-wrap .caption {
		padding: calc(40 * var(--larg-size));
	}

	section.main .main-wrap .caption h1 {
		margin-bottom: calc(36 * var(--larg-size));
	}

	section.main .main-wrap .caption .scroll-down-btn {
		width: calc(127 * var(--larg-size));
		height: calc(127 * var(--larg-size));
	}

	section.clients .clients-wrap {
		margin: 0 calc(-16 * var(--larg-size));
	}

	.clients-link-item {
		padding: calc(16 * var(--larg-size));
	}

	.clients-link-item .item-link {
		border-width: calc(2 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size));
		padding: calc(38 * var(--larg-size));
	}

	.clients-link-item .item-link p.title-h2::after {
		width: calc(44 * var(--larg-size));
		min-width: calc(44 * var(--larg-size));
		height: calc(44 * var(--larg-size));
		margin-left: calc(40 * var(--larg-size));
	}

	section.about {
		padding: calc(16 * var(--larg-size)) 0;
	}

	section.about .about-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(24 * var(--larg-size));
	}

	section.about .about-wrap > .caption {
		padding: calc(16 * var(--larg-size));
		padding-right: calc(26 * var(--larg-size));
	}

	section.about .about-wrap > .caption .uppertitle {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.about .about-wrap > .caption h2 {
		margin-bottom: calc(36 * var(--larg-size));
	}

	section.about .about-wrap > .caption .about-text {
		margin-bottom: calc(36 * var(--larg-size));
	}

	section.about .about-wrap > .caption .about-text p {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.about .about-wrap > .caption .about-text ul {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.about .about-wrap > .caption .about-text ul li {
		margin-bottom: calc(12 * var(--larg-size));
	}

	section.about .about-wrap > .caption .about-text ul li::before {
		width: calc(40 * var(--larg-size));
		min-width: calc(40 * var(--larg-size));
		height: calc(40 * var(--larg-size));
		margin-right: calc(12 * var(--larg-size));
	}

	section.about .about-wrap > .caption .more-link {
		width: calc(127 * var(--larg-size));
		height: calc(127 * var(--larg-size));
		border-width: calc(1 * var(--larg-size));
		padding: calc(10 * var(--larg-size));
	}

	section.about .about-wrap .thumbnail {
		padding-left: calc(10 * var(--larg-size));
	}

	section.about.about-ua .about-wrap .thumbnail {
		margin-top: calc(-24 * var(--larg-size));
		margin-right: calc(-24 * var(--larg-size));
		margin-bottom: calc(-24 * var(--larg-size));
		width: calc(100% / 2 + (24 * var(--larg-size)));
	}

	section.about .about-wrap .thumbnail .img-wrap {
		border-radius: calc(16 * var(--larg-size));
	}

	section.advantages {
		padding: calc(16 * var(--larg-size)) 0;
	}

	section.advantages .advantages-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}

	section.advantages .advantages-wrap h2 {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.advantages .advantages-wrap .title-wrap {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.advantages .advantages-wrap .title-wrap h2 {
		padding-right: calc(10 * var(--larg-size));
	}

	section.advantages .advantages-wrap .title-wrap p.desc {
		padding-left: calc(10 * var(--larg-size));
	}

	.advantages-slider {
		margin: calc(-16 * var(--larg-size)) calc(-8 * var(--larg-size)) 0;
	}

	.advantages-slider .advantages-item {
		padding: calc(16 * var(--larg-size)) calc(8 * var(--larg-size)) 0;
	}

	.advantages-item .item-link {
		border-width: calc(1 * var(--larg-size));
		border-radius: calc(12 * var(--larg-size));
		padding: calc(24 * var(--larg-size));
	}

	.advantages-item .item-link .caption p.h3 {
		margin-bottom: calc(20 * var(--larg-size));
	}

	.advantages-item .item-link .caption p.h3::before {
		text-shadow: calc(-1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black), calc(1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black), calc(-1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black), calc(1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black);
		margin-right: calc(40 * var(--larg-size));
	}

	.advantages-item .item-link .caption p.desc::before {
		text-shadow: calc(-1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 transparent, calc(1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 transparent, calc(-1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 transparent, calc(1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 transparent;
		margin-right: calc(40 * var(--larg-size));
	}

	.advantages-item.section-link .item-link .caption p.h3::before {
		width: calc(64 * var(--larg-size));
		min-width: calc(64 * var(--larg-size));
		height: calc(64 * var(--larg-size));
		margin-left: calc(40 * var(--larg-size));
	}

	section.advantages-ua .advantages-item .item-link .caption span.stat {
		text-shadow: calc(-1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black), calc(1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black), calc(-1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black), calc(1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black);
		margin-bottom: calc(40 * var(--larg-size));
	}

	section.solutions-title {
		padding: calc(16 * var(--larg-size)) 0;
	}

	section.solutions-title.ecopan-adv-title {
		top: calc(33 * var(--larg-size));
	}

	section.solutions-title .solutions-title-wrap {
		border-radius: calc(16 * var(--larg-size));
		min-height: calc(490 * var(--larg-size));
		max-height: calc(100vh - (112 * var(--larg-size)));
	}

	section.solutions-title.advantages-title .solutions-title-wrap {
		min-height: calc(530 * var(--larg-size));
	}

	section.solutions-title .solutions-title-wrap .caption {
		padding: calc(40 * var(--larg-size));
	}

	section .title-h1 {
		margin-bottom: calc(36 * var(--larg-size));
	}

	section.solutions-title .solutions-title-wrap .caption .more-link {
		width: calc(127 * var(--larg-size));
		height: calc(127 * var(--larg-size));
		border-width: calc(1 * var(--larg-size));
		padding: calc(10 * var(--larg-size));
	}

	section.solutions-title .solutions-title-wrap .caption .scroll-down-btn {
		width: calc(127 * var(--larg-size));
		height: calc(127 * var(--larg-size));
	}

	section.ecopan-adv {
		padding: calc(16 * var(--larg-size)) 0;
	}

	section.ecopan-adv .ecopan-adv-slider {
		gap: calc(32 * var(--larg-size));
	}

	.ecopan-adv-item .item-link {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(24 * var(--larg-size));
	}

	.ecopan-adv-item .item-link::before {
		height: calc(16 * var(--larg-size));
		border-radius: 0 0 calc(16 * var(--larg-size)) calc(16 * var(--larg-size));
	}

	.ecopan-adv-item .item-link::after {
		bottom: calc(-48 * var(--larg-size));
		height: calc(64 * var(--larg-size));
	}

	.ecopan-adv-item .item-link .caption {
		width: calc(65% - (10 * var(--larg-size)));
		padding: calc(16 * var(--larg-size));
		padding-right: calc(26 * var(--larg-size));
	}

	.ecopan-adv-item .item-link .caption .title-h2 {
		margin-bottom: calc(36 * var(--larg-size));
	}

	.ecopan-adv-item .item-link .thumbnail {
		width: calc(35% + (10 * var(--larg-size) ));
		padding-left: calc(10 * var(--larg-size));
	}

	.ecopan-adv-item .item-link .thumbnail .img-wrap {
		border-radius: calc(12 * var(--larg-size));
	}

	.solution-item {
		padding: calc(16 * var(--larg-size)) 0;
	}

	.solution-item .item-link {
		border-radius: calc(16 * var(--larg-size));
	}

	.solution-item .item-link .caption {
		padding: calc(40 * var(--larg-size)) calc(50 * var(--larg-size)) calc(40 * var(--larg-size)) calc(40 * var(--larg-size));
	}

	.solution-item .item-link.reverse .caption {
		padding: calc(40 * var(--larg-size)) calc(40 * var(--larg-size)) calc(40 * var(--larg-size)) calc(50 * var(--larg-size));
	}

	.solution-item .item-link .caption .uppertitle {
		margin-bottom: calc(24 * var(--larg-size));
	}

	.solution-item .item-link .caption .title-h2 {
		margin-bottom: calc(36 * var(--larg-size));
	}

	.solution-item .item-link .caption p.desc {
		margin-bottom: calc(16 * var(--larg-size));
	}

	.solution-item .item-link .caption .more-link {
		width: calc(127 * var(--larg-size));
		height: calc(127 * var(--larg-size));
		border-width: calc(1 * var(--larg-size));
		padding: calc(10 * var(--larg-size));
	}

	section.projects-single .about-wrap .caption .more-link {
		width: calc(127 * var(--larg-size));
		height: calc(127 * var(--larg-size));
		border-width: calc(1 * var(--larg-size));
		padding: calc(10 * var(--larg-size));
		margin-top: calc(24 * var(--larg-size));
	}

	.solution-item .item-link .thumbnail {
		padding-left: calc(10 * var(--larg-size));
	}

	.solution-item .item-link.reverse .thumbnail {
		padding: 0 calc(10 * var(--larg-size)) 0 0;
	}

	.solution-item .item-link .thumbnail .img-wrap {
		border-radius: calc(12 * var(--larg-size));
	}

	section.franchisee {
		padding: calc(16 * var(--larg-size)) 0;
	}

	section.franchisee .franchisee-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}

	section.franchisee .franchisee-wrap .title-wrap {
		padding-bottom: calc(80 * var(--larg-size));
	}

	section.franchisee .franchisee-wrap .title-wrap .title-h2 {
		padding-right: calc(10 * var(--larg-size));
	}

	section.franchisee .franchisee-wrap .title-wrap p.desc {
		padding-left: calc(10 * var(--larg-size));
	}

	section.franchisee .franchisee-wrap .franchisee-list {
		margin: 0 calc(-12 * var(--larg-size));
	}

	section.franchisee .franchisee-wrap .franchisee-list .franchisee-item {
		padding: 0 calc(12 * var(--larg-size));
	}

	.franchisee-item .item-link {
		width: calc(200 * var(--larg-size));
		height: calc(200 * var(--larg-size));
		border-width: calc(1 * var(--larg-size));
	}

	.franchisee-item .item-link .caption {
		padding: calc(25 * var(--larg-size));
	}

	section.franchisee.franchisee-ua .franchisee-wrap {
		margin: 0 calc(-16 * var(--larg-size));
	}

	.franchisee-link-item {
		padding: calc(16 * var(--larg-size));
	}

	.franchisee-link-item .item-link {
		border-width: calc(2 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size));
		padding: calc(38 * var(--larg-size));
	}

	.franchisee-link-item .item-link p.title-h2 {
		margin-bottom: calc(24 * var(--larg-size));
	}

	.franchisee-link-item .item-link p.title-h2::after {
		width: calc(44 * var(--larg-size));
		min-width: calc(44 * var(--larg-size));
		height: calc(44 * var(--larg-size));
		margin-left: calc(40 * var(--larg-size));
	}

	footer.footer {
		padding: calc(16 * var(--larg-size)) 0 calc(32 * var(--larg-size));
	}

	footer.footer .footer-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(48 * var(--larg-size));
	}

	footer.footer .footer-wrap .row .col-12:nth-child(1) {
		padding-right: calc(60 * var(--larg-size));
	}

	footer.footer .footer-wrap .row .col-12:nth-child(2) {
		padding-left: calc(60 * var(--larg-size));
	}

	footer.footer .footer-wrap p.h2 {
		margin-bottom: calc(36 * var(--larg-size));
	}

	footer.footer .footer-wrap form .search-wrap input[type="search"] {
		border-width: calc(1 * var(--larg-size));
		padding: calc(23 * var(--larg-size)) calc(147 * var(--larg-size)) calc(23 * var(--larg-size)) calc(15 * var(--larg-size));
		border-radius: calc(12 * var(--larg-size));
	}

	footer.footer .footer-wrap form .search-wrap input[type="submit"] {
		right: calc(16 * var(--larg-size));
		border-radius: calc(12 * var(--larg-size));
		padding: calc(11 * var(--larg-size)) calc(28 * var(--larg-size));
	}

	footer.footer .footer-wrap .footer-menu .menu {
		margin: 0 calc(-15 * var(--larg-size));
	}

	footer.footer .footer-wrap .footer-menu .menu li {
		padding: 0 calc(15 * var(--larg-size));
		margin-top: calc(32 * var(--larg-size));
	}

	footer.footer .footer-wrap .footer-copyright {
		padding-top: calc(80 * var(--larg-size));
	}

	footer.footer .footer-wrap .footer-copyright a::after {
		bottom: calc(-1 * var(--larg-size));
		height: calc(1 * var(--larg-size));
	}

	footer.footer .footer-wrap .footer-copyright .scroll-top-btn::after {
		margin-left: calc(16 * var(--larg-size));
		width: calc(14 * var(--larg-size));
		min-width: calc(14 * var(--larg-size));
		height: calc(22 * var(--larg-size));
	}

	.slick-slider .slick-dots {
		margin-top: calc(20 * var(--larg-size));
	}

	.slick-slider .slick-dots li {
		margin: 0 calc(7 * var(--larg-size));
	}

	.slick-slider .slick-dots li button {
		width: calc(12 * var(--larg-size));
		height: calc(12 * var(--larg-size));
	}

	section.projects-archive {
		padding: calc(16 * var(--larg-size)) 0;
	}

	section.projects-archive .title-wrap {
		padding: calc(24 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size));
		margin-bottom: calc(32 * var(--larg-size));
	}

	.breadcrumbs-wrap {
		margin-bottom: calc(24 * var(--larg-size));
	}

	.breadcrumbs-wrap ul.breadcrumbs li:not(:last-child) {
		padding-right: calc(23 * var(--larg-size));
	}

	.breadcrumbs-wrap ul.breadcrumbs li:not(:last-child)::after {
		right: calc(8 * var(--larg-size));
	}

	section.projects-archive .title-wrap h1 {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.projects-archive .title-wrap .filters-wrap {
		gap: calc(24 * var(--larg-size));
	}

	section.projects-archive .title-wrap .filters-wrap .btn-filters-open {
		border-width: calc(1 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
		padding: calc(10 * var(--larg-size)) calc(20 * var(--larg-size));
	}

	section.projects-archive .title-wrap .filters-wrap .btn-filters-open::before {
		width: calc(24 * var(--larg-size));
		min-width: calc(24 * var(--larg-size));
		height: calc(24 * var(--larg-size));
		margin-right: calc(8 * var(--larg-size));
	}

	section.projects-archive .list-wrap {
		margin: 0 calc(-12 * var(--larg-size));
	}

	section.projects-archive .list-wrap .projects-item {
		padding: 0 calc(12 * var(--larg-size));
	}

	section.projects-archive .list-wrap .projects-item:nth-child(1n + 4) {
		margin-top: calc(24 * var(--larg-size));
	}

	.projects-item .item-link {
		border-radius: calc(16 * var(--larg-size));
	}

	.projects-item .item-link .thumbnail {
		border-radius: calc(16 * var(--larg-size));
	}

	.projects-item .item-link .caption {
		padding: calc(24 * var(--larg-size)) calc(16 * var(--larg-size));
	}

	.navigation {
		padding: 0 calc(12 * var(--larg-size));
		margin-top: calc(32 * var(--larg-size));
	}

	.navigation .nav-links {
		border-radius: calc(28 * var(--larg-size));
		padding: calc(8 * var(--larg-size));
		gap: calc(6 * var(--larg-size));
	}

	.navigation .nav-links .page-numbers {
		width: calc(40 * var(--larg-size));
		height: calc(40 * var(--larg-size));
	}

	section.projects-single {
		padding: calc(16 * var(--larg-size)) 0;
	}

	section.projects-single .title-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(24 * var(--larg-size));
		margin-bottom: calc(32 * var(--larg-size));
	}

	section.projects-single .title-wrap h1 {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.projects-single .title-wrap .thumbnail {
		border-radius: calc(16 * var(--larg-size));
	}

	section.projects-single .about-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(24 * var(--larg-size));
		margin-bottom: calc(32 * var(--larg-size));
	}

	section.projects-single .about-wrap .caption {
		padding-right: calc(12 * var(--larg-size));
	}

	section.projects-single .about-wrap .caption .title-h3 {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.projects-single .about-wrap .caption .characteristics-wrap .characteristics-item p.h3 {
		margin-bottom: calc(12 * var(--larg-size));
	}

	section.projects-single .about-wrap .thumbnail {
		padding-left: calc(12 * var(--larg-size));
	}

	section.projects-single .about-wrap .thumbnail .img-wrap {
		border-radius: calc(16 * var(--larg-size));
	}

	section.projects-single .gallery-wrap {
		margin: 0 calc(-10 * var(--larg-size)) calc(32 * var(--larg-size));
	}
	
	section.projects-single .gallery-wrap .gallery-item {
		padding: 0 calc(10 * var(--larg-size));
	}

	section.projects-single .gallery-wrap .gallery-item:nth-child(1n + 3) {
		margin-top: calc(20 * var(--larg-size));
	}

	section.projects-single .gallery-wrap .gallery-item .thumbnail {
		border-radius: calc(16 * var(--larg-size));
	}

	section.projects-single .scheme-wrap {
		margin: 0 calc(-10 * var(--larg-size));
	}

	section.projects-single .scheme-wrap .scheme-item {
		padding: 0 calc(10 * var(--larg-size));
	}

	section.projects-single .scheme-wrap .scheme-item:nth-child(1n + 2) {
		margin-top: calc(20 * var(--larg-size));
	}

	section.projects-single .scheme-wrap .scheme-item .thumbnail {
		border-radius: calc(16 * var(--larg-size));
	}

	section.projects-archive .title-wrap .taxonomy-wrap {
		gap: calc(16 * var(--larg-size));
	}

	section.projects-archive .title-wrap .taxonomy-wrap a {
		border-width: calc(1 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
		padding: calc(10 * var(--larg-size)) calc(20 * var(--larg-size));
	}

	section.projects-archive .popular-wrap {
		margin-bottom: calc(32 * var(--larg-size));
		/* padding: calc(24 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size)); */
	}

	section.projects-archive .popular-wrap .title-h3 {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.projects-archive .popular-wrap .popular-list {
		margin: 0 calc(-10 * var(--larg-size));
	}

	section.projects-archive .popular-wrap .popular-list .blog-item {
		padding: 0 calc(10 * var(--larg-size));
	}

	.blog-item .item-link {
		border-radius: calc(16 * var(--larg-size));
		min-height: calc(300 * var(--larg-size));
	}

	.blog-item .item-link .caption {
		padding: calc(16 * var(--larg-size));
	}

	.blog-item .item-link .caption .tag {
		border-width: calc(1 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
		padding: calc(10 * var(--larg-size)) calc(20 * var(--larg-size));
		margin-bottom: calc(24 * var(--larg-size));
	}

	.blog-item .item-link .caption p.text {
		margin-top: calc(12 * var(--larg-size));
	}

	section.projects-archive .list-wrap .title-h3 {
		padding: 0 calc(12 * var(--larg-size));
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.projects-archive .list-wrap .blog-item {
		padding: 0 calc(12 * var(--larg-size));
	}

	section.projects-archive .list-wrap .blog-item:nth-child(1n + 5) {
		margin-top: calc(24 * var(--larg-size));
	}

	section.blog-single .title-wrap .meta-wrap {
		margin-bottom: calc(24 * var(--larg-size));
		gap: calc(16 * var(--larg-size));
	}

	section.blog-single .title-wrap .meta-wrap .tag {
		border-width: calc(1 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
		padding: calc(10 * var(--larg-size)) calc(20 * var(--larg-size));
	}

	section.blog-single .content-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(24 * var(--larg-size));
		margin-bottom: calc(32 * var(--larg-size));
	}

	section.blog-single .content-wrap .share-wrap {
		left: calc(24 * var(--larg-size));
		top: calc(24 * var(--larg-size));
		height: calc(100% - (48 * var(--larg-size)));
	}

	section.blog-single .content-wrap .share-wrap .addtoany_shortcode {
		top: calc(104 * var(--larg-size));
	}

	section.blog-single .content-wrap .share-wrap .addtoany_shortcode .addtoany_list {
		gap: calc(12 * var(--larg-size));
	}

	section.blog-single .content-wrap .share-wrap .addtoany_shortcode .addtoany_list a {
		width: calc(48 * var(--larg-size));
		min-width: calc(48 * var(--larg-size));
		height: calc(48 * var(--larg-size));
	}

	section.blog-single .blog-more-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(24 * var(--larg-size));
	}

	section.blog-single .blog-more-wrap .title-h3 {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.blog-single .blog-more-wrap .blog-more-list {
		margin: 0 calc(-10 * var(--larg-size));
	}

	section.blog-single .blog-more-wrap .blog-more-list .blog-item {
		padding: 0 calc(10 * var(--larg-size));
	}

	.page-content h2 {
		margin-bottom: calc(20 * var(--larg-size));
	}

	.page-content h3 {
		margin-bottom: calc(18 * var(--larg-size));
	}

	.page-content ul,
	.page-content ol {
		margin-bottom: calc(24 * var(--larg-size));
		padding-left: calc(20 * var(--larg-size));
	}

	.page-content ul li,
	.page-content ol li {
		margin-bottom: calc(8 * var(--larg-size));
	}

	.page-content p {
		margin-bottom: calc(24 * var(--larg-size));
	}

	.page-content p img {
		border-radius: calc(16 * var(--larg-size));
	}

	.page-content p img.alignright {
		margin-left: calc(20 * var(--larg-size));
		margin-bottom: calc(24 * var(--larg-size));
	}

	.page-content p img.alignleft {
		margin-right: calc(20 * var(--larg-size));
		margin-bottom: calc(24 * var(--larg-size));
	}

	.page-content p iframe,
	.page-content .sketchfab-embed-wrapper iframe {
		border-radius: calc(16 * var(--larg-size));
	}

	.page-content * + p:has(iframe),
	.page-content * + .sketchfab-embed-wrapper {
		margin-top: calc(24 * var(--larg-size));
		margin-bottom: calc(24 * var(--larg-size));
	}

	.page-content * + p:has(img.alignright),
	.page-content * + p:has(img.alignleft),
	.page-content * + p:has(img.alignnone),
	.page-content * + p:has(img.aligncenter) {
		margin-top: calc(24 * var(--larg-size));
	}

	.page-content figure {
		margin-top: calc(24 * var(--larg-size));
	}

	.page-content figure figcaption {
		right: calc(20 * var(--larg-size));
		top: calc(20 * var(--larg-size));
	}

	.page-content figure.alignleft {
		margin-right: calc(20 * var(--larg-size));
	}

	.page-content figure.alignleft + p {
		margin-top: calc(24 * var(--larg-size));
	}

	.page-content figure.alignright {
		margin-left: calc(20 * var(--larg-size));
	}

	.page-content figure.alignright + p {
		margin-top: calc(24 * var(--larg-size));
	}

	.solution-item .item-link .caption .about-text {
		margin-bottom: calc(24 * var(--larg-size));
	}

	.solution-item .item-link .caption .about-text p {
		margin-bottom: calc(16 * var(--larg-size));
	}
	
	.solution-item .item-link .caption .about-text ul li {
		margin-bottom: calc(12 * var(--larg-size));
	}
	
	.solution-item .item-link .caption .about-text ul li::before {
		width: calc(40 * var(--larg-size));
		min-width: calc(40 * var(--larg-size));
		height: calc(40 * var(--larg-size));
		margin-right: calc(12 * var(--larg-size));
	}

	.solution-item .item-link .caption .undertext {
		margin-bottom: calc(36 * var(--larg-size));
	}

	section.calculator-banner {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.calculator-banner .calculator-banner-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	section.calculator-banner .calculator-banner-wrap .caption {
		padding-right: calc(30 * var(--larg-size));
	}

	section.calculator-banner .calculator-banner-wrap .btn-wrap .desc {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.calculator-banner .calculator-banner-wrap .btn-wrap {
		padding-left: calc(30 * var(--larg-size));
	}
	
	section.calculator-banner .calculator-banner-wrap .btn-wrap .more-link {
		padding: calc(11 * var(--larg-size)) calc(32 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
	}
	
	section.faq {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.faq .faq-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	section.faq .faq-wrap + .faq-wrap {
		margin-top: calc(32 * var(--larg-size));
	}

	section.faq .faq-wrap .title-h2 {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.faq .faq-wrap .faq-container + .title-h2 {
		margin-top: calc(44 * var(--larg-size));
	}

	section.faq .faq-wrap .faq-list {
		padding-right: calc(30 * var(--larg-size));
	}
	
	section.faq .faq-wrap .seo-list {
		padding-left: calc(30 * var(--larg-size));
	}
	
	.faq-container .card {
		border-width: calc(1 * var(--larg-size));
	}
	
	.faq-container .card:not(:last-child) {
		margin-bottom: calc(20 * var(--larg-size));
	}

	.faq-container .card .card-header {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	.faq-container .card .card-header button {
		padding: 0;
		padding-right: calc(50 * var(--larg-size));
	}
	
	.faq-container .card .card-header button .cross {
		right: calc(18 * var(--larg-size));
		width: calc(22 * var(--larg-size));
		min-width: calc(22 * var(--larg-size));
		height: calc(22 * var(--larg-size));
	}
	
	.faq-container .card .card-header button .cross::after, 
	.faq-container .card .card-header button .cross::before {
		height: calc(2 * var(--larg-size));
	}
	
	.faq-container .card .card-body {
		padding: 0 0 calc(16 * var(--larg-size));
	}

	section.consult-form {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.consult-form .consult-form-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	section.consult-form .consult-form-wrap .title-h2 {
		padding-right: calc(30 * var(--larg-size));
	}

	section.consult-form .consult-form-wrap .form-wrap {
		padding-left: calc(30 * var(--larg-size));
	}
	
	.mfp-content .banner-modal-wrap .wpcf7 form > div.inputs,
	section.consult-form .consult-form-wrap .form-wrap form > div.inputs {
		gap: calc(20 * var(--larg-size));
	}
	
	.mfp-content .banner-modal-wrap .wpcf7 form > p textarea,
	.mfp-content .banner-modal-wrap .wpcf7 form > div.inputs input,
	section.consult-form .consult-form-wrap .form-wrap form > p textarea,
	section.consult-form .consult-form-wrap .form-wrap form > div.inputs input {
		border-radius: calc(50 * var(--larg-size));
		padding: calc(11 * var(--larg-size)) calc(20 * var(--larg-size));
	}

	.mfp-content .banner-modal-wrap .wpcf7 form > p textarea,
	section.consult-form .consult-form-wrap .form-wrap form > p textarea {
		border-radius: calc(16 * var(--larg-size));
	}
	
	.mfp-content .banner-modal-wrap .wpcf7 form .wpcf7-not-valid-tip,
	section.consult-form .consult-form-wrap .form-wrap form .wpcf7-not-valid-tip {
		margin-top: calc(8 * var(--larg-size));
	}
	
	.mfp-content .banner-modal-wrap .wpcf7 form p,
	section.consult-form .consult-form-wrap .form-wrap form p {
		margin-bottom: calc(16 * var(--larg-size));
	}
	
	.mfp-content .banner-modal-wrap .wpcf7 form p input[type="submit"],
	section.consult-form .consult-form-wrap .form-wrap form p input[type="submit"] {
		border-radius: calc(50 * var(--larg-size));
		padding: calc(11 * var(--larg-size)) calc(32 * var(--larg-size));
	}
	
	.mfp-content .banner-modal-wrap .wpcf7 form .wpcf7-response-output,
	section.consult-form .consult-form-wrap .form-wrap form .wpcf7-response-output {
		margin: calc(24 * var(--larg-size)) 0 0;
		border-width: calc(1 * var(--larg-size));
		padding: calc(12 * var(--larg-size)) calc(20 * var(--larg-size));
	}

	.filters-wrap .wpc-filters-open-button-container {
		margin-right: calc(8 * var(--larg-size));
	}

	.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button {
		border-width: calc(1 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
		padding: calc(10 * var(--larg-size)) calc(20 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-open-button-container a.wpc-open-close-filters-button .wpc-button-inner .wpc-icon-html-wrapper {
		width: calc(24 * var(--larg-size));
		min-width: calc(24 * var(--larg-size));
		height: calc(24 * var(--larg-size));
		margin-right: calc(8 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section {
		width: calc(100% - (16 * var(--larg-size)));
		margin: 0 calc(8 * var(--larg-size));
	}

	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container {
		margin: calc(-2 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection {
		border-width: calc(2 * var(--larg-size));
		border-radius: calc(28 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container.select2-container--below.select2-container--open .select2-selection {
		border-radius: calc(26 * var(--larg-size)) calc(26 * var(--larg-size)) 0 0;
		border-width: calc(2 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container.select2-container--above.select2-container--open .select2-selection {
		border-radius: 0 0 calc(26 * var(--larg-size)) calc(26 * var(--larg-size));
		border-width: calc(2 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection .select2-selection__rendered {
		padding: calc(11 * var(--larg-size)) calc(48 * var(--larg-size)) calc(11 * var(--larg-size)) calc(20 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section .select2.select2-container .select2-selection .select2-selection__arrow {
		right: calc(24 * var(--larg-size));
		width: calc(16 * var(--larg-size));
		height: calc(10 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown {
		border-width: calc(2 * var(--larg-size));
		border-radius: calc(28 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown.select2-dropdown--below {
		border-radius: 0 0 calc(26 * var(--larg-size)) calc(26 * var(--larg-size));
		border-width: calc(2 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown.select2-dropdown--above {
		border-radius: calc(26 * var(--larg-size)) calc(26 * var(--larg-size)) 0 0;
		border-width: calc(2 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown .select2-results li {
		padding: calc(8 * var(--larg-size)) calc(20 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filter-header {
		padding-right: calc(15 * var(--larg-size));
		padding-bottom: calc(6 * var(--larg-size));
	}
	
	/* .filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-wrapper {
		padding-left: calc(20% + (15 * var(--larg-size)));
	} */
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper {
		margin: calc(14 * var(--larg-size)) calc(10 * var(--larg-size)) 0;
	}
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control {
		height: calc(4 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control::before {
		width: calc(10 * var(--larg-size));
		left: calc(-10 * var(--larg-size));
		border-radius: calc(100 * var(--larg-size)) 0 0 calc(100 * var(--larg-size));
	}
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control::after {
		width: calc(10 * var(--larg-size));
		right: calc(-10 * var(--larg-size));
		border-radius: 0 calc(100 * var(--larg-size)) calc(100 * var(--larg-size)) 0;
	}
	
	.filters-wrap .wpc-filters-widget-content .wpc-filters-widget-containers-wrapper .wpc-filters-scroll-container .wpc-filters-widget-wrapper .wpc-filters-section.wpc-filter-layout-range .wpc-filters-range-slider-wrapper .wpc-filters-range-slider-control .ui-slider-handle {
		width: calc(20 * var(--larg-size));
		height: calc(20 * var(--larg-size));
		margin-left: calc(-10 * var(--larg-size));
	}

	.filters-wrap .wpc-filters-widget-content > .select2-container .select2-dropdown .select2-results .select2-results__options {
		max-height: calc(200 * var(--larg-size));
	}
	
	section.projects-archive.team-archive .title-wrap .left-side {
		padding-right: calc(10 * var(--larg-size));
	}
	
	section.projects-archive.team-archive .title-wrap .right-side {
		padding-left: calc(10 * var(--larg-size));
	}
	
	section.projects-archive.team-archive .team-wrap {
		margin: 0 calc(-10 * var(--larg-size));
	}
	
	section.projects-archive.team-archive .team-wrap .team-item {
		padding: 0 calc(10 * var(--larg-size));
	}
	
	section.projects-archive.team-archive .team-wrap .team-item:nth-child(1n + 5) {
		margin-top: calc(20 * var(--larg-size));
	}
	
	.team-item .item-link {
		border-radius: calc(16 * var(--larg-size));
	}
	
	.team-item .item-link .thumbnail {
		border-radius: calc(16 * var(--larg-size));
	}
	
	.team-item .item-link .caption {
		padding: calc(24 * var(--larg-size)) calc(16 * var(--larg-size));
	}
	
	.team-item .item-link .caption p.h3 {
		margin-bottom: calc(8 * var(--larg-size));
	}
	
	.team-item .item-link .caption span.undertitle {
		margin-bottom: calc(4 * var(--larg-size));
	}
	
	section.main.about .main-wrap .caption h1.title-h2 {
		margin-bottom: calc(36 * var(--larg-size));
	}
	
	section.about-statistic .about-statistic-wrap {
		margin: 0 calc(-16 * var(--larg-size));
	}
	
	section.about-statistic .about-statistic-wrap .about-statistic-item {
		padding: calc(16 * var(--larg-size));
	}
	
	section.about-statistic .about-statistic-wrap .about-statistic-item .item-link {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	section.about-statistic .about-statistic-wrap .about-statistic-item .item-link .caption p.title-h1 {
		text-shadow: calc(-1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black), calc(1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black), calc(-1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black), calc(1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black);
	}
	
	section.reviews {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.reviews .reviews-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	section.reviews .reviews-wrap h2.title-h2 {
		margin-bottom: calc(36 * var(--larg-size));
	}
	
	section.reviews .reviews-wrap .reviews-list {
		margin: 0 calc(-10 * var(--larg-size));
	}
	
	section.reviews .reviews-wrap .reviews-list .reviews-item {
		padding: 0 calc(10 * var(--larg-size));
	}
	
	.reviews-item .item-link {
		padding: calc(24 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size));
	}
	
	.reviews-item .item-link .thumbnail {
		width: calc(52 * var(--larg-size));
		min-width: calc(52 * var(--larg-size));
	}
	
	.reviews-item .item-link .caption {
		width: calc(100% - (52 * var(--larg-size)));
		padding-left: calc(8 * var(--larg-size));
	}
	
	.reviews-item .item-link .caption p.h3 {
		margin-bottom: calc(4 * var(--larg-size));
	}

	.reviews-item .item-link p.desc {
		margin: calc(12 * var(--larg-size)) 0 0;
	}
	
	section.sertificates {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.sertificates .sertificates-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	section.sertificates .sertificates-wrap h2.title-h2 {
		margin-bottom: calc(36 * var(--larg-size));
	}
	
	section.sertificates .sertificates-wrap .sertificates-list {
		margin: 0 calc(-10 * var(--larg-size));
	}
	
	section.sertificates .sertificates-wrap .sertificates-list .sertificates-item {
		padding: 0 calc(10 * var(--larg-size));
	}
	
	.sertificates-item .item-link {
		border-width: calc(1 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size));
	}

	section.contacts {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.contacts .contacts-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
		margin-bottom: calc(32 * var(--larg-size));
	}
	
	section.contacts .contacts-item {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
		margin-bottom: calc(32 * var(--larg-size));
	}
	
	section.contacts .contacts-item .caption {
		padding-right: calc(50 * var(--larg-size));
	}
	
	section.contacts .contacts-item.reverse .caption {
		padding-left: calc(50 * var(--larg-size));
	}
	
	section.contacts .contacts-item .caption .title-h2 {
		margin-bottom: calc(36 * var(--larg-size));
	}
	
	section.contacts .contacts-item .caption .info-wrap .info-item {
		margin-bottom: calc(16 * var(--larg-size));
	}
	
	section.contacts .contacts-item .caption .info-wrap .info-item p.h3 {
		margin-bottom: calc(12 * var(--larg-size));
	}
	
	section.contacts .contacts-item .thumbnail {
		padding-left: calc(10 * var(--larg-size));
	}
	
	section.contacts .contacts-item.reverse .thumbnail {
		padding-right: calc(10 * var(--larg-size));
	}
	
	section.contacts .contacts-item .thumbnail .img-wrap {
		border-radius: calc(16 * var(--larg-size));
	}

	section.contacts .contacts-item .thumbnail .img-wrap .map-link {
		gap: calc(20 * var(--larg-size));
	}
	
	section.contacts .contacts-item .thumbnail .img-wrap .map-link a.btn {
		padding: calc(11 * var(--larg-size)) calc(32 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
	}
	
	section.contacts .partners-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	section.contacts .partners-wrap .title-h2 {
		margin-bottom: calc(36 * var(--larg-size));
	}
	
	section.contacts .partners-wrap .partners-items {
		margin: 0 calc(-10 * var(--larg-size));
	}
	
	section.contacts .partners-wrap .partners-items .partners-item {
		padding: 0 calc(10 * var(--larg-size));
	}
	
	section.contacts .partners-wrap .partners-items .partners-item p.h3 {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.contacts .partners-wrap .partners-items .partners-item .info-wrap .info-item {
		margin-bottom: calc(16 * var(--larg-size));
	}
	
	section.contacts .partners-wrap .partners-items .partners-item .info-wrap .info-item p.h4 {
		margin-bottom: calc(12 * var(--larg-size));
	}
	
	section.contacts .partners-wrap .thumbnail {
		padding-top: calc(52 * var(--larg-size));
	}
	
	section.contacts .partners-wrap .thumbnail .img-wrap {
		border-radius: calc(16 * var(--larg-size));
	}

	section.contacts .partners-wrap .thumbnail .img-wrap .map-link {
		gap: calc(20 * var(--larg-size));
	}
	
	section.contacts .partners-wrap .thumbnail .img-wrap .map-link a.btn {
		padding: calc(11 * var(--larg-size)) calc(32 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
	}
	
	section.main .main-wrap .caption span.undertitle {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.main .main-wrap .caption .more-link {
		width: calc(128 * var(--larg-size));
		height: calc(128 * var(--larg-size));
		border-width: calc(1 * var(--larg-size));
		padding: calc(10 * var(--larg-size));
	}

	section.projects-type {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.projects-type .projects-type-slider {
		margin: 0 calc(-10 * var(--larg-size));
	}
	
	section.projects-type .projects-type-slider .projects-type-item {
		padding: 0 calc(10 * var(--larg-size));
	}
	
	section.projects-type .projects-type-slider .projects-type-item:nth-child(1n + 3) {
		margin-top: calc(20 * var(--larg-size));
	}
	
	.projects-type-item .item-link {
		border-radius: calc(16 * var(--larg-size));
	}
	
	.projects-type-item .item-link .caption {
		padding: calc(24 * var(--larg-size));
	}
	
	.projects-type-item .item-link .caption::before {
		width: calc(64 * var(--larg-size));
		min-width: calc(64 * var(--larg-size));
		height: calc(64 * var(--larg-size));
		margin-bottom: calc(140 * var(--larg-size));
	}
	
	.solution-item .item-link .caption .about-text ol li {
		margin-bottom: calc(12 * var(--larg-size));
	}
	
	.solution-item .item-link .caption .about-text ol li::before {
		margin-right: calc(12 * var(--larg-size));
		text-shadow: calc(-1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black),calc(1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black),calc(-1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black),calc(1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black);
	}

	section.about-features {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.about-features .about-features-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	section.about-features .about-features-wrap h2.title-h2 {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.about-features .about-features-wrap .about-features-slider {
		margin: 0 calc(-10 * var(--larg-size));
	}
	
	section.about-features .about-features-wrap .about-features-slider .about-features-item {
		padding: 0 calc(10 * var(--larg-size));
	}
	
	section.about-features .about-features-wrap .about-features-slider .about-features-item:nth-child(1n + 3) {
		margin-top: calc(36 * var(--larg-size));
	}
	
	.about-features-item .thumbnail {
		padding-right: calc(12 * var(--larg-size));
	}
	
	.about-features-item .thumbnail img {
		width: calc(44 * var(--larg-size));
		min-width: calc(44 * var(--larg-size));
		height: calc(44 * var(--larg-size));
	}
	
	.about-features-item .caption p.h3 {
		margin-bottom: calc(12 * var(--larg-size));
	}

	section.main.about-main .main-wrap .caption h1 {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.main .main-wrap .caption .stats {
		margin: 0 calc(-16 * var(--larg-size)) calc(24 * var(--larg-size));
	}
	
	section.main .main-wrap .caption .stats .stats-item {
		padding: 0 calc(16 * var(--larg-size));
	}
	
	section.main .main-wrap .caption .stats .stats-item p.h3 {
		margin-bottom: calc(12 * var(--larg-size));
	}

	section.about-list {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.about-list .about-list-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	section.about-list .about-list-wrap h2.title-h2 {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.about-list .about-list-wrap .about-list-items .about-list-item {
		border-width: calc(1 * var(--larg-size));
		padding: calc(24 * var(--larg-size)) 0;
	}
	
	section.about-list .about-list-wrap .about-list-items .about-list-item p.h3 {
		padding-right: calc(30 * var(--larg-size));
	}
	
	section.about-list .about-list-wrap .about-list-items .about-list-item p.h3::before {
		min-width: calc(70 * var(--larg-size));
	}
	
	section.about-list .about-list-wrap .about-list-items .about-list-item p.text {
		padding-left: calc(30 * var(--larg-size));
	}
	
	section.about-steps {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.about-steps .about-steps-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	section.about-steps .about-steps-wrap span.uppertitle {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.about-steps .about-steps-wrap h2.title-h2 {
		margin-bottom: calc(44 * var(--larg-size));
	}
	
	section.about-steps .about-steps-wrap .about-steps-list {
		margin: 0 calc(-12 * var(--larg-size));
	}
	
	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item {
		padding: 0 calc(12 * var(--larg-size));
	}
	
	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(1n + 5) {
		margin-top: calc(24 * var(--larg-size));
	}
	
	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item:nth-child(4)::after {
		top: calc(35 * var(--larg-size));
	}
	
	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .thumbnail {
		margin-bottom: calc(20 * var(--larg-size));
	}
	
	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .thumbnail img {
		width: calc(44 * var(--larg-size));
		min-width: calc(44 * var(--larg-size));
		height: calc(44 * var(--larg-size));
	}
	
	section.about-steps .about-steps-wrap .about-steps-list .about-steps-item .thumbnail::after {
		margin-left: calc(20 * var(--larg-size));
	}

	.solution-item .item-link .caption .about-projects-list {
		margin: 0 calc(-10 * var(--larg-size)) calc(36 * var(--larg-size));
	}
	
	.solution-item .item-link .caption .about-projects-list .about-projects-item {
		padding: 0 calc(10 * var(--larg-size));
	}
	
	.solution-item .item-link .caption .about-projects-list .about-projects-item:nth-child(1n + 3) {
		margin-top: calc(20 * var(--larg-size));
	}
	
	.solution-item .item-link .caption .about-projects-list .about-projects-item .projects-item-link {
		border-radius: calc(16 * var(--larg-size));
		border-width: calc(1 * var(--larg-size));
		padding: calc(20 * var(--larg-size));
	}
	
	.solution-item .item-link .caption .about-projects-list .about-projects-item .projects-item-link .projects-thumbnail {
		margin-bottom: calc(12 * var(--larg-size));
	}
	
	.solution-item .item-link .caption .about-projects-list .about-projects-item .projects-item-link .projects-thumbnail img {
		width: calc(44 * var(--larg-size));
		min-width: calc(44 * var(--larg-size));
		height: calc(44 * var(--larg-size));
	}

	section.about-prices {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.about-prices .about-prices-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap span.uppertitle {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap h2.title-h2 {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap .about-prices-list,
	section.about-prices .about-prices-wrap .about-steps-list {
		margin: 0 calc(-10 * var(--larg-size)) calc(24 * var(--larg-size));
	}

	section.about-prices .about-prices-wrap .about-steps-list {
		margin-bottom: 0;
		margin-top: calc(24 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item {
		padding: 0 calc(10 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item:nth-child(1n + 4),
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item:nth-child(1n + 4) {
		margin-top: calc(20 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption {
		border-radius: calc(16 * var(--larg-size));
		border-width: calc(1 * var(--larg-size));
		padding: calc(24 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption p.h3,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption p.h3 {
		margin-bottom: calc(20 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption span.undertitle,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption span.undertitle {
		margin-bottom: calc(20 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption ul.text-list,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption ul.text-list {
		padding-left: calc(24 * var(--larg-size));
		margin-bottom: calc(20 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption ul.text-list li,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption ul.text-list li {
		margin-bottom: calc(4 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap .about-prices-list .about-prices-item .caption a.more-link,
	section.about-prices .about-prices-wrap .about-steps-list .about-prices-item .caption a.more-link {
		padding: calc(11 * var(--larg-size)) calc(32 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap p.text {
		padding-right: calc(10 * var(--larg-size));
	}
	
	.show-more-wrap.show .show-more {
		margin-top: calc(16 * var(--larg-size));
	}
	
	.show-more-wrap .show-more::after {
		width: calc(16 * var(--larg-size));
		height: calc(10 * var(--larg-size));
		margin-left: calc(6 * var(--larg-size));
	}

	section.about-technology {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.about-technology .about-technology-wrap {
		padding: calc(40 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size));
	}
	
	section.about-technology .about-technology-wrap .title-h2 {
		padding-right: calc(30 * var(--larg-size));
	}

	section.about-technology .about-technology-wrap .title-h3 {
		padding-right: calc(30 * var(--larg-size));
	}
	
	section.about-technology .about-technology-wrap .about-technology-text {
		padding-left: calc(30 * var(--larg-size));
	}
	
	section.about-technology .about-technology-wrap .about-technology-text p:first-child {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.about-cards {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.about-cards .about-cards-wrap {
		padding: calc(40 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size));
	}
	
	section.about-cards .about-cards-wrap .title-wrap {
		margin-bottom: calc(32 * var(--larg-size));
	}
	
	section.about-cards .about-cards-wrap .title-wrap .title-h2 {
		padding-right: calc(8 * var(--larg-size));
	}
	
	section.about-cards .about-cards-wrap .title-wrap .undertitle {
		padding-left: calc(8 * var(--larg-size));
	}
	
	section.about-cards .about-cards-wrap .about-cards-list {
		margin: 0 calc(-8 * var(--larg-size));
	}
	
	section.about-cards .about-cards-wrap .card-item {
		padding: 0px calc(8 * var(--larg-size));
	}
	
	section.about-cards .about-cards-wrap .card-item:nth-child(1n + 3) {
		margin-top: calc(16 * var(--larg-size));
	}
	
	section.about-cards .about-cards-wrap .card-item .item-link {
		padding: calc(24 * var(--larg-size));
		border-width: calc(1 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size));
	}
	
	section.about-cards .about-cards-wrap .card-item .item-link .thumbnail {
		padding-bottom: calc(24 * var(--larg-size));
	}
	
	section.about-cards .about-cards-wrap .card-item .item-link .thumbnail img {
		width: calc(44 * var(--larg-size));
		min-width: calc(44 * var(--larg-size));
		height: calc(44 * var(--larg-size));
	}
	
	section.about-cards .about-cards-wrap .card-item .item-link .caption p.h3 {
		margin-bottom: calc(20 * var(--larg-size));
	}
	
	section.about-cards .about-cards-wrap .card-item.list .item-link .caption p.h3::before {
		text-shadow: calc(-1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black),calc(1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black),calc(-1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black),calc(1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black);
		margin-bottom: calc(12 * var(--larg-size));
	}
	
	section.about-technology-info {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.about-technology-info .about-technology-info-wrap {
		padding: calc(24 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .title-wrap {
		padding: calc(16 * var(--larg-size)) calc(16 * var(--larg-size)) 0px;
		margin-bottom: calc(44 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .title-wrap .title-h2 {
		padding-right: calc(30 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .title-wrap .undertitle {
		padding-left: calc(30 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item:nth-child(1n + 2) {
		margin-top: calc(52 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption {
		padding: calc(16 * var(--larg-size)) calc(30 * var(--larg-size)) calc(16 * var(--larg-size)) calc(16 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse .caption {
		padding: calc(16 * var(--larg-size)) calc(16 * var(--larg-size)) calc(16 * var(--larg-size)) calc(30 * var(--larg-size));
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .uppertitle {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .title-h2 {
		margin-bottom: calc(32 * var(--larg-size));
	}

	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .title-h2::before {
		text-shadow: calc(-1* var(--larg-size)) calc(-1* var(--larg-size)) 0 var(--main-black), calc(1* var(--larg-size)) calc(-1* var(--larg-size)) 0 var(--main-black), calc(-1* var(--larg-size)) calc(1* var(--larg-size)) 0 var(--main-black), calc(1* var(--larg-size)) calc(1* var(--larg-size)) 0 var(--main-black);
		margin-bottom: calc(24* var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text p {
		margin-bottom: calc(16 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ul li {
		margin-bottom: calc(12 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ul li::before {
		width: calc(40 * var(--larg-size));
		min-width: calc(40 * var(--larg-size));
		height: calc(40 * var(--larg-size));
		margin-right: calc(12 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ol li {
		margin-bottom: calc(12 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption .about-text ol li::before {
		margin-right: calc(12 * var(--larg-size));
		text-shadow: calc(-1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black),calc(1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black),calc(-1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black),calc(1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black);
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.h3 {
		margin-bottom: calc(12 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .caption p.h3::before {
		text-shadow: calc(-1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black),calc(1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black),calc(-1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black),calc(1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black);
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .thumbnail {
		padding-left: calc(30 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item.reverse .thumbnail {
		padding-right: calc(30 * var(--larg-size));
	}
	
	section.about-technology-info .about-technology-info-wrap .about-technology-info-list .about-technology-item .thumbnail .img-wrap {
		border-radius: calc(16 * var(--larg-size));
	}

	section.projects-archive .title-wrap form.search-page-form {
		padding: calc(80 * var(--larg-size)) calc(40 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size));
	}
	
	section.projects-archive .title-wrap form.search-page-form .search-wrap {
		max-width: calc(650 * var(--larg-size));
	}
	
	section.projects-archive .title-wrap form.search-page-form .search-wrap input[type="search"] {
		border-width: calc(1 * var(--larg-size));
		padding: calc(23 * var(--larg-size)) calc(147 * var(--larg-size)) calc(23 * var(--larg-size)) calc(15 * var(--larg-size));
		border-radius: calc(12 * var(--larg-size));
	}
	
	section.projects-archive .title-wrap form.search-page-form .search-wrap input[type="submit"] {
		right: calc(16 * var(--larg-size));
		border-radius: calc(12 * var(--larg-size));
		padding: calc(11 * var(--larg-size)) calc(28 * var(--larg-size));
	}
	
	section.projects-archive .search-wrap {
		max-width: calc(650 * var(--larg-size));
	}
	
	section.projects-archive .search-wrap article {
		margin-top: calc(24 * var(--larg-size));
	}
	
	section.projects-archive .search-wrap article a.search-link {
		padding: calc(24 * var(--larg-size));
		border-radius: calc(16 * var(--larg-size));
	}
	
	section.projects-archive .search-wrap article a.search-link span.icon {
		width: calc(36 * var(--larg-size));
		min-width: calc(36 * var(--larg-size));
		height: calc(36 * var(--larg-size));
		margin-right: calc(12 * var(--larg-size));
	}

	section.about-technology .about-technology-wrap .about-technology-text .more-link {
		padding: calc(11 * var(--larg-size)) calc(32 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
		margin-bottom: calc(16 * var(--larg-size));
	}

	section.about .about-wrap .about-box {
		padding: calc(16 * var(--larg-size)) 0 calc(16 * var(--larg-size)) calc(16 * var(--larg-size));
	}

	section.about .about-wrap .about-box:last-child {
		padding-top: calc(32 * var(--larg-size));
	}

	section.about-technology .about-technology-wrap .about-technology-text .more-link {
		padding: calc(11 * var(--larg-size)) calc(32 * var(--larg-size));
		border-radius: calc(50 * var(--larg-size));
		margin-bottom: calc(16 * var(--larg-size));
	}
	
	section.about .about-wrap .about-box {
		padding: calc(16 * var(--larg-size)) 0 calc(16 * var(--larg-size)) calc(16 * var(--larg-size));
	}
	
	section.about .about-wrap .about-box:last-child {
		padding-top: calc(32 * var(--larg-size));
	}
	
	section.about .about-wrap > .caption .stats .stats-item {
		padding: 0 calc(16 * var(--larg-size));
	}
	
	section.about .about-wrap > .caption .stats .stats-item p.h3 {
		text-shadow: calc(-1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black),calc(1 * var(--larg-size)) calc(-1 * var(--larg-size)) 0 var(--main-black),calc(-1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black),calc(1 * var(--larg-size)) calc(1 * var(--larg-size)) 0 var(--main-black);
		margin-bottom: calc(12 * var(--larg-size));
	}
	
	section.construction {
		padding: calc(16 * var(--larg-size)) 0;
	}
	
	section.construction .construction-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(24 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .caption {
		padding: calc(16 * var(--larg-size));
		padding-right: calc(26 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .caption h2 {
		margin-bottom: calc(36 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .caption .nav-wrap:not(:last-child) {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	.nav-wrap .nav-tabs {
		gap: calc(24 * var(--larg-size));
	}
	
	.nav-wrap .nav-tabs .nav-item button {
		padding: calc(8 * var(--larg-size)) 0;
		border-width: calc(1 * var(--larg-size));
	}
	
	.nav-wrap .tab-content .tab-pane {
		padding-top: calc(16 * var(--larg-size));
	}

	.nav-wrap .tab-content .tab-pane .page-content ul:has(li:nth-child(4)) li {
		padding-right: calc(30 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .thumbnail {
		padding-left: calc(10 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .thumbnail .video-wrap {
		border-radius: calc(16 * var(--larg-size));
	}
	
	section.construction.modular-type .construction-wrap .caption {
		padding: calc(16 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .caption .title-wrap {
		margin-bottom: calc(36 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .caption .title-wrap h2 {
		padding-right: calc(30 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .caption .title-wrap p.desc {
		padding-left: calc(30 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .caption .modular-slider {
		margin: 0 calc(-16 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .caption .modular-slider .modular-item {
		padding: 0 calc(16 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .caption .modular-slider .modular-item .thumbnail .img-wrap {
		border-radius: calc(16 * var(--larg-size));
		border-width: calc(1 * var(--larg-size))
	}

	section.construction .construction-wrap > .caption .modular-slider .modular-item .thumbnail .img-wrap span.price {
		left: calc(20 * var(--larg-size));
		top: calc(20 * var(--larg-size));
		padding: calc(4 * var(--larg-size)) calc(10 * var(--larg-size));
		border-radius: calc(6 * var(--larg-size));
	}

	section.construction .construction-wrap > .caption .modular-slider .modular-item .thumbnail .img-wrap span.area {
		left: calc(20 * var(--larg-size));
		top: calc(54 * var(--larg-size));
		padding: calc(4 * var(--larg-size)) calc(10 * var(--larg-size));
		border-radius: calc(6 * var(--larg-size));
	}

	.projects-item .item-link .thumbnail .tags {
		left: calc(20 * var(--larg-size));
		top: calc(20 * var(--larg-size));
	}

	.projects-item .item-link .thumbnail .tags span {
		padding: calc(4 * var(--larg-size)) calc(10 * var(--larg-size));
		border-radius: calc(6 * var(--larg-size));
	}

	.projects-item .item-link .thumbnail .tags span:nth-child(1n + 2) {
		margin-top: calc(10 * var(--larg-size));
	}
	
	section.construction .construction-wrap > .caption .modular-slider .modular-item .caption {
		padding: calc(24 * var(--larg-size)) calc(16 * var(--larg-size));
	}
	
	.solution-item.income-type .item-link .caption .about-projects-list .about-projects-item .projects-item-link .projects-caption p.text {
		margin-top: calc(12 * var(--larg-size));
	}
	
	section.about-cards.income-type .about-cards-wrap h2 {
		margin-bottom: calc(24 * var(--larg-size));
	}
	
	section.about-cards.income-type .about-cards-wrap .card-item:nth-child(1n + 4) {
		margin-top: calc(16 * var(--larg-size));
	}
	
	section.about-cards.income-type .about-cards-wrap .card-item .thumbnail-big {
		padding-bottom: calc(16 * var(--larg-size));
	}
	
	section.about-cards.income-type .about-cards-wrap .card-item:nth-child(2n + 2) .thumbnail-big {
		padding-top: calc(16 * var(--larg-size));
	}
	
	section.about-cards.income-type .about-cards-wrap .card-item .thumbnail-big .img-wrap {
		border-radius: calc(16 * var(--larg-size));
	}
	
	section.advantages.income-type .advantages-item .item-link .caption p.h3::before {
		margin-bottom: calc(24 * var(--larg-size));
	}

	section.advantages .advantages-wrap .advantages-thumbnail {
		border-radius: calc(16 * var(--larg-size));
	}

	section.about-prices .about-prices-wrap .title-wrap h2.title-h2 {
		padding-right: calc(10 * var(--larg-size));
	}
	
	section.about-prices .about-prices-wrap .title-wrap p.desc {
		padding-left: calc(10 * var(--larg-size));
	}

	section.sertificates .sertificates-wrap .title-wrap {
		margin-bottom: calc(36 * var(--larg-size));
	}
	
	section.sertificates .sertificates-wrap .title-wrap h2 {
		padding-right: calc(10 * var(--larg-size));
	}
	
	section.sertificates .sertificates-wrap .title-wrap p.desc {
		padding-left: calc(10 * var(--larg-size));
	}

	.mfp-content:has(.banner-modal-wrap) {
		max-width: calc(800 * var(--larg-size));
	}

	.mfp-content .banner-modal-wrap {
		border-radius: calc(16 * var(--larg-size));
		padding: calc(40 * var(--larg-size));
	}
	
	.mfp-content .banner-modal-wrap p.h3 {
		margin-bottom: calc(20 * var(--larg-size));
	}

	.mfp-content .banner-modal-wrap .mfp-close {
		right: calc(15 * var(--larg-size));
		top: calc(15 * var(--larg-size));
		width: calc(40 * var(--larg-size));
		height: calc(40 * var(--larg-size));
	}
	
	.mfp-content .banner-modal-wrap .mfp-close::after, 
	.mfp-content .banner-modal-wrap .mfp-close::before {
		height: calc(3 * var(--larg-size));
	}

	.mfp-gallery .mfp-content .mfp-figure figure img {
		padding: calc(20 * var(--larg-size)) 0;
	}

}