@charset "utf-8";
@font-face {
		font-family: 'Guminert';
		src: url('../fonts/guminert_medium.woff') format('woff'), url('../fonts/guminert_medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Guminert';
		src: url('../fonts/guminert_semi_bold.woff') format('woff'), url('../fonts/guminert_semi_bold.ttf') format('truetype');
		font-weight: 600;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Guminert';
		src: url('../fonts/guminert_extra_bold.woff') format('woff'), url('../fonts/guminert_extra_bold.ttf') format('truetype');
		font-weight: 800;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Guminert';
		src: url('../fonts/guminert_regular.woff') format('woff'), url('../fonts/guminert_regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Guminert';
		src: url('../fonts/guminert_light.woff') format('woff'), url('../fonts/guminert_light.ttf') format('truetype');
		font-weight: 300;
		font-style: normal;
		font-display: swap;
}
:root {
		--black: #000;
		--white: #fff;
		--yellow: #F0FF42;
		--grey: #A3A1B0;
		--grey-bg: rgba(255, 255, 255, 0.1);
		--grad: linear-gradient(91deg, #B7FF42 0%, #F0FF42 100%);
		--grad-vert: linear-gradient(to bottom, #B7FF42 0%, #F0FF42 100%);
		--grad2: radial-gradient(circle at 0 0, #C253D5 0%, #B7FF42 59.37%, #19FCFE 100%);
		--grad2-rev: radial-gradient(circle at 100% 100%, #C253D5 0%, #B7FF42 59.37%, #19FCFE 100%);
		--grad3: conic-gradient(from 220deg at 50% 0%, #19FCFE -45.45deg, #66FDA2 1.3deg, #B7FF42 49.61deg, #C253D5 221.36deg, #19FCFE 314.55deg, #66FDA2 361.3deg), linear-gradient(0deg, #FFFFFF, #FFFFFF);
		--grad3-rev: conic-gradient(from 220deg at 50% 0%, #66FDA2 -45.45deg, #19FCFE 1.3deg, #C253D5 49.61deg, #B7FF42 221.36deg, #66FDA2 314.55deg, #19FCFE 361.3deg), linear-gradient(0deg, #FFFFFF, #FFFFFF);
		--block-border: #101225;
		--block-bg: #080b10;
		--block-bg0: rgba(8, 1, 16, 0);
		--font: Guminert, -apple-system, Arial, Helvetica, system-ui, "sans-serif";
		--text-size: 16px;
		--text-big-size: 18px;
		font-size: 4.102vw;
		--side-padding: 1.25rem;
		--header: 60px;
		--vspace-small: 80px;
		--vspace-big: 140px;
		--distance: 40px;
		--move-timing: ease;
		--hover-distance: -3px;
}
@media only screen and (min-width: 760px) {
		:root {
				--header: 100px;
				font-size: 1.111111vw;
				--side-padding: 2rem;
		}
}
@media only screen and (min-width: 1000px) {
		:root {
				font-size: 1.111111vw;
				--text-size: 18px;
				--text-big-size: 20px;
				--vspace-small: 140px;
				--vspace-big: 200px;
				--side-padding: 5rem;
		}
}
@media only screen and (min-width: 1440px) {
		:root {
				font-size: 16px;
		}
}
html, body {
		height: 100%;
		box-sizing: border-box;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased;
}
body {
		margin: 0;
		padding: 0;
		background: var(--black);
		font: 500 var(--text-size)/1.5 var(--font);
		color: var(--grey);
		-webkit-text-size-adjust: none;
		display: flex;
		flex-direction: column;
}
*, *:before, *:after {
		box-sizing: border-box;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
}
.input {
		-webkit-appearance: none;
		font: normal 15px/24px Arial, Helvetica, sans-serif;
		color: #5a5a5a;
		outline: none;
		text-align: left;
		border-radius: 0;
		box-shadow: none;
		border: 1px solid #e0e0e0;
		background: #fff;
		margin: 0;
		padding: 12px 25px 13px 25px;
		width: 100%;
		display: block;
}
.input::-webkit-input-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
.input::-moz-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
.input:-ms-input-placeholder {
		opacity: 1;
		color: #9c9c9c;
}
.input:focus::-webkit-input-placeholder {
		opacity: 0.5 !important;
}
.input:focus::-moz-placeholder {
		opacity: 0.5 !important;
}
.input:focus:-ms-input-placeholder {
		opacity: 0.5 !important;
}
input::-ms-clear {
		display: none;
}
button::-moz-focus-inner {
		border: 0;
}
textarea {
		resize: none;
}
video {
		-webkit-mask-image: -webkit-radial-gradient(white, black);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
}
header, nav, section, article, aside, footer, menu, time, figure, figcaption, main {
		display: block;
}
img, svg, picture {
		border: 0;
		vertical-align: top;
}
a {
		color: inherit;
		text-decoration: underline;
		outline: none;
		cursor: pointer;
}
a[href^="tel:"] {
		text-decoration: none;
}
strong {
		font-weight: 600;
}
p, ol, ul {
		margin: 20px 0;
		padding: 0;
}
ol, ul, li {
		list-style: none;
}
li {
		position: relative;
		margin: 0;
		padding: 0 0 0 24px;
}
ul > li:before {
		content: '•';
		width: 24px;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
}
ol {
		counter-reset: li;
}
ol > li:before {
		counter-increment: li;
		content: counters(li, ".") ". ";
		position: relative;
		display: inline-block;
		vertical-align: top;
		min-width: 24px;
		margin: 0 0 0 -24px;
		padding: 0 0.25em 0 0;
}
.h1, .h2, .h3 {
		color: var(--white);
		margin: -10px 0 20px 0;
		font-weight: 600;
		font-size: 30px;
}
.h1 {
		font-weight: 800;
		font-size: 36px;
		line-height: 1.2;
		text-transform: capitalize;
}
.h2 {
		line-height: 1.1;
}
.h3 {
		line-height: 1.2;
}
@media only screen and (min-width: 1000px) {
		.h1, .h2, .h3 {
				margin-bottom: 24px;
		}
		.h1 {
				font-size: 5.625rem; /*90px*/
		}
		.h2 {
				font-size: 4.375rem; /*70px*/
		}
}
.swiper {
		overflow: hidden;
}
.swiper-wrapper {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
}
.swiper-slide {
		flex: 0 0 auto;
		list-style: none;
		margin: 0;
		padding: 0;
}
.swiper-slide:before {
		display: none;
}
.btn {
		-webkit-appearance: none;
		cursor: pointer;
		user-select: none;
		text-decoration: none;
		text-align: left;
		text-transform: none;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 56px;
		border-radius: 28px;
		border: 0;
		outline: none;
		box-shadow: none;
		margin: 0;
		padding: 0 15px;
		flex: 0 0 auto;
		max-width: 100%;
		font: 600 16px var(--font);
		min-width: 250px;
}
.btn img {
		flex: 0 0 auto;
}
.btn img {
		backface-visibility: hidden;
		transition: transform 0.3s var(--move-timing);
		transform: translate3d(0, 0, 0);
}
.btn:hover img {
		transform: translate3d(0, var(--hover-distance), 0);
}
.btn-small {
		font-size: 14px;
		height: 44px;
		border-radius: 22px;
		min-width: 130px;
}
.btn-yellow {
		background: var(--grad);
		color: var(--black);
}
.btn-black {
		background: var(--black);
		color: var(--white);
}
.btn-white {
		background: var(--white);
		color: var(--black);
}
.btn-grey {
		color: var(--white);
		background: var(--grey-bg);
}
.js_scroll-progress {
		--percent: 0;
}
.js_scroll-progress img, .js_scroll-progress video {
		backface-visibility: hidden;
		will-change: transform opacity;
		transform: scale(calc(0.8 + 0.2 * var(--percent)));
		opacity: calc(1 * var(--percent));
}
.js_scroll-opacity {
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 1.5s;
		transition-timing-function: var(--move-timing);
		transform: translate3d(0, 0, 0);
}
.js_detect-scroll .js_scroll-opacity {
		transition-delay: 1s;
}
.js_detect-scroll .js_scroll-opacity:nth-child(1) {
		transition-delay: 0.1s;
}
.js_detect-scroll .js_scroll-opacity:nth-child(2) {
		transition-delay: 0.2s;
}
.js_detect-scroll .js_scroll-opacity:nth-child(3) {
		transition-delay: 0.3s;
}
.js_detect-scroll .js_scroll-opacity:nth-child(4) {
		transition-delay: 0.4s;
}
.js_detect-scroll .js_scroll-opacity:nth-child(5) {
		transition-delay: 0.5s;
}
.js_detect-scroll .js_scroll-opacity:nth-child(6) {
		transition-delay: 0.6s;
}
.js_detect-scroll .js_scroll-opacity:nth-child(7) {
		transition-delay: 0.7s;
}
.js_detect-scroll .js_scroll-opacity:nth-child(8) {
		transition-delay: 0.8s;
}
.js_detect-scroll .js_scroll-opacity:nth-child(9) {
		transition-delay: 0.9s;
}
.js_detect-scroll.js_scroll-opacity:not(.visible), .js_detect-scroll:not(.visible) .js_scroll-opacity {
		opacity: 0 !important;
		pointer-events: none !important;
		transform: translate3d(0, var(--distance), 0);
}
.js_hover {
		display: inline-flex;
		flex: 0 0 auto;
		line-height: 1 !important;
		position: relative;
		top: 0.08em;
		backface-visibility: hidden;
		transition: transform 0.3s var(--move-timing);
		transform: translate3d(0, 0, 0);
}
@media (pointer:fine) {
		.js_hover {
				--time: 1s;
				--duration-hover: 1s;
				overflow: hidden;
				backface-visibility: hidden;
				text-shadow: 0 1em 0 currentColor;
		}
		.js_hover span {
				position: relative;
				top: -0.08em;
				vertical-align: top;
				display: block;
				backface-visibility: hidden;
				transition: transform 0.3s var(--move-timing);
				transform: translate3d(0, 0, 0);
				transition-delay: calc(var(--time) / 20 * 20);
		}
		.btn:hover .js_hover, a:hover .js_hover {
				transform: translate3d(0, var(--hover-distance), 0);
		}
		.btn:hover .js_hover span, a:hover .js_hover span {
				transform: translate3d(0, -1em, 0);
		}
		.js_hover span:nth-child(1) {
				transition-delay: calc(var(--time) / 20 * 0);
		}
		.js_hover span:nth-child(2) {
				transition-delay: calc(var(--time) / 20 * 1);
		}
		.js_hover span:nth-child(3) {
				transition-delay: calc(var(--time) / 20 * 2);
		}
		.js_hover span:nth-child(4) {
				transition-delay: calc(var(--time) / 20 * 3);
		}
		.js_hover span:nth-child(5) {
				transition-delay: calc(var(--time) / 20 * 4);
		}
		.js_hover span:nth-child(6) {
				transition-delay: calc(var(--time) / 20 * 5);
		}
		.js_hover span:nth-child(7) {
				transition-delay: calc(var(--time) / 20 * 6);
		}
		.js_hover span:nth-child(8) {
				transition-delay: calc(var(--time) / 20 * 7);
		}
		.js_hover span:nth-child(9) {
				transition-delay: calc(var(--time) / 20 * 8);
		}
		.js_hover span:nth-child(10) {
				transition-delay: calc(var(--time) / 20 * 9);
		}
		.js_hover span:nth-child(11) {
				transition-delay: calc(var(--time) / 20 * 10);
		}
		.js_hover span:nth-child(12) {
				transition-delay: calc(var(--time) / 20 * 11);
		}
		.js_hover span:nth-child(13) {
				transition-delay: calc(var(--time) / 20 * 12);
		}
		.js_hover span:nth-child(14) {
				transition-delay: calc(var(--time) / 20 * 13);
		}
		.js_hover span:nth-child(15) {
				transition-delay: calc(var(--time) / 20 * 14);
		}
		.js_hover span:nth-child(16) {
				transition-delay: calc(var(--time) / 20 * 15);
		}
		.js_hover span:nth-child(17) {
				transition-delay: calc(var(--time) / 20 * 16);
		}
		.js_hover span:nth-child(18) {
				transition-delay: calc(var(--time) / 20 * 17);
		}
		.js_hover span:nth-child(19) {
				transition-delay: calc(var(--time) / 20 * 18);
		}
		.js_hover span:nth-child(20) {
				transition-delay: calc(var(--time) / 20 * 19);
		}
}
.mainwrap {
		flex: 0 0 auto;
		width: 100%;
		min-height: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
}
.mainwrap > * {
		width: 100%;
}
.content {
		flex: 1 0 auto;
}
.content:after {
		content: '';
		display: block;
		margin-top: var(--vspace-small);
}
.header, .footer {
		flex: 0 0 auto;
}
.container {
		flex: 0 0 auto;
		width: 100%;
		margin: 0 auto;
		padding: 0 var(--side-padding);
		max-width: 1440px;
}
.header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		height: var(--header);
}
.header.clone {
		position: fixed;
		backface-visibility: hidden;
		transform: translate3d(0, -100%, 0);
		transition-property: transform, opacity, background;
		transition-duration: 0.5s;
		transition-timing-function: var(--move-timing);
		opacity: 0;
		pointer-events: none;
		background: var(--black);
}
html.open-menu .header.clone {
		background-color: rgba(0, 0, 0, 0);
}
html.scrolled.scroll-up .header.clone, html.scrolled.open-menu .header.clone {
		pointer-events: all;
		opacity: 1;
		transform: translate3d(0, 0, 0);
}
.header .container {
		position: relative;
		display: flex;
		align-items: center;
		height: 100%;
}
.header .logo {
		position: absolute;
		top: 50%;
		left: var(--side-padding);
		z-index: 10;
		transform: translate3d(0, -50%, 0);
		line-height: 0;
		font-size: 0;
}
.header .logo img {
		width: auto;
		height: 32px;
}
.menu {
		color: var(--white);
}
.menu ul, .menu li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.menu li:before {
		display: none;
}
.menu .sub {
		counter-reset: m;
}
.menu .sublink {
		display: block;
		position: relative;
		text-decoration: none;
		font-weight: 600;
		line-height: 1.1;
		text-transform: uppercase;
		--vert: 10px;
		padding: var(--vert) var(--side-padding);
		margin: calc(var(--vert) * -1) 0;
		overflow: hidden;
}
.menu .sublink.out .num:after {
		content: '';
		display: inline-block;
		vertical-align: top;
		background: url("../img/arrow-up-right-white.svg") no-repeat 50% 50%;
		background-size: contain;
		width: 0.4em;
		height: 0.4em;
		margin-left: 0.2em;
		position: relative;
		top: 0.55em;
}
.menu .sublink.out .cover .num:after {
		background-image: url("../img/arrow-up-right-black.svg");
}
.menu .sublink {
		font-size: 30px;
		--speed: 1;
}
.menu .sublink .num {
		white-space: nowrap;
		display: inline-block;
		vertical-align: top;
		padding-left: 35px;
		position: relative;
}
.menu .sublink sup {
		position: absolute;
		top: 0.2rem;
		left: 0;
		font: inherit;
		font-size: 12px;
		font-weight: normal;
		line-height: 1.1;
}
.menu .sublink sup:before {
		content: attr(data-text);
}
.menu .sublink sup:after {
		content: ' |';
}
@-webkit-keyframes menu-line {
		from {
				transform: translate3d(0, 0, 0);
		}
		to {
				transform: translate3d(-50%, 0, 0);
		}
}
@keyframes menu-line {
		from {
				transform: translate3d(0, 0, 0);
		}
		to {
				transform: translate3d(-50%, 0, 0);
		}
}
@media (pointer:coarse) {
		.menu .sublink {
				display: inline-block;
				vertical-align: top;
		}
		.menu .sublink .cover {
				display: none;
		}
}
@media (pointer:fine) {
		.menu .sublink > .num {
				backface-visibility: hidden;
				transform: translate3d(0, 0, 0);
				transition-property: transform, opacity;
				transition-duration: 0.5s;
				transition-timing-function: var(--move-timing);
		}
		.menu .sublink .cover {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 50%;
				width: 100vw;
				transform: translate3d(-50%, 100%, 0);
				background: var(--grad);
				overflow: hidden;
				display: flex;
				align-items: center;
				color: var(--black);
				opacity: 0;
				pointer-events: none;
				transition: transform 0.5s var(--move-timing);
		}
		.menu .sublink .line {
				flex: 0 0 auto;
				position: relative;
				left: 0;
				display: flex;
				align-items: center;
				backface-visibility: hidden;
		}
		.menu a.sublink:hover > .num {
				transform: translate3d(0, calc(-100% - var(--vert) * 2), 0);
				opacity: 0;
		}
		.menu a.sublink:hover .cover {
				opacity: 1;
				pointer-events: all;
				transform: translate3d(-50%, 0, 0);
		}
		.menu a.sublink:hover .line {
				animation: menu-line calc(100s / var(--speed)) linear infinite reverse;
		}
		.menu .sublink .line .num {
				padding-right: 1em;
				flex: 0 0 auto;
		}
}
html.open-menu {
		overflow: hidden;
}
@media only screen and (max-width: 759px) {
		.toggle-menu {
				display: block;
				flex: 0 0 auto;
				align-self: stretch;
				margin: 0 calc(var(--side-padding) * -1) 0 auto;
				width: calc(31px + var(--side-padding) * 2);
				-webkit-appearance: none;
				outline: none;
				box-shadow: none;
				border: 0;
				background: none;
				border-radius: 0;
				padding: 0;
				position: relative;
				z-index: 10;
				cursor: pointer;
				user-select: none;
		}
		.toggle-menu:before, .toggle-menu:after {
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				height: 2px;
				margin: -1px -15.5px;
				border-radius: 1px;
				background: var(--white);
				transition-property: transform, width;
				transition-duration: 0.5s;
				transition-timing-function: var(--move-timing);
		}
		.toggle-menu:before {
				transform: translate3d(10px, -4px, 0) rotate(0deg);
				width: 21px;
		}
		.toggle-menu:after {
				transform: translate3d(0, 4px, 0) rotate(0deg);
				width: 31px;
		}
		html.open-menu .toggle-menu:before {
				width: 31px;
				transform: translate3d(0, 0, 0) rotate(-45deg);
		}
		html.open-menu .toggle-menu:after {
				transform: translate3d(0, 0, 0) rotate(45deg);
		}
		.close-submenu {
				display: none;
		}
		.menu {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100vh;
				height: 100lvh;
				overflow: hidden;
				overflow-y: auto;
				display: flex;
				flex-direction: column;
				backface-visibility: hidden;
				transition: opacity 0.5s var(--move-timing);
		}
		html:not(.open-menu) .menu {
				opacity: 0;
				pointer-events: none;
		}
		.header.clone .menu {
				display: none;
		}
		.menu .list {
				flex: 1 0 auto;
				width: 100%;
				display: flex;
				flex-direction: column;
				gap: 50px;
				justify-content: space-between;
				padding: calc(var(--header) + 30px) 0 120px 0;
				padding: calc(var(--header) + 30px) 0 calc(100lvh - 100svh + 30px) 0;
		}
		.menu .list > li {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				flex: 0 0 auto;
				width: 100%;
				gap: 20px;
		}
		.menu .list > li.right {
				margin-top: -10px;
				padding: 0 var(--side-padding);
		}
		.menu .title-link {
				font-weight: normal;
				font-size: 16px;
				line-height: 1.3125;
				pointer-events: none;
				padding: 0 var(--side-padding);
		}
		.menu .sub {
				flex: 0 0 auto;
				width: 100%;
				display: flex;
				flex-direction: column;
				gap: 20px;
		}
		.menu .btn {
				width: 100%;
		}
}
@media only screen and (min-width: 760px) {
		.header .container {
				gap: var(--side-padding);
		}
		.toggle-menu {
				display: none;
		}
		.menu {
				flex: 1 0 auto;
		}
		.menu .list {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: var(--side-padding);
		}
		@media only screen and (min-width: 1000px) {
				.header .logo img {
						height: 40px;
				}
				.header .container, .menu .list {
						gap: 60px;
				}
		}
		.menu li.right {
				z-index: 9;
				position: absolute;
				top: 50%;
				right: var(--side-padding);
				transform: translate3d(0, -50%, 0);
		}
		.menu .title-link {
				transition: opacity 0.5s var(--move-timing);
				backface-visibility: hidden;
		}
		html.open-menu .menu .title-link {
				opacity: 0;
				pointer-events: none;
		}
		.menu .sub {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100vh;
				height: 100lvh;
				overflow: hidden;
				overflow-y: auto;
				padding: calc(var(--header) + 47px) 0 40px 0;
				backface-visibility: hidden;
				display: flex;
				flex-direction: column;
				gap: 40px;
				transition: opacity 0.5s var(--move-timing);
		}
		.menu .sub:not(.open) {
				opacity: 0;
				pointer-events: none;
		}
		.header.clone .sub {
				display: none;
		}
		.menu .sublink {
				--vert: 20px;
				--hor: 0.5;
				font-size: calc(5.75rem * var(--hor));
		}
		@media only screen and (min-width: 1440px) {
				.menu .sublink > .num {
						margin-left: calc((100vw - 1440px) / 2);
				}
		}
		@media only screen and (orientation: portrait) and (max-width: 999px) {
				.menu .sublink {
						--hor: 0.5;
				}
		}
		@media only screen and (min-width: 1000px) {
				.menu .sublink {
						--hor: 1;
				}
		}
		.menu .sublink .num {
				padding-left: 59px;
		}
		.menu .sublink sup {
				font-size: 24px;
				top: calc(0.75rem * var(--hor));
		}
		.menu li:nth-child(1) .sub li:nth-child(1) .sublink {
				padding-left: calc(31.375rem * var(--hor));
		}
		.menu li:nth-child(1) .sub li:nth-child(2) .sublink {
				padding-left: calc(35.5rem * var(--hor));
		}
		.menu li:nth-child(1) .sub li:nth-child(3) .sublink {
				padding-left: calc(19.3125rem * var(--hor));
		}
		.menu li:nth-child(1) .sub li:nth-child(4) .sublink {
				padding-left: calc(18.0625rem * var(--hor));
		}
		.menu li:nth-child(1) .sub li:nth-child(5) .sublink {
				padding-left: calc(25.875rem * var(--hor));
		}
		.menu li:nth-child(1) .sub li:nth-child(6) .sublink {
				padding-left: calc(35.8125rem * var(--hor));
		}
		.menu li:nth-child(2) .sub li:nth-child(1) .sublink {
				padding-left: calc(25.3125rem * var(--hor));
		}
		.menu li:nth-child(2) .sub li:nth-child(2) .sublink {
				padding-left: calc(16.625rem * var(--hor));
		}
		.menu li:nth-child(2) .sub li:nth-child(3) .sublink {
				padding-left: calc(37.5625rem * var(--hor));
		}
		.menu li:nth-child(2) .sub li:nth-child(4) .sublink {
				padding-left: calc(24.1875rem * var(--hor));
		}
		.menu li:nth-child(2) .sub li:nth-child(5) .sublink {
				padding-left: calc(35.9375rem * var(--hor));
		}
		.menu li:nth-child(3) .sub li:nth-child(1) .sublink {
				padding-left: calc(31.3125rem * var(--hor));
		}
		.menu li:nth-child(3) .sub li:nth-child(2) .sublink {
				padding-left: calc(25.375rem * var(--hor));
		}
		.menu li:nth-child(3) .sub li:nth-child(3) .sublink {
				padding-left: calc(33.75rem * var(--hor));
		}
		.menu .btn {
				font-size: 14px;
				height: 44px;
				border-radius: 22px;
				min-width: 130px;
		}
		.menu .title-link {
				display: block;
				font-weight: 500;
				font-size: 18px;
				line-height: normal;
				cursor: pointer;
				user-select: none;
				position: relative;
				z-index: 9;
		}
		.close-submenu {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate3d(-50%, -50%, 0);
				z-index: 10;
				-webkit-appearance: none;
				cursor: pointer;
				user-select: none;
				box-shadow: none;
				outline: none;
				border: 0;
				margin: 0;
				padding: 0;
				width: 56px;
				height: 56px;
				border-radius: 50%;
				background: var(--white);
				transition: opacity 0.5s var(--move-timing);
				backface-visibility: hidden;
		}
		html:not(.open-menu) .close-submenu {
				opacity: 0;
				pointer-events: none;
		}
		.close-submenu:before, .close-submenu:after {
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				width: 20px;
				height: 2.5px;
				background: var(--black);
				border-radius: 1.25px;
		}
		.close-submenu:before {
				transform: translate3d(-50%, -50%, 0) rotate(-45deg);
		}
		.close-submenu:after {
				transform: translate3d(-50%, -50%, 0) rotate(45deg);
		}
}
html.open-menu {
		overflow: hidden;
}
.footer {
		padding: 74px 0 80px 0;
		position: relative;
		z-index: 2;
		background: var(--black);
}
.footer .container {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 80px 50px;
}
.footer .container > * {
		flex: 0 0 auto;
		max-width: 100%;
}
.footer .logo {
		flex: 0 0 auto;
		font-size: 0;
		line-height: 0;
}
.footer .logo img {
		height: 40px;
		width: auto;
}
.bottom-text {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 80px 50px;
		font-weight: normal;
		font-size: 12px;
		line-height: 1.4;
		letter-spacing: 0.04em;
}
.bottom-text a {
		letter-spacing: 0.02em;
}
.bottom-text .left {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 20px 50px;
		flex: 1 1 auto;
}
@media only screen and (min-width: 760px) {
		.bottom-text {
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
		}
		.bottom-text .left > * {
				margin-right: auto;
		}
}
.bottom-text ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px 20px;
		color: var(--white);
}
.bottom-text li {
		flex: 0 0 auto;
		margin: 0;
		padding: 0;
}
.bottom-text li:before {
		display: none;
}
.bottom-text .studio {
		position: relative;
		font-size: 15px;
		color: var(--yellow);
		letter-spacing: 0.04em;
		padding: 4.5px 0 4.5px 40px;
		flex: 0 0 auto;
}
.bottom-text .studio img {
		position: absolute;
		top: 50%;
		left: 0;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		object-fit: cover;
		object-position: center;
		transform: translate3d(0, -50%, 0);
}
.bottom-text .studio a {
		border-bottom: 1px solid currentColor;
		display: inline-block;
		vertical-align: top;
		margin-top: -1px;
}
.bottom-text .studio a > span {
		position: relative;
		vertical-align: middle;
}
.bottom-menu {
		font-weight: normal;
		font-size: 14px;
		line-height: normal;
		color: var(--grey);
}
.bottom-menu a {
		color: var(--white);
}
.bottom-menu > * {
		flex: 1 1 auto;
}
.bottom-menu ul, .bottom-menu li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.bottom-menu li:before {
		display: none;
}
.bottom-menu > * {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 50px;
}
.bottom-menu > * > * {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		gap: 20px;
		min-width: 133px;
}
@media only screen and (max-width: 759px) {
		.bottom-menu > * > *:first-child {
				flex-basis: 100%;
		}
}
.bottom-menu ul ul {
		display: flex;
		flex-direction: column;
		gap: 9px;
		font-weight: 500;
		font-size: 20px;
		color: var(--white);
}
@media only screen and (min-width: 1000px) {
		.bottom-menu {
				font-size: 16px;
		}
		.bottom-menu ul ul {
				gap: 19px;
		}
}
@media only screen and (min-width: 1280px) {
		.footer .container {
				gap: 150px;
		}
		.bottom-menu > * {
				gap: 150px;
		}
		.bottom-text {
				font-size: 15px;
		}
}
.btns {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 24px;
}
@media only screen and (max-width: 759px) {
		.btns > * {
				flex: 1 1 auto;
		}
}
@media only screen and (min-width: 1000px) {
		.btns {
				margin-top: 32px;
		}
}
.top-text {
		text-align: center;
		font-size: var(--text-big-size);
		margin-bottom: 30px;
}
@media only screen and (min-width: 1000px) {
		.top-text {
				margin-bottom: 70px;
		}
}
.top-text .h1, .top-text .h2, .top-text .h3 {
		margin-left: auto;
		margin-right: auto;
}
.top-text .max {
		margin-left: auto;
		margin-right: auto;
		max-width: 35.1em;
}
.text-grad {
		display: inline-block;
		vertical-align: top;
		background: var(--grad3);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
}
.video video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
}