/* Start:/local/templates/divanchik/template_styles.css?174241629854118*/
:root {
	--color-black: #0e0d0b;
	--color-white: #fbf9f4;
	--color-brown: #dcc5b7;
	--color-gray: #65625e;
	--size1: .85rem;
	--lh1: 1.2rem;
	--size2: 1rem;
	--lh2: 1.4rem;
	--size3: 1.4rem;
	--lh3: 1.8rem;
	--size4: 2rem;
	--lh4: 2.4rem;
	--size5: 4.2rem;
	--lh5: 4rem;
	--offset1: 1rem;
	--offset2: 2rem;
	--offset3: 3rem;
	--offset4: 4rem;
	--offset5: 5rem;
	--offset6: 6rem;
	--offset7: 7rem;
	--offset8: 8rem;
	--offset9: 9rem;
	--offset10: 10rem;
	--radius1: .5rem;
	--radius2: 1rem;
	--radius3: 3rem;
	--radius4: 4rem;
	--radius5: 5rem;
	--progress: 0
}

@font-face {
	font-family: Gilroy;
	src: local(Gilroy Regular), local(Gilroy-Regular), url(/local/templates/divanchik/fonts/Gilroy-Regular.woff2)format("woff2"), url(/local/templates/divanchik/fonts/Gilroy-Regular.woff)format("woff"), url(/local/templates/divanchik/fonts/Gilroy-Regular.ttf)format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Gilroy;
	src: local(Gilroy Medium), local(Gilroy-Medium), url(/local/templates/divanchik/fonts/Gilroy-Medium.woff2)format("woff2"), url(/local/templates/divanchik/fonts/Gilroy-Medium.woff)format("woff"), url(/local/templates/divanchik/fonts/Gilroy-Medium.ttf)format("truetype");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: Gilroy;
	src: local(Gilroy Semibold), local(Gilroy-Semibold), url(/local/templates/divanchik/fonts/Gilroy-Semibold.woff2)format("woff2"), url(/local/templates/divanchik/fonts/Gilroy-Semibold.woff)format("woff"), url(/local/templates/divanchik/fonts/Gilroy-Semibold.ttf)format("truetype");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: Gilroy;
	src: local(Gilroy Bold), local(Gilroy-Bold), url(/local/templates/divanchik/fonts/Gilroy-Bold.woff2)format("woff2"), url(/local/templates/divanchik/fonts/Gilroy-Bold.woff)format("woff"), url(/local/templates/divanchik/fonts/Gilroy-Bold.ttf)format("truetype");
	font-weight: 700;
	font-style: normal
}

html.lenis,
html.lenis body {
	height: auto
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain
}

.lenis.lenis-stopped {
	overflow: clip
}

.lenis.lenis-smooth iframe {
	pointer-events: none
}

html,
body {
	margin: 0;
	padding: 0
}

html {
	-webkit-text-size-adjust: 100%;
	min-height: 100vh;
	font-size: 1vw;
	font-weight: 400;
	line-height: 1vw
}

body {
	background-color: var(--color-gray);
	-webkit-tap-highlight-color: #0000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizespeed;
	font-family: Gilroy, Arial, sans-serif;
	font-size: var(--size2);
	line-height: var(--lh2);
	color: var(--color-black);
	overflow-x: hidden
}

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

* {
	-webkit-tap-highlight-color: transparent;
	border: 0 solid #0000;
	margin: 0;
	padding: 0
}

:focus {
	outline: none
}

input,
button,
textarea,
select {
	backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	background-color: #0000;
	border: 0;
	margin: 0;
	padding: 0
}

button,
[role=button] {
	cursor: pointer;
	outline: none
}

button:focus,
[role=button]:focus {
	outline: 0
}

