/**
* Swiper 11.2.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: March 19, 2025
*/

/* FONT_START */
@font-face {
	font-family: 'swiper-icons';
	src: url("data:application/font-woff;charset=utf-8;base64, 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");
	font-weight: 400;
	font-style: normal;
}
/* FONT_END */
:root {
	--swiper-theme-color: #007aff;
	/*
	--swiper-preloader-color: var(--swiper-theme-color);
	--swiper-wrapper-transition-timing-function: initial;
	*/
}
:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}
.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
	display: block;
}
.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
	touch-action: pan-y;
}
.swiper-vertical {
	touch-action: pan-x;
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}
.swiper-slide-invisible-blank {
	visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto;
}
.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}
.swiper-3d {
	perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
	transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	/* For Firefox */
	-ms-overflow-style: none;
	/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
	scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
	scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
	scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* Slide styles end */

.swiper.swiper-cube {
	overflow: visible;
}
.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
	pointer-events: auto;
	visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* Cube slide shadows end */

:root {
	--swiper-navigation-size: 44px;
	/*
	--swiper-navigation-top-offset: 50%;
	--swiper-navigation-sides-offset: 10px;
	--swiper-navigation-color: var(--swiper-theme-color);
	*/
}
.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: var(--swiper-navigation-top-offset, 50%);
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
	display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: center;
}
.swiper-button-prev svg path,
.swiper-button-next svg path{
	transition: 0.2s ease;
}
.swiper-button-prev:hover svg path,
.swiper-button-next:hover svg path{
	fill: var(--color-blue);
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
	transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 10px);
	right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto;
}
.swiper-button-lock {
	display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: 'next';
}
/* Navigation font end */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

* {
	-webkit-tap-highlight-color: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ul,
ol {
	list-style: none;
}

input,
select {
	vertical-align: middle;
}

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

a {
	color: inherit;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

:root {
	--color-black: #000000;
	--color-white: #ffffff;
	--color-grey: #454545;
	--color-blue: #2F80ED;
}

body {
	font-family: "Manrope", sans-serif;
	font-size: 18px;
	margin: 0;
	line-height: 135%;
	letter-spacing: 0;
}

h1 {
	font-style: normal;
	font-weight: 400;
	font-size: 76px;
	line-height: 115%;
	color: var(--color-grey)
}

@media (max-width: 1659px) {
	h1 {
		font-size: 64px;
	}
}

@media (max-width: 1279px) {
	h1 {
		font-size: 48px;
	}
}

@media (max-width: 999px) {
	h1 {
		font-size: 42px;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 38px;
	}
}

@media (max-width: 479px) {
	h1 {
		font-size: 30px;
	}
}

h2 {
	font-style: normal;
	font-weight: 400;
	font-size: 64px;
	line-height: 115%;
	color: var(--color-grey)
}

@media (max-width: 1659px) {
	h2 {
		font-size: 56px;
	}
}

@media (max-width: 1279px) {
	h2 {
		font-size: 42px;
	}
}

@media (max-width: 999px) {
	h2 {
		font-size: 38px;
	}
}

@media (max-width: 767px) {
	h2 {
		font-size: 32px;
	}
}

@media (max-width: 479px) {
	h2 {
		font-size: 28px;
	}
}

h3 {
	font-style: normal;
	font-weight: 400;
	font-size: 48px;
	line-height: 115%;
	color: var(--color-grey)
}

@media (max-width: 1659px) {
	h3 {
		font-size: 42px;
	}
}

@media (max-width: 1279px) {
	h3 {
		font-size: 38px;
	}
}

@media (max-width: 999px) {
	h3 {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	h3 {
		font-size: 28px;
	}
}

@media (max-width: 479px) {
	h3 {
		font-size: 24px;
	}
}

h4 {
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 115%;
	color: var(--color-black)
}

h5 {
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 115%;
	color: var(--color-black)
}


/* main */

main {
	position: relative;
	z-index: 2;
}

@media (max-width: 999px) {
	body.home main {
		/* margin-right: 0; */
	}
}

/* aside */

.aside {
	position: fixed;
	top: 0;
	right: 0;
	width: 110px;
	height: 100vh;
	/*     border-left: 1px solid var(--color-black); */
	background-color: var(--color-white);
	z-index: 4;
	overflow: hidden;
	transition: 0.2s ease;
}

body._projects .aside {
	z-index: 8;
}

.aside__wrapper {
	display: grid;
	height: 100%;
	gap: 30px;
	transition: 0.3s ease;
}
/* 
body._projects .aside__wrapper {
transform: translateX(101%);
} */

.aside__title {
	position: relative;
	background-color: var(--color-white);
	font-size: 20px;
	text-transform: uppercase;
	/*     transform: rotate(-90deg); */
	border-bottom: 1px solid var(--color-black);
	width: fit-content;
	text-align: center;
	transition: 0.2s ease;
	margin-top: 80px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	z-index: 2;
}
.aside__title:hover {
	color: var(--color-blue);
	border-color: var(--color-blue);
}

.aside__list {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 20px;
	padding: 0 10px;
	z-index: 1;
	overflow-y: auto;
}

.aside__list::-webkit-scrollbar {
	opacity: 0;
	width: 0;
}

.aside__item {
	position: relative;
	cursor: pointer;
	/*     max-height: 40px; */
	user-select: none;
	width: 100%;
}

.aside__item span {
	position: absolute;
	top: 0;
	left: -50px;
	transition: 0.2s ease;
	opacity: 0;
	visibility: hidden;
}

.aside__item:hover span {
	visibility: visible;
	opacity: 1;
}

.aside__item img {
	width: 100%;
	height: auto;
	/*     max-height: 40px; */
	transition: 0.2s ease;
	/*     filter: grayscale(1); */
}

/* .aside__item img:hover {
filter: grayscale(0);
} */

.aside__scroll {
	width: 50px;
	margin: 0 auto 20px;
}

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

.aside__dates {
	position: fixed;
	top: 0;
	right: 0;
	width: 42px;
}

.aside__dates-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.aside__dates-wrapper div {
	position: absolute;
	top: 0;
	left: 0;
}

.aside__label {
	position: fixed;
	top: 0;
	right: 0;
	width: 110px;
	height: 100%;
	padding: 24px 0;
	transition: 0.3s ease;
	transform: translateX(100%);
	display: grid;
	align-items: center;
	justify-items: center;
	gap: 50px;
	overflow: hidden;
	display: none!important;
}

/* body._projects .aside__label {
transform: translateX(0);
}
*/
.aside__label-close {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	cursor: pointer;
}

.aside__label-list {
	position: relative;
	width: 100px;
	overflow: hidden;
}

.aside__label-list .swiper {
	position: relative;
	width: 100%;
}

.aside__label-slide {
	background-color: var(--color-white);
	display: grid;
	gap: 50px;
}

.aside__label-slide__title {
	display: flex;
	align-items: center;
	gap: 16px;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	font-weight: 600;
	font-size: 16px;
}

.aside__label-slide__title span {
	font-weight: 400;
	color: var(--color-grey);
}

.aside__label-slide__image img {
	width: 100%;
	height: auto;
}

.aside__label-arrows {
	position: relative;
	display: grid;
	gap: 50px;
}

.aside__label-arrows .swiper-button-prev,
.aside__label-arrows .swiper-button-next {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	bottom: unset;
	transition: 0.2s ease;
}

.aside__label-arrows .swiper-button-prev:hover,
.aside__label-arrows .swiper-button-next:hover {
	opacity: 0.6;
}

.aside__label-arrows .swiper-button-prev:after,
.aside__label-arrows .swiper-button-next:after {
	content: "";
}

.aside__close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}
@media (min-width: 1000px) {
	.aside__title {
		margin-top: 35px;
	}
}
@media (max-width: 1368px) {
	.aside__label-slide {
		gap: 20px;
	}

	.aside__label-slide__title {
		flex-direction: column-reverse;
		justify-content: center;
		gap: 8px;
	}

	.aside__label-arrows {
		gap: 20px;
	}
}

@media (max-width: 999px) {
	.aside {
		border-left: none;
		width: 100px;
	}
	.aside__wrapper {
		gap: 20px;
	}
	.aside__title {
/* 		transform: rotate(-90deg); */
		margin-top: 20px;
		margin-bottom: 0;
/* 		border-bottom: none; */
		font-size: 16px;
	}

	.aside__close {
		display: none;
	}

	body._projects .aside,
	body._projects .aside__label,
	body._projects .aside__label-list {
		width: 90px;
	}

/* 	body:not(._aside-active) .aside {
		right: -46px;
	} */

/* 	body._aside-active .aside__title {
		transform: rotate(0);
	} */
}

@media (max-width: 767px) {
	.aside__label-slide__title {
		font-size: 12px;
		gap: 0;
	}


}

.project {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 7;
	background-color: var(--color-grey);
	visibility: hidden;
	transform: translateX(-100%);
	transition: 0.3s ease;
	user-select: none;
	display: none!important;
}

.project__logo {
	position: absolute;
	top: 62px;
	left: 0;
	z-index: 10;
}

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

.project__icon {
	position: absolute;
	bottom: 55px;
	right: 265px;
	z-index: 10;
	animation: 2s ease-in 1s infinite both running project-icon-swiper;
}

@keyframes project-icon-swiper {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-50px);
	}
}

body._projects .project {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.project__wrapper {
	position: relative;
	height: 100%;
	padding-right: 110px;
}

.project__wrapper .swiper {
	position: relative;
	height: 100%;
}

.project__slide {
	position: relative;
	width: 100%;
	height: 100%;
}

.project__slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 999px) {
	.project__wrapper {
		padding-right: 90px;
	}
}

@media (max-width: 767px) {
	.project__logo {
		top: 20px;
	}

	.project__logo img {
		max-width: 120px;
	}

	.project__icon {
		right: unset;
		left: 20px;
		bottom: 20px;
	}

	.project__icon svg {
		width: 70px;
		height: auto;
	}

}

/* canvas */

canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
	width: 600px !important;
	height: 600px !important;
	z-index: 2;
	transition: 0.2s ease;
	pointer-events: none;
	transition: opacity 0.3s, visibility 0.3s;
}


canvas.hidden {
	opacity: 0;
	visibility: hidden;
}

@media (max-width: 999px) {
	canvas {
		width: 400px !important;
		height: 400px !important;
		opacity: 0.2;
		z-index: 6;
	}
}

@media (max-width: 479px) {
	canvas {
		width: 260px !important;
		height: 260px !important;
	}
}

section {
	position: relative;
	z-index: 2;
}

.container {
	width: 100%;
	max-width: 1745px;
	padding: 0 45px;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.container {
		padding: 0 20px;

	}
}

/* breadcrumbs */
.breadcrumbs {
	padding: 20px 0;
	font-size: 12px;
	text-transform: lowercase;
}

.breadcrumbs__wrapper {
	display: flex;
	align-items: center;
	gap: 24px;
}

.breadcrumbs__back {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	background: none;
	border: none;
	transition: 0.2s ease;
}

.breadcrumbs__back svg {
	width: 14px;
	height: auto;
	transform: translateY(3px);
}

.breadcrumbs__back:hover {
	opacity: 0.7;
}