[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea,
select {
	-webkit-appearance: none;
	appearance: none
}

[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus,
select:focus {
	outline: 0
}

textarea {
	vertical-align: top;
	overflow: auto
}

[type=checkbox],
[type=radio] {
	-webkit-appearance: none;
	appearance: none
}

[type=checkbox]:focus,
[type=radio]:focus {
	outline: 0
}

input::-webkit-search-cancel-button {
	display: none
}

input::-webkit-search-decoration {
	display: none
}

input::-webkit-search-results-button {
	display: none
}

input::-webkit-search-results-decoration {
	display: none
}

strong,
b {
	font-family: inherit;
	font-weight: 600
}

i,
em {
	font-family: inherit;
	font-style: normal
}

a,
a:hover,
a:visited,
a:focus {
	cursor: pointer;
	backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	color: inherit;
	outline: none;
	text-decoration: none
}

img {
	box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0
}

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

::-moz-placeholder {
	opacity: 1
}

@media (prefers-reduced-motion:reduce) {
	html:focus-within {
		scroll-behavior: auto
	}

	*,
	:before,
	:after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important
	}
}

/* header */
header {
	z-index: 10;
	-webkit-backdrop-filter: blur(1rem);
	backdrop-filter: blur(1rem);
	-khtml-border-radius: 6rem;
	-o-border-radius: 6rem;
	-ms-border-radius: 6rem;
	color: var(--color-black);
	background-color: #ffffff4d;
	border: .1rem solid #ffffff4d;
	border-radius: 6rem;
	flex-flow: wrap;
	place-content: center space-between;
	align-items: center;
	width: 90rem;
	height: 5rem;
	padding: 0 3rem;
	display: flex;
	position: absolute;
	top: 2rem;
	left: 50%;
	transform: translate(-50%);
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

header>.header-logo>a {
	display: block
}

header>.header-logo>a>span:first-child {
	text-transform: uppercase;
	margin-bottom: .05rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6rem;
	display: block
}

header>.header-logo>a>span:nth-child(2) {
	font-size: var(--size1);
	line-height: var(--size1);
	font-weight: 500
}

header>nav {
	font-weight: 600
}

header>nav>a {
	font-size: var(--size2);
	margin: 0 1rem;
	line-height: 5rem;
	display: inline-block
}

.menu-icon {
	display: none
}

/* default */

article {
	font-size: var(--size1);
	line-height: var(--lh1);
	overflow: hidden
}

h1,
h2 {
	font-size: var(--size5);
	line-height: var(--lh5);
	font-weight: 600
}

h3 {
	font-size: var(--size4);
	line-height: var(--lh4);
	font-weight: 600
}

.width-full {
	width: 84rem;
	margin-left: auto;
	margin-right: auto
}

.width-bx {
	width: 80rem;
	margin-left: auto;
	margin-right: auto
}

.grid12 {
	grid-template-rows: 1fr;
	grid-template-columns: repeat(12, 1fr);
	align-content: start;
	place-items: start;
	gap: 2rem;
	display: grid
}

.grid12.stretch {
	place-items: stretch stretch
}

.grid12.center {
	align-items: center
}

.btn {
	-o-transition: padding-right .2s linear;
	height: 3.4rem;
	padding-right: 4rem;
	transition: padding-right .2s linear;
	display: inline-block;
	position: relative
}

.btn:before {
	z-index: 1;
	content: "";
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	background-color: var(--color-black);
	-o-transition: right .2s linear, transform .2s linear, background-color .2s linear;
	border-radius: 50%;
	width: 3.4rem;
	height: 3.4rem;
	transition: right .2s linear, transform .2s linear, background-color .2s linear;
	position: absolute;
	top: 0;
	right: 0
}

.btn:after {
	z-index: 2;
	content: "\F005C";
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	font-family: Material Design Icons;
	font-size: var(--lh1);
	color: var(--color-white);
	-o-transition: right .2s linear, transform .2s linear, color .2s linear, font-size .2s linear;
	border-radius: 50%;
	width: 3.4rem;
	height: 3.4rem;
	font-weight: 400;
	line-height: 3.4rem;
	transition: right .2s linear, transform .2s linear, color .2s linear, font-size .2s linear;
	position: absolute;
	top: 0;
	right: 0
}

.btn>span {
	background: var(--color-black);
	-khtml-border-radius: 3rem;
	-o-border-radius: 3rem;
	-ms-border-radius: 3rem;
	font-size: var(--size1);
	color: var(--color-white);
	-o-transition: padding .2s linear;
	border-radius: 3rem;
	padding: 0 2rem;
	font-weight: 500;
	line-height: 3.4rem;
	transition: padding .2s linear;
	display: block
}

.btn:hover {
	padding-right: 0
}

.btn:hover:before {
	background-color: var(--color-white);
	right: .1rem;
	transform: scale(.8)
}

.btn:hover:after {
	font-size: var(--size3);
	color: var(--color-black);
	right: .1rem;
	transform: scale(.8)rotate(45deg)
}

.btn:hover>span {
	padding: 0 5rem 0 3rem
}

.swiper-wrapper {
	-o-transition-property: -o-transform;
	-webkit-transition-property: -webkit-transform;
	box-sizing: content-box;
	-moz-transition-property: -moz-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	display: flex
}

.swiper-slide {
	flex-shrink: 0
}

.img-parallax>img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 130%;
	position: absolute;
	bottom: 0;
	left: 0
}

.page-wrp {
	z-index: 2;
	padding-bottom: var(--offset8);
	background-color: var(--color-brown);
	-moz-border-radius: 0 0 var(--radius5)var(--radius5);
	-webkit-border-radius: 0 0 var(--radius5)var(--radius5);
	-khtml-border-radius: 0 0 var(--radius5)var(--radius5);
	-o-border-radius: 0 0 var(--radius5)var(--radius5);
	-ms-border-radius: 0 0 var(--radius5)var(--radius5);
	border-radius: 0 0 var(--radius5)var(--radius5);
	border-bottom: .1rem solid #ffffff80;
	width: 100%;
	position: relative;
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.page-bottom {
	z-index: 3;
	background-color: var(--color-brown);
	-moz-border-radius: 0 0 var(--radius5)var(--radius5);
	-webkit-border-radius: 0 0 var(--radius5)var(--radius5);
	-khtml-border-radius: 0 0 var(--radius5)var(--radius5);
	-o-border-radius: 0 0 var(--radius5)var(--radius5);
	-ms-border-radius: 0 0 var(--radius5)var(--radius5);
	border-radius: 0 0 var(--radius5)var(--radius5);
	border-bottom: .1rem solid #ffffff80;
	position: relative;
	overflow: hidden;
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.less-size{
	margin-top: var(--offset2);
}

.article-top {
	margin-bottom: var(--offset2);
	position: relative
}

.bgstyle01 {
	z-index: -1;
	pointer-events: none;
	filter: blur(15rem);
	opacity: .8;
	-khtml-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	-o-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	-ms-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	background: linear-gradient(#4666e1, #dc6227);
	border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	width: 50rem;
	height: 60rem;
	position: absolute;
	top: -10%;
	right: -25%
}

.bgstyle02 {
	z-index: -1;
	pointer-events: none;
	filter: blur(15rem);
	opacity: .6;
	-khtml-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	-o-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	-ms-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	background: linear-gradient(#dc6227, #4666e1);
	border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	width: 60rem;
	height: 60rem;
	position: absolute;
	bottom: -10%;
	left: -25%
}

.bgstyle03 {
	z-index: -1;
	pointer-events: none;
	filter: blur(15rem);
	opacity: .8;
	-khtml-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	-o-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	-ms-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	background: linear-gradient(#dc6227, #4666e1);
	border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	width: 60rem;
	height: 60rem;
	position: absolute;
	top: 40%;
	right: -25%
}

.bgstyle04 {
	z-index: -1;
	pointer-events: none;
	filter: blur(15rem);
	opacity: .8;
	-khtml-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	-o-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	-ms-border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	background: linear-gradient(#4666e1, #dc6227);
	border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	width: 50rem;
	height: 60rem;
	position: absolute;
	top: -10%;
	right: -50%
}

.banner {
	z-index: 2;
	width: 100%;
	height: 100vh;
	min-height: 40rem;
	max-height: 50rem;
	position: relative
}

.banner-wrp {
	height: 100%
}

.banner-wrp-info {
	flex-flow: column wrap;
	grid-area: span 1/span 5;
	place-content: flex-start flex-end;
	align-items: flex-start;
	width: 100%;
	display: flex
}

.banner-wrp-info-title>div,
h1,
.banner-wrp-info-title>h1 {
	margin-bottom: var(--offset3)
}

.banner-wrp-info-title>div>p,
.banner-wrp-info-title>p {
	font-size: var(--size3);
	line-height: var(--lh3)
}

.banner-wrp-info-button {
	padding-bottom: var(--offset4);
	flex-flow: column wrap;
	place-content: flex-start flex-end;
	align-items: flex-start;
	height: 12rem;
	display: flex
}

.banner-wrp-img {
	grid-area: span 1/span 7;
	width: 100%;
	position: relative
}

.banner-wrp-img-left {
	width: calc(50% - 1rem);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.banner-wrp-img-left-wrp {
	pointer-events: none;
	-khtml-border-radius: 0 0 20rem 20rem;
	-o-border-radius: 0 0 20rem 20rem;
	-ms-border-radius: 0 0 20rem 20rem;
	border-radius: 0 0 20rem 20rem;
	width: 100%;
	height: calc(100% - 12rem);
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}

.banner-wrp-img-right {
	width: calc(50% - 1rem);
	height: 100%;
	position: absolute;
	top: 0;
	right: 0
}

.banner-wrp-img-right-wrp {
	pointer-events: none;
	-khtml-border-radius: 20rem;
	-o-border-radius: 20rem;
	-ms-border-radius: 20rem;
	border-radius: 20rem;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 12rem;
	right: 0;
	overflow: hidden
}

.leaf {
	z-index: 2;
	pointer-events: none;
	width: 15rem;
	height: 15rem;
	position: absolute;
	bottom: -15rem;
	right: 0
}

.leaf>img {
	object-fit: contain;
	width: 100%;
	height: 100%
}

.banner-after {
	z-index: 2;
	margin-bottom: var(--offset3);
	width: 65%;
	height: 12rem;
	position: relative
}

.banner-after-wrp {
	flex-flow: wrap;
	place-content: center space-between;
	align-items: center;
	width: 100%;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0
}

.banner-after-wrp>div>p,
.banner-after-wrp>p {
	font-size: var(--size3);
	line-height: var(--lh3);
	width: calc(100% - 12rem)
}

.cirlce-bx {
	display: none
}

.circle-logo {
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	width: 8rem;
	height: 8rem;
	display: flex;
	position: relative
}

.circle-logo-icon {
	z-index: 2;
	width: 5rem;
	height: 5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.cirlce-logo-svg {
	text-transform: uppercase;
	width: 8rem;
	height: 8rem;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.3rem
}

.circle-text {
	fill: var(--color-black)
}

.opportunities {
	z-index: 2;
	padding-top: var(--offset5);
	position: relative
}

.opportunities>.title-col>.title-col-name>div>h2>br:first-child,
.opportunities>.title-col>.title-col-name>div>h2>br:nth-child(3),
.opportunities>.title-col>.title-col-name>h2>br:first-child,
.opportunities>.title-col>.title-col-name>h2>br:nth-child(3) {
	display: none
}

.opportunities-bx {
	margin-top: var(--offset4);
	margin-bottom: var(--offset8);
	width: calc(100% + 2rem);
	margin-left: -1rem;
	margin-right: -1rem;
	position: relative
}

.opportunities-bx>.swiper-pagination {
	visibility: hidden
}

.opportunities-bx-item {
	padding: var(--offset2);
	-webkit-backdrop-filter: blur(1rem);
	backdrop-filter: blur(1rem);
	-moz-border-radius: var(--radius2);
	-webkit-border-radius: var(--radius2);
	-khtml-border-radius: var(--radius2);
	-o-border-radius: var(--radius2);
	-ms-border-radius: var(--radius2);
	border-radius: var(--radius2);
	font-size: var(--size2);
	line-height: var(--lh2);
	background-color: #fff6;
	border: .1rem solid #fff6;
	width: calc(33.3333% - 2rem);
	margin: 0 1rem;
	position: relative;
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.opportunities-bx-item-icon {
	margin-bottom: var(--offset4);
	font-size: var(--size3);
	height: 3rem;
	padding-left: 4.4rem;
	font-weight: 600;
	line-height: 3rem;
	position: relative
}

.opportunities-bx-item-icon:before {
	z-index: 1;
	background-color: var(--color-black);
	border: .1rem solid var(--color-black);
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	font-family: Material Design Icons;
	font-size: var(--size3);
	color: var(--color-white);
	border-radius: 50%;
	width: 3.4rem;
	height: 3.4rem;
	font-weight: 400;
	line-height: 3.4rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	box-shadow: inset 0 0 0 .4rem #0e0d0b, inset 0 0 0 .8rem #25231e, inset 0 0 0 1.2rem #3d3c39, inset 0 0 0 2rem #3d3c39
}

.opportunities-bx-item:first-child>.opportunities-bx-item-icon:before {
	content: "\F0770"
}

.opportunities-bx-item:nth-child(2)>.opportunities-bx-item-icon:before {
	content: "\F0E33"
}

.opportunities-bx-item:nth-child(3)>.opportunities-bx-item-icon:before {
	content: "\F02D1"
}

.we-do-text {
	grid-area: span 1/span 8;
	width: 100%
}

.we-do-text>div>p,
.we-do-text>p {
	font-size: var(--size4);
	line-height: var(--lh4)
}

.we-do-text-links {
	z-index: 2;
	margin-top: var(--offset3);
	position: relative
}

.we-do-text-links>div>a,
.we-do-text-links>a {
	white-space: nowrap;
	-moz-border-radius: var(--radius3);
	-webkit-border-radius: var(--radius3);
	-khtml-border-radius: var(--radius3);
	-o-border-radius: var(--radius3);
	-ms-border-radius: var(--radius3);
	border-radius: var(--radius3);
	font-size: var(--size2);
	line-height: var(--size2);
	-o-transition: background-color .2s linear, border .2s linear;
	background-color: #ffffffb3;
	border: .1rem solid #ffffffb3;
	margin-bottom: 1rem;
	margin-right: 1rem;
	padding: 1rem 1.5rem;
	font-weight: 500;
	transition: background-color .2s linear, border .2s linear;
	display: inline-block;
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.we-do-text-links>div>a:last-child,
.we-do-text-links>a:last-child {
	margin-right: 0
}

.we-do-text-links>div>a:hover,
.we-do-text-links>a:hover {
	background-color: #ffffffe6;
	border: .1rem solid #ffffffe6
}

.we-do-map {
	grid-area: span 1/span 4;
	width: 100%;
	position: relative
}

.we-do-map-img {
	z-index: 1;
	opacity: .4;
	pointer-events: none;
	width: calc(100% + 8rem);
	height: 30rem;
	position: absolute;
	top: 57%;
	left: 0;
	transform: translateY(-57%)
}

.we-do-map-img>img {
	object-fit: cover;
	object-position: left center;
	width: 100%;
	height: 100%
}

.we-do-map-text {
	z-index: 2;
	text-align: right;
	font-size: var(--size2);
	line-height: var(--lh2);
	padding-right: 4.4rem;
	font-weight: 500;
	position: absolute;
	top: 0;
	right: 0
}

.we-do-map-text:before {
	z-index: 1;
	content: "\F034E";
	background-color: var(--color-black);
	border: .1rem solid var(--color-black);
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	font-family: Material Design Icons;
	font-size: var(--size3);
	color: var(--color-white);
	border-radius: 50%;
	width: 3.4rem;
	height: 3.4rem;
	font-weight: 400;
	line-height: 3.4rem;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	box-shadow: inset 0 0 0 .4rem #0e0d0b, inset 0 0 0 .8rem #25231e, inset 0 0 0 1.2rem #3d3c39, inset 0 0 0 2rem #3d3c39
}

.projects-wrp {
	padding-top: var(--offset1);
	position: relative
}

.project {
	z-index: 5;
	margin: var(--offset8)auto var(--offset10)auto;
	padding: var(--offset2)0;
	position: relative
}

.project:last-child {
	margin: var(--offset8)auto
}

.project:before {
	z-index: 1;
	content: "";
	background-color: var(--color-white);
	-moz-border-radius: var(--radius3);
	-webkit-border-radius: var(--radius3);
	-khtml-border-radius: var(--radius3);
	-o-border-radius: var(--radius3);
	-ms-border-radius: var(--radius3);
	border-radius: var(--radius3);
	width: calc(100% + 6rem);
	height: calc(100% + 6rem);
	position: absolute;
	top: -3rem;
	left: -3rem;
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.project-wrp {
	z-index: 2;
	width: 100%;
	position: relative;
	overflow: hidden
}

.title-col-name {
	grid-area: span 1/span 8;
	width: 100%
}

.title-col-name>p {
	margin-top: var(--offset3);
	font-size: var(--size3);
	line-height: var(--lh3)
}

.title-col-text {
	font-size: var(--size2);
	line-height: var(--lh2);
	grid-area: span 1/span 4;
	width: 100%
}

.title-col-text.right {
	text-align: right;
	padding-top: .75rem
}

.title-col-text.right>a {
	color: var(--color-white)
}

.project-slider {
	margin-top: var(--offset3);
	padding-bottom: var(--offset2);
	width: calc(100% + 2rem);
	margin-left: -1rem;
	margin-right: -1rem;
	position: relative;
	overflow: hidden;
}

.project-slider-item {
	width: 50%;
	height: 27rem;
	position: relative
}

.project-slider-item-img {
	z-index: 1;
	-moz-border-radius: var(--radius2);
	-webkit-border-radius: var(--radius2);
	-khtml-border-radius: var(--radius2);
	-o-border-radius: var(--radius2);
	-ms-border-radius: var(--radius2);
	border-radius: var(--radius2);
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	position: absolute;
	top: 1rem;
	left: 1rem;
	overflow: hidden
}

.project-slider-item-img:after {
	z-index: 1;
	content: "";
	opacity: 0;
	mix-blend-mode: overlay;
	background-color: var(--color-brown);
	-o-transition: opacity .2s linear;
	width: 100%;
	height: 100%;
	transition: opacity .2s linear;
	position: absolute;
	top: 0;
	left: 0
}

.project-slider-item-img:before {
	z-index: 2;
	content: "\F0349";
	pointer-events: none;
	opacity: 0;
	-webkit-backdrop-filter: blur(1rem);
	backdrop-filter: blur(1rem);
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	font-family: Material Design Icons;
	font-size: var(--lh1);
	color: var(--color-black);
	-o-transition: transform .2s linear, opacity .2s linear;
	background-color: #ffffffb3;
	border: .1rem solid #ffffffb3;
	border-radius: 50%;
	width: 3.4rem;
	height: 3.4rem;
	font-weight: 400;
	line-height: 3.4rem;
	transition: transform .2s linear, opacity .2s linear;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)scale(1.2);
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.project-slider-item-img:hover:after {
	opacity: .3
}

.project-slider-item-img:hover:before {
	opacity: 1;
	transform: translate(-50%, -50%)scale(1)
}

.slider-next,
.slider-prev {
	z-index: 5;
	cursor: pointer;
	-webkit-backdrop-filter: blur(1rem);
	backdrop-filter: blur(1rem);
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-transition: background-color .2s linear, border .2s linear, opacity .2s linear;
	background-color: #ffffffb3;
	border: .1rem solid #ffffffb3;
	border-radius: 50%;
	width: 3.4rem;
	height: 3.4rem;
	transition: background-color .2s linear, border .2s linear, opacity .2s linear;
	position: absolute;
	top: calc(50% - 1rem);
	overflow: hidden;
	transform: translateY(-50%);
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.slider-next:hover,
.slider-prev:hover {
	background-color: #ffffffe6;
	border: .1rem solid #ffffffe6
}

.slider-next:before,
.slider-prev:before {
	z-index: 1;
	font-family: Material Design Icons;
	font-size: var(--lh1);
	color: var(--color-black);
	-o-transition: left .2s linear, opacity .3s linear;
	font-weight: 400;
	transition: left .2s linear, opacity .3s linear;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.slider-prev {
	left: 3rem
}

.slider-prev:before {
	content: "\F004D"
}

.slider-prev:hover:before {
	animation: .3s linear moveLeft
}

.slider-next {
	right: 3rem
}

.slider-next:before {
	content: "\F0054"
}

.slider-next:hover:before {
	animation: .3s linear moveRight
}

@keyframes moveRight {
	50% {
		transform: translate(3rem, -50%)
	}

	51% {
		transform: translate(-3rem, -50%)
	}

	to {
		transform: translate(-50%, -50%)
	}
}

@keyframes moveLeft {
	50% {
		transform: translate(-3rem, -50%)
	}

	51% {
		transform: translate(3rem, -50%)
	}

	to {
		transform: translate(-50%, -50%)
	}
}

.swiper-button-disabled {
	opacity: 0
}

.swiper-pagination {
	flex-flow: wrap;
	place-content: center;
	align-items: center;
	width: 100%;
	display: flex;
	position: absolute;
	bottom: 0;
}

.swiper-pagination>.swiper-pagination-bullet {
	cursor: pointer;
	background: var(--color-black);
	-khtml-border-radius: 2rem;
	-o-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-transition: all .3s ease-in-out;
	border-radius: 2rem;
	width: .3rem;
	height: .3rem;
	margin: 0 .5rem;
	transition: all .3s ease-in-out;
	display: block
}

.swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 2rem;
	height: .3rem
}

.stages-bx {
	position: relative
}

.stages-wrp {
	z-index: 2;
	position: relative
}

.stages {
	margin-top: var(--offset3);
	width: calc(100% + 2rem);
	margin-left: -1rem;
	margin-right: -1rem
}

.stages>.swiper-pagination {
	visibility: hidden
}

.stages-item {
	padding: var(--offset2);
	-moz-border-radius: var(--radius2);
	-webkit-border-radius: var(--radius2);
	-khtml-border-radius: var(--radius2);
	-o-border-radius: var(--radius2);
	-ms-border-radius: var(--radius2);
	border-radius: var(--radius2);
	font-size: var(--size2);
	line-height: var(--lh2);
	background-color: #fff6;
	border: .1rem solid #fff6;
	width: calc(25% - 2rem);
	margin: 0 1rem;
	position: relative;
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.stages-item-title {
	margin-bottom: var(--offset4);
	font-size: var(--size3);
	height: 3rem;
	padding-left: 4.4rem;
	font-weight: 600;
	line-height: 3rem;
	position: relative
}

.stages-item-title:before {
	z-index: 1;
	background-color: var(--color-black);
	border: .1rem solid var(--color-black);
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	font-family: Material Design Icons;
	font-size: var(--size3);
	color: var(--color-white);
	border-radius: 50%;
	width: 3.4rem;
	height: 3.4rem;
	font-weight: 400;
	line-height: 3.4rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	box-shadow: inset 0 0 0 .4rem #0e0d0b, inset 0 0 0 .8rem #25231e, inset 0 0 0 1.2rem #3d3c39, inset 0 0 0 2rem #3d3c39
}

.stages-item:first-child>.stages-item-title:before {
	content: "\F0184"
}

.stages-item:nth-child(2)>.stages-item-title:before {
	content: "\F02F0"
}

.stages-item:nth-child(3)>.stages-item-title:before {
	content: "\F0219"
}

.stages-item:nth-child(4)>.stages-item-title:before {
	content: "\F04CE"
}

.restoration {
	padding-top: var(--offset4);
	padding-bottom: var(--offset2);
	color: var(--color-white);
	position: relative
}

.restoration:before {
	z-index: 4;
	content: "";
	background-color: var(--color-gray);
	-moz-border-radius: 0 0 var(--radius5)var(--radius5);
	-webkit-border-radius: 0 0 var(--radius5)var(--radius5);
	-khtml-border-radius: 0 0 var(--radius5)var(--radius5);
	-o-border-radius: 0 0 var(--radius5)var(--radius5);
	-ms-border-radius: 0 0 var(--radius5)var(--radius5);
	border-radius: 0 0 var(--radius5)var(--radius5);
	width: 100%;
	height: 6rem;
	position: absolute;
	bottom: -5rem;
	left: 0
}

.restoration-wrp {
	z-index: 5;
	padding-top: var(--offset3);
	position: relative
}

.restoration-wrp-links {
	margin-top: var(--offset4)
}

.restoration-wrp-links>div>a,
.restoration-wrp-links>a {
	white-space: nowrap;
	-moz-border-radius: var(--radius3);
	-webkit-border-radius: var(--radius3);
	-khtml-border-radius: var(--radius3);
	-o-border-radius: var(--radius3);
	-ms-border-radius: var(--radius3);
	border-radius: var(--radius3);
	font-size: var(--size2);
	line-height: var(--size2);
	-o-transition: background-color .2s linear, border .2s linear;
	background-color: #0000001a;
	border: .1rem solid #0000000d;
	margin-bottom: 1rem;
	margin-right: 1rem;
	padding: 1rem 1.5rem;
	font-weight: 500;
	transition: background-color .2s linear, border .2s linear;
	display: inline-block
}

.restoration-wrp-links>div>a:last-child,
.restoration-wrp-links>a:last-child {
	margin-right: 0
}

.restoration-wrp-links>div>a:hover,
.restoration-wrp-links>a:hover {
	background-color: #00000026;
	border: .1rem solid #0000000d
}

.restoration-bx {
	margin-top: var(--offset4);
	padding-top: var(--offset4);
	border-top: .1rem solid #ffffff1a
}

.restoration-bx-text {
	font-size: var(--size2);
	line-height: var(--lh2);
	grid-area: span 1/span 4;
	width: 100%
}

.restoration-bx-text:nth-child(2),
.restoration-bx-text:nth-child(3) {
	padding-left: var(--offset2)
}

.restoration-bx-text-title {
	font-size: var(--size4);
	line-height: var(--lh4);
	font-weight: 600
}

.contacts-wrp {
	z-index: 2;
	margin-top: var(--offset7);
	padding-top: var(--offset4);
	position: relative
}

.contacts {
	z-index: 3;
	padding-top: var(--offset4);
	position: relative
}

.contacts-info {
	grid-area: span 1/span 4;
	width: 100%
}

.contacts-info-phone {
	padding-left: 4.4rem;
	position: relative
}

.contacts-info-phone:before {
	z-index: 1;
	content: "\F03F6";
	background-color: var(--color-black);
	border: .1rem solid var(--color-black);
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	font-family: Material Design Icons;
	font-size: var(--size3);
	color: var(--color-white);
	border-radius: 50%;
	width: 3.4rem;
	height: 3.4rem;
	line-height: 3.4rem;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: inset 0 0 0 .4rem #0e0d0b, inset 0 0 0 .8rem #25231e, inset 0 0 0 1.2rem #3d3c39, inset 0 0 0 2rem #3d3c39
}

.contacts-info-phone>div>a,
.contacts-info-phone>a {
	font-size: var(--size3);
	font-weight: 600;
	line-height: 3.4rem
}

.contacts-info-phone>div>p,
.contacts-info-phone>p {
	margin-top: var(--offset1);
	font-size: var(--size1);
	line-height: var(--lh1)
}

.contacts-info-social>div,
.contacts-info-social {
	margin-top: var(--offset1);
	flex-flow: wrap;
	place-content: center flex-start;
	align-items: center;
	padding-left: 4.4rem;
	display: flex
}

.contacts-info-social>div>a,
.contacts-info-social>a {
	margin-right: var(--offset1);
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	background-color: #fff6;
	border: .1rem solid #fff6;
	border-radius: 50%;
	width: 3.4rem;
	height: 3.4rem;
	position: relative;
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.contacts-info-social>div>a:last-child,
.contacts-info-social>a:last-child {
	margin-right: 0
}

.contacts-info-social>div>.icon-vk:before,
.contacts-info-social>.icon-vk:before {
	z-index: 1;
	content: "";
	background-image: url(/local/templates/divanchik/images/contacts-vk.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto 1.1rem;
	width: 3.4rem;
	height: 3.4rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.contacts-info-social>div>.icon-telegram:before,
.contacts-info-social>.icon-telegram:before {
	z-index: 1;
	content: "";
	background-image: url(/local/templates/divanchik/images/contacts-telegram.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto 1.3rem;
	width: 3.4rem;
	height: 3.4rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.contacts-info-social>div>.icon-whatsapp:before,
.contacts-info-social>.icon-whatsapp:before {
	z-index: 1;
	content: "";
	background-image: url(/local/templates/divanchik/images/contacts-whatsapp.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto 1.4rem;
	width: 3.4rem;
	height: 3.4rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.contacts-info-social>div>.icon-pinterest:before,
.contacts-info-social>.icon-pinterest:before {
	z-index: 1;
	content: "";
	background-image: url(/local/templates/divanchik/images/contacts-pinterest.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: auto 1.5rem;
	width: 3.4rem;
	height: 3.4rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.contacts-info-mail {
	margin-top: var(--offset3);
	margin-bottom: var(--offset3);
	padding-left: 4.4rem;
	position: relative
}

.contacts-info-mail:before {
	z-index: 1;
	content: "\F01EF";
	background-color: var(--color-black);
	border: .1rem solid var(--color-black);
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	text-align: center;
	font-family: Material Design Icons;
	font-size: var(--size3);
	color: var(--color-white);
	border-radius: 50%;
	width: 3.4rem;
	height: 3.4rem;
	line-height: 3.4rem;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: inset 0 0 0 .4rem #0e0d0b, inset 0 0 0 .8rem #25231e, inset 0 0 0 1.2rem #3d3c39, inset 0 0 0 2rem #3d3c39
}

.contacts-info-mail>div>a,
.contacts-info-mail>a {
	font-size: var(--size3);
	font-weight: 600;
	line-height: 3.4rem
}

.contacts-info-mail>div>p,
.contacts-info-mail>p {
	margin-top: var(--offset1);
	font-size: var(--size1);
	line-height: var(--lh1)
}

.contacts-form {
	padding: var(--offset2);
	-moz-border-radius: var(--radius2);
	-webkit-border-radius: var(--radius2);
	-khtml-border-radius: var(--radius2);
	-o-border-radius: var(--radius2);
	-ms-border-radius: var(--radius2);
	border-radius: var(--radius2);
	background-color: #fff6;
	border: .1rem solid #fff6;
	grid-area: span 1/span 8;
	width: 100%;
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.contacts-form-title {
	font-size: var(--size4);
	line-height: var(--size4);
	font-weight: 600
}

.contacts-name {
	margin-bottom: var(--offset1);
	font-size: var(--size2);
	font-weight: 500;
	line-height: 3.4rem;
	display: block
}

.form-wrp {
	margin-top: var(--offset2)
}

.form-wrp-col {
	grid-area: span 1/span 6;
	width: 100%
}

.form-wrp-col-item {
	margin-bottom: var(--offset1)
}

.form-wrp-col-item:last-child {
	margin-bottom: 0
}

.form-wrp-col-item>label {
	font-size: var(--size1);
	height: 2rem;
	line-height: 2rem;
	display: block
}

.form-wrp-col-item>input {
	-moz-border-radius: var(--radius1);
	-webkit-border-radius: var(--radius1);
	-khtml-border-radius: var(--radius1);
	-o-border-radius: var(--radius1);
	-ms-border-radius: var(--radius1);
	border-radius: var(--radius1);
	font-size: var(--size2);
	background-color: #ffffff80;
	border: .1rem solid #ffffff80;
	width: 100%;
	height: 3rem;
	padding: 0 1rem;
	font-weight: 500
}

.form-wrp-col-item>input.hasError,
.form-wrp-col-item>textarea.hasError{
	border: .1rem solid var(--color-black);
}

.form-wrp-col-item>textarea {
	resize: none;
	-moz-border-radius: var(--radius1);
	-webkit-border-radius: var(--radius1);
	-khtml-border-radius: var(--radius1);
	-o-border-radius: var(--radius1);
	-ms-border-radius: var(--radius1);
	border-radius: var(--radius1);
	font-size: var(--size2);
	line-height: var(--lh2);
	background-color: #ffffff80;
	border: .1rem solid #ffffff80;
	width: 100%;
	height: 15rem;
	padding: 1rem;
	font-weight: 500
}

.form-btn-wrp {
	margin-top: var(--offset2);
	flex-flow: wrap;
	place-content: center space-between;
	align-items: center;
	display: flex
}

.form-btn-wrp>p {
	font-size: var(--size1);
	line-height: var(--lh1);
	color: var(--color-black);
	width: calc(50% - 1rem)
}

.faq-wrp {
	margin-top: var(--offset6);
	padding-bottom: var(--offset5);
	background-color: #0000000d;
	border-top: .1rem solid #ffffff4d
}

.faq {
	z-index: 3;
	margin-top: var(--offset2);
	padding-top: var(--offset4);
	position: relative
}

.faq-title {
	grid-area: span 1/span 4;
	width: 100%
}

.faq-title>h2 {
	margin-bottom: var(--offset3)
}

.faq-title>div>p,
.faq-title>p {
	margin-bottom: var(--offset3);
	font-size: var(--size1);
	line-height: var(--lh1)
}

.faq>.accordion {
	grid-area: span 1/span 8;
	width: 100%
}

.faq>.accordion>div>div>.accordion-item,
.faq>.accordion>.accordion-item {
	margin-bottom: var(--offset1);
	-moz-border-radius: var(--radius2);
	-webkit-border-radius: var(--radius2);
	-khtml-border-radius: var(--radius2);
	-o-border-radius: var(--radius2);
	-ms-border-radius: var(--radius2);
	border-radius: var(--radius2);
	background-color: #fff6;
	border: .1rem solid #fff6;
	width: 100%;
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.faq>.accordion>div>div>.accordion-item>.accordion-header,
.faq>.accordion>.accordion-item>.accordion-header {
	cursor: pointer;
	padding: 1.5rem var(--offset7)1.5rem var(--offset2);
	font-size: var(--size2);
	line-height: var(--lh2);
	font-weight: 600;
	position: relative
}

.faq>.accordion>div>div>.accordion-item>.accordion-header>.accordion-header-icon,
.faq>.accordion>.accordion-item>.accordion-header>.accordion-header-icon {
	top: 50%;
	right: var(--offset2);
	z-index: 1;
	pointer-events: none;
	-khtml-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	background-color: #ffffff80;
	border: .1rem solid #ffffff80;
	border-radius: 50%;
	width: 2.8rem;
	height: 2.8rem;
	position: absolute;
	transform: translateY(-50%);
	box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
}

.faq>.accordion>div>div>.accordion-item>.accordion-header>.accordion-header-icon:after,
.faq>.accordion>.accordion-item>.accordion-header>.accordion-header-icon:after {
	z-index: 1;
	content: "\F0140";
	text-align: center;
	font-family: Material Design Icons;
	font-size: var(--size3);
	-o-transition: transform .2s linear;
	width: 2.8rem;
	height: 2.8rem;
	font-weight: 400;
	line-height: 2.8rem;
	transition: transform .2s linear;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.faq>.accordion>div>div>.accordion-item>.accordion-body,
.faq>.accordion>.accordion-item>.accordion-body {
	height: 0;
	overflow: hidden
}

.faq>.accordion>div>div>.accordion-item>.accordion-body>.accordion-body-wrp,
.faq>.accordion>.accordion-item>.accordion-body>.accordion-body-wrp {
	padding: 0 var(--offset10)var(--offset2)var(--offset2)
}

.faq>.accordion>div>div>.accordion-item>.accordion-body>.accordion-body-wrp>p,
.faq>.accordion>.accordion-item>.accordion-body>.accordion-body-wrp>p {
	font-size: var(--size1);
	line-height: var(--lh1)
}

@media screen and (max-width: 991px) {
    :root {
        --size3: 1.3rem;
        --lh3: 1.7rem;
        --size4: 1.8rem;
        --lh4: 2.2rem;
        --size5: 3.4rem;
        --lh5: 3.4rem;
        --radius3: 2rem;
        --radius4: 2rem;
        --radius5: 4rem
    }

    html {
        font-size: 3vw;
        overflow-x: hidden
    }

    .width-full,
    .width-bx {
        width: calc(100% - 6rem)
    }

    .title-col-name {
        grid-column: span 12
    }

    .title-col-name>h2>br {
        display: none
    }

    .title-col-text {
        font-size: var(--size3);
        line-height: var(--lh3);
        grid-column: span 12
    }

    .title-col-text>p>br {
        display: none
    }

    .title-col-text.right {
        text-align: left;
        padding-top: 0
    }

    .btn {
        width: 100%;
        height: 4rem;
        padding-right: 5rem;
        display: block
    }

    .btn:before {
        width: 4rem;
        height: 4rem
    }

    .btn:after {
        font-size: var(--lh2);
        width: 4rem;
        height: 4rem;
        line-height: 4rem
    }

    .btn>span {
        -khtml-border-radius: 4rem;
        -o-border-radius: 4rem;
        -ms-border-radius: 4rem;
        text-align: center;
        font-size: var(--size2);
        border-radius: 4rem;
        line-height: 4rem
    }

    .btn:hover {
        padding-right: 5rem
    }

    .btn:hover:before {
        background-color: var(--color-black);
        right: 0;
        transform: none
    }

    .btn:hover:after {
        font-size: var(--lh2);
        color: var(--color-white);
        right: 0;
        transform: none
    }

    .btn:hover>span {
        padding: 0 2rem
    }

    .page-wrp {
        padding-bottom: var(--offset6)
    }

    .bgstyle04 {
        width: 30rem
    }

    header {
        top: var(--offset1);
        left: var(--offset1);
        -khtml-border-radius: 3rem;
        -o-border-radius: 3rem;
        -ms-border-radius: 3rem;
        border-radius: 3rem;
        place-content: flex-start;
        align-items: flex-start;
        width: calc(100% - 2rem);
        padding: 0 2rem;
        overflow: hidden;
        transform: none
    }

    header>.header-logo {
        flex-flow: column wrap;
        place-content: flex-start center;
        align-items: flex-start;
        width: 100%;
        height: 6rem;
        display: flex
    }

    header>.header-logo>a>span:first-child {
        margin-bottom: 0;
        font-size: 1.8rem;
        line-height: 1.8rem
    }

    header>.header-logo>a>span:nth-child(2) {
        font-size: .95rem;
        font-weight: 600;
        line-height: 1rem
    }

    header nav {
        margin-top: var(--offset2);
        margin-bottom: var(--offset4);
        flex-flow: column wrap;
        place-content: flex-start;
        align-items: flex-start;
        width: 100%;
        display: flex
    }

    header nav>a {
        font-size: var(--size4);
        line-height: var(--size4);
        width: 100%;
        margin: 0;
        padding: 1rem 0;
        display: block
    }

    header>.header-contacts {
        width: 100%
    }

    .menu-icon {
        z-index: 50;
        width: 6rem;
        height: 5rem;
        display: block;
        position: absolute;
        top: .5rem;
        right: 0;
        overflow: hidden
    }

    .menu-icon>label {
        cursor: pointer;
        width: 5.5rem;
        height: 5rem;
        margin-left: -.5rem;
        padding-top: .7rem;
        display: block
    }

    .menu-icon>label>input {
        display: none
    }

    .menu-icon>label>svg>path {
        fill: none;
        stroke: var(--color-black);
        stroke-width: 3px;
        stroke-linecap: round;
        stroke-linejoin: round;
        --length: 24;
        --offset: -38;
        stroke-dasharray: var(--length)var(--total-length);
        stroke-dashoffset: var(--offset);
        -o-transition: all .6s cubic-bezier(.645, .045, .355, 1);
        -webkit-transform: translate(-3.9rem, -3.35rem)scale(1.8);
        -moz-transform: translate(-3.9rem, -3.35rem)scale(1.8);
        -ms-transform: translate(-3.9rem, -3.35rem)scale(1.8);
        -o-transform: translate(-3.9rem, -3.35rem)scale(1.8);
        transition: all .6s cubic-bezier(.645, .045, .355, 1);
        transform: translate(-35%, -38%)scale(1.4)
    }

    .menu-icon>label>svg>.line1,
    .menu-icon>label>svg>.line3 {
        --total-length: 126.642
    }

    .menu-icon>label>svg>.line2 {
        --total-length: 70
    }

    header.active .menu-icon>label>svg>.line1,
    header.active .menu-icon>label>svg>.line3 {
        --length: 22.6274;
        --offset: -94.1149
    }

    header.active .menu-icon>label>svg>.line2 {
        --length: 0;
        --offset: -50
    }

    .banner {
        height: auto;
        max-height: none
    }

    .banner-wrp {
        flex-flow: column-reverse;
        place-content: flex-start flex-end;
        align-items: flex-start;
        gap: 3rem;
        height: auto;
        display: flex
    }

    .banner-wrp-info {
        grid-column: span 12
    }

    .banner-wrp-info-title>p>br {
        display: none
    }

    .banner-wrp-info-button {
        margin-top: var(--offset2);
        justify-content: flex-start;
        width: 100%;
        height: auto;
        padding-bottom: 0
    }

    .banner-wrp-img {
        grid-column: span 12;
        height: 27rem
    }

    .banner-wrp-img-left {
        top: var(--offset1);
        width: 100%
    }

    .banner-wrp-img-left-wrp {
        -khtml-border-radius: 20rem;
        -o-border-radius: 20rem;
        -ms-border-radius: 20rem;
        border-radius: 20rem;
        height: 100%;
        box-shadow: 0 .3rem 1rem #491a2105, 0 .1rem .2rem #491a210f
    }

    .banner-wrp-img-left-wrp>img {
        bottom: 3rem
    }

    .banner-wrp-img-right {
        display: none
    }

    .leaf {
        width: 10rem;
        height: 10rem;
        top: 19rem;
        bottom: auto
    }

    .banner-after {
        margin-top: var(--offset4);
        width: 100%;
        height: auto;
        margin-bottom: auto
    }

    .banner-after-wrp {
        position: relative;
        bottom: auto;
        left: auto
    }

    .banner-after-wrp>p {
        width: calc(100% - 10rem)
    }

    .banner-after-wrp>p>br {
        display: none
    }

    .circle-logo {
        -khtml-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 8rem;
        height: 8rem;
        display: flex;
        position: relative
    }

    .cirlce-logo-svg {
        width: 8rem;
        height: 8rem;
        font-size: 1.9rem;
        line-height: 1.9rem
    }

    .opportunities {
        padding-top: var(--offset6)
    }

    .opportunities>.title-col>.title-col-name>h2>br:first-child,
    .opportunities>.title-col>.title-col-name>h2>br:nth-child(3) {
        display: block
    }

    .opportunities-bx {
        margin-top: var(--offset3);
        margin-bottom: var(--offset6);
        padding-bottom: var(--offset3);
        width: calc(100% + 1rem);
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .opportunities-bx>.swiper-pagination {
        visibility: visible
    }

    .opportunities-bx-item {
        font-size: var(--size3);
        line-height: var(--lh3);
        width: calc(100% - 1rem);
        margin: 0 .5rem
    }

    .opportunities-bx-item-icon {
        margin-bottom: var(--offset3);
        font-size: var(--size4);
        height: 4rem;
        padding-left: 5rem;
        line-height: 4rem
    }

    .opportunities-bx-item-icon:before {
        font-size: var(--size4);
        width: 4rem;
        height: 4rem;
        line-height: 4rem
    }

    .we-do-text {
        grid-column: span 12
    }

    .we-do-text>p {
        font-size: var(--size4);
        line-height: var(--lh4)
    }

    .we-do-text-links {
        margin-top: var(--offset3)
    }

    .we-do-text-links>a {
        -webkit-backdrop-filter: blur(.5rem);
        backdrop-filter: blur(.5rem);
        font-size: var(--size2);
        line-height: var(--size2);
        margin-bottom: .75rem;
        margin-right: .75rem;
        padding: 1rem 1.25rem;
        font-weight: 600
    }

    .we-do-text-links>a:last-child {
        margin-right: 0
    }

    .we-do-map {
        grid-column: span 12
    }

    .we-do-map-img {
        opacity: .3
    }

    .we-do-map-text {
        text-align: left;
        font-size: var(--size3);
        line-height: var(--lh3);
        padding-left: 5rem;
        padding-right: 0;
        font-weight: 600;
        top: 1rem;
        left: 0;
        right: auto
    }

    .we-do-map-text:before {
        font-size: var(--size4);
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        left: 0;
        right: auto
    }

    .projects-wrp {
        margin-top: var(--offset10)
    }

    .project {
        margin: var(--offset4)auto var(--offset6)auto;
        padding: var(--offset2)0
    }

    .project:last-child {
        margin: var(--offset4)auto var(--offset7)auto
    }

    .project:before {
        width: calc(100% + 4rem);
        height: calc(100% + 4rem);
        top: -2rem;
        left: -2rem
    }

    .project-slider-item {
        width: 100%;
        height: 20rem
    }

    .project-slider-item-img:before {
        display: none
    }

    .slider-next,
    .slider-prev {
        border: .1rem solid #fff6
    }

    .slider-prev {
        left: 2rem
    }

    .slider-prev:hover:before {
        animation: none
    }

    .slider-next {
        right: 2rem
    }

    .slider-next:hover:before {
        animation: none
    }

    .swiper-pagination>.swiper-pagination-bullet {
        width: .4rem;
        height: .4rem
    }

    .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active {
        height: .4rem
    }

    .stages {
        margin-top: var(--offset3);
        padding-bottom: var(--offset3);
        width: calc(100% + 1rem);
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .stages>.swiper-pagination {
        visibility: visible
    }

    .stages-wrp>h3 {
        font-size: var(--size5);
        line-height: var(--lh5)
    }

    .stages-item {
        font-size: var(--size3);
        line-height: var(--lh3);
        width: calc(100% - 1rem);
        margin: 0 .5rem
    }

    .stages-item-title {
        margin-bottom: var(--offset3);
        font-size: var(--size4);
        height: 4rem;
        padding-left: 5rem;
        line-height: 4rem
    }

    .stages-item-title:before {
        font-size: var(--size4);
        width: 4rem;
        height: 4rem;
        line-height: 4rem
    }

    .restoration {
        padding-top: var(--offset4);
        padding-bottom: var(--offset2);
        position: relative
    }

    .restoration:before {
        height: 5rem;
        bottom: -4rem
    }

    .restoration-wrp {
        z-index: 5;
        padding-top: var(--offset3);
        position: relative
    }

    .restoration-wrp>h2>br {
        display: none
    }

    .restoration-wrp-links {
        margin-top: var(--offset3)
    }

    .restoration-wrp-links>a {
        font-size: var(--size2);
        line-height: var(--size2);
        margin-bottom: .75rem;
        margin-right: .75rem;
        padding: 1rem 1.25rem;
        font-weight: 600
    }

    .restoration-wrp-links>a:last-child {
        margin-right: 0
    }

    .restoration-bx {
        border-top: none;
        padding-top: 0
    }

    .restoration-bx-text {
        font-size: var(--size3);
        line-height: var(--lh3);
        grid-column: span 12
    }

    .restoration-bx-text-title>br {
        display: none
    }

    .restoration-bx-text:nth-child(2),
    .restoration-bx-text:nth-child(3) {
        padding-left: 0
    }

    .contacts-wrp {
        z-index: 2;
        margin-top: var(--offset6);
        padding-top: var(--offset4);
        position: relative
    }

    .contacts-wrp>h2 {
        z-index: 3;
        position: relative
    }

    .contacts {
        padding-top: var(--offset3)
    }

    .contacts-info {
        grid-column: span 12
    }

    .contacts-info-phone {
        padding-left: 5rem
    }

    .contacts-info-phone:before {
        font-size: var(--size4);
        width: 4rem;
        height: 4rem;
        line-height: 4rem
    }

    .contacts-info-phone>a {
        font-size: var(--size4)
    }

    .contacts-info-phone>p {
        font-size: var(--size2);
        line-height: var(--lh2)
    }

    .contacts-info-social {
        justify-content: space-between;
        padding-left: 0
    }

    .contacts-info-social>a {
        width: 4rem;
        height: 4rem;
        margin-right: 0
    }

    .contacts-info-mail {
        padding-left: 5rem
    }

    .contacts-info-mail:before {
        font-size: var(--size4);
        width: 4rem;
        height: 4rem;
        line-height: 4rem
    }

    .contacts-info-mail>a {
        font-size: var(--size4)
    }

    .contacts-info-mail>p {
        font-size: var(--size2);
        line-height: var(--lh2)
    }

    .contacts-form {
        margin-top: var(--offset2);
        padding: var(--offset3)var(--offset2);
        grid-column: span 12
    }

    .contacts-name {
        margin-bottom: var(--offset1);
        font-size: var(--size2);
        font-weight: 500;
        line-height: 3.4rem;
        display: block
    }

    .form-wrp {
        margin-top: var(--offset2);
        gap: 1rem
    }

    .form-wrp-col {
        grid-column: span 12
    }

    .form-wrp-col-item {
        margin-bottom: var(--offset1)
    }

    .form-wrp-col-item:last-child {
        margin-bottom: 0
    }

    .form-wrp-col-item>label {
        font-size: var(--size2);
        height: 2rem;
        line-height: 2rem;
        display: block
    }

    .form-wrp-col-item>input {
        -moz-border-radius: var(--radius1);
        -webkit-border-radius: var(--radius1);
        -khtml-border-radius: var(--radius1);
        -o-border-radius: var(--radius1);
        -ms-border-radius: var(--radius1);
        border-radius: var(--radius1);
        font-size: var(--size2);
        background-color: #ffffff80;
        border: .1rem solid #ffffff80;
        width: 100%;
        height: 3rem;
        padding: 0 1rem;
        font-weight: 500
    }

    .form-wrp-col-item>textarea {
        resize: none;
        -moz-border-radius: var(--radius1);
        -webkit-border-radius: var(--radius1);
        -khtml-border-radius: var(--radius1);
        -o-border-radius: var(--radius1);
        -ms-border-radius: var(--radius1);
        border-radius: var(--radius1);
        font-size: var(--size2);
        line-height: var(--lh2);
        background-color: #ffffff80;
        border: .1rem solid #ffffff80;
        width: 100%;
        height: 10rem;
        padding: 1rem;
        font-weight: 500
    }

    .form-btn-wrp {
        margin-top: var(--offset2);
        flex-direction: column;
        place-content: flex-start;
        align-items: flex-start
    }

    .form-btn-wrp>p {
        margin-bottom: var(--offset2);
        width: 100%
    }

    .form-btn-wrp>p>br {
        display: none
    }

    .faq-wrp {
        margin-top: var(--offset6);
        padding-bottom: var(--offset5);
        background-color: #0000000d;
        border-top: .1rem solid #ffffff4d
    }

    .faq {
        margin-top: var(--offset2);
        padding-top: var(--offset4)
    }

    .faq-title {
        grid-column: span 12
    }

    .faq-title>p {
        margin-bottom: var(--offset2);
        font-size: var(--size3);
        line-height: var(--lh3)
    }

    .faq-title>p>br {
        display: none
    }

    .faq>.accordion {
        margin-top: var(--offset2);
        grid-column: span 12
    }

    .faq>.accordion>.accordion-item>.accordion-header {
        padding: 1.5rem var(--offset6)1.5rem var(--offset2);
        font-size: var(--size3);
        line-height: var(--lh3);
        font-weight: 500
    }

    .faq>.accordion>.accordion-item>.accordion-header>.accordion-header-icon:after {
        font-size: var(--lh3)
    }

    .faq>.accordion>.accordion-item>.accordion-body>.accordion-body-wrp {
        padding: 0 var(--offset2)var(--offset2)var(--offset2)
    }

    .faq>.accordion>.accordion-item>.accordion-body>.accordion-body-wrp>p {
        font-size: var(--size2);
        line-height: var(--lh2)
    }
}
/* End */
/* /local/templates/divanchik/template_styles.css?174241629854118 */