.breadcrumbs__list span {
	display: flex;
	align-items: center;
	gap: 8px;
}

.breadcrumbs .breadcrumbs__list span a {
	color: var(--color-black);
	width: fit-content;
	position: relative;
}

.breadcrumbs .breadcrumbs__list span a:after {
	content: '';
	position: absolute;
	bottom: 1px;
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--color-black);
	transition: 0.2s ease;
}

.breadcrumbs .breadcrumbs__list span a:hover:after {
	width: 0;
}


.breadcrumbs .breadcrumbs__list span span {
	color: #80848D;
}

@media (max-width: 767px) {
	.breadcrumbs__wrapper {
		gap: 14px;
	}

	.breadcrumbs__back svg {
		width: 16px;
	}

	.breadcrumbs__list {
		font-size: 16px;
		overflow: scroll;
	}

	.breadcrumb_last {
		white-space: nowrap;
	}
}


/* header */
.header {
	position: sticky;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 100%;
	background: var(--color-white);
	z-index: 3;
}

.header .container {
	background-color: var(--color-white);

}

.header__wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	width: 100%;
	padding: 20px 0 20px;
}

.header__logo {
	max-width: 322px;
}

.header__logo a {
	width: 100%;
}

.header__logo a img {
	width: 100%;
	height: auto;
}

.header__menu {
	margin-left: auto;
}
.header__menu a{
	text-transform: uppercase;
	font-weight: 400;
	transition: 0.2s ease;
	text-decoration: underline;
}
.header__menu a:hover{
	color: var(--color-blue);
}
.header__burger {
	display: flex;
}

@media (max-width: 767px) {
	.header__logo {
		max-width: 200px;
	}

	.header__wrapper {
		gap: 20px;
	}

	.header__burger svg {
		width: 46px;
	}

	.header__menu a{
		font-size: 14px;
	}
}

@media (max-width: 479px) {
	.header__logo {
		max-width: 120px;
	}
	.header__menu a{
		font-size: 12px;
	}
}

/* banner */
.banner {
	min-height: 100vh;
	display: flex;
	align-items: center;
	margin-top: -91px;
	/* padding: 0 88px; */
}

.banner__wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	gap: 150px;
}

.banner h1 {
	text-transform: uppercase;
	line-height: 115%;
}

.banner p {
	color: #CECBCB;
	font-size: 20px;
}

.banner h1+p {
	margin-top: 40px;
}

.banner__image {
	width: 100%;
}

.banner__image-wrapper {
	position: relative;
	width: 100%;
	padding-top: 89%;
}

.banner__image-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1279px) {
	.banner__wrapper {
		gap: 90px;
	}
}

@media (max-width: 767px) {
	.banner {
		min-height: unset;
		margin-top: 0;
		padding: 50px 0;
	}

	.banner__wrapper {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.banner__image {
		max-width: 480px;
		order: 1;
	}

	.banner__text {
		order: 2;
	}

	.banner h1+p {
		font-size: 18px;
		margin-top: 20px;
	}
}

@media (max-width: 479px) {
	.banner__image {
		max-width: 260px;
		order: 1;
	}
}


/* block */
.block {
	min-height: 100vh;
	display: flex;
	align-items: center;
	/* padding: 0 88px; */
}

.block__wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 280px;
}

.block-with-slider .block__wrapper {
	gap: 50px;
}
.block-with-gallery .block__wrapper{
	grid-template-columns: 1fr 3fr 1fr;
}
.block-with-gallery .block__wrapper .block__text{
	box-shadow: -40px 72px 47.6px rgba(130, 127, 127, 0.25);
	padding: 28px;
}
.block__slider {
	position: relative;
	width: 100%;
	min-width: 0;
/* 	max-height: 666px; */
	height: fit-content;
	user-select: none;
}

.block__slider-top .swiper {	
	max-width: 100%;
	width: 100%;
	box-shadow: -40px 72px 47.6px rgba(130, 127, 127, 0.25);
	border: 17px solid #fff;
	overflow: hidden;
	border-radius: 8px;
}
.block__slider-thumbs {
	margin: 20px 17px 0;
}
.block__slider-thumbs .swiper-slide:not(.swiper-slide-thumb-active) {
	transition: 0.2s ease;
}
.block__slider-thumbs .swiper-slide:not(.swiper-slide-thumb-active) {
	opacity: 0.4;
}
.block__slider-thumbs .swiper-slide:hover {
	opacity: 1;
}

.block__image {
	position: relative;
	width: 100%;
	max-width: 100%;
}
.block__image-wrapper {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	padding-bottom: 69%;
	overflow: hidden;
}
.swiper-slide {
	width: auto; /* или фиксированная, например 300px */
	max-width: 100%;
}

.block__image-wrapper img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.block__slider-thumbs img{
	cursor: pointer;
}

.block__slider .swiper-button-prev,
.block__slider .swiper-button-next {
	--swiper-navigation-sides-offset: -40px;
	--swiper-navigation-size: 24px;
}
.block__slider .swiper-button-prev:after,
.block__slider .swiper-button-next:after {
	content: '';
}
.block__slider .swiper-pagination-fraction {
	--swiper-pagination-bottom: -48px;
	text-align: right;
	font-size: 20px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 4px;
	font-weight: 600;
}
.block__slider .swiper-pagination-fraction .swiper-pagination-current {
	font-size: 14px;
	line-height: 100%;
}
.block__text {
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.8);
}

.block__slider-top .swiper-buttons {
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;
}
.block__slider-top .swiper-buttons .swiper-button-prev,
.block__slider-top .swiper-buttons .swiper-button-next {
	position: relative;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
}


@media (max-width: 999px) {
	.block-with-slider .block__wrapper {
		gap: 80px;
	}

	.block__slider .swiper {
		box-shadow: none;
		border: none;
	}
	.block__slider-thumbs {
		margin: 14px 0 0;
	}

	.block__slider .swiper-button-prev, .block__slider .swiper-button-next {
		--swiper-navigation-sides-offset: 10px;
		--swiper-navigation-size: 34px;
	}
	.block__text {
		backdrop-filter: blur(0);
		background: transparent;
	}
}


@media (max-width: 1279px) {
	.block__wrapper {
		gap: 150px;
	}

}


@media (max-width: 767px) {
	.block {
		min-height: unset;
		padding: 50px 20px 50px 0;
	}
	.block-with-slider {
		padding-bottom: 100px;
	}

	.block__wrapper {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.block__canvas {
		height: 300px;
	}
	.block__canvas.block__mobile-canvas {
		height: 0;
	}

	.block__text {}
}

.block h2 {
	text-transform: uppercase;
	line-height: 115%;
}
.block h5 {
	font-weight: 600;
}

.block p strong {
	font-weight: 600;
}

.block p em {
	position: relative;
	padding: 20px;
	font-style: normal;
	display: block;
	background: #f2f2ff
}

.block p em:before {
	content: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%27119%27 viewBox=%270 0 14 119%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13.9746 118.219V104.74H0.523926V118.219H13.9746ZM13.9746 88.8104V0.583984H0.523926V88.8104H13.9746Z%27 fill=%27%23F2F2F2%27/%3E%3C/svg%3E%0A");
	position: absolute;
	top: 0;
	right: -30px;
}

.block ul li {
	position: relative;
	padding-left: 44px;
}

.block ul li+li {
	margin-top: 22px;
}

.block ul li:before {
	content: url("data:image/svg+xml,%3Csvg width=%2725%27 height=%2721%27 viewBox=%270 0 25 21%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0.630859 5.39384L0.630858 1.10968L12.5003 17.2943L24.8749 0.633656L24.8749 4.91782L13.763 20.1504L11.2376 20.1504L0.630859 5.39384Z%27 fill=%27%232F80ED%27/%3E%3C/svg%3E%0A");
	position: absolute;
	left: 0;
	top: 4px;
}

.block ul li strong {
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
}

/* about */
.about {
	position: relative;
	padding: 110px 0;
	z-index: 1;
}

body.home .about {
	margin-right: 110px;
}

.about__wrapper {
	display: grid;
	grid-template-columns: 3fr 1fr 1fr;
	gap: 84px;
	margin-top: 50px;
}

.about__about {
	max-width: 495px;
}

.about__text {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.about__text h3 {
	text-transform: uppercase;
}

.about__contacts a {
	display: block;
	transition: 0.2s ease;
}

.about__contacts a:hover {
	color: var(--color-blue);
}

.about__partners {
	margin-top: 50px;
}

.about__partners-title {
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 115%;
	text-transform: uppercase;
	color: #333333;
}

.about__partners-list {
	margin-top: 12px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 50px;
}
.about__partners-item {
	max-width: 214px;
}
.about__partners-item img{
	width: 100%;
	height: auto;
}

@media (max-width: 1367px) {
	.about__wrapper {
		grid-template-columns: repeat(2, 1fr);
		gap: 50px;
	}

	.about__about {
		grid-column-start: 1;
		grid-column-end: 3;
		max-width: unset;
	}
}

@media (max-width: 767px) {
	.about {
		padding-bottom: 40px;
	}
}

@media (max-width: 479px) {

	.about__wrapper {
		grid-template-columns: 1fr;
		gap: 30px;
		margin-top: 30px;
	}

	.about__about {
		grid-column-start: 1;
		grid-column-end: 2;
	}

	.about__partners-list {
		margin-top: 20px;
		gap: 10px;
	}
}


/* catalog */
.catalog {
	padding-bottom: 100px;
}

.catalog__title {
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	color: #333333;

}

.catalog__wrapper {
	margin-top: 80px;
	display: grid;
	grid-template-columns: 1fr 4fr 1fr;
	align-items: start;
	gap: 50px;
}

.catalog__date,
.catalog__nfilter,
.catalog__filter {
	display: grid;
	gap: 20px;
}

.catalog__date-item,
.catalog__nfilter-item,
.catalog__filter-item {
	width: fit-content;
	cursor: pointer;
}

.catalog__date-item:after,
.catalog__nfilter-item:after,
.catalog__filter-item:after {
	content: '';
	position: relative;
	display: block;
	width: 0;
	height: 2px;
	background-color: var(--color-black);
	transition: 0.2s ease;
}

.catalog__date-item:hover:after,
.catalog__date-item._active:after,
.catalog__nfilter-item:hover:after,
.catalog__nfilter-item._active:after,
.catalog__filter-item:hover:after,
.catalog__filter-item._active:after {
	width: 100%;
}

/* скрываем select на десктопе */
.catalog__select {
	display: none;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 16px;
}

/* на мобилке скрываем p и показываем select */
@media (max-width: 767px) {
	.catalog__date,
	.catalog__nfilter {
		display: none;
	}
	.catalog__wrapper {
		gap: 20px;
	}
	.catalog__nfilter {
		order: 2;
	}
	.catalog__list {
		order: 3;
	}
	.catalog__select {
		display: block;
	}
}

.catalog__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 80px 20px;
}
.catalog__item {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.catalog__item img,
.catalog__item video {
	max-width: 175px;
	width: 100%;
	height: auto;
	filter: grayscale(1);
/* 	transition: 0.2s ease; */
}
.catalog__item img.hover,
.catalog__item video.hover {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.catalog__item:hover img,
.catalog__item:hover video {
	filter: grayscale(0);
/* 	display: none; */
	visibility: hidden;
}
.catalog__item:hover img.hover,
.catalog__item:hover video.hover {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	opacity: 1;
	visibility: visible;
	width: 100%;
	height: auto;
	transform: scale(1.1) translatey(-50%);
	border: 9px solid #FFFFFF;
	box-shadow: -76px 95px 22.6px rgba(67, 65, 65, 0.17);
	max-width: unset;
}


@media (min-width: 1660px) {
	.catalog__title {
		font-size: 96px;
	}
}

@media (max-width: 1279px) {
	.catalog__list {
		grid-template-columns: repeat(3, 1fr);
		gap: 50px 20px;
	}
}

@media (max-width: 767px) {
	.catalog {
		margin-top: 50px;
	}

	.catalog__wrapper {
		grid-template-columns: 1fr;
		margin-top: 50px;
	}

	.catalog__list {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
}

.article {}

.article__wrapper {
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: var(--color-black)
}

.article__wrapper p:not(:has(img)) {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}

.article__wrapper p img {
	width: 100%;
	height: auto;
}

.info {
	padding: 40px 0;
}
.info__wrapper {
	display: grid;
	grid-template-columns: 3fr 4fr;
	gap: 50px;
	position: relative;
	width: 100%;
}
.info__box {
	width: 100%;
}
.info__logo {
	width: 100%;
	max-width: 200px;
}
.info__logo img {
	width: 100%;
	height: auto;
}
.info__title {
	margin: 40px 0;
	word-break: break-word;
}
.info__text {
	font-size: 24px;
}
.info__text p + p {
	margin-top: 16px;
}
.info__slider {
	position: relative;
	width: 100%;
	min-width: 0;
	max-height: 678px;
}
.info__slider-wrapper {
	position: relative;
	width: 100%;
}

.info__slider .swiper{	
	max-width: 100%;
	width: 100%;
	box-shadow: -76px 95px 22.6px rgba(67, 65, 65, 0.17);
	border: 17px solid #fff;
	overflow: hidden;
}
.info__image {
	position: relative;
	width: 100%;
	max-width: 100%;

}
.info__image-wrapper {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	padding-bottom: 69%;
	overflow: hidden;
}
.swiper-slide {
	width: auto; /* или фиксированная, например 300px */
	max-width: 100%;
}

.info__image-wrapper img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.info__image-wrapper video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	user-select: none;
	pointer-events: none;
}
.info__image-wrapper.image:before {
	content: url("data:image/svg+xml,%3Csvg width='68' height='48' viewBox='0 0 68 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='68' height='48' rx='5' fill='white'/%3E%3Cpath d='M39.5604 16.5916C39.736 16.77 39.9059 16.9513 40.0702 17.141C40.1467 17.2288 40.2203 17.3194 40.2911 17.41C40.3024 17.4242 40.3591 17.495 40.3109 17.4327C40.2543 17.3619 40.3364 17.4667 40.3421 17.4724C40.3817 17.5262 40.4242 17.58 40.4638 17.6366C40.7385 18.0189 40.9849 18.4183 41.1973 18.8374C41.2511 18.945 41.305 19.0498 41.3531 19.1602C41.3758 19.2084 41.3984 19.2565 41.4182 19.3047C41.4296 19.3302 41.4381 19.3528 41.4494 19.3783C41.506 19.5029 41.4012 19.2622 41.4551 19.3896C41.5457 19.6077 41.6278 19.8314 41.7014 20.0552C41.843 20.4885 41.9535 20.9331 42.03 21.3834C42.0385 21.44 42.0498 21.4995 42.0583 21.5561C42.0639 21.5873 42.0668 21.6213 42.0724 21.6524C42.0809 21.7091 42.1064 21.7006 42.0668 21.6184C42.1064 21.7091 42.0951 21.8705 42.1064 21.9668C42.1262 22.199 42.1404 22.4341 42.1432 22.6663C42.1461 22.8929 42.1432 23.1194 42.1291 23.3488C42.1234 23.4593 42.1149 23.5697 42.1036 23.6802C42.0979 23.7396 42.0923 23.7963 42.0866 23.8558C42.0838 23.8812 42.0809 23.9067 42.0781 23.9322C42.0753 23.952 42.0639 24.088 42.0724 23.9917C42.0781 23.9039 42.0724 23.9917 42.0696 24.0143C42.0639 24.0455 42.0611 24.0795 42.0554 24.1106C42.0469 24.1616 42.0385 24.2126 42.03 24.2636C42.0101 24.3797 41.9875 24.493 41.9648 24.6091C41.9167 24.8385 41.86 25.0679 41.7949 25.2916C41.7298 25.5182 41.6561 25.7419 41.5712 25.9628C41.5344 26.0619 41.4947 26.1582 41.4551 26.2573C41.4182 26.3508 41.4607 26.246 41.4664 26.2318C41.4579 26.263 41.4409 26.2941 41.4267 26.3225C41.4012 26.3819 41.3729 26.4442 41.3446 26.5037C41.1435 26.9342 40.9113 27.3476 40.6479 27.7413C40.5828 27.8376 40.5177 27.931 40.4497 28.0245C40.4129 28.0755 40.3789 28.1236 40.3421 28.1718C40.3307 28.1888 40.2996 28.2199 40.2939 28.2369C40.3081 28.2199 40.3194 28.2029 40.3336 28.1859C40.3166 28.2086 40.2996 28.2284 40.2826 28.2511C40.1325 28.4408 39.9739 28.6221 39.8125 28.8005C39.4783 29.1601 39.113 29.4943 38.7278 29.8002C38.6457 29.8653 38.7335 29.7917 38.7448 29.786C38.7278 29.7917 38.6967 29.8228 38.6797 29.8342C38.6315 29.871 38.5805 29.9078 38.5324 29.9418C38.4276 30.0183 38.3228 30.0891 38.2152 30.1599C38.0198 30.2901 37.8187 30.4119 37.6148 30.5252C37.4109 30.6385 37.2042 30.7433 36.9946 30.8424C36.9408 30.8679 36.887 30.8905 36.8332 30.916C36.8049 30.9302 36.7737 30.9472 36.7426 30.9557C36.7567 30.95 36.8615 30.9075 36.768 30.9443C36.6576 30.9896 36.5471 31.0321 36.4367 31.0746C36.0006 31.236 35.5531 31.3635 35.1 31.4569C34.9924 31.4796 34.8819 31.4994 34.7743 31.5192C34.7177 31.5277 34.6582 31.5391 34.6015 31.5475C34.576 31.5504 34.5506 31.556 34.5251 31.5589C34.392 31.5787 34.5732 31.5532 34.5222 31.5589C34.2957 31.5844 34.0691 31.607 33.8426 31.6212C33.3753 31.6467 32.908 31.6353 32.4407 31.5929C32.3501 31.5844 32.2113 31.5957 32.132 31.5589C32.2141 31.5957 32.2226 31.573 32.166 31.5645C32.1348 31.5589 32.1009 31.556 32.0697 31.5504C32.0046 31.5419 31.9423 31.5306 31.8771 31.5192C31.6534 31.4796 31.4297 31.4343 31.2088 31.3776C30.7613 31.2672 30.2799 31.1397 29.8664 30.933C29.8805 30.9387 29.9853 30.984 29.8919 30.9443C29.8664 30.933 29.8437 30.9245 29.8182 30.9132C29.7701 30.8905 29.7219 30.8707 29.6738 30.848C29.5605 30.7942 29.4472 30.7404 29.334 30.6809C29.1272 30.5733 28.9233 30.46 28.7222 30.3383C28.5155 30.2108 28.3144 30.0749 28.1162 29.9333C28.0709 29.9021 28.0284 29.8682 27.9859 29.837C27.9802 29.8342 27.8726 29.7492 27.9463 29.8058C28.0086 29.854 27.9378 29.8002 27.9236 29.786C27.8217 29.7039 27.7197 29.6218 27.6206 29.5368C27.2524 29.2196 26.9069 28.8741 26.5926 28.5059C26.5133 28.4125 26.434 28.3162 26.3575 28.2199C26.3263 28.1803 26.3405 28.1576 26.3717 28.2369C26.3632 28.2171 26.3348 28.1888 26.3235 28.1718C26.2839 28.118 26.2414 28.0642 26.2017 28.0075C26.0601 27.8093 25.927 27.6082 25.7996 27.4015C25.6778 27.2032 25.5645 26.9965 25.4597 26.7897C25.4088 26.6906 25.3606 26.5887 25.3125 26.4867C25.287 26.4329 25.2643 26.3791 25.2388 26.3253C25.2275 26.2998 25.219 26.2771 25.2077 26.2517C25.1907 26.212 25.1964 26.2262 25.2275 26.297C25.219 26.28 25.2134 26.2601 25.2049 26.2432C25.0293 25.8127 24.8848 25.3681 24.7744 24.9178C24.7177 24.6912 24.6724 24.459 24.6328 24.2296C24.6243 24.1786 24.6158 24.1276 24.6073 24.0766C24.6045 24.0512 24.5988 24.0257 24.596 24.0002C24.5818 23.8982 24.5988 24.02 24.6016 24.0342C24.5931 23.9124 24.5733 23.7878 24.562 23.666C24.5223 23.2072 24.5138 22.7456 24.5393 22.284C24.545 22.1735 24.5535 22.0631 24.5648 21.9526C24.5705 21.8932 24.5761 21.8365 24.5818 21.777C24.5846 21.7516 24.5875 21.7261 24.5903 21.7006C24.596 21.6581 24.5903 21.542 24.5903 21.6977C24.5903 21.4797 24.6639 21.2361 24.7064 21.0237C24.8027 20.5706 24.933 20.1231 25.0944 19.687C25.1341 19.5822 25.1765 19.4774 25.219 19.3755C25.2502 19.2962 25.1624 19.5029 25.2162 19.384C25.2275 19.3585 25.236 19.3358 25.2473 19.3103C25.2728 19.2509 25.3011 19.1886 25.3295 19.1291C25.4286 18.9195 25.5362 18.7128 25.6495 18.5089C25.7656 18.305 25.8874 18.1039 26.0177 17.9085C26.0856 17.8065 26.1536 17.7074 26.2272 17.6083C26.2584 17.563 26.2924 17.5205 26.3235 17.478C26.3405 17.4554 26.3547 17.4327 26.3717 17.4129C26.281 17.5233 26.3632 17.4242 26.383 17.3987C26.6888 17.0136 27.0259 16.6511 27.3884 16.3197C27.5696 16.1526 27.7622 15.994 27.9548 15.8383C28.0171 15.7901 27.8755 15.8977 27.9378 15.8524C27.9661 15.8326 27.9916 15.81 28.0199 15.7901C28.0624 15.759 28.1077 15.725 28.1502 15.6938C28.2493 15.623 28.3484 15.5522 28.4504 15.4871C28.8525 15.2209 29.2717 14.9887 29.7078 14.7876C29.7559 14.7649 29.8041 14.7451 29.8522 14.7225C29.8749 14.7111 29.9004 14.6998 29.9259 14.6913C29.8012 14.7309 29.8692 14.714 29.9004 14.7026C30.0165 14.6545 30.1326 14.6092 30.2487 14.5667C30.4639 14.4874 30.682 14.4166 30.9029 14.3543C31.1295 14.2892 31.356 14.2325 31.5883 14.1872C31.6959 14.1645 31.8063 14.1447 31.9139 14.1249C31.9706 14.1164 32.0301 14.1051 32.0867 14.0966C32.1122 14.0937 32.1377 14.0881 32.1632 14.0852C32.2793 14.0683 32.0414 14.0994 32.166 14.0852C32.6191 14.0343 33.0722 14.0059 33.5254 14.0144C33.7604 14.0201 33.9927 14.0314 34.2249 14.0541C34.2759 14.0598 34.3297 14.0654 34.3806 14.0711C34.4118 14.0739 34.4458 14.0796 34.4769 14.0824C34.4996 14.0852 34.5845 14.0909 34.4996 14.0852C34.4005 14.0767 34.5279 14.0881 34.5392 14.0909C34.5647 14.0937 34.5902 14.0994 34.6157 14.1022C34.6808 14.1107 34.7431 14.1221 34.8083 14.1334C35.2586 14.2127 35.7032 14.3231 36.1365 14.4676C36.3574 14.5412 36.5925 14.612 36.802 14.7168C36.6604 14.646 36.8332 14.7309 36.8672 14.7451C36.9153 14.7678 36.9635 14.7876 37.0116 14.8102C37.1249 14.8641 37.2382 14.9179 37.3514 14.9773C37.7762 15.1954 38.1812 15.4475 38.5664 15.7278C38.6145 15.7646 38.6655 15.8015 38.7136 15.8383C38.7363 15.8553 38.8014 15.8949 38.6967 15.8241C38.7193 15.8383 38.7391 15.8581 38.7618 15.8751C38.8524 15.9487 38.943 16.0224 39.0308 16.0988C39.2093 16.2546 39.3877 16.4188 39.5604 16.5916C39.77 16.8012 40.1552 16.8182 40.3619 16.5916C40.5686 16.365 40.5856 16.0139 40.3619 15.7901C38.9204 14.3543 37.0399 13.3602 35.0292 13.0261C33.0099 12.6891 30.951 12.9609 29.0932 13.8219C27.2213 14.6885 25.6325 16.1838 24.6328 17.9878C23.6671 19.7267 23.2309 21.76 23.4235 23.7396C23.6246 25.7985 24.4402 27.7356 25.7854 29.3102C27.1165 30.8679 28.9488 31.9978 30.9369 32.485C32.8683 32.9579 34.947 32.8531 36.8077 32.1479C38.7844 31.4003 40.4808 30.0466 41.6476 28.285C42.7493 26.6198 43.3185 24.6091 43.2732 22.6125C43.2279 20.6102 42.5765 18.6193 41.3927 17.0022C41.0784 16.5746 40.7386 16.1668 40.3619 15.7901C40.1523 15.5806 39.7672 15.5664 39.5604 15.7901C39.3509 16.0167 39.3367 16.3679 39.5604 16.5916Z' fill='black'/%3E%3Cpath d='M47.4556 36.1553C47.2206 35.9203 46.9827 35.6824 46.7476 35.4473C46.184 34.8837 45.6205 34.3202 45.0597 33.7594C44.3744 33.0741 43.6919 32.3915 43.0065 31.7062C42.4174 31.1171 41.8284 30.5281 41.2393 29.939C40.9505 29.6501 40.6701 29.3528 40.3727 29.0724C40.3671 29.0696 40.3642 29.0639 40.3614 29.0611C40.1518 28.8515 39.7667 28.8345 39.5599 29.0611C39.3532 29.2876 39.3362 29.6388 39.5599 29.8625L40.2679 30.5705L41.9558 32.2584L44.009 34.3117L45.7762 36.0788C46.0651 36.3677 46.3455 36.6651 46.6428 36.9454C46.6485 36.9483 46.6513 36.9539 46.6542 36.9568C46.8637 37.1663 47.2489 37.1833 47.4556 36.9568C47.6624 36.7302 47.6794 36.379 47.4556 36.1553Z' fill='black'/%3E%3Cpath d='M33.9023 26.8181C33.9023 25.9118 33.9023 25.0084 33.9023 24.1022C33.9023 22.6607 33.9023 21.222 33.9023 19.7805C33.9023 19.452 33.9023 19.1235 33.9023 18.7949C33.9023 18.4976 33.6418 18.2144 33.3359 18.2285C33.0301 18.2427 32.7695 18.4778 32.7695 18.7949V21.5109V25.8325V26.8181C32.7695 27.1155 33.0301 27.3987 33.3359 27.3845C33.6418 27.3703 33.9023 27.1353 33.9023 26.8181Z' fill='black'/%3E%3Cpath d='M37.3459 22.2417C36.4397 22.2417 35.5363 22.2417 34.63 22.2417C33.1885 22.2417 31.7498 22.2417 30.3083 22.2417C29.9798 22.2417 29.6513 22.2417 29.3228 22.2417C29.0254 22.2417 28.7422 22.5022 28.7564 22.8081C28.7705 23.114 29.0056 23.3745 29.3228 23.3745H32.0387H36.3604H37.3459C37.6433 23.3745 37.9265 23.114 37.9123 22.8081C37.8982 22.5022 37.6631 22.2417 37.3459 22.2417Z' fill='black'/%3E%3C/svg%3E%0A");
	position: absolute;
	left: -6px;
	bottom: -17px;
	z-index: 2;

}
.info__image-wrapper.video:before {
	content: url("data:image/svg+xml,%3Csvg width='68' height='48' viewBox='0 0 68 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='68' height='48' rx='5' fill='white'/%3E%3Cpath d='M28 31.6514V16.3486L38.5942 23.6812L28 31.6514Z' fill='black'/%3E%3C/svg%3E%0A");
	position: absolute;
	left: -6px;
	bottom: -17px;
	z-index: 2;
}

.info__slider .swiper-button-prev,
.info__slider .swiper-button-next {
	--swiper-navigation-sides-offset: -40px;
	--swiper-navigation-size: 24px;
}
.info__slider .swiper-button-prev:after,
.info__slider .swiper-button-next:after {
	content: '';
}
.info__slider .swiper-button-prev svg path,
.info__slider .swiper-button-next svg path{
	transition: 0.2s ease;
}
.info__slider .swiper-button-prev:hover svg path,
.info__slider .swiper-button-next:hover svg path{
	fill: var(--color-blue);
}
.info__slider .swiper-pagination-fraction {
	--swiper-pagination-bottom: -48px;
	text-align: right;
	font-size: 20px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 4px;
	font-weight: 600;
}
.info__slider .swiper-pagination-fraction .swiper-pagination-current {
	font-size: 14px;
	line-height: 100%;
}
@media (min-width: 1000px) {
	.info__title {
		font-size: 42px;
	}
}
@media (max-width: 1279px) {
	.info__title {
		margin: 30px 0;
	}
}
@media (max-width: 999px) {
	.info {
		padding-top: 0;
	}
	.info__wrapper {
		grid-template-columns: 1fr;
	}

	.info__slider .swiper {
		box-shadow: none;
		border: none;
	}
	.info__image-wrapper.image:before,
	.info__image-wrapper.video:before {
		bottom: -9px;
	}
	.info__slider .swiper-button-prev, .info__slider .swiper-button-next {
		--swiper-navigation-sides-offset: 10px;
		--swiper-navigation-size: 34px;
	}
}
.list {
	padding: 100px 0 0;
}
.list__slider .swiper-wrapper {
  transition-timing-function: linear !important; /* линейная прокрутка */
}
.list__wrapper {
	display: flex;
	align-items: center;
	gap: 50px;
}
.list__title {
	text-transform: uppercase;
	font-weight: 400;
	transition: 0.2s ease;
    text-decoration: underline;
}
.list__title:hover {
	color: var(--color-blue);
}
.list__slider {
	min-width: 0;
}
.list__slider-slide {
	position: relative;
	cursor: pointer;
	user-select: none;
	width: fit-content;
	display: flex;
	align-items: center;
	max-width: 200px;
}
.list__slider-slide img {
	width: auto;
	height: 100%;
	max-width: 270px;
	max-height: 64px;
}
@media (max-width: 767px) {
	.list__wrapper {
		display: grid;
/* 		flex-direction: column; */
		align-items: flex-start;
		gap: 20px;
	}
}

.footer {
	position: relative;
	padding: 44px 0;
	z-index: 6;
}

.footer__wrapper {
	display: flex;
	align-items: center;
	gap: 50px;
}

.footer__menu {
	display: none!important;
	display: flex;
	align-items: center;
	gap: 50px;
}

.footer__menu a {
	transition: 0.2s ease;
}

.footer__menu a:hover {
	color: var(--color-blue);
}

.up {
	position: fixed;
	bottom: 50px;
	right: 50px;

	display: grid;
	justify-items: center;
	gap: 10px;

	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	color: var(--color-grey);
	cursor: pointer;
	transition: 0.2s ease;

	z-index: 8;
}

body._projects .up {
	z-index: 1;
}

body.home .up {
	right: 160px;
}

@media (max-width: 999px) {
	body.home .up {
/* 		right: 70px; */
		right: 110px;
		bottom: 20px;
	}

	body._aside-active .up {
		right: 160px;
	}
}

@media (max-width: 767px) {
	.footer__wrapper {
		flex-direction: column;
		align-items: start;
		gap: 12px;
	}

	.footer__menu {
		flex-direction: column;
		align-items: start;
		gap: 12px;
	}
}


.mobile-slide {
	margin-right: 110px;
}

@media (max-width: 999px) {
	.mobile-slide {
		position: relative;
/* 		margin-right: 50px; */
		margin-right: 96px;
	}


	.mobile-slide-section,
	.mobile-slide section {
/* 		background: var(--color-white); */
/* 		border-right: 1px solid var(--color-grey); */
		z-index: 6;
		transition: transform 0.2s ease;
	}

	body._projects .mobile-slide-section,
	body._projects .mobile-slide section {
		z-index: 1;
	}

	.mobile-slide-section,
	body.home .mobile-slide-section {
		margin-right: 96px;
/* 		margin-right: 50px; */
	}

	.mobile-slide .header {
		background: var(--color-white);
/* 		border-right: 1px solid var(--color-grey); */
		z-index: 7;
		transition: transform 0.2s;
	}

	.mobile-slide .footer {
		background: var(--color-white);
		border-right: 1px solid var(--color-grey);
		z-index: 6;
		transition: transform 0.2s;
	}

/* 	body._aside-active .mobile-slide header,
	body._aside-active .mobile-slide section,
	body._aside-active .mobile-slide-section,
	body._aside-active .mobile-slide-footer {
		transform: translateX(-90px);
		position: relative;
	} */

/* 	body._aside-active .mobile-slide canvas {
		left: -90px;
	} */

}

.fancybox__container {
	--fancybox-backdrop-bg: var(--color-white);
	--f-arrow-bg: transparent;
	--f-button-bg: var(--color-black);
	--f-button-color: var(--color-white);
}
.f-button svg {
	stroke: #C7C5C5;
	transition: 0.2s ease;
}
.f-button:hover svg {
	stroke: var(--color-blue);
}
.f-carousel__toolbar {
	text-shadow: none;
		color: var(--color-black);
}
/*# sourceMappingURL=main.css.map*/