/* Start:/local/templates/main/css/style.css?1781018683158470*/
@font-face {
	font-family: "Unica77 LL Cyr";
	src: url("/local/templates/main/css/../fonts/Unica77LLCyr-Regular.woff2") format("woff2"),
		url("/local/templates/main/css/../fonts/Unica77LLCyr-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Editorial Grotesk";
	src: url("/local/templates/main/css/../fonts/EditorialGrotesk.woff2") format("woff2"),
		url("/local/templates/main/css/../fonts/EditorialGrotesk.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

html,
body,
.wrap {
	/* -webkit-overflow-scrolling: touch;
	scroll-behavior: smooth; */
	width: 100%;
}

body {
	background: #fff;
	color: #000;
	scrollbar-width: none;
}
body::-webkit-scrollbar {
	display: none;
}
body.noscroll{
	overflow: hidden;
}

input,
textarea,
button {
	outline: none;
	border-radius: 0;
	box-shadow: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
button:-webkit-autofill,
button:-webkit-autofill:hover,
button:-webkit-autofill:focus {
	-webkit-text-fill-color: #000;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset;
	transition: background-color 5000s ease-in-out 0s;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
button::-webkit-input-placeholder {
	color: #111;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
button::-moz-placeholder {
	color: #111;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
button:-moz-placeholder {
	color: #111;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
button:-ms-input-placeholder {
	color: #111;
}

button {
	cursor: pointer;
	border: none;
}

a {
	text-decoration: none;
	color: inherit;
	outline: none;
}
a[href] {
	cursor: pointer;
}

img {
	outline: none;
}

h1,
h2,
h3,
h4 {
	color: inherit;
	font-weight: inherit;
	margin: 0;
}

* {
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.desktop {
		display: none !important;
	}
}

.mobile {
	display: none !important;
}
@media (max-width: 767px) {
	.mobile {
		display: block !important;
	}
}

.overflow {
	overflow: hidden;
}

.wrap {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 0;
	overflow: hidden;
}
.bg video {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	min-width: 100.5%;
	min-height: 100.5%;
	clip-path: inset(1px 0px);
	opacity: 0;
	transition: opacity 0.8s;
}
.bg video.loaded{
	opacity: 1;
}

.main {
	min-height: 100vh;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 100%;
}
.main.init {
	position: fixed;
}
@media (orientation: portrait) and (max-width: 992px) {
	.main{
		top: auto !important;
		transform: none !important;
		position: relative !important;
	}
}

.maintop {
	height: 100vh;
	position: relative;
	font-family: "Unica77 LL Cyr";
}
@media (orientation: portrait) and (max-width: 992px) {
	.maintop,.main{
		height: calc(768 * 100vw / 375);
	}
	.main.main_main{
		height: auto;
	}
	.brokerage .main{
		height: auto;
	}
}
.maintop__purple {
	position: absolute;
	top: 0;
	right: 0;
	width: 27.38095vw;
	height: 4.7619vh;
	background: #9995f0;
}
.maintop__bej {
	position: absolute;
	top: 4.7619vh;
	right: 21.0119vw;
	width: 22.61905vw;
	height: 14.28571vh;
	background: #c6bca5;
}
.maintop__white {
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(227 * 100vw / 1680);
	height: calc(172 * 100vh / 1050);
	background: #fff;
}
.maintop__text {
	color: #fff;
	font-size: 2.28571vh;
	line-height: 1.4;
	width: 32.38095vh;
	position: absolute;
	left: 50%;
	margin-left: 38.09524vh;
	top: 66.7619vh;
}
.maintop__text a{
	display: block;
	width: fit-content;
	text-transform: uppercase;
	border-bottom: calc(3 * 100vh / 1050) solid #fff;
	margin-top: calc(60 * 100vh / 1050);
	position: relative;
	z-index: 10;
}
.maintop__logo {
	width: 108.09524vh;
	height: 16.09524vh;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -72.19048vh;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	transition: all 1s ease-out;
	transition-delay: 0.5s;
}
.maintop__logo svg {
	display: block;
	width: 100%;
	height: 100%;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maintop__logo{
		width: calc(343 * 100vw / 375);
		height: calc(49 * 100vw / 375);
		top: calc(307 * 100vw / 375);;
		margin-left: 0;
	}
	.maintop__purple {
		top: calc(62 * 100vw / 375);
		right: 0;
		width: calc(141 * 100vw / 375);
		height: calc(21 * 100vw / 375);
	}
	.maintop__bej {
		top: calc(83 * 100vw / 375);
		right: calc(89 * 100vw / 375);
		width: calc(125 * 100vw / 375);
		height: calc(51 * 100vw / 375);
	}
	.maintop__white {
		width: calc(69 * 100vw / 375);
		height: calc(75 * 100vw / 375);
	}
	.maintop__text {
		font-size: calc(16 * 100vw / 375);
		line-height: 1.4;
		width: calc(198 * 100vw / 375);
		position: absolute;
		left: calc(161 * 100vw / 375);
		margin-left: 0;
		top: calc(417 * 100vw / 375);
	}
}

.maintop__scroll {
	position: absolute;
	bottom: -4.85714vh;
	right: 0;
	font-size: 1.33333vh;
	line-height: 1.4;
	color: #fff;
	text-align: right;
	height: 38.28571vh;
	width: 100%;
	overflow: hidden;
	transition: opacity 0.3s;
}
.maintop__scroll.anim {
	opacity: 0;
}
.maintop__scroll span {
	display: block;
	padding: 3.90476vh 0;
	position: absolute;
	top: -9.52381vh;
	right: 46.2vw;
	white-space: nowrap;
	animation-name: scroll;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
}
.maintop__scroll span::before,
.maintop__scroll span::after {
	content: "";
	position: absolute;
	right: 78px;
	width: 0.09524vh;
	height: 95.2381vh;
	background: #fff;
}
.maintop__scroll span::before {
	bottom: 100%;
}
.maintop__scroll span::after {
	top: 100%;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maintop__scroll {
		top: calc(616 * 100vw / 375);
		left: 0;
		right: auto;
		bottom: auto;
		font-size: calc(14 * 100vw / 375);
		line-height: 1.4;
		height: calc(151 * 100vw / 375);
	}
	.maintop__scroll span{
		right: auto;
		left: calc(161 * 100vw / 375);
		width: calc(100 * 100vw / 375);
		white-space: normal;
		text-align: left;
	}

	.maintop__scroll span::before,
	.maintop__scroll span::after {
		right: auto;
		left: 0;
	}
}

.nav {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 26.7vh;
	height: 9.52381vh;
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav__menu {
	height: 3.42857vh;
	width: 3.80952vh;
	background: url(/local/templates/main/css/../img/menu.svg) center no-repeat;
	background-size: contain;
	cursor: pointer;
}
.nav__phone {
	height: 3.42857vh;
	width: 3.42857vh;
	margin-left: 3.80952vh;
	background: url(/local/templates/main/css/../img/phone.svg) center no-repeat;
	background-size: contain;
	cursor: pointer;
}
.nav__tg {
	height: 3.42857vh;
	width: 3.42857vh;
	margin-left: 3.80952vh;
	background: url(/local/templates/main/css/../img/tg.svg) center no-repeat;
	background-size: contain;
	cursor: pointer;
}
.nav_in{
	display: none;
}
.logo.logo_mob{
	display: none;
}
@media (orientation: portrait) and (max-width: 992px) {
	.nav{
		width: calc(135 * 100vw / 375);
		height: calc(62 * 100vw / 375);
	}
	.nav_in{
		display: flex;
		position: absolute;
	}
	.logo.logo_mob{
		display: flex;
		position: fixed;
		top: 0;
		right: 0;
		width: calc(240 * 100vw / 375);
		height: calc(62 * 100vw / 375);
		justify-content: center;
	}
	.logo.logo_mob svg{
		margin-left: 0;
		opacity: 0;
		transition: opacity 0.3s;
	}
	.logo.logo_mob.show svg{
		opacity: 1;
	}
	.nav__phone, .nav__tg {
		margin-left: 2vh;
		width: 2.5vh;
	}
}

.maincontent {
	position: relative;
	padding: 23.80952vh 0 0 0;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent {
		padding-top: calc(100 * 100vw / 375);
	}
}
.maincontent .animheight {
	position: relative;
}
.maincontent .animheight::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.maincontent .animheightrevese {
	position: relative;
}
.maincontent .animheightrevese::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.maincontent__white {
	width: 11.13095vw;
	height: 38.09524vh;
	background: #fff;
	position: absolute;
	left: 0;
	top: -14.28571vh;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__white {
		width: calc(42 * 100vw / 375);
		height: calc(100 * 100vw / 375);
		left: 0;
		top: 0;
	}
}
.maincontent__bej {
	width: 2.79762vw;
	height: 17.85714vw;
	margin-left: 71.42857vw;
	margin-top: -26.78571vw;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__bej {
		width: calc(42 * 100vw / 375);
		height: calc(48 * 100vw / 375);
		margin-left: calc(333 * 100vw / 375);
		margin-top: 0;
	}
}
.maincontent__bej::before {
	background: #c6bca5;
}
.maincontent__white2 {
	width: 7.55952vw;
	height: 8.92857vw;
	margin-left: 71.42857vw;
}
.maincontent__white2::before {
	background: #fff;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__white2 {
		width: calc(100 * 100vw / 375);
		height: calc(83 * 100vw / 375);
		margin-left: calc(233 * 100vw / 375);
	}
	.maincontent__white2::before {
		background: #9995f0;
	}
}
.maincontent__purple {
	width: 8.92857vw;
	height: 9.52381vw;
	margin-left: 78.9881vw;
	position: relative;
}
.maincontent__purple::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #9995f0;
	transform: translateY(11.90476vw);
	transition: transform 0.6s ease-out;
}
.maincontent__purple.anim::before {
	transform: translateY(0);
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__purple {
		width: calc(46 * 100vw / 375);
		height: calc(83 * 100vw / 375);
		margin-left: calc(329 * 100vw / 375);
	}
	.maincontent__white2::before {
		background: #9995f0;
	}
}
.maincontent__green {
	width: 2.97619vw;
	height: 11.90476vw;
	margin-left: 46.0119vw;
	margin-top: -32.7381vw;
}
.maincontent__green::before {
	background: #74e06e;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__green {
		width: calc(42 * 100vw / 375);
		height: calc(200 * 100vw / 375);
		margin-left: 0;
		margin-top: calc(-200 * 100vw / 375);
	}
	.maincontent__green::before {
		background: #9995f0;
	}
}
.maincontent__black {
	width: 21.30952vw;
	height: 5.95238vw;
	background: #111;
	margin-left: 28.63095vw;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__black {
		width: calc(193 * 100vw / 375);
		height: calc(81 * 100vw / 375);
		margin-left: calc(42 * 100vw / 375);
	}
}
.maincontent__white3 {
	width: 28.63095vw;
	height: 1.4881vw;
	background: #fff;
	margin-top: -1.4881vw;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__white3 {
		width: calc(98 * 100vw / 375);
		height: calc(41 * 100vw / 375);
		margin-top: 0;
		margin-left: calc(235 * 100vw / 375);
	}
}
.maincontent__logo {
	width: 36.25vw;
	height: 5.41667vw;
	margin-top: -14.46429vw;
	margin-left: 58.86905vw;
	color: #fff;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__logo {
		display: none;
	}
}
.maincontent__logo svg {
	display: block;
	width: 100%;
	height: 100%;
}
.maincontent__green2{
	display: none;
}
.maincontent__white4 {
	width: 12.5vw;
	height: 8.92857vw;
	background: #fff;
	margin-left: 36.4881vw;
	margin-top: 9.04762vw;
}
.maincontent__black2 {
	width: 6.36905vw;
	height: 23.80952vw;
	margin-left: 48.9881vw;
	margin-top: -8.92857vw;
}
.maincontent__black2::before {
	background: #111;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__green2 {
		display: block;
		width: calc(42 * 100vw / 375);
		height: calc(134 * 100vw / 375);
		margin-top: calc(-134 * 100vw / 375);
		margin-left: calc(333 * 100vw / 375);
		background: #74E06E;
	}
	.maincontent__white4 {
		width: calc(171 * 100vw / 375);
		height: calc(65 * 100vw / 375);
		background: #111;
		margin-left: calc(162 * 100vw / 375);
		margin-top: 0;
	}
	.maincontent__black2 {
		width: calc(120 * 100vw / 375);
		height: calc(57 * 100vw / 375);
		margin-left: calc(42 * 100vw / 375);
		margin-top: 0;
	}
	.maincontent__black2::before {
		background: #fff;
	}
}
.maincontent__bej2 {
	width: 49.94048vw;
	height: 1.4881vw;
	background: #c6bca5;
	margin-left: 63.80952vw;
}
.maincontent__black3,.maincontent__white5{
	display: none;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__bej2 {
		width: calc(42 * 100vw / 375);
		height: calc(137 * 100vw / 375);
		margin-left: 0;
		margin-top: calc(-137 * 100vw / 375);
	}
	.maincontent__black3 {
		width: calc(193 * 100vw / 375);
		height: calc(81 * 100vw / 375);
		margin-left: calc(42 * 100vw / 375);
		background: #000;
		display: block;
	}
	.maincontent__white5 {
		width: calc(98 * 100vw / 375);
		height: calc(41 * 100vw / 375);
		margin-left: calc(235 * 100vw / 375);
		background: #fff;
		display: block;
	}
}
.maincontent__block1 {
	margin-left: 11.13095vw;
	cursor: pointer;
}
.maincontent__block2 {
	margin-left: 48.9881vw;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__block2 {
		margin-left: calc(42 * 100vw / 375);
	}
}
.maincontent__block3 {
	margin-left: 10.05952vw;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__block3 {
		margin-left: 0;
	}
}
.maincontent__block4 {
	margin-left: 55.35714vw;
	margin-top: -23.80952vw;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__block4 {
		margin-left: calc(42 * 100vw / 375);
		margin-top: 0;
	}
}
.maincontent__block5 {
	margin-left: 10.05952vw;
	margin-top: -23.80952vw;
}
@media (orientation: portrait) and (max-width: 992px) {
	.maincontent__block5 {
		margin-left: 0;
		margin-top: 0;
	}
}

.block {
	padding: 5.95238vw 4.7619vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	width: 38.92857vw;
	height: 38.69048vw;
	color: #111;
}
@media (orientation: portrait) and (max-width: 992px) {
	.block {
		width: calc(333 * 100vw / 375);
		height: auto;
		padding: 0;
	}
}
.block__in {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 5.95238vw 4.7619vw;
	transform: translateY(17.85714vw);
	transition: transform 1s ease-out;
}
@media (orientation: portrait) and (max-width: 992px) {
	.block__in {
		position: relative;
		padding: calc(100 * 100vw / 375) calc(25 * 100vw / 375) calc(60 * 100vw / 375);
	}
}
.block.anim .block__in {
	transform: translateY(0);
}
.block__title {
	font-family: "Editorial Grotesk";
	font-size: 3.80952vw;
	line-height: 1;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	white-space: nowrap;
	overflow: hidden;
	width: 0;
	transition: width 1.2s ease-out;
}
@media (orientation: portrait) and (max-width: 992px) {
	.block__title {
		font-size: calc(35 * 100vw / 375);
		line-height: 1.14;
		width: 100%;
	}
}
.block.anim .block__title {
	width: 100%;
}
.block__ul {
	position: relative;
	z-index: 1;
	font-family: "Unica77 LL Cyr";
	font-size: 0.95238vw;
	line-height: 1.4;
	width: 25.83333vw;
	left: -2.38095vw;
	counter-reset: blockul;
}
@media (orientation: portrait) and (max-width: 992px) {
	.block__ul {
		font-size: calc(16 * 100vw / 375);
		left: 0;
		width: 100%;
		margin-top: calc(80 * 100vw / 375);
	}
}
.block__ulin {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	will-change: height;
	transition: height 0.5s linear;
	transition-delay: 0.5s;
}
@media (orientation: portrait) and (min-width: 993px), (orientation: landscape) {
	.block.animated:not(.anim) .block__ulin {
		height: 0 !important;
	}
}
.block__li {
	padding-bottom: 1.30952vw;
	position: relative;
	counter-increment: blockul;
	padding-left: 2.38095vw;
}
@media (orientation: portrait) and (max-width: 992px) {
	.block__li {
		padding-left: calc(35 * 100vw / 375);
		padding-bottom: calc(22 * 100vw / 375);
	}
}
.block__li:last-child {
	padding-bottom: 0;
}
.block__li::before {
	content: "0" counter(blockul);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.35;
}
.block__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-family: "Editorial Grotesk";
	font-size: 29.7619vw;
	line-height: 0.68;
	color: #fff;
	opacity: 0.2;
	overflow: hidden;
}
@media (orientation: portrait) and (max-width: 992px) {
	.block__bg {
		font-size: calc(300 * 100vw / 375);
		padding-left: calc(16 * 100vw / 375);
	}
}
.block__bg span {
	position: absolute;
	bottom: 0;
	transform: translateX(-2.97619vw);
	transition: transform 2.5s;
}
.block.anim .block__bg span {
	transform: translateX(0);
}
.block__arrow {
	position: absolute;
	right: 0;
	top: 0;
	width: 8.21429vw;
	height: 8.09524vw;
	will-change: transform;
	transition: transform 0.3s;
}
@media (orientation: portrait) and (max-width: 992px) {
	.block__arrow {
		width: calc(80 * 100vw / 375);
		height: calc(80 * 100vw / 375);
	}
}
.block__arrow:hover {
	transform: scale(1.2);
}
.block__arrow svg {
	display: block;
	width: 100%;
	height: 100%;
}
.block__arrow span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	width: 5.35714vw;
	height: 5.35714vw;
	opacity: 0;
}
.block.anim-h .block__arrow span {
	animation-name: circle;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}
.block.anim-h .block__arrow span:nth-child(2) {
	animation-delay: 0.2s;
}
.block.anim-h .block__arrow span:nth-child(3) {
	animation-delay: 0.4s;
}
.block.anim-h .block__arrow span:nth-child(4) {
	animation-delay: 0.6s;
}
.block_1 {
	background: #111;
	color: #fff;
	width: 60.29762vw;
}
@media (orientation: portrait) and (max-width: 992px) {
	.block_1 {
		width: calc(333 * 100vw / 375);
		padding: calc(100 * 100vw / 375) calc(25 * 100vw / 375) calc(60 * 100vw / 375);
	}
}
.block_1 .block__bg {
	opacity: 0.05;
}
@media (orientation: portrait) and (max-width: 992px) {
	.block_1 .block__bg {
		font-size: calc(400 * 100vw / 375);
	}
}
.block_1 .block__bg span {
	left: 6.54762vw;
	transform: translateX(2.97619vw);
}
@media (orientation: portrait) and (max-width: 992px) {
	.block_1 .block__bg span {
		left: calc(-16 * 100vw / 375);
	}
}
.block_2 .block__in {
	background: #d7d7d7;
}
.block_2 .block__bg span {
	left: -3.33333vw;
}
.block_3 .block__in {
	background: #c6bca5;
}
.block_3 .block__bg span {
	left: -3.63095vw;
}
@media (orientation: portrait) and (max-width: 992px) {
	.block_3 .block__bg span {
		left: 0;
	}
}
.block_4 .block__in {
	background: #9995f0;
}
.block_4 .block__bg span {
	left: 21.72619vw;
}
.block_5 .block__in {
	background: #74e06e;
}
.block_5 .block__bg span {
	left: 3.15476vw;
}

#svgscheme {
	display: none;
}

.pause {
	left: 0;
	width: 100%;
	z-index: 10;
	height: 29.7619vw;
}
.pause.init {
	position: fixed;
}
@media (orientation: portrait) and (max-width: 992px) {
	.pause {
		height: calc(79 * 100vw / 375);
		position: relative !important;
	}
}

.middle {
	left: 0;
	width: 100%;
	z-index: 10;
}
.middle.init {
	position: fixed;
}
@media (orientation: portrait) and (max-width: 992px) {
	.middle {
		top: auto !important;
		transform: none !important;
		position: relative !important;
	}
	.middle .logo{
		display: none;
	}
}

.middle3 {
	left: 0;
	width: 100%;
	z-index: 101;
	height: 240vh;
	background-color: #111111;
}
.middle3.init {
	position: fixed;
}
@media (orientation: portrait) and (max-width: 992px) {
	.middle3 {
    transform: none !important;
    top: 0 !important;
    position: relative !important;
		height: auto !important;
	}
	.middle3.init{
		opacity: 1;
	}
}

.middle1 {
	left: 0;
	width: 100%;
	z-index: 100;
}
.middle1.init {
	position: fixed;
}
@media (orientation: portrait) and (max-width: 992px) {
	.middle1 {
    transform: none !important;
    top: 0 !important;
    position: relative !important;
	}
}

.company-middle2-text {
	position: absolute;
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	color: #111111;
	top: calc(871 * 100vh / 1050);
	right: calc(180 * 100vh / 1050);
	transition: all 600ms;
}

.company-middle2-block_black {
	display: flex;
	align-items: center;
	width: calc(227 * 100vh / 1050);
	height: calc(233 * 100vh / 1050);
	background-color: #000;
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(16 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	color: #d7d7d7;
	left: calc(267 * 100vh / 1050);
	position: absolute;
	top: calc(717 * 100vh / 1050);
	transition: all 500ms;
	transform: translateY(100vh);
}
.company-middle2-block_black.anim {
	transform: translateY(0);
	transition-delay: 1.8s;
}
.company-middle2-block-sub-b{
	font-family: 'Editorial Grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: calc(30 * 100vh / 1050);
	line-height: 1.46;
	text-transform: uppercase;
	color: #111111;
	display: flex;
	position: absolute;
	top: calc(687 * 100vh / 1050);
	left: calc(267 * 100vh / 1050);
	margin-left: calc(-185 * 100vh / 1050);
}
@media (orientation: portrait) and (max-width: 992px) {
	.company-middle2-block_black {
		width: calc(116 * 100vw / 375);
		height: calc(114 * 100vw / 375);
		font-size: calc(16 * 100vw / 375);
		left: calc(16 * 100vw / 375);
		top: calc(320 * 100vw / 375);
		transform: scale(1,0);
		transform-origin: bottom;
	}
	.company-middle2-block_black,
	.company-middle2-block_black.anim {
		transform: scale(1,1);
		transition-delay: 0s;
	}
	.company-middle2-block-sub-b{
		font-size: calc(20 * 100vw / 375);
		line-height: 2.2;
		top: calc(276 * 100vw / 375);
		text-align: center;
		margin: 0;
		left: calc(16 * 100vw / 375);
		width: calc(116 * 100vw / 375);
 	 	display: block;
	}
	.company-middle2-text{
		font-size: calc(28 * 100vw / 375);
		left: calc(16 * 100vw / 375);
		top: calc(719 * 100vw / 375);
		width: calc(342 * 100vw / 375);
		opacity: 1 !important;
		transform: none !important;
	}
}
.company-middle2-block-sub-g{
	font-family: 'Editorial Grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: calc(30 * 100vh / 1050);
	line-height: 1.46;
	text-transform: uppercase;
	color: #111111;
	display: flex;
	position: absolute;
	top: calc(220 * 100vh / 1050);
	left: calc(267 * 100vh / 1050);
	margin-left: calc(-185 * 100vh / 1050);
}
.company-middle2-block-sub-g>div{
	height: 1px;
	margin-left: calc(20 * 100vh / 1050);
	background-color: #000;
	display: flex;
	position: relative;
	top: calc(30 * 100vh / 1050);
	width: calc(436 * 100vh / 1050);
}
 .middle1  .company__number{
	 font-size: 28.57vh;
 }
 .company__number > span{
	font-size: 14.29vh;
	opacity: 1 !important;
}
@media (orientation: portrait) and (max-width: 992px) {
	.middle1  .company__number{
		font-size: calc(150 * 100vw / 375);
	}
	.middle1  .company__number span{
	 font-size: calc(80 * 100vw / 375);
 }

 .company-middle2-block-sub-g{
	 font-size: calc(20 * 100vw / 375);
	 line-height: 2.2;
	 top: calc(40 * 100vw / 375);
	 text-align: center;
	 margin: 0;
	 left: calc(244 * 100vw / 375);
	 width: calc(116 * 100vw / 375);
	 display: block;
 }
 .company-middle2-block-sub-g>div{
	 display: none;
 }
}
.company-middle2-block-sub-p{
	font-family: 'Editorial Grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: calc(30 * 100vh / 1050);
	line-height: 1.46;
	text-transform: uppercase;
	color: #111111;
	display: flex;
	position: absolute;
	top: calc(452 * 100vh / 1050);
	left: calc(267 * 100vh / 1050);
	margin-left: calc(-185 * 100vh / 1050);
}
.company-middle2-block-sub-p>div{
	height: 1px;
	margin-left: calc(20 * 100vh / 1050);
	background-color: #000;
	display: flex;
	position: relative;
	top: calc(30 * 100vh / 1050);
	width: calc(203 * 100vh / 1050);
}

.company-middle2-block_grey {
	display: flex;
	align-items: center;
	padding-left: 4.76vw;
	width: 56.55vw;
	height: 17.14vh;
	background-color: #c6bca5;
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: 6.1vh;
	line-height: 6.1vh;
	text-transform: uppercase;
	color: #111111;
	left: 0px;
	position: absolute;
	top: 55.52vh;
	transition: all 600ms;
	transform: translateX(-58.34vw);
}

.company-middle2-block_purp {
	width: calc(227 * 100vh / 1050);
	height: calc(467 * 100vh / 1050);
	background-color: #9995f0;
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(16 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	color: #111111;
	left: calc(494 * 100vh / 1050);
	position: absolute;
	top: calc(483 * 100vh / 1050);
	transition: all 500ms;
	transform: translateY(100vw);
}

.company-middle2-block_purp.anim {
	transform: translateY(0);
	transition-delay: 1.2s;
}
@media (orientation: portrait) and (max-width: 992px) {
	.company-middle2-block_purp {
		width: calc(116 * 100vw / 375);
		height: calc(236 * 100vw / 375);
		font-size: calc(16 * 100vw / 375);
		left: calc(129 * 100vw / 375);
		top: calc(199 * 100vw / 375);
		transform: scale(1,0);
		transform-origin: bottom;
	}
	.company-middle2-block_purp,
	.company-middle2-block_purp.anim {
		transform: scale(1,1);
		transition-delay: 0s;
	}
	.company-middle2-block-sub-p{
		font-size: calc(20 * 100vw / 375);
		line-height: 2.2;
		top: calc(156 * 100vw / 375);
		text-align: center;
		margin: 0;
		left: calc(129 * 100vw / 375);
		width: calc(116 * 100vw / 375);
 	 display: block;
	}
	.company-middle2-block-sub-p>div{
		display: none;
	}
}

.company-middle2-block_green {
	align-items: center;
	width: calc(227 * 100vh / 1050);
	height: calc(700 * 100vh / 1050);
	background-color: #74e06e;
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(16 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	color: #111111;
	left: calc(720 * 100vh / 1050);
	position: absolute;
	top: calc(250 * 100vh / 1050);
	transition: all 500ms;
	transform: translateY(100vh);

}
.company-middle2-block{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.company-middle2-block span {
	font-family: 'Unica77 LL Cyrillic';
	font-style: normal;
	font-weight: 400;
	font-size: calc(16 * 100vh / 1050);
	line-height: 140%;
	color: #111111;
	position: relative;
	top: calc(20 * 100vh / 1050);
}
@media (orientation: portrait) and (max-width: 992px) {
	.company-middle2-block_green {
		width: calc(116 * 100vw / 375);
		height: calc(352 * 100vw / 375);
		font-size: calc(16 * 100vw / 375);
		left: calc(244 * 100vw / 375);
		top: calc(84 * 100vw / 375);
		transform: scale(1,0);
		transform-origin: bottom;
	}
	.company-middle2-block span{
		font-size: calc(16 * 100vw / 375);
		top: calc(30 * 100vw / 375);
	}
}

.company-middle2-block_green.anim {
	transform: translateY(0);
	transition-delay: 300ms;
}
@media (orientation: portrait) and (max-width: 992px) {
	.company-middle2-block_green,.company-middle2-block_green.anim {
		transform: scale(1,1);
		transition-delay: 0s;
	}
}

.company-middle2-block_grey.anim {
	transform: translateX(0);
	transition-delay: 600ms;
}

.company-middle2-text.anim {
	opacity: 1;
	transform: translateY(0);
}

.company-middle2-text {
	opacity: 0;
	transform: translateY(100px);
}
#counter1 {
	top: calc(491 * 100vh / 1050);
	right: calc(100 * 100vh / 1050);
}
#counter1 span {
	font-size: 33.33vh !important;
}
#counter1 span {
	width: 18.85714vh  !important;
}
.middle2 .loader__counter {
}
.company-middle2-sub-text{
	font-family: 'Editorial Grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: calc(68 * 100vh / 1050);
	line-height: 1.176;
	text-transform: uppercase;
	color: #111111;
	transform: rotate(-90deg);
	position: absolute;
	top: calc(629 * 100vh / 1050);
	right: calc(33 * 100vw / 1680);
}
@media (orientation: portrait) and (max-width: 992px) {
	#counter1{
		top: calc(500 * 100vw / 375);
    left: calc(16 * 100vw / 375);
    right: auto;
	}
	#counter1 span{
		font-size: calc(200 * 100vw / 375) !important;
		line-height: 1;
		width: calc(120 * 100vw / 375) !important;
	}
	.company-middle2-sub-text{
		font-size: calc(38 * 100vw / 375);
		top: calc(580 * 100vw / 375);
		right: 0;
	}
}


.company-middle3-title {
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(130 * 100vh / 1050);
	line-height: 0.923;
	position: absolute;
	top: calc(150 * 100vh / 1050);
	text-transform: uppercase;
	color: #ffffff;
	left: calc(91 * 100vw / 1680);
	font-style: normal;
}
@media (orientation: portrait) and (max-width: 992px) {
	.company-middle3-title{
		top: calc(60 * 100vw / 375);
		font-size: calc(52 * 100vw / 375);
		line-height: 1;
	}
}
.anim-right .middle3-wrap-text{
	transform: translateY(0);
}
.middle3 {
	height: 500vh;
}
.middle3-wrap {
	width: 100%;
	overflow: hidden;
}
.company_footer.init {
	position: fixed;
	z-index: 104;
}
@media (orientation: portrait) and (max-width: 992px) {
	.company_footer{
    position: relative !important;
    top: 0 !important;
    transform: none !important;
	}
}

.middle2 {
	left: 0;
	width: 100%;
	z-index: 100;
	height: 250vh;
	background-color: #fff;
}
.middle2.init {
	position: fixed;
}
@media (orientation: portrait) and (max-width: 992px) {
	.middle2 {
    transform: none !important;
    top: 0 !important;
    position: relative !important;
		height: calc(848 * 100vw / 375);
	}
}

.middle.init {
	position: fixed;
}

.middle2 {
	left: 0;
	width: 100%;
	z-index: 100;
}

.middle2.init {
	position: fixed;
}

.bottom-company {
	width: 100vw;
	height: 600vh;
	position: relative;
}

.bottom {
	left: 0;
	width: 100%;
	top: 100vh;
	z-index: 20;
}
.bottom.init {
	position: fixed;
	/* top: 100vh; */
}
@media (orientation: portrait) and (max-width: 992px) {
	.bottom{
		top: auto !important;
		transform: none !important;
		position: relative !important;
	}
	.bottom .logo{
		display: none;
	}
}

.logo {
	position: absolute;
	z-index: 100;
	right: 0;
	top: 0;
	width: 36.38095vh;
	height: 9.52381vh;
	background: #fff;
	display: flex;
	align-items: center;
	color: #000;
}
@media (orientation: portrait) and (max-width: 992px) {
	.logo{
		width: calc(259 * 100vw / 375);
		height: calc(62 * 100vw / 375);
	}
}

.logo#mainlogo {
	position: fixed;
	display: none;
}
.logo#mainlogo.show {
	display: flex;
}
.logo svg {
	display: block;
	width: 24.19048vh;
	height: 3.61905vh;
	margin-left: 7.61905vh;
}

.bigblock {
	position: relative;
	width: 100vw;
	height: 100vh;
}
.bigblock__title {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 4.7619vw;
	width: 90.47619vw;
	padding: 14.28571vh 1.0119vw 0.95238vh;
	border-bottom: 1px solid #111;
	color: #111;
	text-transform: uppercase;
	font-family: "Editorial Grotesk";
	font-size: 3.80952vh;
	line-height: 1;
}
@media (orientation: portrait) and (max-width: 992px) {
	.bigblock{
		height: auto;
	}
	.bigblock__title{
		left: calc(16 * 100vw / 375);
		width: calc(343 * 100vw / 375);
		padding: calc(60 * 100vw / 375) 0 calc(10 * 100vw / 375);
		font-size: calc(24 * 100vw / 375);
	}
}

.company {
	background: #111111;
	color: #fff;
	padding-top: 37.52381vh;
	height: 200vh;
}
.company .bigblock__title {
	border-color: #d7d7d7;
	color: #fff;
}
.company__numbers {
	display: flex;
	justify-content: center;
}
.company__number {
	font-family: 'Editorial Grotesk', Arial;
	font-size: 28.57vh;
	line-height: 0.9;
	transition: transform 0.8s;
}
.company__number div {
	font-family: "Unica77 LL Cyr";
	font-size: 1.52381vh;
	line-height: 1.4;
	opacity: 0;
	transition: opacity 0.5s;
}
.company__number:nth-child(1) div {
	padding-left: 3.04762vh;
}
.company__number:nth-child(2) div {
	padding-left: 2.7619vh;
}
.company__number:nth-child(3) div {
	padding-left: 1.42857vh;
}
.company.anim .company__number:nth-child(1) {
	transform: translateY(-14.85714vh);
}
.company.anim .company__number:nth-child(3) {
	transform: translateY(14.66667vh);
}
.company.anim .company__number div {
	opacity: 1;
}
.company.anim .company__link {
	opacity: 1;
}
.company__link {
	display: inline-block;
	text-transform: uppercase;
	font-family: "Editorial Grotesk";
	font-size: 2.28571vh;
	line-height: 1;
	margin-top: 14.19048vh;
	margin-left: 5.77381vw;
	border-bottom: 0.28571vh solid #fff;
	opacity: 0;
	transition: opacity 0.5s;
}
@media (orientation: portrait) and (max-width: 992px) {
	.company{
		height: auto;
		padding-top: calc(95 * 100vw / 375);
		padding-bottom: calc(91 * 100vw / 375);
	}
	.company .bigblock__title {
		border-color: #fff;
	}
	.company__numbers{
		flex-direction: column;
		padding-left: calc(16 * 100vw / 375);
	}
	.company__number {
		font-size: calc(120 * 100vw / 375);
		padding-top: calc(60 * 100vw / 375);
	}
	.company__number div{
		font-size: calc(16 * 100vw / 375);
		margin-top: calc(25 * 100vw / 375);
		opacity: 1 !important;
	}
	.company__link {
		font-size: calc(24 * 100vw / 375);
		margin-top: calc(80 * 100vw / 375);
		margin-left: calc(16 * 100vw / 375);
		border-width: calc(2 * 100vw / 375);
	}

	/* .company__number:nth-child(1) div,
	.company__number:nth-child(2) div,
	.company__number:nth-child(3) div{
		padding-left: 0;
	}
	.company__number{
		transition: transform 0.5s;
	}
	.company__number:nth-child(3),
	.company__number:nth-child(2),
	.company__number:nth-child(1){
		transform: translateX(100vw) !important;
	}
	.company__number:nth-child(3).anim,
	.company__number:nth-child(2).anim,
	.company__number:nth-child(1).anim{
		transform: translateX(0) !important;
	} */

	.company__number:nth-child(3),
	.company__number:nth-child(2),
	.company__number:nth-child(1){
		transform: none !important;
	}
}

.services {
	z-index: 20;
	display: flex;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.services .services__title {
	width: 0;
	transition: width 1.5s;
	transition-delay: 0.2s;
	overflow: hidden;
	height: 18.19048vh;
}
.services__col {
	width: 50%;
	padding-top: 9.52381vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: translateY(100%);
	transition: transform 1.5s;
	position: relative;
	overflow: hidden;
}
.services__colbg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: transform 5s;
}
.services.anim .services__colbg{
	transform: scale(1.1);
}
.services__col_f {
	transition-delay: 0s;
}
.services__col_l {
	transition-delay: 0.5s;
}
.services.anim .services__col {
	transform: translateY(0);
}
.services.anim .services__title {
	width: 90.47619vw;
}
.services__block {
	position: relative;
	z-index: 1;
	width: 38.09524vh;
	height: 38.09524vh;
	color: #fff;
	font-family: "Editorial Grotesk";
	font-size: 6.09524vh;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
}
.services__blockin {
	transform: translateY(100%);
	transition: transform 1.5s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 4.7619vh;
	background: #111;
}
.services__block_purple,.services__col + .services__col .services__block  {
	color: #000;
}
.services__block_purple .services__blockin,.services__col + .services__col .services__blockin{
	background: #9995f0;
	transition-delay: 0.3s;
}
.services__block_purple .services__blockin .services__arrow span:nth-child(2) {
	animation-delay: 0.5s;
}
.services__block_purple .services__blockin .services__arrow span:nth-child(3) {
	animation-delay: 0.7s;
}
.services__block_purple .services__blockin .services__arrow span:nth-child(4) {
	animation-delay: 0.9s;
}
.services__block.anim .services__blockin {
	transform: translateY(0);
}
.services__block.anim-h .services__arrow span {
	animation-name: circle;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}
.services__block.anim-h .services__arrow span:nth-child(2) {
	animation-delay: 0.2s;
}
.services__block.anim-h .services__arrow span:nth-child(3) {
	animation-delay: 0.4s;
}
.services__block.anim-h .services__arrow span:nth-child(4) {
	animation-delay: 0.6s;
}
.services__arrow {
	position: absolute;
	right: 0;
	top: 0;
	width: 13.14286vh;
	height: 12.95238vh;
	will-change: transform;
	transition: transform 0.3s;
}
.services__arrow:hover {
	transform: scale(1.2);
}
.services__arrow svg {
	display: block;
	width: 100%;
	height: 100%;
}
.services__arrow span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	width: 5.35714vw;
	height: 5.35714vw;
	opacity: 0;
}
@media (orientation: portrait) and (max-width: 992px) {
	.services__col + .services__col .services__block {
		color: #fff;
	}
	.services{
		flex-direction: column;
		height: auto;
		width: 100%;
		padding-bottom: calc(52 * 100vw / 375);
	}
	.services .services__title {
		height: auto;
		border-color: #fff;
		color: #fff;
	}
	.services__col{
		width: 100%;
		padding-top: calc(138 * 100vw / 375);
		transform: translateY(0);
	}
	.services__colbg{
		background-image: none !important;
	}
	.services__col + .services__col{
		padding-top: calc(20 * 100vw / 375);
	}
	.services__block {
		width: 100%;
		height: calc(250 * 100vw / 375);
		font-size: calc(35 * 100vw / 375);
		margin: 0 calc(16 * 100vw / 375);
	}
	.services__blockin{
		padding-bottom: 0;
		align-items: center;
	}
	.services__blockin{
		transition: opacity 0.5s, transform 0.5s;
	}
	.services:not(.services2) .services__block.anim .services__blockin:not(.anim){
		opacity: 0;
		transform: translateY(10vh);
	}
	.services__block.anim .services__blockin.anim{
		opacity: 1;
		transform: translateY(0);
	}
}
@media (orientation: portrait) and (min-width: 993px) {
	.services{
		background-image: none !important;
	}
}
@media (orientation: landscape) {
	.services{
		background-image: none !important;
	}
}

.formblock {
	background: #fff;
	z-index: 30;
	padding: 52.47619vh 9.66667vh 0 9.38095vh;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	color: #000;
}
.formblock__title {
	font-family: "Editorial Grotesk";
	font-size: 6.09524vh;
	line-height: 1;
	text-transform: uppercase;
}
.formblock__form {
	width: 42.85714vw;
}
.formblock.anim .formblock__field {
	width: 100%;
}
.formblock__field {
	width: 0;
	transition: width 1s;
	overflow: hidden;
}
.formblock__fieldin {
	width: 42.85714vw;
	border: 0.11905vw solid #000000;
	border-bottom: none;
}
.formblock__field:not(:first-child) .formblock__fieldin {
	border-top: none;
}
.formblock__field:nth-child(2) {
	transition-delay: 0.2s;
}
.formblock__field:nth-child(3) {
	transition-delay: 0.4s;
}
.formblock__field:nth-child(4) {
	transition-delay: 0.6s;
}
.formblock__field input {
	display: block;
	width: 100%;
	height: 4.57143vh;
	padding: 0 1.19048vw;
	font-family: "Unica77 LL Cyr";
	font-size: 1.52381vh;
	line-height: 1.4;
	color: #111;
	border: none;
	border-bottom: 0.11905vw solid #000000;
}
.formblock__field input.error {
	border-color: red;
}
.formblock__field textarea {
	display: block;
	width: 100%;
	height: 18.85714vh;
	resize: none;
	border: none;
	padding: 1.33333vh 1.19048vw;
	font-family: "Unica77 LL Cyr";
	font-size: 1.52381vh;
	line-height: 1.4;
	color: #111;
	border: none;
	border-bottom: 0.11905vw solid #000000;
}
.formblock__field .error-message {
  padding: 1.33333vh 1.19048vw;
  font-family: "Unica77 LL Cyr";
  font-size: 1.52381vh;
  line-height: 1.4;
  color: red;
}
.formblock__field--consent {
	margin-top: 1.90476vh;
}
.formblock__consent {
	align-items: flex-start;
	cursor: pointer;
	display: flex;
	gap: 1.19048vw;
	width: 42.85714vw;
}
.formblock__field input.formblock__consent-checkbox {
	border: 0;
	height: 1px;
	opacity: 0;
	padding: 0;
	position: absolute;
	width: 1px;
}
.formblock__consent-box {
	border: 0.11905vw solid #000000;
	box-sizing: border-box;
	display: block;
	flex: 0 0 auto;
	height: 2.28571vh;
	margin-top: 0.19048vh;
	position: relative;
	width: 2.28571vh;
}
.formblock__consent-checkbox:checked + .formblock__consent-box::after {
	border-bottom: 0.11905vw solid #000000;
	border-right: 0.11905vw solid #000000;
	content: "";
	display: block;
	height: 1.33333vh;
	left: 50%;
	position: absolute;
	top: 43%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 0.66667vh;
}
.formblock__consent.error .formblock__consent-box {
	border-color: red;
}
.formblock__consent-text {
	color: #000000;
	font-family: "Unica77 LL Cyr";
	font-size: 1.52381vh;
	line-height: 1.35;
}
.formblock__consent-text a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}
.formblock__button {
	margin-top: 1.90476vh;
	display: inline-block;
	font-family: "Editorial Grotesk";
	font-size: 2.28571vh;
	line-height: 1.4;
	text-transform: uppercase;
	color: #111;
	cursor: pointer;
	overflow: hidden;
}
@media (orientation: portrait) and (max-width: 992px) {
	.formblock{
		padding: calc(60 * 100vw /375) calc(16 * 100vw /375) calc(110 * 100vw /375);
		display: block;
	}
	.formblock__form{
		width: 100%;
		margin-top: calc(110 * 100vw /375);
	}
	.formblock__fieldin{
		width: 100%;
		border-width: calc(2 * 100vw /375);
	}
	.formblock__field input{
		font-size: calc(16 * 100vw /375);
		padding: 0 calc(20 * 100vw /375);
		height: calc(50 * 100vw /375);
	}
	.formblock__field textarea {
		font-size: calc(16 * 100vw /375);
		padding: calc(12 * 100vw /375) calc(20 * 100vw /375);
		height: calc(200 * 100vw /375);
		border-width: calc(2 * 100vw /375);
	}
	.formblock__field--consent {
		margin-top: calc(18 * 100vw /375);
	}
	.formblock__consent {
		gap: calc(12 * 100vw /375);
		width: 100%;
	}
	.formblock__consent-box {
		border-width: calc(2 * 100vw /375);
		height: calc(24 * 100vw /375);
		margin-top: calc(2 * 100vw /375);
		width: calc(24 * 100vw /375);
	}
	.formblock__consent-checkbox:checked + .formblock__consent-box::after {
		border-bottom-width: calc(2 * 100vw /375);
		border-right-width: calc(2 * 100vw /375);
		height: calc(12 * 100vw /375);
		width: calc(6 * 100vw /375);
	}
	.formblock__consent-text {
		font-size: calc(14 * 100vw /375);
		line-height: 1.35;
	}
	.formblock__button{
		font-size: calc(24 * 100vw /375);
		margin-top: calc(23 * 100vw /375);
	}
	.formblock__button::after{
		height: calc(2 * 100vw /375);
	}

	.formblock__field {
		width: 0;
		transition: width 0.5s;
	}
	.formblock__block.anim .formblock__field {
		width: 100%;
	}

}

@keyframes after {
	0% {
		transform: translateX(0px);
	}
	40% {
		transform: translateX(200px);
	}
	41% {
		transform: translateX(200px);
		opacity: 0;
	}
	59% {
		opacity: 0;
	}
	60% {
		opacity: 1;
		transform: translateX(-150px);
	}
	100% {
		transform: translateX(0px);
	}
}
@keyframes afterPast {
	0% {
		transform: translateX(0px);
	}
	40% {
		transform: translateX(200px);
	}
	41% {
		transform: translateX(200px);
		opacity: 0;
	}
	59% {
		opacity: 0;
	}
	60% {
		opacity: 1;
		transform: translateX(-150px);
	}
	100% {
		transform: translateX(0px);
	}
}
.formblock__button.active::after {
	animation: 2s ease-in-out after;
}
.formblock__button.activePast::after {
	animation: 2s ease-in-out afterPast;
}

.formblock__button::after {
	content: "";
	display: block;
	left: 0;
	bottom: 0px;
	position: relative;
	right: 0;
	height: 1px;
	background: #000;
	opacity: 1;
	transition: all 600ms;
}

.block {
	cursor: pointer;
}
.company.anim .company__number span {
	opacity: 1;
}
.company .company__number span {
	opacity: 0;
	margin-right: -0.1vw;
}
@media (orientation: portrait) and (max-width: 992px) {
	.company .company__number span {
		opacity: 1;
		margin-right: -0.1vw;
	}
}

.company_flex {
	display: flex;
	justify-content: left;
}

.company_anim {
	width: 0px;
	text-align: right;
}
.company.anim .company_anim {
	width: 100px;
	transform: all 1s;
	transition-delay: 1s;
}
.delevopment {
	background: #eaeaea;
	z-index: 40;
	padding-top: 39.14286vh;
}
.delevopment_sm{
	padding-top: calc(329 * 100vh / 1050);
}
.delevopment__link {
	margin: 0 0 0 9.61905vh;
	display: block;
	font-family: "Editorial Grotesk";
	font-size: 12.19048vh;
	line-height: 1;
	color: #000;
	text-transform: uppercase;
	overflow: hidden;
	width: 0;
	height: 12.19048vh;
	transition: width 2s;
}
.delevopment__link span {
	height: 12.19048vh;
	display: inline-block;
	border-bottom: 0.7619vh solid #000;
}
.sm__link{
	font-family: "Editorial Grotesk";
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 0 0 calc(101 * 100vw / 1680);
	height: calc(3*80 * 100vh / 1050);
}
.sm__link span {
	font-size: calc(80 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	height: calc(80 * 100vh / 1050);
	display: block;
	border-bottom: 0.7619vh solid #000;
}
.delevopment.anim .delevopment__link {
	width: 100%;
}
@media (orientation: portrait) and (max-width: 992px) {
	.delevopment{
		padding-top: calc(254 * 100vw / 375);
	}
	.delevopment__link {
		height: calc(35 * 100vw / 375);
		font-size: calc(35 * 100vw / 375);
		margin-left: calc(16 * 100vw / 375);
	}
	.delevopment__link span{
		height: calc(35 * 100vw / 375);
		border-width: calc(2 * 100vw / 375);
	}
	.delevopment .logo{
		display: none;
	}
}

.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 28.57143vh;
	background: #111;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 0 4.82143vw 4.19048vh;
	font-family: "Unica77 LL Cyr";
	font-size: 1.33333vh;
	line-height: 1.4;
	color: #fff;
}
.footer a {
	border-bottom: 0.19048vh solid #fff;
}
@media (orientation: portrait) and (max-width: 992px) {
	.footer {
		position: relative;
		margin-top: calc(159 * 100vw / 375);
		height: auto;
		padding: calc(143 * 100vw / 375) calc(16 * 100vw / 375) calc(40 * 100vw / 375);
		flex-direction: column;
		align-items: flex-start;
		font-size: calc(14 * 100vw / 375);
	}
	.footer a {
		border-width: calc(2 * 100vw / 375);
	}
	.footer__developer{
		margin-top: calc(30 * 100vw / 375);
	}
}

.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 200;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.loader::before,
.loader::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: transform 1s;
}
.loader::before {
	background: #fff;
	z-index: 10;
}
.loader::after {
	background: #000;
	z-index: 0;
	transition-delay: 1s;
}
.loader__logo {
	width: 100%;
	height: 14.94048vw;
	position: fixed;
	left: 0;
	top: 50vh;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 20;
	transition: all 1.5s ease-out;
	transition-delay: 0.5s;
}
.loader__logoblock {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 14.94048vw;
	overflow: hidden;
}
.loader__logoblock svg {
	display: block;
	width: 100vw;
	height: 100%;
}
@media (orientation: portrait) and (max-width: 992px){
	.loader__logo {
		height: calc(49 * 100vw / 375);
	}
	.loader__logoblock {
		height: calc(49 * 100vw / 375);
	}
}

.cursor {
	width: 250px;
	height: 250px;
	border-radius: 250px;
	border: solid 1px #bdbdbd;
	position: absolute;
	z-index: 150;
	left: 50%;
	top: 0;
	pointer-events: none;
}
.cursor.active {
	animation: 2s ease-in-out 0s infinite alternate pulse;
}
@media (orientation: portrait) and (max-width: 992px){
	.cursor{
		display: none;
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.9);
	}
	100% {
		transform: scale(1);
	}
}

.loader__logoborder {
	color: #fff;
	stroke: #bdbdbd;
	stroke-width: 1.5px;
	z-index: 0;
}
.loader__logoblack {
	color: #000;
	width: 0;
	z-index: 10;
	transition: width 0.03s linear, color 1.5s 0s ease-out;
}
.loader__logoblack.anim {
	height: 0 !important;
}
.loader__counter {
	position: absolute;
	z-index: 20;
	bottom: 8.19048vh;
	right: 6.07143vw;
	color: #000;
	font-family: "Editorial Grotesk";
	font-size: 12.19048vh;
	line-height: 1;
	display: flex;
	transition: opacity 0s;
	transition-delay: 0.5s;
}
.loader__counter span {
	width: 6.85714vh;
	display: flex;
	justify-content: center;
}
.loader.loaded,
.loader.fixed {
	pointer-events: none;
}
.loader.loaded::before,
.loader.loaded::after,
.loader.fixed::before,
.loader.fixed::after {
	transform: translateX(100%);
}
.loader.loaded .loader__logoborder,
.loader.fixed .loader__logoborder {
	display: none;
}
.loader.loaded .loader__logoblack,
.loader.fixed .loader__logoblack {
	color: #fff;
	height: 100%;
}
.loader.loaded .loader__logoblack svg,
.loader.fixed .loader__logoblack svg {
	width: 100%;
	height: 100%;
}
.loader.loaded .loader__counter,
.loader.fixed .loader__counter {
	opacity: 0;
}
.loader.loaded .loader__logo,
.loader.fixed .loader__logo {
	width: 108.09524vh;
	height: 16.09524vh;
	left: 50vw;
	margin-left: -72.19048vh;
	overflow: hidden;
}
@media (orientation: portrait) and (max-width: 992px){
	.loader.loaded .loader__logo,
	.loader.fixed .loader__logo {
		width: calc(343 * 100vw / 375);
		height: calc(49 * 100vw / 375);
		left: 50vw;
		margin-left: calc(-171.5 * 100vw / 375);
		top: calc(348 * 100vw / 375);
	}
}
.loader.fixed {
	z-index: 5;
}
.loader.fixed::before,
.loader.fixed::after,
.loader.fixed .loader__logoborder,
.loader.fixed .loader__logoblack,
.loader.fixed .loader__counter,
.loader.fixed .loader__logo {
	transition-delay: 0s;
	transition-duration: 0s;
}

.loader.fixed .loader__logo {
	height: 16.09524vh;
}
.loader.fixed .loader__logoblack {
	width: 100%;
	height: 16.09524vh;
	overflow: hidden;
	transition: height 0.5s;
}
.loader.fixed .loader__logoblack svg {
	height: 16.09524vh;
}
@media (orientation: portrait) and (max-width: 992px){
	.loader.fixed .loader__logo,
	.loader.fixed .loader__logoblack,
	.loader.fixed .loader__logoblack svg {
		height: calc(49 * 100vw / 375);
	}
	.loader.fixed .loader__logoblack {
		transition: height 0.15s;
	}
}

.loader.brokerage-loader.fixed .loader__logoblack svg,
.loader.fixed.brokerage-loader .loader__logoblack,
.loader.fixed.brokerage-loader .loader__logo,
.loader.loaded.brokerage-loader .loader__logo,
.loader.brokerage-loader.fixed.company-loader .loader__logoblack svg,
.loader.fixed.brokerage-loader.company-loader .loader__logoblack ,
.loader.fixed.brokerage-loader.company-loader .loader__logo,
.loader.loaded.brokerage-loader.company-loader .loader__logo,
.loader.sales-loader.fixed .loader__logoblack svg,
.loader.loaded.sales-loader .loader__logo,
.loader.fixed.sales-loader .loader__logo,
.loader.pfm-loader.fixed .loader__logoblack svg,
.loader.loaded.pfm-loader .loader__logo,
.loader.fixed.pfm-loader .loader__logo,
.loader.assetmanagment-loader.fixed .loader__logoblack svg,
.loader.loaded.assetmanagment-loader .loader__logo,
.loader.fixed.assetmanagment-loader .loader__logo {
	height: 6.76vh;
}

.loader.loaded.brokerage-loader.company-loader .loader__logo,
.loader.fixed.brokerage-loader.company-loader .loader__logo {
	left: calc(80 * 100vh / 1050);
	top: 21.71vh;
	margin-left: 0;
	width: calc(482 * 100vh / 1050);
}

@media (orientation: portrait) and (max-width: 992px) {
	.loader.loaded.pfm-loader .loader__logo,
	.loader.fixed.pfm-loader .loader__logo {
		left: calc(17 * 100vw / 375);
		top: calc(227 * 100vw / 375);
		margin-left: 0;
		width: calc(270 * 100vw / 375);
	}

	.loader.loaded.brokerage-loader.company-loader .loader__logo,
	.loader.fixed.brokerage-loader.company-loader .loader__logo {
		left: calc(17 * 100vw / 375);
		top: calc(245 * 100vw / 375);
		margin-left: 0;
		width: calc(270 * 100vw / 375);
	}

	.loader.brokerage-loader.fixed .loader__logoblack svg,
	.loader.fixed.brokerage-loader .loader__logoblack,
	.loader.fixed.brokerage-loader .loader__logo,
	.loader.loaded.brokerage-loader .loader__logo,
	.loader.brokerage-loader.fixed.company-loader .loader__logoblack svg ,
	.loader.fixed.brokerage-loader.company-loader .loader__logoblack,
	.loader.fixed.brokerage-loader.company-loader .loader__logo,
	.loader.loaded.brokerage-loader.company-loader .loader__logo,
	.loader.sales-loader.fixed .loader__logoblack svg,
	.loader.loaded.sales-loader .loader__logo,
	.loader.fixed.sales-loader .loader__logo,
	.loader.pfm-loader.fixed .loader__logoblack svg,
	.loader.loaded.pfm-loader .loader__logo,
	.loader.fixed.pfm-loader .loader__logo,
	.loader.assetmanagment-loader.fixed .loader__logoblack svg,
	.loader.loaded.assetmanagment-loader .loader__logo,
	.loader.fixed.assetmanagment-loader .loader__logo {
		height: calc(39 * 100vw / 375);
	}
}

.compamy-maintop__title {
	position: absolute;
	left: calc(80 * 100vh / 1050);
	top: 34.76vh;
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(80 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	color: #ffffff;
}
@media (orientation: portrait) and (max-width: 992px) {
	.compamy-maintop__title {
		left: calc(17 * 100vw / 375);
		top: calc(296 * 100vw / 375);
		font-size: calc(35 * 100vw / 375);
	}
}

.company__screen2_title {
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(130 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: calc(66 * 100vh / 1050);
	transition: all 800ms;
	transform: translateY(20vh);
	position: absolute;
	left: 50%;
	margin-left: calc(-413 * 100vh / 1050);
	width: calc(826 * 100vh / 1050);
}
@media (orientation: portrait) and (max-width: 992px) {
	.company__screen2_title {
		font-size: calc(52 * 100vw / 375);
		margin-bottom: calc(40 * 100vw / 375);
		left: calc(16 * 100vw / 375);
    position: relative;
		width: 100%;
		margin-left: 0;
		opacity: 1;
		transform: translateY(0);
	}
	.company__screen2_title.animated[data-delay="0.7"]{
		transition-delay: 0s !important;
	}
	.company__screen2_title.anim{
		opacity: 1;
		transform: translateY(0);
	}
}
.company__screen_text{
	transition: opacity 0.5s;
	opacity: 0;
}
.company__screen_text.anim{
	opacity: 1;
}
.company__screen_text.anim2{
	opacity: 0;
}

.company__screen2-wrap > div {
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(60 * 100vh / 1050);
	line-height: 1.06667;
	text-transform: uppercase;
	color: #fff;
	width: calc(826 * 100vh / 1050);
	opacity: 0;
}
@media (orientation: portrait) and (max-width: 992px) {
	.company__screen2-wrap > div{
		font-size: calc(28 * 100vw / 375);
		min-width: calc(343 * 100vw / 375);
		width: auto;
	}
	.company__screen_text.anim2,.company__screen_text{
		opacity: 1 !important;
	}
}
.company__screen3 {
	position: relative;
}

.company__screen2_title.animated.top.anim-up {
	transform: translateY(0);
}
.animated.animated-down.anim-down {
	opacity: 0.5;
	transform: translateY(-20vh);
}

.animated.animated-down.anim-down1 {
	opacity: 1;
	transform: translateY(-30vh);
}
.animated.animated-down.anim-down2 {
	opacity: 0;
	transform: translateY(-60vh);
}
.animated.animated-down3.anim-down3 {
	opacity: 0.5;
	transform: translateY(-30vh);
}

.animated.animated-down3.anim-down4 {
	opacity: 1;
	transform: translateY(-43vh);
}

.animated.animated-down3.anim-down5 {
	opacity: 0;
	transform: translateY(-70vh);
}

.animated.animated-down6.anim-down6 {
	opacity: 0.5;
	transform: translateY(-42vh);
}

.animated.animated-down6.anim-down7 {
	opacity: 1;
	transform: translateY(-55vh);
}

.animated.animated-down6.anim-down8 {
	opacity: 0;
	transform: translateY(-75vh);
}

.company-bigblock {
	background-color: inherit;
	box-sizing: inherit;
	display: block;
	padding-top: 0px;
	height: 80vh;
}
@media (orientation: portrait) and (max-width: 992px) {
	.company-bigblock {
		height: auto;
	}
}

.brokerage__screen2.company-screen-3 {
	background: no-repeat url("/local/templates/main/css/../img/company_bg3.jpg");
	background-size: cover;
	background-position: 59% top;
}

.company-screen-3-text {
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	color: #ffffff;
	padding-top: calc(200 * 100vh / 1050);
	padding-left: calc(180 * 100vw / 1680);
	opacity: 0;
	transform: translateY(10vh);
	transition: all 600ms;
}
@media (orientation: portrait) and (max-width: 992px) {
	.company-screen-3-text {
		font-size: calc(24 * 100vw / 375);
		padding-top: calc(90 * 100vw / 375);
		padding-left: calc(16 * 100vw / 375);
		opacity: 1;
		transform: translateY(0);

	}
	.company-screen-3-text-wrap{
		width: calc(270 * 100vw / 375);
	}
}

.company__screen2-wrap {
	display: flex;
	align-items: center;
	flex-direction: column;
	position: absolute;
	top: 140vh;
	transition: all 100ms;
	left: 50%;
	margin-left: calc(-413 * 100vh / 1050);
}
@media (orientation: portrait) and (max-width: 992px) {
	.company__screen2-wrap {
		position: relative;
    top: 0;
    left: 0;
		transform: none !important;
		margin-left: 0;
	}
}

.brokerage__screen3.company__screen2 {
	background: no-repeat url("/local/templates/main/css/../img/company_bg2.jpg");
	background-size: 100%;
	margin-top: 0px;
	padding-top: 27.81vh;
	height: 450vh;
}
@media (orientation: portrait) and (max-width: 992px) {
	.company__screen2-wrap {
		left: 0;
	}
	.brokerage__screen3.company__screen2 {
		background-size: 350%;
		background-position: top center;
		padding-top: calc(200 * 100vw / 375);
		padding-bottom: calc(120 * 100vw / 375);
		height: auto;
	}
}

.company .animwidth:not(.anim) {
	width: 0 !important;
}

.company__purple1 {
	width: 25.77vw;
	height: 3.52vh;
	right: 16.55vw;
	top: 8.38vh;
}
.company__purple2 {
	width: 11.19vw;
	height: 14.1vh;
	left: 0;
	bottom: 0;
	top: inherit;
	background-color: #9995f0;
}
.company__bej1 {
	width: 16.55vw;
	height: 9.52vh;
	right: 0;
	top: 11.9vh;
}
.company__white1 {
	width: 13.45vw;
	height: 1.9vh;
	bottom: 13.96vh;
	left: 11.19vw;
	background-color: #fff;
	top: inherit;
}

@media (orientation: portrait) and (max-width: 992px) {
	.company__purple1 {
		width: calc(119 * 100vw / 375);
		height: calc(18 * 100vw / 375);
		right: calc(105 * 100vw / 375);
		top: calc(32 * 100vw / 375);
	}
	.company__purple2 {
		width: calc(69 * 100vw / 375);
		height: calc(76 * 100vw / 375);
		left: 0;
		bottom: 0;
		top: inherit;
		background-color: #9995f0;
	}
	.company__bej1 {
		width: calc(105 * 100vw / 375);
		height: calc(43 * 100vw / 375);
		right: 0;
		top: calc(50 * 100vw / 375);
	}
	.company__white1 {
		display: none;
	}
}

.brokerage .maintop__title,.sales .maintop__title,.pfm .maintop__title,.assetmanagment .maintop__title,.devblock .maintop__title{
	left: calc(70 * 100vh / 1680);
	bottom: calc(320 * 100vh / 1050);
	position: absolute;
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(130 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	color: #ffffff;
}
.devblock .maintop__title{
	bottom: calc(350 * 100vh / 1050);
}
@media (orientation: portrait) and (max-width: 992px) {
	.brokerage .maintop__title,
	.sales .maintop__title,
	.pfm .maintop__title,
	.assetmanagment .maintop__title{
		left: calc(16 * 100vw / 375);
		top: calc(267 * 100vw / 375);
		bottom: auto;
		font-size: calc(45 * 100vw / 375);
		line-height: 1;
	}
	.brokerage .maintop__title{
		top: calc(328 * 100vw / 375);
	}
	.pfm .maintop__title{
		top: calc(217 * 100vw / 375);
	}
	.pfm .maintop__text{
		top: calc(388 * 100vw / 375);
	}
	.assetmanagment .maintop__title{
		line-height: 1.15;
	}
	.devblock .maintop__title{
		left: calc(16 * 100vw / 375);
		top: calc(339 * 100vw / 375);
		bottom: auto;
		font-size: calc(45 * 100vw / 375);
		line-height: 1;
	}
}

.loader.loaded.brokerage-loader .loader__logo,
.loader.fixed.brokerage-loader .loader__logo {
	left: calc(70 * 100vh / 1680);
	top: calc(478 * 100vh / 1050);
	width: calc(472 * 100vh / 1050);
	margin-left: 0;
}
.loader.loaded.sales-loader .loader__logo,
.loader.fixed.sales-loader .loader__logo,
.loader.loaded.assetmanagment-loader .loader__logo,
.loader.fixed.assetmanagment-loader .loader__logo {
	left: calc(70 * 100vh / 1680);
	top: calc(400 * 100vh / 1050);
	width: calc(472 * 100vh / 1050);
	margin-left: 0;
}
.loader.loaded.pfm-loader .loader__logo,
.loader.fixed.pfm-loader .loader__logo{
	left: calc(70 * 100vh / 1680);
	top: calc(269 * 100vh / 1050);
	width: calc(472 * 100vh / 1050);
	margin-left: 0;
}
@media (orientation: portrait) and (max-width: 992px) {
	.loader.loaded.brokerage-loader .loader__logo,
	.loader.fixed.brokerage-loader .loader__logo {
		left: calc(17 * 100vw / 375);
		margin-left: 0;
		top: calc(284 * 100vw / 375);
		width: calc(270 * 100vw / 375);
	}
	.loader.loaded.pfm-loader .loader__logo,
	.loader.fixed.pfm-loader .loader__logo{
		left: calc(17 * 100vw / 375);
		margin-left: 0;
		top: calc(173 * 100vw / 375);
		width: calc(270 * 100vw / 375);
	}
	.loader.loaded.sales-loader .loader__logo,
	.loader.fixed.sales-loader .loader__logo,
	.loader.loaded.assetmanagment-loader .loader__logo,
	.loader.fixed.assetmanagment-loader .loader__logo {
		left: calc(17 * 100vw / 375);
		margin-left: 0;
		top: calc(218 * 100vw / 375);
		width: calc(270 * 100vw / 375);
	}
}
.menu {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 100;
	top: 0;
	left: -100vw;
	display: flex;
	justify-content: left;
	transition: all 100ms;
}
.menu.active {
	left: 0vw;
}
.active-no.menu {
	transition-delay: 1.5s;
}
.active-no.menu .menu_in_1 {
	transition: all 1s;
}
.active-no.menu .menu_in_2 {
	transition: all 1s;
}

.active-no.menu .menu_in_main {
	transition: all 800ms;
}

.active-no.menu .menu_in_3 {
	transition: all 600ms;
}
@media (orientation: portrait) and (max-width: 992px) {
	.menu {
		flex-direction: column;
		z-index: 150;
		overflow: auto;
	}
	.active-no.menu{
		transition-delay: 0s;
	}
}

.menu_in_1 {
	height: 100vh;
	width: 6.5%;
	left: -6.5%;
	position: relative;
	transition: all 600ms;
	background-color: #000;
	z-index: 5;
	display: flex;
	justify-content: center;
}
.close_menu {
	cursor: pointer;
	transition: all 300ms;
	margin-top: 20px;
	width: 48px;
	height: 48px;
}
.menu_in_1 .menu__phone{
	display: none;
}
@media (orientation: portrait) and (max-width: 992px) {
	.menu_in_1 {
		height: calc(62 * 100vw / 375);
		width: 100%;
		left: 0;
		justify-content: space-between;
		align-items: center;
	}
	.close_menu {
		margin-top: 0;
		margin-left: calc(16 * 100vw / 375);
		width: calc(40 * 100vw / 375);
		height: calc(40 * 100vw / 375);
	}
	.menu_in_1 .menu__phone{
		display: block;
		font-size: calc(24 * 100vw / 375);
		color: #fff;
		margin-right: calc(16 * 100vw / 375);
		font-family: "Editorial Grotesk";
	}
}
.nav__menu {
	transition: all 300ms;
}
.close_menu:hover {
	transform: scale(0.9);
}
.nav__menu:hover {
	transform: scale(0.9);
}

.menu.active .menu_in_1 {
	left: 0;
}
.menu.active .menu_in_2 {
	left: 0;
}
.menu.active .menu_in_3 {
	left: 0;
}
.menu.active .menu_in_main {
	left: 0;
}

.menu_in_2 {
	height: 100vh;
	width: 22.5%;
	left: -100%;
	background-color: #c6bca5;
	display: flex;
	transition: all 600ms;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 4;
}
@media (orientation: portrait) and (max-width: 992px) {
	.menu_in_2 {
		display: none;
	}
}
.logo_menu {
	display: block;
	max-width: calc(127 * 100vw / 1680);
	max-height: calc(850 * 100vh / 1050);
}

.menu_in_main-in ul li {
	list-style-type: none;
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(64 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	color: #111111;
	margin-bottom: calc(50 * 100vh / 1050);
	transition: all 300ms;
}
.menu_in_main-in ul li:last-child {
	margin-bottom: calc(96 * 100vh / 1050);
}
.menu_link-wrap {
	display: grid;
	grid-template-columns: max-content minmax(0, calc(470 * 100vh / 1050));
	grid-template-areas:
		"phone request"
		"tg legal";
	column-gap: calc(79 * 100vh / 1050);
	row-gap: calc(16 * 100vh / 1050);
	align-items: start;
}
.menu_link-wrap a {
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(30 * 100vh / 1050);
	line-height: 1;
	color: #111111;
	text-transform: uppercase;
	margin-right: 0;
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.menu_link-wrap .menu__phone {
	grid-area: phone;
}
.menu_link-wrap .menu__request {
	grid-area: request;
}
.menu_link-wrap .menu__tg {
	grid-area: tg;
}
.menu_link-wrap .menu__legal {
	grid-area: legal;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(10 * 100vh / 1050);
}
.menu_link-wrap .menu__legal a {
	font-size: calc(22 * 100vh / 1050);
	line-height: 1.16;
}

.menu_link-wrap a::after {
	content: "";
	display: block;
	left: 0;
	bottom: calc(-5 * 100vh / 1050);
	position: relative;
	right: 0;
	height: calc(2 * 100vh / 1050);
	background: #000;
	opacity: 1;
	transform: scaleX(1);
	transition: all 600ms;
}
.menu_link-wrap a:hover::after {
	opacity: 0;
	transform: scaleX(0);
}
.menu_in_main-in ul li:hover {
	color: #ffffff;
}

.menu_in_main-in ul {
	margin-left: 0;
	padding-left: 0;
}

.menu_in_main-in {
}
.menu_in_main {
	height: 100vh;
	width: 69.17%;
	left: -100%;
	background-color: #9995f0;
	display: flex;
	justify-content: left;
	align-items: center;
	padding-left: calc(175 * 100vw / 1680);
	position: relative;
	transition: all 600ms;
	transition-delay: 600ms;
}
@media (orientation: portrait) and (max-width: 992px) {
	.menu_in_main {
		height: auto;
		width: 100%;
		left: 0;
		padding: calc(50 * 100vw / 375) calc(16 * 100vw / 375);
		flex: 1;
	}
	.menu_in_main-in ul{
		margin: 0;
	}
	.menu_in_main-in ul li{
		font-size: calc(30 * 100vw / 375);
		margin-bottom: calc(30 * 100vw / 375);
	}
	.menu_in_main-in ul li:last-child{
		margin-bottom: calc(60 * 100vw / 375);
	}
	.menu_link-wrap a{
		font-size: calc(24 * 100vw / 375);
	}
	.menu_link-wrap{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: calc(18 * 100vw / 375);
	}
	.menu_link-wrap .menu__legal{
		gap: calc(14 * 100vw / 375);
	}
	.menu_link-wrap .menu__phone{
		display: none;
	}
	.menu_link-wrap .menu__tg{
		display: none;
	}
}
#counter1 span:first-child{
	display: none;
}

#counter1 span:last-child{
	font-family: 'Editorial Grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: 68px;
	line-height: 80px;
	text-transform: uppercase;
	color: #111111;
	border: 1px solid #000000;
	transform: rotate(-90deg);
}
@media (orientation: portrait) and (max-width: 992px) {
	#counter1 span:last-child{
		display: none;
	}
}

.menu_in_3 {
	height: 100vh;
	width: 3.26%;
	position: relative;
	left: -100%;
	background-color: #74e06e;
	transition: all 400ms;
	transition-delay: 900ms;
	z-index: -1;
}
@media (orientation: portrait) and (max-width: 992px) {
	.menu_in_3 {
		height: calc(30 * 100vw / 375);
		width: 100%;
		left: 0;
	}
}

.brokerage__screen2 {
	height: 100vh;
	background: url("/local/templates/main/css/../img/b-s-2-bk.jpg") no-repeat;
	background-size: cover;
	border-bottom: 1px solid #d7d7d7;
}

.brokerage__screen2-tittle {
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
	color: #ffffff;
}
.brokerage__screen2 .bigblock__title {
	top: 0px;
	color: #ffffff;
	border-bottom: 1px solid #fff;
}

.brokerage .maincontent,.sales .maincontent {
	padding-top: 0px;
	padding: 0;
}
.brokerage__screen2-tittle-wrap {
	width: 90.48vw;
}

.brokerage_grey1 {
	background-color: #d7d7d7;
	width: 25.36vw;
	height: 3.71vh;
	top: 82.95vh;
	left: 7.24vw;
	position: absolute;
}

.brokerage_grey2 {
	background-color: #d7d7d7;
	width: 13.15vw;
	height: 2.95vh;
	top: 29.33vh;
	right: 8.48vw;
	position: absolute;
}
@media (orientation: portrait) and (max-width: 992px) {
	.brokerage_grey1 {
		width: calc(177 * 100vw / 375);
		height: calc(14 * 100vw / 375);
		top: calc(618 * 100vw / 375);
		left: auto;
		right: calc(57 * 100vw / 375);
	}
	.brokerage_grey2 {
		display: none;
	}
}

.brokerage__screen2_title {
	top: calc(150 * 100vh / 1050);
	left: calc(91 * 100vw / 1680);
	position: absolute;
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(130 * 100vh / 1050);
	line-height: 0.92;
	text-transform: uppercase;
	color: #ffffff;
	transition: all 1s;
	transform: translateY(25.24vh);
}

@media (orientation: portrait) and (max-width: 992px) {
	.brokerage__screen2_title {
		position: relative;
		top: calc(-35 * 100vw / 375);
		left: calc(16 * 100vw / 375);
		font-size: calc(52 * 100vw / 375);
		transform: none;
	}
}

.anim .brokerage__screen2_title.top {
	transform: translateY(0);
}
.middle3-wrap-in .brokerage__screen2_wrap-block1 {
	position: relative;
	transform: translateY(0);
	margin-right: calc(380 * 100vw / 1680);
	min-width: calc(520 * 100vh / 1050);
}
.middle3-wrap-text {
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	color: #ffffff;
	margin-right: calc(360 * 100vw / 1680) ;
	min-width: calc(842 * 100vw / 1680);
	margin-top: calc(152 * 100vh / 1050);
	transition: all 0.3s;
}

@media (orientation: portrait) and (min-width: 993px), (orientation: landscape){
	.brokerage__screen2_wrap-block1 {
		transition: all 1s;
		transform: translateX(100vw);
	}
}

@media (orientation: portrait) and (max-width: 992px) {
	.brokerage__screen2_wrap-block1 {
		margin-top: calc(40 * 100vw / 375);
		/* transition: none;
		transform: none !important; */
		padding-left: calc(16 * 100vw / 375);
	}
	/* .brokerage__screen2_wrap-block1{
		transform: none !important;
	}
	.brokerage__screen2_wrap-block1.animated[data-delay="1.2"]{
		transition-delay: 0s !important;;
	} */
	/* .brokerage__screen2_wrap-block1.anim{
		opacity: 1;
		transform: translateX(0);
	} */
	.middle3-wrap-in .brokerage__screen2_wrap-block1 {
		margin-top: calc(60 * 100vw / 375);
		width: calc(270 * 100vw / 375);
		min-width: unset;
		margin-right: calc(70 * 100vw / 375);
		float: left;
	}
	.middle3-wrap-in .brokerage__screen2_wrap-block1 br{
		display: none;
	}
	.brokerage__screen2_wrap{
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: calc(100 * 100vw / 375);
		/* opacity: 0;
		transform: translate(100vw); */
		opacity: 1;
		transform: translate(0);
		transition: opacity 0.5s, transform 0.5s;
	}
	.brokerage__screen2_wrap.anim{
		opacity: 1;
		transform: translate(0);
	}
	.brokerage__screen2_wrapin{
		display: block !important;
		width: 100%;
	}
	.middle3-wrap-text {
		font-size: calc(24 * 100vw / 375);
		margin-right: 0;
		min-width: unset;
		margin-top: calc(253 * 100vw / 375);
		transform: none;
		padding-left: calc(16* 100vw / 375);
		/* opacity: 0;
		transform: translate(100vw); */
		transition: opacity 0.5s, transform 0.5s;
	}
	.middle3-wrap-text.anim{
		opacity: 1;
		transform: translate(0);
	}
}
.middle3-wrap-in {
	display: flex;
	margin-top: calc(527 * 100vh / 1050);
	transition: all 1s;
	transform: translateX(100vw);
}
.brokerage__screen2_wrapin{
	display: flex;
}
.middle3-wrap-in.anim-right {
	transform: translateX(35vw);
}
.middle3-wrap-in.anim-right1 {
	transform: translateX(-60vw);
}
.middle3-wrap-in.anim-right2 {
	transform: translateX(-109vw);
}
.middle3-wrap-in.anim-right3 {
	transform: translateX(-158vw);
}
@media (orientation: portrait) and (max-width: 992px) {
	.middle3-wrap-in{
		display: block;
    transform: none !important;
    margin: 0;
	}
}
.company__block-in-title {
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	display: flex;
	align-items: flex-end;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: calc(30 * 100vh / 1050);
}

.anim .brokerage__screen2_wrap-block1.top {
	transform: translateX(0);
}

.brokerage__screen2_wrap-block-text {
	font-family: "Unica77 LL Cyr";
	font-style: normal;
	font-weight: 400;
	font-size: calc(24 * 100vh / 1050);
	line-height: 140%;
	color: #ffffff;
}
@media (orientation: portrait) and (max-width: 992px) {
	.company__block-in-title{
		font-size: calc(24 * 100vw / 375);
	}
	.brokerage__screen2_wrap-block-text {
		font-size: calc(16 * 100vw / 375);
		padding-left: calc(73 * 100vw / 375);
		width: calc(340 * 100vw / 375);
	}
	.brokerage__screen2_wrapin .brokerage__screen2_wrap-block-text {
		margin-left: 0;
		padding-left: 0;
	}
	.brokerage__screen2_wrap-block-text br{
		display: none;
	}
	.company__screen2_wrap-block-text{
		margin-left: 0;
	}
	.brokerage__screen2_wrap-block-text {
		transition: transform 0.5s, opacity 0.5s;
		/* opacity: 0;
		transform: translateX(100vw); */
	}
	.brokerage__screen2_wrap-block-text.anim{
		opacity: 1;
		transform: translateX(0);
	}
	.brokerage__screen2_wrapin .brokerage__screen2_wrap-block-text{
		opacity: 1;
		transform: none;
	}
}

.bloc1 {
	margin-right: 20.65vw;
}

.brokerage__screen3-wrap {
	display: flex;
	justify-content: center;
	margin-top: 13.24vh;
}
@media (orientation: portrait) and (max-width: 992px) {
	.brokerage__screen2_title {
		display: block;
		margin-top: 0;
	}
	.bloc1{
		margin-right: 0;
	}
	.brokerage__screen3-wrap {
		display: block;
		margin-top: 0;
	}
}

.brokerage__screen2-img {
	width: calc(113 * 100vh / 1050);
	position: relative;
	margin-bottom: calc(60 * 100vh / 1050);
	height: calc(120 * 100vh / 1050);
	left: calc(-104 * 100vh / 1050);
}
.brokerage_black2 {
	width: 8.48vw;
	height: 6.86vh;
	position: absolute;
	right: 0px;
	top: 32.29vh;
	background-color: #000;
}
@media (orientation: portrait) and (max-width: 992px) {
	.brokerage__screen2-img {
		width: auto;
		margin-bottom: calc(40 * 100vw / 375);
		height: calc(107 * 100vw / 375);
		left: 0;
	}
	.brokerage__screen2-img {
		transition: transform 0.5s, opacity 0.5s;
		/* opacity: 0;
		transform: translateX(100vw); */
	}
	/* .brokerage__screen2-img.anim{
		opacity: 1;
		transform: translateX(0);
	} */
	.brokerage__screen2_wrapin .brokerage__screen2-img{
		opacity: 1;
		transform: none;
	}
	.brokerage_black2 {
		display: none;
	}
}

.brokerage_black1 {
	width: 16.37vw;
	height: 8.38vh;
	position: absolute;
	left: 0px;
	top: 74.57vh;
	background-color: #000;
}
@media (orientation: portrait) and (max-width: 992px) {
	.brokerage_black1 {
		width: calc(104 * 100vw / 375);
		height: calc(40 * 100vw / 375);
		left: auto;
		right: 0;
		top: calc(578 * 100vw / 375);
		background-color: #000;
	}
}

.brokerage__screen2_text {
	position: relative;
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	color: #ffffff;
	margin-top: 38.1vh;
	opacity: 0;
	transform: translateY(10vh);
	transition: all 600ms;
}
@media (orientation: portrait) and (max-width: 992px) {
	.brokerage__screen2 .logo {
		display: none;
	}
	.brokerage__screen2_text{
		font-size: calc(24 * 100vw / 375);
		margin-top: calc(202 * 100vw / 375);
		opacity: 1;
		transform: translateY(0);
	}
}

.company__purpl3 {
	width: 16.37vw;
	height: 10.57vh;
	left: 0;
	top: inherit;
	bottom: 17.52vh;
	position: absolute;
	background-color: #9995f0;
}

.company__bej3 {
	width: 24.52vw;
	height: 2.67vh;
	position: absolute;
	bottom: 28.1vh;
	left: 10.18vw;
	background-color: #C6BCA5;
}

.brokerage__screen2_text-sub.anim.animopac {
	opacity: 1;
	transform: translateY(0);
}

.anim.animopac {
	opacity: 1;
	transform: translateY(0);
}

.brokerage__screen2_text.anim.animopac {
	opacity: 1;
	transform: translateY(0);
}

.brokerage__screen2_text-sub {
	font-family: "Unica77 LL Cyr";
	font-style: normal;
	font-weight: 400;
	font-size: calc(24 * 100vh / 1050);
	line-height: 140%;
	color: #ffffff;
	margin-top: calc(50 * 100vh / 1050);
	opacity: 0;
	transform: translateY(10vh);
	transition: all 600ms;
}
.brokerage__screen2_text-wrap {
	display: flex;
	align-items: center;
	flex-direction: column;
}
@media (orientation: portrait) and (max-width: 992px) {
	.brokerage__screen2_text-wrap {
		padding: 0 calc(16 * 100vw / 375);
	}
	.brokerage__screen2_text-sub{
		font-size: calc(16 * 100vw / 375);
		margin-top: calc(30 * 100vw / 375);
		opacity: 1;
		transform: translateY(0);
	}
	.brokerage__screen2_text-sub br{
		display: none;
	}
	.brokerage__pause{
		height: 0;
		transform: none !important;
	}
}

.brokerage__screen2 {
	justify-content: center;
	box-sizing: border-box;
}

@keyframes scroll {
	0% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	100% {
		-webkit-transform: translateY(500%);
		transform: translateY(500%);
	}
}

@keyframes circle {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
	30%,
	70% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(2.5);
		transform: translate(-50%, -50%) scale(2.5);
		opacity: 0;
	}
}

.animwidth {
	transition: width 0.8s;
}
.animwidth:not(.anim) {
	width: 0;
}

.animheight::before,
.animheightrevese::before {
	transition: height 0.8s;
}

.animheight:not(.anim)::before,
.animheightrevese:not(.anim)::before {
	height: 0;
}

.animated[data-delay="0.1"] {
	transition-delay: 0.1s !important;
}

.animated[data-delay="0.15"] {
	transition-delay: 0.15s !important;
}

.animated[data-delay="0.2"] {
	transition-delay: 0.2s !important;
}

.animated[data-delay="0.25"] {
	transition-delay: 0.25s !important;
}

.animated[data-delay="0.3"] {
	transition-delay: 0.3s !important;
}

.animated[data-delay="0.35"] {
	transition-delay: 0.35s !important;
}

.animated[data-delay="0.4"] {
	transition-delay: 0.4s;
}

.animated[data-delay="0.45"] {
	transition-delay: 0.45s !important;
}

.animated[data-delay="0.5"] {
	transition-delay: 0.5s !important;
}

.animated[data-delay="0.45"] {
	transition-delay: 0.45s !important;
}

.animated[data-delay="0.5"] {
	transition-delay: 0.5s !important;
}

.animated[data-delay="0.55"] {
	transition-delay: 0.55s !important;
}

.animated[data-delay="0.6"] {
	transition-delay: 0.6s !important;
}

.animated[data-delay="0.65"] {
	transition-delay: 0.65s !important;
}

.animated[data-delay="0.7"] {
	transition-delay: 0.7s !important;
}
.animated[data-delay="0.8"] {
	transition-delay: 0.8s !important;
}

.animated[data-delay="0.9"] {
	transition-delay: 0.9s !important;
}

.animated[data-delay="1"] {
	transition-delay: 1s !important;
}

.animated[data-delay="1.1"] {
	transition-delay: 1.1s !important;
}

.animated[data-delay="1.2"] {
	transition-delay: 1.2s !important;
}
.animated[data-delay="1.4"] {
	transition-delay: 1.4s !important;
}
.animated[data-delay="1.5"] {
	transition-delay: 1.5s !important;
}

.animated[data-delay="1.6"] {
	transition-delay: 1.6s !important;
}

.animated[data-delay="1.7"] {
	transition-delay: 1.7s !important;
}

.fixedblock.init{
	position: fixed;
	/* top: 100vh; */
}
.sales__purple{
	left: auto;
	right: calc(253 * 100vw / 1680);
	top: 0;
	width: calc(394 * 100vw / 1680);
	height: calc(50 * 100vh / 1050);
}
.sales__bej{
	left: auto;
	right: 0;
	top: calc(50 * 100vh / 1050);
	width: calc(253 * 100vw / 1680);
	height: calc(100 * 100vh / 1050);
}
@media (orientation: portrait) and (max-width: 992px){
	.sales__purple{
		width: calc(119 * 100vw / 375);
		height: calc(21 * 100vw / 375);
		top: calc(106 * 100vw / 375);
		right: calc(105 * 100vw / 375);
	}
	.sales__bej{
		width: calc(105 * 100vw / 375);
		height: calc(51 * 100vw / 375);
		top: calc(127 * 100vw / 375);
	}
}
.approach{
	background: #000;
	font-family: 'Editorial Grotesk';
	height: auto;
}
.approach__bgwrap{
	position: relative;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
}
.approach__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.approach__title{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(180 * 100vh / 1050);
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.approach__text{
	padding: calc(231 * 100vh / 1050) 0;
	display: flex;
	justify-content: center;
	position: relative;
	color: #fff;
}
.approach__textin{
	width: calc(915 * 100vh / 1050);
}
.approach__text1{
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.approach__text2{
	font-size: calc(24 * 100vh / 1050);
	line-height: 1.4;
	margin-top: calc(50 * 100vh / 1050);
	width: 88%;
}
.approach__block1{
	position: absolute;
	z-index: 0;
	left: 0;
	top: calc(160 * 100vh / 1050);
	width: calc(149 * 100vw / 1680);
	height: calc(68 * 100vh / 1050);
	background: #C6BCA5;
}
.approach__block2{
	position: absolute;
	z-index: 0;
	left: calc(149 * 100vw / 1680);
	top: calc(135 * 100vh / 1050);
	width: calc(206 * 100vw / 1680);
	height: calc(25 * 100vh / 1050);
	background: #9995F0;
}
.approach__block3{
	position: absolute;
	z-index: 0;
	right: calc(169 * 100vw / 1680);
	top: calc(695 * 100vh / 1050);
	width: calc(229 * 100vw / 1680);
	height: calc(27 * 100vh / 1050);
	background: #C6BCA5;
}
.approach__block4{
	position: absolute;
	z-index: 0;
	right: 0;
	top: calc(722 * 100vh / 1050);
	width: calc(169 * 100vw / 1680);
	height: calc(100 * 100vh / 1050);
	background: #9995F0;
}
.result{
	background: #000;
	font-family: 'Editorial Grotesk';
}
.result__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.result__title{
	position: absolute;
	z-index: 1;
	left: calc(68 * 100vw / 1680);
	top: calc(147 * 100vh / 1050);
	font-size: calc(180 * 100vh / 1050);
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.result__text{
	position: absolute;
	z-index: 1;
	left: calc(997 * 100vw / 1680);
	top: calc(587 * 100vh / 1050);
	width: calc(500 * 100vh / 1050);
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
}
.analysis{
	background: #000;
	font-family: 'Editorial Grotesk';
	color: #fff;
}
.analysis .bigblock__title{
	color: #fff;
	border-color: #fff;
}
.analysis__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.analysis__text1{
	position: absolute;
	z-index: 1;
	left: calc(666 * 100vw / 1680);
	top: calc(378 * 100vh / 1050);
	width: calc(859 * 100vh / 1050);
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.analysis__text2{
	position: absolute;
	z-index: 1;
	left: calc(666 * 100vw / 1680);
	top: calc(648 * 100vh / 1050);
	width: calc(859 * 100vh / 1050);
	font-size: calc(24 * 100vh / 1050);
	line-height: 1.4;
}
.analysis__text2 p{
	margin: 0 0 calc(40 * 100vh / 1050) 0;
}
.guarantees{
	background: #000;
	font-family: 'Editorial Grotesk';
	color: #fff;
}
.guarantees__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.guarantees .bigblock__title{
	color: #fff;
	border-color: #fff;
}
.guarantees__title{
	position: absolute;
	z-index: 1;
	left: calc(90 * 100vw / 1680);
	top: calc(150 * 100vh / 1050);
	font-size: calc(64 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
}
.guarantees__text{
	position: absolute;
	z-index: 1;
	left: calc(100 * 100vw / 1680);
	top: calc(450 * 100vh / 1050);
	font-size: calc(24 * 100vh / 1050);
	line-height: 1.4;
	width: calc(634 * 100vh / 1050);
	height: calc(400 * 100vh / 1050);
	padding: calc(22 * 100vh / 1050) calc(83 * 100vh / 1050) 0 calc(103 * 100vh / 1050);
	display: flex;
	align-items: center;
	background: #111;
	overflow: hidden;
}
.guarantees__text_beige{
	background: #C6BCA5;
	color: #111;
	padding-left: calc(85 * 100vh / 1050);
}
.guarantees__text-content{
	position: relative;
	z-index: 1;
}
.guarantees__text-bg{
	position: absolute;
	z-index: 0;
	bottom: 0;
	right: calc(-50 * 100vh / 1050);
	font-size: calc(500 * 100vh / 1050);
	line-height: 0.75;
	opacity: 0.1;
}
.guarantees__text_beige .guarantees__text-bg{
	color: #fff;
}
.guarantees__block1{
	position: absolute;
	z-index: 0;
	left: calc(100 * 100vw / 1680 + 634 * 100vh / 1050);
	top: calc(377 * 100vh / 1050);
	width: calc(87 * 100vw / 1680);
	height: calc(73 * 100vh / 1050);
	background: #9995F0;
}
.guarantees__block2{
	position: absolute;
	z-index: 0;
	left: calc(100 * 100vw / 1680);
	top: calc(850 * 100vh / 1050);
	width: calc(340 * 100vw / 1680);
	height: calc(27 * 100vh / 1050);
	background: #74E06E;
}
.guarantees__block2_black{
	background: #000;
}
.guarantees__block3{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 100vh;
	margin-top: calc(-200 * 100vh / 1050);
	width: calc(100 * 100vw / 1680);
	height: calc(200 * 100vh / 1050);
	background: #D9D9D9;
}
.guarantees__block3_green{
	background: #74E06E;
}
@media (orientation: portrait) and (min-width: 993px), (orientation: landscape) {
	.approach{
		height: 300vh;
	}
	.approach__bg{
		transition: transform 1s;
	}
	.approach__bg.fixedanim{
		transform: scale(0.5446);
	}
	.approach__title{
		transition: opacity 1s;
	}
	.approach__bg.fixedanim .approach__title{
		opacity: 0;
	}
	.approach__text1,.approach__text2{
		opacity: 0;
		transition: opacity 1s;
	}
	.approach__text1.fixedanim,.approach__text2.fixedanim{
		opacity: 1;
	}
	.approach__block1,
	.approach__block2,
	.approach__block3,
	.approach__block4{
		transition: width 0.5s;
	}
	.approach__block1:not(.fixedanim),
	.approach__block2:not(.fixedanim),
	.approach__block3:not(.fixedanim),
	.approach__block4:not(.fixedanim){
		width: 0;
	}
	.result{
		height: 200vh;
	}
	.result__text{
		opacity: 0;
		transform: translateX(30vw);
		transition: opacity 1s,transform 1s;
	}
	.result__text.fixedanim{
		opacity: 1;
		transform: translateX(0);
	}
	.analysis{
		height: 300vh;
	}
	.analysis__text1,.analysis__text2 p{
		opacity: 0;
		transform: translateY(30vh);
		transition: opacity 1s,transform 1s;
	}
	.analysis__text1.fixedanim,.analysis__text2 p.fixedanim{
		opacity: 1;
		transform: translateY(0);
	}
	.guarantees{
		height: 200vh;
	}
	.guarantees__text,
	.guarantees__block1,
	.guarantees__block2,
	.guarantees__block3{
		transition: opacity 1s,transform 1s,height 1s,width 1s;
	}
	.guarantees__text:not(.fixedanim){
		opacity: 0;
		transform: translateY(15vh);
	}
	.guarantees__block1,
	.guarantees__block3{
		transform-origin: bottom;
	}
	.guarantees__block2{
		transform-origin: left;
	}
	.guarantees__block1:not(.fixedanim),
	.guarantees__block3:not(.fixedanim){
		transform: scale(1,0);
	}
	.guarantees__block2:not(.fixedanim){
		transform: scale(0,1);
	}
}
@media (orientation: portrait) and (max-width: 992px) {
	.analysis__bg{
		height: 100%;
	}
	.fixedblock{
		position: relative !important;
		top: 0 !important;
		transform: none !important;
	}
	.approach .logo,
	.result .logo,
	.analysis .logo,
	.guarantees .logo{
		display: none;
	}
	.approach__bg{
		background-position: 40% center;
	}
	.approach__title{
		font-size: calc(52 * 100vw / 375);
	}
	.approach__block1,
	.approach__block2,
	.approach__block3,
	.approach__block4{
		display: none;
	}
	.approach__text{
		padding: calc(127.5 * 100vw / 375) calc(16 * 100vw / 375);
	}
	.approach__textin{
		width: auto;
	}
	.approach__text1{
		font-size: calc(24 * 100vw / 375);
	}
	.approach__text2{
		margin-top: calc(30 * 100vw / 375);
		font-size: calc(16 * 100vw / 375);
		width: 100%;
	}
	.approach .fixedscroll{
		transform: none !important;
	}
	.approach__bg{
		transition: transform 0.5s;
	}
	.approach__bg.anim{
		/* transform: scale(0.8) translateY(15vh); */
	}
	.approach__title{
		transition: opacity 0.5s,transform 0.5s;
	}
	.approach__bg.anim .approach__title{
		/* transform: translateY(15vh);
		opacity: 0; */
	}
	.approach__text1,.approach__text2{
		/* opacity: 0; */
		transition: opacity 0.5s;
	}
	.approach__text1.anim,.approach__text2.anim{
		opacity: 1;
	}
	.approach__block1,
	.approach__block2,
	.approach__block3,
	.approach__block4{
		transition: width 0.5s;
	}
	.approach__block1:not(.fixedanim),
	.approach__block2:not(.fixedanim),
	.approach__block3:not(.fixedanim),
	.approach__block4:not(.fixedanim){
		width: 0;
	}

	.result,.analysis,.guarantees{
		min-height: calc(100vh - 62 * 100vw / 375);
	}
	.result__bg{
		background-position: 4% center;
		height: 100%;
	}
	.result__title{
		font-size: calc(52 * 100vw / 375);
    padding-top: calc(60 * 100vw / 375);
    left: calc(16 * 100vw / 375);
    position: relative;
    top: 0;
    text-align: left;
	}
	.result__text{
		position: relative;
		top: 0;
		font-size: calc(24 * 100vw / 375);
		padding: calc(253 * 100vw / 375) 0;
		left: calc(133 * 100vw / 375);
		width: calc(217 * 100vw / 375);
	}

	.result__text{
		/* opacity: 0;
		transform: translateX(30vw); */
		transition: opacity 0.5s,transform 0.5s;
	}
	.result__text.anim{
		opacity: 1;
		transform: translateX(0);
	}

	.analysis{
		padding: calc(185 * 100vw / 375) 0 calc(89 * 100vw / 375);
	}
	.analysis__text1{
		font-size: calc(24 * 100vw / 375);
		left: 0;
		top: 0;
		width: 100%;
		padding: 0 calc(16 * 100vw / 375);
		position: relative;
	}
	.analysis__text2{
		position: relative;
		font-size: calc(16 * 100vw / 375);
		left: 0;
		top: 0;
		width: 100%;
		padding: 0 calc(16 * 100vw / 375);
	}
	.analysis__text2 p{
		margin: calc(30 * 100vw / 375) 0 0 0;
	}

	.analysis__text1,.analysis__text2 p{
		/* opacity: 0;
		transform: translateY(10vh); */
		transition: opacity 0.5s,transform 0.5s;
	}
	.analysis__text1.anim,.analysis__text2 p.anim{
		opacity: 1;
		transform: translateY(0);
	}

	.guarantees{
		height: calc(709 * 100vw / 375);
	}
	.guarantees__bg{
		background-position: 62% center;
		height: 100%;
	}
	.guarantees__title{
		font-size: calc(35 * 100vw / 375);
		top: calc(51 * 100vw / 375);
		left: calc(16 * 100vw / 375);
	}
	.guarantees__text{
		top: auto;
		bottom: calc(102 * 100vw / 375);
		left: 0;
		font-size: calc(16 * 100vw / 375);
		width: calc(333 * 100vw / 375);
		height: calc(295 * 100vw / 375);
		padding: 0 calc(44 * 100vw / 375);
	}
	.guarantees__text-bg{
		font-size: calc(300 * 100vw / 375);
		right: calc(-10 * 100vw / 375);
	}
	.guarantees__block1{
		width: calc(42 * 100vw / 375);
		height: calc(43 * 100vw / 375);
		left: auto;
		right: 0;
		top: auto;
		bottom: calc(398 * 100vw / 375);
	}
	.guarantees__block2{
		width: calc(115 * 100vw / 375);
		height: calc(18 * 100vw / 375);
		left: calc(48 * 100vw / 375);
		top: auto;
		bottom: calc(85 * 100vw / 375);
	}
	.guarantees__block3{
		width: calc(48 * 100vw / 375);
		height: calc(102 * 100vw / 375);
		left: 0;
		margin-top: 0;
    top: auto;
    bottom: 0;
	}

	.guarantees__text,
	.guarantees__block1,
	.guarantees__block2,
	.guarantees__block3{
		transition: opacity 0.5s,transform 0.5s,height 0.5s,width 0.5s;
	}
	/* .guarantees__text:not(.anim){
		opacity: 0;
		transform: translateY(15vh);
	} */
	.guarantees__block1,
	.guarantees__block3{
		transform-origin: bottom;
	}
	.guarantees__block2{
		transform-origin: left;
	}
	.guarantees__block1:not(.anim),
	.guarantees__block3:not(.anim){
		transform: scale(1,0);
	}
	.guarantees__block2:not(.anim){
		transform: scale(0,1);
	}

	.sm__link{
		height: calc(3*35 * 100vw / 375);
	}
	.sm__link span{
		font-size: calc(35 * 100vw / 375);
		height: calc(35 * 100vw / 375);
    border-width: calc(2 * 100vw / 375);
	}
}

.pfm__purple{
	left: auto;
	right: calc(287 * 100vw / 1680);
	top: 0;
	width: calc(253 * 100vw / 1680);
	height: calc(100 * 100vh / 1050);
}
.pfm__bej{
	width: calc(188 * 100vw / 1680);
	height: calc(150 * 100vh / 1050);
	left: 0;
	bottom: 0;
	top: auto;
}
.pfm__white{
	width: calc(287 * 100vw / 1680);
	height: calc(50 * 100vh / 1050);
	right: 0;
	left: auto;
	top: calc(100 * 100vh / 1050);
}
@media (orientation: portrait) and (max-width: 992px){
	.pfm__purple{
		right: calc(119 * 100vw / 375);
		top: calc(61 * 100vw / 375);
		width: calc(105 * 100vw / 375);
		height: calc(43 * 100vw / 375);
	}
	.pfm__bej{
		width: calc(69 * 100vw / 375);
		height: calc(76 * 100vw / 375);
	}
	.pfm__white{
		width: calc(119 * 100vw / 375);
		height: calc(18 * 100vw / 375);
		top: calc(104 * 100vw / 375);
	}
}
.approach2{
	background: #000;
	font-family: 'Editorial Grotesk';
	height: auto;
}
.approach2__bgwrap{
	position: relative;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
}
.approach2__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.approach2 .bigblock__title{
	color: #fff;
	border-color: #fff;
}
.approach2__title{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(180 * 100vh / 1050);
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.approach2__list{
	color: #fff;
	font-size: calc(80 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	width: 200vw;
	margin-top: calc(550 * 100vh / 1050);
}
.approach2__list-item{
	position: absolute;
	top: 0;
	left: 100vw;
	width: 100vw;
}
/* .approach2__list-item:first-child{
	left: 0;
} */
.approach2__list-in{
	position: absolute;
	left: 0;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.approach2__list-img{
	width: 100%;
	height: calc(120 * 100vh / 1050);
	text-align: center;
}
.approach2__list-img img{
	display: inline-block;
	height: 100%;
}
.approach2__list-text{
	margin-top: calc(50 * 100vh / 1050);
}

@media (orientation: portrait) and (max-width: 992px){
	.approach2__bg,.approach2__bgwrap{
		height: calc(708 * 100vw / 375);
		padding: calc(60 * 100vw / 375) calc(16 * 100vw / 375);
	}
	.approach2 .logo{
		display: none;
	}
	.approach2__list,.approach2__bg,.approach2 .fixedscroll{
		transform: none !important;
	}
	.approach2__title{
		font-size: calc(52 * 100vw / 375);
	}
	.approach2__list{
		margin: 0;
		padding: calc(153 * 100vw / 375) 0;
	}
	.approach2__list-item,.approach2__list-in{
		position: relative;
		font-size: calc(35 * 100vw / 375);
		left: 0;
	}
	.approach2__list-img{
		height: calc(77 * 100vw / 375);
	}
	.approach2__list-text{
		margin-top: calc(40 * 100vw / 375);
		padding: 0 calc(20 * 100vw / 375);
	}
	.approach2__list-item{
		margin-bottom: calc(40 * 100vw / 375);
	}

	.approach2__title > div{
		transition: transform 0.5s;
	}
	.approach2__title > div.anim{
		/* transform: scale(0.83); */
	}
	.approach2__list-item{
		transition: transform 1s;
	}
	.approach2__list-item:not(.anim){
		/* transform: translateX(100vw); */
	}

}
.result2{
	background: #000;
	font-family: 'Editorial Grotesk';
}
.result2__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.result2__title{
	position: absolute;
	z-index: 1;
	left: calc(91 * 100vw / 1680);
	top: calc(155 * 100vh / 1050);
	font-size: calc(130 * 100vh / 1050);
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.result2__text{
	position: absolute;
	z-index: 1;
	left: calc(97 * 100vw / 1680);
	top: calc(335 * 100vh / 1050);
	width: calc(720 * 100vh / 1050);
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
}
@media (orientation: portrait) and (max-width: 992px){
	.result2__bg{
		height: 100%;
	}
	.result2 .logo{
		display: none;
	}
	.result2{
		padding: calc(60 * 100vw / 375) calc(16 * 100vw / 375) calc(314 * 100vw / 375);
	}
	.result2__title{
		position: relative;
		left: 0;
		top: 0;
		font-size: calc(52 * 100vw / 375);
		text-align: left;
	}
	.result2__text{
		position: relative;
		left: 0;
		top: 0;
		margin-top: calc(49 * 100vw / 375);
		width: 100%;
		font-size: calc(24 * 100vw / 375);
		width: calc(270 * 100vw / 375);
	}
	.result2__text{
		/* opacity: 0;
		transform: translateX(30vw); */
		transition: opacity 0.5s,transform 0.5s;
	}
	.result2__text.anim{
		opacity: 1;
		transform: translateX(0);
	}
}
.guarantees2{
	background: #000;
	font-family: 'Editorial Grotesk';
	color: #fff;
}
.guarantees2__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.guarantees2 .bigblock__title{
	color: #fff;
	border-color: #fff;
}
.guarantees2__title{
	position: absolute;
	z-index: 1;
	left: calc(90 * 100vw / 1680);
	top: calc(150 * 100vh / 1050);
	font-size: calc(64 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
}
.guarantees2__text{
	position: absolute;
	z-index: 1;
	left: calc(100 * 100vw / 1680);
	top: calc(450 * 100vh / 1050);
	font-size: calc(24 * 100vh / 1050);
	line-height: 1.4;
	width: calc(634 * 100vh / 1050);
	height: calc(400 * 100vh / 1050);
	padding: 0 calc(83 * 100vh / 1050) 0 calc(103 * 100vh / 1050);
	display: flex;
	align-items: center;
	background: #111;
	overflow: hidden;
}
.guarantees2__text-content{
	position: relative;
	z-index: 1;
}
.guarantees2__text-bg{
	position: absolute;
	z-index: 0;
	bottom: 0;
	right: calc(-180 * 100vh / 1050);
	font-size: calc(500 * 100vh / 1050);
	line-height: 0.75;
	opacity: 0.1;
}
.guarantees2__block1{
	position: absolute;
	z-index: 0;
	left: calc(100 * 100vw / 1680 + 535 * 100vh / 1050);
	top: calc(418 * 100vh / 1050);
	width: calc(220 * 100vw / 1680);
	height: calc(32 * 100vh / 1050);
	background: #9995F0;
}
.guarantees2__block2{
	position: absolute;
	z-index: 0;
	left: calc(260 * 100vw / 1680);
	top: calc(850 * 100vh / 1050);
	width: calc(238 * 100vw / 1680);
	height: calc(43 * 100vh / 1050);
	background: #74E06E;
}
.guarantees2__block3{
	position: absolute;
	z-index: 0;
	left: 0;
	top: calc(850 * 100vh / 1050);
	width: calc(260 * 100vw / 1680);
	height: calc(143 * 100vh / 1050);
	background: #fff;
}

@media (orientation: portrait) and (max-width: 992px){
	.guarantees2 .logo{
		display: none;
	}
	.guarantees2__bg{
		height: 100%;
	}
	.guarantees2{
		padding-bottom: calc(57 * 100vw / 375);
	}
	.guarantees2__title{
		position: relative;
		left: calc(16 * 100vw / 375);
		top: calc(50 * 100vw / 375);
		font-size: calc(25 * 100vw / 375);
		text-align: left;
	}
	.guarantees2__text{
		position: relative;
		left: 0;
		top: 0;
		margin-top: calc(261 * 100vw / 375);
		font-size: calc(16 * 100vw / 375);
		line-height: 1.4;
		width: calc(333 * 100vw / 375);
		height: calc(295 * 100vw / 375);
		padding: 0 calc(45 * 100vw / 375);
	}
	.guarantees2__text-bg{
		position: absolute;
		z-index: 0;
		bottom: 0;
		right: calc(-21 * 100vw / 375);
		font-size: calc(300 * 100vw / 375);
	}
	.guarantees2__block1{
		left: auto;
		right: 0;
		top: calc(261 * 100vw / 375);
		width: calc(42 * 100vw / 375);
		height: calc(27 * 100vw / 375);
	}
	.guarantees2__block2{
		top: auto;
		bottom: calc(40 * 100vw / 375);
		left: calc(89 * 100vw / 375);
		width: calc(115 * 100vw / 375);
		height: calc(18 * 100vw / 375);
	}
	.guarantees2__block3{
		top: auto;
		bottom: 0;
		left: 0;
		width: calc(89 * 100vw / 375);
		height: calc(57 * 100vw / 375);
	}

	.guarantees2__text,
	.guarantees2__block1,
	.guarantees2__block2,
	.guarantees2__block3{
		transition: opacity 0.5s,transform 0.5s,height 0.5s,width 0.5s;
	}
	/* .guarantees2__text:not(.anim){
		opacity: 0;
		transform: translateY(15vh);
	} */
	.guarantees2__block3{
		transform-origin: bottom;
	}
	.guarantees2__block1,
	.guarantees2__block2{
		transform-origin: left;
	}
	.guarantees2__block3:not(.anim){
		transform: scale(1,0);
	}
	.guarantees2__block1:not(.anim),
	.guarantees2__block2:not(.anim){
		transform: scale(0,1);
	}
}
.howwework{
	background: #fff;
	font-family: 'Editorial Grotesk';
	color: #000;
}
.howwework__title{
	position: absolute;
	z-index: 1;
	left: calc(90 * 100vw / 1680);
	top: calc(200 * 100vh / 1050);
	font-size: calc(130 * 100vh / 1050);
	line-height: 0.92;
	text-transform: uppercase;
}
.howwework__text{
	position: absolute;
	z-index: 1;
	left: calc(894 * 100vw / 1680);
	top: calc(650 * 100vh / 1050);
	width: calc(700 * 100vh / 1050);
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.howwework__list{
	position: absolute;
	z-index: 1;
	left: 100vw;
	top: calc(549 * 100vh / 1050);
	width: calc(2000 * 100vh / 1050);
	font-size: calc(24 * 100vh / 1050);
	line-height: 1.4;
	margin-left: calc(894 * 100vw / 1680);
}
.howwework__listin{
	width: 100%;
	display: flex;
}
.howwework__item{
	width: calc(500 * 100vh / 1050);
	margin-right: calc(240 * 100vh / 1050);
}
.howwework__item:last-child{
	margin-right: 0;
}
.howwework__item-num{
	font-size: calc(180 * 100vh / 1050);
	line-height: 0.8;
	text-transform: uppercase;
}
.howwework__item-text{
	padding-top: calc(60 * 100vh / 1050);
	padding-left: calc(59 * 100vh / 1050);
	font-family: "Unica77 LL Cyr";
}
@media (orientation: portrait) and (max-width: 992px){
	.howwework .logo{
		display: none;
	}
	.howwework{
		padding: calc(60 * 100vw / 375) 0 0;
	}
	.howwework__title{
		position: relative;
		left: calc(16 * 100vw / 375);
		top: 0;
		font-size: calc(52 * 100vw / 375);
	}
	.howwework__text{
		position: relative;
		left: 0;
		top: 0;
		margin-top: calc(37 * 100vw / 375);
		width: 82%;
		padding: 0 calc(16 * 100vw / 375);
		font-size: calc(24 * 100vw / 375);
	}
	.howwework__list{
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		font-size: calc(16 * 100vw / 375);
		line-height: 1.4;
		margin-left: 0;
		margin-top: calc(49 * 100vw / 375);
		padding-bottom: calc(68 * 100vw / 375);
	}
	.howwework__listin{
		width: auto;
		display: flex;
		transform: none !important;
		padding: 0 calc(16 * 100vw / 375);
		width: calc(960 * 100vw / 375);
	}
	.howwework__item{
		width: calc(270 * 100vw / 375);
		margin-right: calc(59 * 100vw / 375);
	}
	.howwework__item:last-child{
		margin-right: 0;
	}
	.howwework__item-num{
		font-size: calc(110 * 100vw / 375);
		line-height: 0.8;
	}
	.howwework__item-text{
		padding-top: calc(40 * 100vw / 375);
		padding-left: 0;
	}

	.howwework__list{
		transition: transform 0.5s;
	}
	.howwework__list:not(.anim){
		/* transform: translateX(100vw); */
	}
}
@media (orientation: portrait) and (min-width: 993px), (orientation: landscape) {
	.approach2{
		height: 580vh;
	}
	.approach2__title > div{
		transition: transform 1s;
	}
	.approach2__title{
		opacity: 0;
		transform: translateY(10vh);
		transition: opacity 1s,transform 1s;
	}
	.approach2__title.fixedanim{
		opacity: 1;
		transform: translateY(0);
	}
	.approach2__title > div.fixedanim{
		transform: scale(0.83);
	}
	.approach2__list-item,
	.approach2__list-in{
		transition: transform 1s;
	}
	/* .approach2__list-item.a1{
		transform: translateX(-100vw);
	}
	.approach2__list-item.a2{
		transform: translateX(-200vw);
	} */
	.result2{
		height: 200vh;
	}
	.result2__text{
		opacity: 0;
		transform: translateX(30vw);
		transition: opacity 1s,transform 1s;
	}
	.result2__text.fixedanim{
		opacity: 1;
		transform: translateX(0);
	}
	.guarantees2{
		height: 300vh;
	}
	.guarantees2__text,
	.guarantees2__block1,
	.guarantees2__block2,
	.guarantees2__block3{
		transition: opacity 1s,transform 1s,height 1s,width 1s;
	}
	.guarantees2__text:not(.fixedanim){
		opacity: 0;
		transform: translateY(15vh);
	}
	.guarantees2__block3{
		transform-origin: bottom;
	}
	.guarantees2__block1,
	.guarantees2__block2{
		transform-origin: left;
	}
	.guarantees2__block3:not(.fixedanim){
		transform: scale(1,0);
	}
	.guarantees2__block1:not(.fixedanim),
	.guarantees2__block2:not(.fixedanim){
		transform: scale(0,1);
	}
	.howwework{
		height: 400vh;
	}
	.howwework__text{
		opacity: 0;
		transform: translateX(30vw);
		transition: opacity 1s,transform 1s;
	}
	.howwework__text.fixedanim{
		opacity: 1;
		transform: translateX(0);
	}
	.howwework__text div,.howwework__list{
		transition: transform 1s;
	}
	.howwework__text div.fixedanim{
		transform: translateX(-100vw);
	}
	.howwework__list.fixedanim{
		transform: translateX(-100vw);
	}
}

.page404{
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	font-family: 'Editorial Grotesk';
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.page404__title{
	padding-top: calc(245 * 100vh / 1050);
	font-size: calc(180 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.page404__link{
	margin-top: calc(96 * 100vh / 1050);
	font-size: calc(24 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	border-bottom: calc(3 * 100vh / 1050) solid #fff;
}
.page404__link:hover{
	border: none;
}

@media (orientation: portrait) and (max-width: 992px){
	.page404{
		height: 100vh;
		justify-content: center;
	}
	.page404__title{
		padding-top: 0;
		font-size: calc(52 * 100vw / 375);
	}
	.page404__link{
		margin-top: calc(60 * 100vw / 375);
		font-size: calc(24 * 100vw / 375);
		border-width: calc(3 * 100vw / 375);
		width: calc(161 * 100vw / 375);
	}
}

.assetmanagment .maintop__text{
	top: calc(654 * 100vh / 1050);
}
.assetmanagment__purple{
	left: auto;
	right: calc(313 * 100vw / 1680);
	top: calc(50 * 100vh / 1050);
	width: calc(253 * 100vw / 1680);
	height: calc(100 * 100vh / 1050);
}
.assetmanagment__black{
	width: calc(394 * 100vw / 1680);
	height: calc(50 * 100vh / 1050);
	left: auto;
	right: 0;
	top: 0;
	background: #000;
}
.assetmanagment__white{
	width: calc(227 * 100vw / 1680);
	height: calc(172 * 100vh / 1050);
	left: 0;
	top: auto;
	bottom: 0;
}
@media (orientation: portrait) and (max-width: 992px){
	.assetmanagment .maintop__text{
		top: calc(418 * 100vw / 375);
		width: calc(219 * 100vw / 375);
		left: calc(140 * 100vw / 375);
	}
	.maintop__scroll{
		left: calc(-20 * 100vw / 375);
	}
	.assetmanagment .maintop__text a{
		border: none;
		font-size: calc(24 * 100vw / 375);
	}
	.assetmanagment .maintop__text a span{
		display: block;
		border-bottom: calc(2 * 100vw / 375) solid #fff;
	}
	.assetmanagment__purple{
		top: calc(109 * 100vw / 375);
		width: calc(95 * 100vw / 375);
		height: calc(51 * 100vw / 375);
		right: calc(118 * 100vw / 375);
	}
	.assetmanagment__black{
		top: calc(88 * 100vw / 375);
		width: calc(119 * 100vw / 375);
		height: calc(21 * 100vw / 375);
		right: 0;
	}
	.assetmanagment__white{
		top: auto;
		bottom: 0;
		width: calc(69 * 100vw / 375);
		height: calc(76 * 100vw / 375);
	}
}
.approach3{
	background: #C6BCA5;
	font-family: 'Editorial Grotesk';
	color: #000;
}
.approach3__title{
	position: relative;
	z-index: 1;
	margin: calc(475 * 100vh / 1050) auto 0;
	width: calc(935 * 100vh / 1050);
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.approach3__text{
	position: relative;
	z-index: 1;
	margin: calc(40 * 100vh / 1050) auto 0;
	width: calc(935 * 100vh / 1050);
	font-size: calc(24 * 100vh / 1050);
	line-height: 1.4;
}
@media (orientation: portrait) and (max-width: 992px){
	.approach3{
		padding: calc(274 * 100vw / 375) 0 calc(179 * 100vw / 375);
	}
	.approach3 .logo{
		display: none;
	}
	.approach3__title{
		margin: 0;
		font-size: calc(24 * 100vw / 375);
		width: calc(330 * 100vw / 375);
		margin: 0 calc(20 * 100vw / 375);
	}
	.approach3__text{
		margin: calc(25 * 100vw / 375) calc(20 * 100vw / 375) 0;
		font-size: calc(16 * 100vw / 375);
		width: calc(330 * 100vw / 375);
	}
	.approach3__text br{
		display: none;
	}

	.approach3__title,.approach3__text{
		/* transform: translateY(10vh);
		opacity: 0; */
		transition: opacity 0.5s, transform 0.5s;
	}
	.approach3__title.anim,.approach3__text.anim{
		transform: translateY(0);
		opacity: 1;
	}
}
.result3{
	background: #000;
	font-family: 'Editorial Grotesk';
}
.result3__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.result3__title{
	position: absolute;
	z-index: 1;
	left: calc(68 * 100vw / 1680);
	top: calc(147 * 100vh / 1050);
	font-size: calc(180 * 100vh / 1050);
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.result3__text{
	position: absolute;
	z-index: 1;
	left: calc(820 * 100vw / 1680);
	top: calc(633 * 100vh / 1050);
	width: calc(651 * 100vh / 1050);
	font-size: calc(40 * 100vh / 1050);
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
}
.result3__block1{
	position: absolute;
	z-index: 1;
	left: 0;
	top: calc(753 * 100vh / 1050);
	width: calc(325 * 100vw / 1680);
	height: calc(102 * 100vh / 1050);
	background: #C6BCA5;
}
.result3__block2{
	position: absolute;
	z-index: 1;
	left: calc(187 * 100vw / 1680);
	top: calc(855 * 100vh / 1050);
	width: calc(349 * 100vw / 1680);
	height: calc(48 * 100vh / 1050);
	background: #fff;
}
@media (orientation: portrait) and (max-width: 992px){
	.result3{
		padding: calc(60  * 100vw / 375) calc(20 * 100vw / 375) calc(293 * 100vw / 375);
	}
	.result3 .logo{
		display: none;
	}
	.result3__bg{
		height: 100%;
		background-position: left bottom;
    opacity: 0.85;
	}
	.result3__title{
		position: relative;
		top: 0;
		left: 0;
		font-size: calc(52 * 100vw / 375);
		text-align: left;
	}
	.result3__text{
		position: relative;
		top: 0;
		left: 0;
		width: calc(293 * 100vw / 375);
		font-size: calc(24 * 100vw / 375);
		margin-top: calc(131 * 100vw / 375);
	}
	.result3__block1{
		top: auto;
		width: calc(141 * 100vw / 375);
		height:calc(49 * 100vw / 375);
		bottom: calc(113 * 100vw / 375);
	}
	.result3__block2{
		top: auto;
		width: calc(145 * 100vw / 375);
		height:calc(15 * 100vw / 375);
		bottom: calc(98 * 100vw / 375);
		left: calc(89 * 100vw / 375);
	}

	.result3__text{
		/* opacity: 0;
		transform: translateX(20vw); */
		transition: opacity 0.5s,transform 0.5s;
	}
	.result3__text.anim{
		opacity: 1;
		transform: translateX(0);
	}
	.result3__block1,
	.result3__block2{
		transition: width 0.5s;
	}
	.result3__block1:not(.anim),
	.result3__block2:not(.anim){
		width: 0;
	}
}
.howwework2{
	background: #000;
	font-family: 'Editorial Grotesk';
	color: #fff;
}
.howwework2__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.howwework2__title{
	position: absolute;
	z-index: 1;
	left: calc(68 * 100vw / 1680);
	top: calc(147 * 100vh / 1050);
	font-size: calc(130 * 100vh / 1050);
	line-height: 0.92;
	text-transform: uppercase;
}
.howwework2__text{
	position: relative;
	z-index: 1;
	margin-left: calc(819 * 100vw / 1680);
	margin-top: calc(550 * 100vh / 1050);
	width: calc(775 * 100vh / 1050);
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.howwework2__text2{
	position: relative;
	z-index: 1;
	margin-left: calc(819 * 100vw / 1680);
	margin-top: calc(36 * 100vh / 1050);
	width: calc(775 * 100vh / 1050);
	font-size: calc(24 * 100vh / 1050);
	line-height: 1.4;
}
@media (orientation: portrait) and (max-width: 992px){
	.howwework2{
		padding: calc(60  * 100vw / 375) calc(20 * 100vw / 375) calc(208 * 100vw / 375);
	}
	.howwework2 .logo{
		display: none;
	}
	.howwework2__bg{
		height: 100%;
	  background-size: auto 112%;
    background-position: center bottom;
	}
	.howwework2__title{
		position: relative;
		top: 0;
		left: 0;
		font-size: calc(52 * 100vw / 375);
		text-align: left;
	}
	.howwework2__text{
		position: relative;
		top: 0;
		left: 0;
		width: calc(342 * 100vw / 375);
		font-size: calc(24 * 100vw / 375);
		margin: calc(162 * 100vw / 375) 0 0;
	}
	.howwework2__text2{
		margin-top: calc(24 * 100vw / 375);
		margin-left: 0;
		width: calc(342 * 100vw / 375);
	}
	.howwework2__text,
	.howwework2__text2{
		/* transform: translateY(10vh);
		opacity: 0; */
		transition: opacity 0.5s, transform 0.5s;
	}
	.howwework2__text.anim,
	.howwework2__text2.anim{
		transform: translateY(0);
		opacity: 1;
	}
}
.contacts{
	background: #000;
	font-family: 'Editorial Grotesk';
	color: #fff;
}
.contacts .bigblock__title{
	color: #fff;
	border-color: #fff;
}
.contacts__list{
	position: absolute;
	z-index: 1;
	left: calc(566 * 100vw / 1680);
	top: calc(530 * 100vh / 1050);
}
.contacts__tg{
	border-top: 1px solid #FFFFFF;
	padding-top: calc(60 * 100vh / 1050);
	margin-top: calc(60 * 100vh / 1050);
	text-align: right;
	font-size: calc(24 * 100vh / 1050);
	text-transform: uppercase;
}
.menu__tg {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	line-height: 1;
}
.menu__tg img {
	margin-right: calc(20 * 100vh / 1050);
	width: calc(32 * 100vh / 1050);
}
@media (max-width: 1000px) {
	.contacts__tg{font-size: inherit}
}
.contacts__listin{
	display: flex;
}
.contacts__col{
	margin-right: calc(134 * 100vw / 1680);
}
.contacts__col:last-child{
	margin-right: 0;
}
.contacts__block{
	font-size: calc(30 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: calc(46 * 100vh / 1050);
}
.contacts__block:last-child{
	margin-bottom: 0;
}
.contacts__block div{
	font-size: 0.8em;
	margin-bottom: calc(30 * 100vh / 1050);
}
@media (orientation: portrait) and (max-width: 992px){
	.contacts{
		padding: calc(156 * 100vw / 375) calc(20 * 100vw / 375) calc(60 * 100vw / 375);
	}
	.contacts .logo{
		display: none;
	}
	.contacts__list{
		position: relative;
		left: 0;
		top: 0;
	}
	.contacts__listin{
		display: block;
	}
	.contacts__block{
		font-size: calc(22 * 100vw / 375);
		line-height: 1.5;
		margin-bottom: calc(30 * 100vw / 375);
	}
	.contacts__col{
		margin: 0 0 calc(30 * 100vw / 375);
	}
	.contacts__block:last-child,.contacts__col:last-child{
		margin-bottom: 0;
	}
	.contacts__block div{
		font-size: 0.818em;
		margin-bottom: calc(10 * 100vw / 375);
	}

	.contacts__block{
		/* transform: translateX(100vw); */
		transition: transform 0.5s;
	}
	.contacts__block.anim{
		transform: translateX(0);
	}
}
.analysis2{
	background: #000;
	font-family: 'Editorial Grotesk';
	color: #fff;
}
.analysis2__title{
	position: absolute;
	z-index: 1;
	left: calc(91 * 100vw / 1680);
	top: calc(181 * 100vh / 1050);
	font-size: calc(180 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.analysis2__list{
	position: absolute;
	z-index: 1;
	left: calc(91 * 100vw / 1680);
	top: calc(511 * 100vh / 1050);
}
.analysis2__listin{
	display: flex;
}
.analysis2__item{
	margin-right: calc(134 * 100vh / 1050);
}
.analysis2__item-img{
	height: calc(120 * 100vh / 1050);
}
.analysis2__item-img img{
	display: block;
	height: 100%;
}
.analysis2__item-text{
	padding-top: calc(60 * 100vh / 1050);
	font-size: calc(24 * 100vh / 1050);
}
.analysis2__item:nth-child(1) .analysis2__item-text{
	margin-left: calc(101 * 100vh / 1050);
	width: calc(370 * 100vh / 1050);
}
.analysis2__item:nth-child(2) .analysis2__item-text{
	margin-left: calc(120 * 100vh / 1050);
	width: calc(380 * 100vh / 1050);
}
.analysis2__item:nth-child(3) .analysis2__item-text{
	margin-left: calc(124 * 100vh / 1050);
	width: calc(417 * 100vh / 1050);
}
.analysis2__item:nth-child(4) .analysis2__item-text{
	margin-left: calc(88 * 100vh / 1050);
	width: calc(439 * 100vh / 1050);
}
@media (orientation: portrait) and (max-width: 992px) {
	.analysis2{
		padding: calc(60 * 100vw / 375) 0 calc(200 * 100vw / 375);
	}
	.analysis2 .logo{
		display: none;
	}
	.analysis2__title{
		position: relative;
		left: 0;
		top: 0;
		font-size: calc(52 * 100vw / 375);
		margin-left: calc(16 * 100vw / 375);
	}
	.analysis2__list{
		position: relative;
		left: 0;
		top: 0;
		margin-top: calc(120 * 100vw / 375);
	}
	.analysis2__listin{
		transform: none !important;
		padding: 0 calc(16 * 100vw / 375);
		width: 100vw;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.analysis2__item{
		margin-right: calc(60 * 100vw / 375) !important;
	}
	.analysis2__item-img{
		height: calc(107 * 100vw / 375);
	}
	.analysis2__item-text{
		font-size: calc(16 * 100vw / 375);
		margin-left: 0 !important;
		width: calc(270 * 100vw / 375) !important;
		padding-top: calc(40 * 100vw / 375) !important;
	}

	.analysis2__list{
		transform: translateX(0);
		/* transform: translateX(100vw); */
		transition: transform 0.5s;
	}
	.analysis2__list.anim{
		transform: translateX(0);
		transition: transform 0.5s;
	}
}
.services2{
	z-index: 0;
}
.services2 .services__col{
	transform: translateY(0);
	font-family: 'Editorial Grotesk';
	flex-direction: column;
	height: 100vh;
}
.services2 .services__col.services__col_f{
	cursor: pointer;
}
.services2__leftcol,.services2__rightcol{
	position: absolute;
	top: 100vh;
	height: 100vh;
	z-index: 100;
	align-items: flex-start;
	color: #fff;
	padding: calc(120 * 100vh / 1050) calc(135 * 100vh / 1050) 0 calc(100 * 100vh / 1050);
	scrollbar-width: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.services2__leftcol-in{
	scrollbar-width: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.services2__leftcol-in::-webkit-scrollbar,.services2__rightcol::-webkit-scrollbar{
  display: none;
}
.services2__leftcol-close,
.services2__rightcol-close{
	position: absolute;
	top: calc(34 * 100vh / 1050);
	right: calc(20 * 100vw / 1680);
	width: calc(70 * 100vh / 1050);
	height: calc(70 * 100vh / 1050);
	background: url(/local/templates/main/css/../img/close.svg) center no-repeat;
	background-size: contain;
	cursor: pointer;
}
.services2__leftcol{
	left: 0;
	padding: 0;
	background: #000;
}
.services2__leftcol-in{
	height: 100%;
	padding: calc(120 * 100vh / 1050) calc(135 * 100vh / 1050) calc(40 * 100vh / 1050) calc(100 * 100vh / 1050);
	background: #000;
}
.services2__rightcol{
	right: 0;
	background: #9995f0;
}
.services2__title{
	font-size: calc(80 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase
}
.services2__text{
	margin-top: calc(80 * 100vh / 1050);
	font-size: calc(24 * 100vh / 1050);
	line-height: 1.4;
}
.services2__text-block{
	margin-bottom: calc(46 * 100vh / 1050);
}
.services2__text-block:last-child{
	margin-bottom: 0;
}
.services2__text-top{
	margin-bottom: calc(30 * 100vh / 1050);
	text-transform: uppercase;
	font-size: 1.16em;
}
.services2__text-big{
	font-size: 2.66em;
	line-height: 1;
}
.services2__link{
	margin-top: calc(60 * 100vh / 1050);
	font-size: calc(24 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	display: block;
	width: fit-content;
	border-bottom: calc(3 * 100vh / 1050) solid #fff;
	cursor: pointer;
}

@media (orientation: portrait) and (min-width: 993px), (orientation: landscape){
	.services2{
		height: 150vh !important;
		overflow: hidden;
	}
	.services2__leftcol-in,
	.services2__rightcol{
		overflow-x: hidden;
		overflow-y: auto;
	}
}
@media (orientation: portrait) and (max-width: 992px) {
	.services2{
		height: calc(708 * 100vw / 375);
		padding: 0;
		transition: height 0.3s;
		background: #000 !important;
	}
	.services2 .logo,.services2 .bigblock__title{
		display: none;
	}
	.services2 .services__col1{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		padding: 0;
		transition: height 0.3s;
	}
	.services2 .services__col1:not(.services2__leftcol){
		height: calc(354 * 100vw / 375);
	}
	.services2 .services__col2{
		position: absolute;
		left: 0;
		top: auto;
		bottom: 0;
		width: 100%;
		padding: 0;
		transition: height 0.3s;
	}
	.services2 .services__col2:not(.services2__rightcol){
		height: calc(354 * 100vw / 375);
	}
	/* .services2.open1 .services__col1{
		height: calc(627 * 100vw / 375);
	} */
	.services2.open1 .services__col2{
		height: calc(87 * 100vw / 375);
	}
	.services2.open2 .services__col1{
		height: calc(87 * 100vw / 375);
	}
	/* .services2.open2 .services__col2{
		height: calc(627 * 100vw / 375);
	} */
	.services2 .services__block{
		height: 100%;
		margin: 0;
		font-size: calc(35 * 100vw / 375);
	}
	.services2 .services__blockin{
		transform: none !important;
	}
	.services2 .services__blockin::after{
		content: '';
		display: block;
		width: calc(25 * 100vw / 375);
		height: calc(25 * 100vw / 375);
		margin-left: calc(21 * 100vw / 375);
		background: url(/local/templates/main/css/../img/plus.svg) center no-repeat;
		background-size: contain;
	}
	.services2__rightcol{
		padding: calc(40 * 100vw / 375) calc(16 * 100vw / 375) !important;
		justify-content: flex-start;
	}
	.services2__leftcol,.services2__rightcol{
		opacity: 0;
		pointer-events: none;
		z-index: 10;
		height: auto !important;
	}
	.services2.open1 .services2__leftcol{
		opacity: 1;
		pointer-events: auto;
	}
	.services2.open2 .services2__rightcol{
		opacity: 1;
		pointer-events: auto;
	}
	.services2 .services__block_purple{
		color: #fff;
	}
	.services2__leftcol-in{
		padding: calc(40 * 100vw / 375) calc(16 * 100vw / 375);
	}
	.services2__title{
		font-size: calc(35 * 100vw / 375);
	}
	.services2__text{
		margin-top: calc(42 * 100vw / 375);
		font-size: calc(16 * 100vw / 375);
	}
	.services2__text-top{
		margin-bottom: calc(5 * 100vw / 375);
		font-size: calc(24 * 100vw / 375);
	}
	.services2__text-big{
		font-size: calc(35 * 100vw / 375);
	}
	.services2__leftcol-close,
	.services2__rightcol-close{
		top: calc(34 * 100vw / 375);
		right: calc(20 * 100vw / 375);
		width: calc(40 * 100vw / 375);
		height: calc(40 * 100vw / 375);
	}
}
.program{
	background: #000;
	font-family: 'Editorial Grotesk', Arial;
	color: #fff;
}
.program__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.program__block{
	position: absolute;
	top: calc(200 * 100vh / 1050);
	left: calc(93 * 100vw / 1680);
	width: calc(701 * 100vh / 1050);
}
.program__title{
	font-size: calc(64 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.program__percent{
	display: flex;
	text-transform: uppercase;
	margin-top: calc(45 * 100vh / 1050);
}
.program__percent div:first-child{
	font-size: calc(380 * 100vh / 1050);
	line-height: 0.75;
}
.program__percent div:last-child{
	font-size: calc(64 * 100vh / 1050);
	line-height: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: calc(30 * 100vh / 1050);
}
.program__percent div:last-child span{
	font-size: calc(180 * 100vh / 1050);
	line-height: 0.75;
}
.program__text{
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	margin-top: calc(60 * 100vh / 1050);
}
.program__link{
	display: block;
	width: fit-content;
	font-size: calc(24 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	margin-top: calc(60 * 100vh / 1050);
	border-bottom: calc(3 * 100vh / 1050) solid #fff;
	cursor: pointer;
}
@media (orientation: portrait) and (max-width: 992px) {
	.program__bg{
		height: 100%;
	}
	.program .logo{
		display: none;
	}
	.program__block{
		top: 0;
		left: 0;
		width: calc(342 * 100vw / 375);
		position: relative;
		padding: calc(97 * 100vw / 375) calc(16 * 100vw / 375);
	}
	.program__title{
		font-size: calc(35 * 100vw / 375);
	}
	.program__percent{
		margin-top: calc(40 * 100vw / 375);
	}
	.program__percent div:first-child{
		font-size: calc(200 * 100vw / 375);
	}
	.program__percent div:last-child{
		font-size: calc(35 * 100vw / 375);
		margin-left: calc(16 * 100vw / 375);
	}
	.program__percent div:last-child span{
		font-size: calc(80 * 100vw / 375);
	}
	.program__text{
		font-size: calc(28 * 100vw / 375);
		margin-top: calc(40 * 100vw / 375);
	}
	.program__link{
		font-size: calc(24 * 100vw / 375);
		margin-top: calc(60 * 100vw / 375);
		border: none;
	}
	.program__link span{
		display: block;
		border-bottom: calc(3 * 100vw / 375) solid #fff;
	}

	.program__percent,
	.program__text,
	.program__link{
		/* transform: translateY(10vh);
		opacity: 0; */
		transition: opacity 0.5s, transform 0.5s;
	}
	.program__percent div:last-child{
		/* transform: translateX(10vw);
		opacity: 0; */
		transition: opacity 0.5s, transform 0.5s;
	}
	.program__percent.anim,
	.program__text.anim,
	.program__link.anim{
		transform: translateY(0);
		opacity: 1;
	}
	.program__percent div:last-child.anim{
		transform: translateX(0);
		opacity: 1;
	}
}
.cases{
	background: #fff;
	font-family: 'Editorial Grotesk';
	color: #000;
}
.cases__title{
	font-size: calc(130 * 100vw / 1680);
	line-height: 1;
	text-transform: uppercase;
	padding-top: calc(215 * 100vw / 1680);
	padding-left: calc(87 * 100vw / 1680);
}
.cases__line{
	display: flex;
	padding-top: calc(154 * 100vw / 1680);
	padding-left: calc(87 * 100vw / 1680);
	padding-bottom: calc(61 * 100vw / 1680);
	font-size: calc(44 * 100vw / 1680);
	line-height: 1;
	text-transform: uppercase;
}
.cases__link{
	color: #D7D7D7;
	margin-right: calc(85 * 100vw / 1680);
	white-space: nowrap;
	cursor: pointer;
}
.cases__link.active{
	color: #111;
	border-bottom: calc(3 * 100vw / 1680) solid #111;
}
.cases__text{
	padding: 0 calc(86 * 100vw / 1680) calc(50 * 100vw / 1680);
	font-size: calc(20 * 100vw / 1680);
}

.cases__block{
	overflow: hidden;
	width: calc(720 * 100vw / 1680);
	height: calc(650 * 100vw / 1680);
	margin-left: calc(87 * 100vw / 1680);
	padding: calc(70 * 100vw / 1680) calc(80 * 100vw / 1680);
	color: #fff;
	font-size: calc(24 * 100vw / 1680);
	line-height: 1.4;
	position: relative;
	background-size: cover;
	background-position: center;
	background-color: #000;
	position: relative;
}

.cases__block__inner {
	z-index: 10;
	position: absolute;
	background: #9995F0;
	width: 100%;
	height: 100%;
	transform: translateX(-101%);
	top: 0;
	left: 0;
	transition: transform 0.5s;
	padding: calc(164 * 100vw / 1680) calc(80 * 100vw / 1680) 0;
}
.cases__block__inner ul{
	margin-top: 0;
	margin-bottom: calc(60 * 100vw / 1680);
}
.cases__block:hover .cases__block__inner, .cases__block.active .cases__block__inner {
	transform: translateX(0);
}
.cases__block__inner-num {
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 400;
	font-size: calc(800 * 100vw / 1680);
	line-height: 1;
	text-transform: uppercase;
	color: #FFFFFF;
	opacity: 0.1;
}

.cases__block::after{
	content: '';
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.cases__block_right{
	margin-top: calc(-250 * 100vw / 1680);
	margin-left: calc(807 * 100vw / 1680);
}
.cases__block-num{
	font-size: calc(400 * 100vw / 1680);
	line-height: 0.75;
	position: relative;
	z-index: 1;
}
.cases__block-text{
	width: calc(462 * 100vw / 1680);
	position: relative;
	z-index: 1;
	font-family: "Unica77 LL Cyr";
}
.cases__block-text__wrapper {
	display: flex;
	margin-top: calc(83 * 100vw / 1680);
}
.cases__block-text__num {
	margin-right: calc(25 * 100vw / 1680);
	font-family: "Unica77 LL Cyr";
	font-weight: 400;
	font-size: calc(16 * 100vw / 1680);
	line-height: 140%;
	color: #fff;
	opacity: 0.35;
}
.cases__group{
	display: none;
}
.cases__group.active{
	display: block;
}
@media (orientation: portrait) and (max-width: 992px) {
	.cases{
		padding: calc(60 * 100vw / 375) 0 calc(80 * 100vw / 375);
		counter-reset: cases;
		height: auto !important;
	}
	.cases .logo{
		display: none;
	}
	.cases__in{
		transform: none !important;
	}
	.cases__title{
		margin: 0;
		padding: 0;
		font-size: calc(45 * 100vw / 375);
		margin-left: calc(16 * 100vw / 375);
	}
	.cases__line{
		padding-left: calc(16 * 100vw / 375);
		padding-top: calc(53 * 100vw / 375);
		padding-bottom: calc(40 * 100vw / 375);
		font-size: calc(20 * 100vw / 375);
	}
	.cases__link{
		border-width: calc(3 * 100vw / 375);
		margin-right: calc(30 * 100vw / 375);
	}
	.cases__text{
		padding: 0 calc(16 * 100vw / 375) calc(50 * 100vw / 375);
		font-size: calc(20 * 100vw / 375);
	}
	.cases__block{
		width: calc(333 * 100vw / 375);
		margin-left: 0;
		height: calc(428 * 100vw / 375);
		padding: calc(95 * 100vw / 375) calc(27 * 100vw / 375);
		font-size: calc(16 * 100vw / 375);
		counter-increment: cases;
	}

	.cases__block::after{
		top: 0;
	}
	.cases__block-num{
		font-size: calc(130 * 100vw / 375);
	}
	.cases__block-text__num {
		margin-right: calc(25 * 100vw / 375);
		font-size: calc(16 * 100vw / 375);
	}
	.cases__block-text{
		width: calc(290 * 100vw / 375);
		display: flex;
	}
	.cases__block-text__wrapper {
		margin-top: calc(60 * 100vw / 375);
	}


	.cases__block-text span{
		flex: 1;
	}
	.cases__block_right{
		margin-top: 0;
		margin-left: calc(43 * 100vw / 375);
	}

	.cases__block{
		transform: translateY(10vh);
		transition: transform 0.3s;
	}
	.cases__block.anim,
	.cases__block.fixedanim{
		transform: translateY(0);
	}
}
@media (orientation: portrait) and (min-width: 993px), (orientation: landscape) {
	.approach3{
		height: 200vh;
	}
	.approach3__title,.approach3__text{
		transform: translateY(10vh);
		opacity: 0;
		transition: opacity 1s, transform 1s;
	}
	.approach3__title.fixedanim,.approach3__text.fixedanim{
		transform: translateY(0);
		opacity: 1;
	}
	.result3{
		height: 180vh;
	}
	.result3__text{
		opacity: 0;
		transform: translateX(30vw);
		transition: opacity 1s,transform 1s;
	}
	.result3__text.fixedanim{
		opacity: 1;
		transform: translateX(0);
	}
	.result3__block1,
	.result3__block2{
		transition: width 1s;
	}
	.result3__block1:not(.fixedanim),
	.result3__block2:not(.fixedanim){
		width: 0;
	}
	.howwework2{
		height: 170vh;
	}
	.howwework2__text,
	.howwework2__text2{
		transform: translateY(10vh);
		opacity: 0;
		transition: opacity 1s, transform 1s;
	}
	.howwework2__text.fixedanim,
	.howwework2__text2.fixedanim{
		transform: translateY(0);
		opacity: 1;
	}
	.analysis2{
		height: 400vh;
	}
	.analysis2__list{
		transform: translateX(100vw);
		transition: transform 1s;
	}
	.analysis2__list.fixedanim{
		transform: translateX(0vw);
		transition: transform 1s;
	}
	.services2{
		height: 150vh;
	}
	.services2.open1 .services2__leftcol{
		transform: translateY(-100vh);
	}
	.services2.open2 .services2__rightcol{
		transform: translateY(-100vh);
	}
	.services2__leftcol,
	.services2__rightcol,
	.services2__leftcol-in{
		transition: transform 1s;
	}
	.services2__leftcol.fixedanim,
	.services2__rightcol.fixedanim,
	.services2__leftcol-in.fixedanim{
		transform: translateY(-100vh);
	}
	.program{
		height: 160vh;
	}
	.program__percent,
	.program__text,
	.program__link{
		transform: translateY(10vh);
		opacity: 0;
		transition: opacity 1s, transform 1s;
	}
	.program__percent div:last-child{
		transform: translateX(10vw);
		opacity: 0;
		transition: opacity 1s, transform 1s;
	}
	.program__percent.fixedanim,
	.program__text.fixedanim,
	.program__link.fixedanim{
		transform: translateY(0);
		opacity: 1;
	}
	.program__percent div:last-child.fixedanim{
		transform: translateX(0);
		opacity: 1;
	}
	.cases{
		/* min-height: 120vh; */
		/* height: 182vw; */
	}
	.cases__title + .cases__groups{
		padding-top: 10vh;
	}
	.cases__block{
		transform: translateY(20vh);
		transition: transform 0.7s;
	}
	.cases__block.anim,
	.cases__block.fixedanim{
		transform: translateY(0);
	}
	.contacts:not(.contacts_main){
		height: 150vh;
	}
	.contacts:not(.contacts_main) .contacts__col{
		transform: translateX(80vw);
		transition: transform 1s;
	}
	.contacts:not(.contacts_main) .contacts__col.fixedanim{
		transform: translateX(0);
	}

	/* .contacts.contacts_main .contacts__col{
		transform: translateX(80vw);
		transition: transform 1s;
	}
	.contacts.contacts_main.anim .contacts__col{
		transform: translateX(0);
	} */
}
.devblock__purple{
	width: calc(394 * 100vw / 1680);
	height: calc(50 * 100vh / 1050);
	left: auto;
	right: 0;
	top: 0;
}
.devblock__bej{
	width: calc(372 * 100vw / 1680);
	height: calc(126 * 100vh / 1050);
	left: auto;
	right: calc(256 * 100vw / 1680);
	top: calc(50 * 100vh / 1050);
}
.devblock__black{
	width: calc(300 * 100vw / 1680);
	height: calc(81 * 100vh / 1050);
	left: 0;
	top: calc(838 * 100vh / 1050);
	background: #000;
}
.devblock__purple2{
	left: calc(300 * 100vw / 1680);
	top: calc(808 * 100vh / 1050);
	width: calc(307 * 100vw / 1680);
	height: calc(30 * 100vh / 1050);
}
@media (orientation: portrait) and (max-width: 992px){
	.devblock__purple{
		width: calc(141 * 100vw / 375);
		height: calc(21 * 100vw / 375);
		top: calc(115 * 100vw / 375);
	}
	.devblock__bej{
		width: calc(125 * 100vw / 375);
		height: calc(51 * 100vw / 375);
		right: calc(89 * 100vw / 375);
		top: calc(136 * 100vw / 375);
	}
	.devblock__black{
		width: calc(69 * 100vw / 375);
		height: calc(76 * 100vw / 375);
		top: auto;
		bottom: 0;
	}
	.devblock__purple2{
		left: calc(69 * 100vw / 375);
		top: auto;
		bottom: calc(76 * 100vw / 375);
		width: calc(42 * 100vw / 375);
		height: calc(41 * 100vw / 375);
	}
}
.task{
	background: #fff;
	font-family: 'Editorial Grotesk';
	color: #000;
}
.task__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.task__text{
	position: relative;
	z-index: 1;
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	margin: calc(379 * 100vh / 1050) auto 0;
	width: calc(845 * 100vh / 1050);
}
.task__block1{
	background: #fff;
	position: absolute;
	top: calc(305 * 100vh / 1050);
	right: 0;
	width: calc(186 * 100vw / 1680);
	height: calc(28 * 100vh / 1050);
}
.task__block2{
	background: #C6BCA5;
	position: absolute;
	top: calc(333 * 100vh / 1050);
	right: 0;
	width: calc(79 * 100vw / 1680);
	height: calc(206 * 100vh / 1050);
}
.task__block3{
	background: #fff;
	position: absolute;
	top: calc(887 * 100vh / 1050);
	left: calc(106 * 100vw / 1680);
	width: calc(517 * 100vw / 1680);
	height: calc(26 * 100vh / 1050);
}
.task__block4{
	background: #C6BCA5;
	position: absolute;
	top: calc(913 * 100vh / 1050);
	left: 0;
	width: calc(382 * 100vw / 1680);
	height: calc(137 * 100vh / 1050);
}
@media (orientation: portrait) and (max-width: 992px){
	.task .logo{
		display: none;
	}
	.task .bigblock__title{
		padding-top: calc(120 * 100vw / 375);
	}
	.task__bg{
		height: 100%;
	}
	.task__text{
		font-size: calc(24 * 100vw / 375);
		margin: 0;
		padding: calc(330 * 100vw / 375) calc(18 * 100vw / 375) calc(200 * 100vw / 375);
		width: 100%;
	}
	.task__block1{
		top: calc(197 * 100vw / 375);
		width: calc(83 * 100vw / 375);
		height: calc(15 * 100vw / 375);
	}
	.task__block2{
		top: calc(212 * 100vw / 375);
		width: calc(32 * 100vw / 375);
		height: calc(65 * 100vw / 375);
	}
	.task__block3{
		top: auto;
		bottom: calc(66 * 100vw / 375);
		left: calc(69 * 100vw / 375);
		width: calc(145 * 100vw / 375);
		height: calc(18 * 100vw / 375);
	}
	.task__block4{
		left: 0;
		top: auto;
		bottom: 0;
		width: calc(116 * 100vw / 375);
		height: calc(66 * 100vw / 375);
	}

	.task__text{
		/* transform: translateY(10vh);
		opacity: 0; */
		transition: opacity 0.5s, transform 0.5s;
	}
	.task__text.anim{
		transform: translateY(0);
		opacity: 1;
	}
	.task__block1,
	.task__block2,
	.task__block3,
	.task__block4{
		transition: width 0.5s;
	}
	.task__block1:not(.anim),
	.task__block2:not(.anim),
	.task__block3:not(.anim),
	.task__block4:not(.anim){
		width: 0;
	}
}
.result4{
	background: #000;
	font-family: 'Editorial Grotesk';
	color: #fff;
}
.result4__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.result4__title{
	position: absolute;
	z-index: 1;
	left: calc(67 * 100vw / 1680);
	top: calc(146 * 100vh / 1050);
	font-size: calc(180 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
}
.result4__text{
	position: absolute;
	z-index: 1;
	left: calc(861 * 100vw / 1680);
	top: calc(405 * 100vh / 1050);
	width: calc(819 * 100vh / 1050);
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.result4__text > div{
	display: flex;
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: calc(40 * 100vh / 1050) 0;
}
.result4__text span{
	display: block;
	width: calc(69 * 100vh / 1050);
}
.result4__text > div div{
	flex: 1;
}
.result4__block1{
	position: absolute;
	z-index: 1;
	right: 0;
	top: calc(100 * 100vh / 1050);
	width: calc(255 * 100vw / 1680);
	height: calc(50 * 100vh / 1050);
	background: #000;
}
.result4__block2{
	position: absolute;
	z-index: 1;
	left: calc(187 * 100vw / 1680);
	top: calc(813 * 100vh / 1050);
	width: calc(400 * 100vw / 1680);
	height: calc(50 * 100vh / 1050);
	background: #9995F0;
}
.result4__block3{
	position: absolute;
	z-index: 1;
	left: 0;
	top: calc(863 * 100vh / 1050);
	width: calc(325 * 100vw / 1680);
	height: calc(202 * 100vh / 1050);
	background: #C6BCA5;
}
@media (orientation: portrait) and (max-width: 992px){
	.result4 .logo{
		display: none;
	}
	.result4{
		padding: calc(60 * 100vw / 375) 0 calc(176 * 100vw / 375);
	}
	.result4__bg{
		background-position: left 20% top;
		opacity: 0.8;
		height: 100%;
	}
	.result4__title{
		position: relative;
		top: 0;
		left: calc(16 * 100vw / 375);
		font-size: calc(52 * 100vw / 375);
		text-align: left;
	}
	.result4__text{
		position: relative;
		top: 0;
		left: calc(30 * 100vw / 375);
		margin: calc(134 * 100vw / 375) 0 0;
		width: calc(345 * 100vw / 375);
		font-size: calc(24 * 100vw / 375);
	}
	.result4__text br{
		display: none;
	}
	.result4__text > div{
		padding: calc(20 * 100vw / 375) 0;
	}
	.result4__text span{
		width: calc(44 * 100vw / 375);
	}
	.result4__block1{
		display: none;
	}
	.result4__block2{
		left: calc(69 * 100vw / 375);
		top: auto;
		bottom: calc(65 * 100vw / 375);
		width: calc(145 * 100vw / 375);
		height: calc(18 * 100vw / 375);
	}
	.result4__block3{
		top: auto;
		bottom: 0;
		width: calc(116 * 100vw / 375);
		height: calc(66 * 100vw / 375);
	}


	.result4__text > div{
		/* transform: translateY(10vh);
		opacity: 0; */
		transition: opacity 0.5s, transform 0.5s;
	}
	.result4__text > div.anim{
		transform: translateY(0);
		opacity: 1;
	}
	.result4__block1,
	.result4__block2,
	.result4__block3{
		transition: width 0.5s;
	}
	.result4__block1:not(.anim),
	.result4__block2:not(.anim),
	.result4__block3:not(.anim){
		width: 0;
	}
}
.devsteps{
	background: #fff;
	font-family: 'Editorial Grotesk';
	color: #000;
}
.devsteps .bigblock__title{
	display: none;
}
.devsteps__left{
	position: absolute;
	z-index: 1;
	top: calc(249 * 100vh / 1050);
	left: calc(62 * 100vw / 1680);
	width: calc(557 * 100vh / 1050);
}
.devsteps__num{
	font-size: calc(400 * 100vh / 1050);
	line-height: 0.75;
	display: flex;
}
.devsteps__num div{
	margin-right: calc(10 * 100vh / 1050);
	position: relative;
}
.devsteps__num div:last-child{
	flex: 1;
}
.devsteps__num div span{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.devsteps__num div span i{
	font-style: normal;
	position: relative;
	z-index: 1;
}
.devsteps__num div span::before{
	content: '';
	position: absolute;
	z-index: 0;
	left: 0;
	top: -10%;
	width: 100%;
	height: 120%;
	background: #fff;
}
.devsteps__num div span:nth-child(1){
	z-index: 1;
	display: block;
}
.devsteps__num div span:nth-child(2){
	z-index: 2;
}
.devsteps__num div span:nth-child(3){
	z-index: 3;
}
.devsteps__num div span:nth-child(4){
	z-index: 4;
}
.devsteps__num div span:nth-child(5){
	z-index: 5;
}
.devsteps__num div span:nth-child(6){
	z-index: 6;
}
.devsteps__num div span:nth-child(7){
	z-index: 7;
}
.devsteps__text{
	margin-top: calc(65 * 100vh / 1050);
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.devsteps__list{
	position: absolute;
	z-index: 1;
	top: calc(248 * 100vh / 1050);
	left: calc(732 * 100vw / 1680);
	width: calc(948 * 100vh / 1050);
}
.devsteps__block{
	margin-bottom: calc(80 * 100vh / 1050);
	color: #D7D7D7;
	font-size: calc(130 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.devsteps__block div{
	margin-top: calc(20 * 100vh / 1050);
	font-size: calc(16 * 100vh / 1050);
	line-height: 1.4;
	text-transform: none;
}
.devsteps__block:last-child{
	margin-bottom: 0;
}
@media (orientation: portrait) and (max-width: 992px){
	.devsteps .logo{
		display: none;
	}
	.devsteps{
		padding: 0 0 calc(120 * 100vw / 375);
	}
	.devsteps .bigblock__title{
		display: block;
		position: relative;
	}
	.devsteps__left{
		position: relative;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column-reverse;
		width: 100%;
		padding: 0 calc(20 * 100vw / 375);
	}
	.devsteps__num{
		font-size: calc(200 * 100vw / 375);
		margin-top: calc(40 * 100vw / 375);
	}
	.devsteps__text{
		margin-top: calc(60 * 100vw / 375);
		font-size: calc(35 * 100vw / 375);
	}
	.devsteps__list{
		transform: none !important;
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		margin-top: calc(60 * 100vw / 375);
	}
	.devsteps__block{
		margin-bottom: calc(60 * 100vw / 375);
		font-size: calc(45 * 100vw / 375);
		padding: 0 calc(20 * 100vw / 375);
	}
	.devsteps__block br{
		display: none;
	}
	.devsteps__block div{
		margin-top: calc(20 * 100vw / 375);
		font-size: calc(16 * 100vw / 375);
	}
	.devsteps__block:last-child{
		margin-bottom: 0;
	}
	.devsteps__num{
		display: none;
	}

	.devsteps__num div span.fixedanim{
		display: block;
	}
	.devsteps__block{
		transition: color 0.2s;
		color: #111;
		position: relative;
	}
	.devsteps__block.fixedanim{
		color: #111;
	}
	.devsteps__block span{
		transition: color 0.2s;
	}
	.devsteps__block span.fixedanim{
		color: #D7D7D7;
		color: #111;
	}
}
.approach4{
	background: #000;
	font-family: 'Editorial Grotesk';
	color: #fff;
}
.approach4__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.approach4__title{
	position: absolute;
	z-index: 1;
	top: calc(146 * 100vh / 1050);
	left: calc(67 * 100vw / 1680);
	font-size: calc(180 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.approach4__text{
	position: relative;
	z-index: 1;
	top: calc(650 * 100vh / 1050);
	left: calc(840 * 100vw / 1680);
	width: calc(621 * 100vh / 1050);
	font-size: calc(44 * 100vh / 1050);
	line-height: 1;
	text-transform: uppercase;
}
.approach4__block1{
	position: absolute;
	z-index: 1;
	right: 0;
	top: calc(100 * 100vh / 1050);
	width: calc(43 * 100vw / 1680);
	height: calc(200 * 100vh / 1050);
	background: #C6BCA5;
}
.approach4__block2{
	position: absolute;
	z-index: 1;
	left: 0;
	top: calc(669 * 100vh / 1050);
	width: calc(350 * 100vw / 1680);
	height: calc(131 * 100vh / 1050);
	background: #fff;
}
.approach4__block3{
	position: absolute;
	z-index: 1;
	left: calc(180 * 100vw / 1680);
	top: calc(800 * 100vh / 1050);
	width: calc(403 * 100vw / 1680);
	height: calc(43 * 100vh / 1050);
	background: #9995F0;
}
@media (orientation: portrait) and (max-width: 992px){
	.approach4 .logo{
		display: none;
	}
	.approach4__bg{
		height: 100%;
	}
	.approach4{
		padding: calc(60 * 100vw / 375) calc(20 * 100vw / 375) calc(277 * 100vw / 375);
	}
	.approach4__title{
		position: relative;
		z-index: 1;
		top: 0;
		left: 0;
		font-size: calc(52 * 100vw / 375);
	}
	.approach4__text{
		top: 0;
		left: 0;
		margin: calc(122 * 100vw / 375) 0 0 calc(121 * 100vw / 375);
		width: calc(198 * 100vw / 375);
		font-size: calc(24 * 100vw / 375);
	}
	.approach4__block1{
		top: calc(0 * 100vw / 375);
		width: calc(21 * 100vw / 375);
		height: calc(87 * 100vw / 375);
	}
	.approach4__block2{
		top: auto;
		width: calc(161 * 100vw / 375);
		height: calc(55 * 100vw / 375);
		bottom: calc(77 * 100vw / 375);
	}
	.approach4__block3{
		top: auto;
		width: calc(197 * 100vw / 375);
		height: calc(25 * 100vw / 375);
		left: calc(89 * 100vw / 375);
		bottom: calc(52 * 100vw / 375);
	}

	.approach4__text{
		/* transform: translateY(10vh);
		opacity: 0; */
		transition: opacity 0.5s, transform 0.5s;
	}
	.approach4__text.anim{
		transform: translateY(0);
		opacity: 1;
	}
	.approach4__block1{
		transition: height 0.5s;
	}
	.approach4__block2,
	.approach4__block3{
		transition: width 0.5s;
	}
	.approach4__block1:not(.anim){
		height: 0;
	}
	.approach4__block2:not(.anim),
	.approach4__block3:not(.anim){
		width: 0;
	}
}

.trust{
	background: #fff;
	font-family: 'Editorial Grotesk';
	color: #111;
}
.trust .bigblock__title{
	color: #fff;
	border-color: #fff;
}
.trust__bg{
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}
.trust__block1{
	position: absolute;
	z-index: 1;
	left: calc(81 * 100vw / 1680);
	top: calc(350 * 100vh / 1050);
	width: calc(654 * 100vh / 1050);
	height: calc(300 * 100vh / 1050);
	padding: 0 calc(130 * 100vh / 1050);
	font-size: calc(24 * 100vh / 1050);
	line-height: 1.4;
	background: #D7D7D7;
	display: flex;
	align-items: center;
}
.trust__block2{
	overflow: hidden;
	position: absolute;
	z-index: 1;
	left: calc(186 * 100vw / 1680);
	top: calc(650 * 100vh / 1050);
	width: calc(654 * 100vh / 1050);
	height: calc(400 * 100vh / 1050);
	padding: 0 calc(141 * 100vh / 1050);
	font-size: calc(16 * 100vh / 1050);
	line-height: 1.4;
	background: #C6BCA5;
	display: flex;
	align-items: center;
}
.trust__block2 div{
	position: absolute;
	bottom: 0;
	right: calc(-30 * 100vh / 1050);
	z-index: 0;
	color: #fff;
	opacity: 0.1;
	font-size: calc(500 * 100vh / 1050);
	line-height: 0.75;
}
@media (orientation: portrait) and (max-width: 992px){
	.trust{
    padding: calc(60 * 100vw / 375) 0;
    height: auto;
	}
	.trust .logo{
		display: none;
	}
	.trust__bg{
		height: 100%;
		background-position: right 28% top;
	}
	.trust__block1{
		position: relative;
		left: 0;
		top: 0;
		margin-top: calc(325 * 100vw / 375);
		width: calc(333 * 100vw / 375);
		height: calc(262 * 100vw / 375);
		padding: 0 calc(46 * 100vw / 375);
		font-size: calc(16 * 100vw / 375);
	}
	.trust__block2{
		position: relative;
		left: 0;
		top: 0;
		width: calc(333 * 100vw / 375);
		height: auto;
		padding: calc(80 * 100vw / 375) calc(44 * 100vw / 375);
		margin-left: calc(42 * 100vw / 375);
		font-size: calc(16 * 100vw / 375);
	}
	/* .trust__block1, */
	/* .trust__block2{
		transform: translateX(20vw);
		opacity: 0;
		transition: opacity 0.5s, transform 0.5s;
	}
	.trust__block1.anim,
	.trust__block2.anim{
		transform: translateX(0);
		opacity: 1;
	} */
}
@media (orientation: portrait) and (min-width: 993px), (orientation: landscape){
	.task{
		height: 300vh;
	}
	.task__text{
		transform: translateY(10vh);
		opacity: 0;
		transition: opacity 1s, transform 1s;
	}
	.task__text.fixedanim{
		transform: translateY(0);
		opacity: 1;
	}
	.task__block1,
	.task__block2,
	.task__block3,
	.task__block4{
		transition: width 1s;
	}
	.task__block1:not(.fixedanim),
	.task__block2:not(.fixedanim),
	.task__block3:not(.fixedanim),
	.task__block4:not(.fixedanim){
		width: 0;
	}
	.result4{
		height: 300vh;
	}
	.result4__text > div{
		transform: translateY(10vh);
		opacity: 0;
		transition: opacity 1s, transform 1s;
	}
	.result4__text > div.fixedanim{
		transform: translateY(0);
		opacity: 1;
	}
	.result4__block1,
	.result4__block2,
	.result4__block3{
		transition: width 1s;
	}
	.result4__block1:not(.fixedanim),
	.result4__block2:not(.fixedanim),
	.result4__block3:not(.fixedanim){
		width: 0;
	}
	.approach4{
		height: 300vh;
	}
	.approach4__text{
		transform: translateY(10vh);
		opacity: 0;
		transition: opacity 1s, transform 1s;
	}
	.approach4__text.fixedanim{
		transform: translateY(0);
		opacity: 1;
	}
	.approach4__block1{
		transition: height 1s;
	}
	.approach4__block2,
	.approach4__block3{
		transition: width 1s;
	}
	.approach4__block1:not(.fixedanim){
		height: 0;
	}
	.approach4__block2:not(.fixedanim),
	.approach4__block3:not(.fixedanim){
		width: 0;
	}
	.trust{
		height: 300vh;
	}
	.trust .logo{
		display: none;
	}
	.trust__block1{
		transform: translateY(10vh);
		opacity: 0;
		transition: opacity 1s, transform 1s;
	}
	.trust__block2{
		transform: translateX(20vw);
		opacity: 0;
		transition: opacity 1s, transform 1s;
	}
	.trust__block1.fixedanim,
	.trust__block2.fixedanim{
		transform: translateX(0);
		opacity: 1;
	}
	.devsteps{
		height: 400vh;
	}
	.devsteps__num div,.devsteps__text{
		transition: transform 1s;
	}
	.devsteps__num div.fixedanim,.devsteps__text.fixedanim{
		transform: translateY(calc(102 * 100vh / 1050));
	}
	.devsteps__num div span.fixedanim{
		display: block;
	}
	.devsteps__block{
		transition: color 0.2s;
		position: relative;
	}
	.devsteps__block.fixedanim{
		color: #111;
	}
	.devsteps__block span{
		transition: color 0.2s;
	}
	.devsteps__block span.fixedanim{
		color: #D7D7D7;
	}
}

.popupform{
	position: fixed;
  z-index: 110;
  top: calc(100 * 100vh / 1050);
  left: calc(188 * 100vh / 1050);
  width: calc(100vw - 188 * 100vh / 1050);
  height: calc(850 * 100vh / 1050);
  background: #fff;
	transform: translate(100%, 0);
	transition: transform 1s;
}
.popupform.open{
	transform: translate(0, 0);
}
.popupform__close{
	position: absolute;
	width: calc(40 * 100vh / 1050);
	height: calc(40 * 100vh / 1050);
	top: calc(43 * 100vh / 1050);
	right: calc(67 * 100vw / 1680);
	background: url(/local/templates/main/css/../img/close_black.svg) center no-repeat;
	background-size: contain;
	cursor: pointer;
}
.popupform .formblock{
	padding: calc(87 * 100vh / 1050) calc(120 * 100vw / 1680) calc(100 * 100vh / 1050) calc(90 * 100vw / 1680);
	height: 100%;
}
.popupform .formblock__field{
	width: 100%;
}
.popupform .formblock__form{
	margin: 0;
	display: flex;
	align-items: flex-end;
	height: 100%;
	width: calc(720 * 100vw / 1680);
}
.formblock__result{
	font-family: "Editorial Grotesk";
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: opacity 0.3s;
	opacity: 0;
	pointer-events: none;
}
.formblock__result.show{
	opacity: 1;
	pointer-events: auto;
}
.formblock__result-title{
  font-size: calc(64 * 100vh / 1050);
  line-height: 1;
}
.formblock__result-close{
	position: absolute;
	width: calc(40 * 100vh / 1050);
	height: calc(40 * 100vh / 1050);
	top: calc(43 * 100vh / 1050);
	right: calc(67 * 100vw / 1680);
	background: url(/local/templates/main/css/../img/close_black.svg) center no-repeat;
	background-size: contain;
	cursor: pointer;
}
.formblock__result-close2{
	margin-top: calc(40 * 100vh / 1050);
  font-size: calc(24 * 100vh / 1050);
  line-height: 1;
	cursor: pointer;
  text-decoration: underline;
}
.popupform .menu_in_1{
	display: none;
}
@media (orientation: portrait) and (max-width: 992px){
	.popupform{
		top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transition: transform 100ms;
	}
	.popupform .formblock{
		padding: calc(122 * 100vw / 375) calc(16 * 100vw / 375) 0;
	}
	.popupform .formblock__form{
		align-items: flex-start;
    width: 100%;
		margin-top: calc(87 * 100vw / 375);
	}
	.popupform .formblock__block{
    width: 100%;
	}
	.popupform .menu_in_1{
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
	}
}
.wrap.brokerage .company__link{
	display: none;
}


@media (orientation: portrait) and (min-width: 993px), (orientation: landscape){
	.bigblock .logo,.brokerage .middle .logo{
		display: none;
	}
	.main + .bigblock .logo,.middle .company__screen2 .logo{
		display: flex;
	}
}
@media (orientation: portrait) and (max-width: 992px){
	.logo#mainlogo.show{
		display: none;
	}
}
/* .allowscroll{
	transition: transform 0.5s ease-in-out;
} */

@media (orientation: portrait) and (min-width: 993px), (orientation: landscape){
	/* .quickanim{
		height: 150vh !important;
	} */
	.fixedblock.init,
	.bottom.init{
		top: 100vh;
	}
	.allowscroll:not(.allowhscroll){
		height: auto;
	}
	.fixedhscroll,.fixedscroll {
		position: relative;
	}
	.devsteps{
		height: 400vh !important;
	}
	.devsteps__list{
		top: 0;
		margin-top: calc(248 * 100vh / 1050);
	}
	.devsteps__block{
		margin-bottom: 0;
		padding-bottom: calc(80 * 100vh / 1050);
	}
	.brokerage__screen2_title.top.anim {
    transform: translateY(0);
	}
	.brokerage__screen2_wrap-block1.top.anim {
	  transform: translateX(0);
	}
	.middle3-wrap-in.anim{
		transform: translateX(35vw);
	}
	.middle3-wrap-text,
	.brokerage__screen2_wrap{
		transition: transform 1s;
	}
	.middle3-wrap-text.anim{
		transform: translateX(-100vw);
	}
	.middle3-wrap-text.anim,.brokerage__screen2_wrap.anim{
		transform: translateX(-95vw);
	}
	.middle1{
		z-index: 10;
	}
	.middle2{
		z-index: 11;
	}
	.middle3{
		z-index: 13;
	}
	.company-middle2-block_green{
		transition-delay: 0s !important;
	}
	.company-middle2-block_purp{
		transition-delay: 0.2s !important;
	}
	.company-middle2-block_black{
		transition-delay: 0.6s !important;
	}
	.middle2 .loader__counter {
	  right: calc(290 * 100vh / 1050) !important;
	}
	.middle2 .loader__counter span{
		width: 18.85714vh !important;
		font-size: 33.33vh !important;
		line-height: 1 !important;
		display: block !important;
		transform: none !important;
		border: none !important;
	}

	.company__screen2_title.top.anim {
		transform: translateY(0);
	}
	.company__screen2-wrap {
		position: relative;
		top: 10vh;
    width: fit-content;
		opacity: 0;
		transform: translateY(50vh);
		transition: opacity 1s, transform 1s;
	}
	.company__screen2-wrap.anim {
		opacity: 1;
		transform: translateY(0);
	}
	.company__screen2-wrap > div{
		opacity: 1;
	}
	.company-bigblock{
		overflow: hidden;
		margin-top: 13vh;
	}
	.contacts_main{
		z-index: 19;
	}
	.block__ulin{
		position: relative;
	}
	.main_main{
		transform: translateY(-100vh);
	}

	.approach__text1,.approach__text2{
		opacity: 0;
    transform: translateY(30vh);
    transition: opacity 1s,transform 1s;
	}
	.approach__text1.anim,.approach__text2.anim{
		opacity: 1;
		transform: translateY(0);
	}

	.brokerage__screen3-wrap{
		padding: 0 calc(113 * 100vh / 1050);
	}


	.approach2__list{
		height: 85vh;
		transform: translateX(100vw);
		transition: transform 0.7s;
	}
	.approach2.stopanim .approach2__list{
		transform: translateX(0);
	}
	.approach2__list{
		padding: 0 calc(91 * 100vw / 1680);
		display: flex;
		font-size: calc(60 * 100vh / 1050);
	}
	.approach2__list-item{
		position: relative;
		left: 0;
		width: auto;
		margin-right: calc(250 * 100vh / 1050);
	}
	.approach2__list-in{
		position: relative;
	}

	.howwework__list{
		margin-left: 0;
		padding-left: calc(90 * 100vw / 1680);
	}

  .formblock__block.anim .formblock__field {
    width: 100%;
  }
}
@media (orientation: portrait) and (max-width: 992px){
	.logo#mainlogo.show{
		display: none;
	}
	.middle2{
		height: calc(848 * 100vw / 375);
	}
	.middle2 .loader__counter span{
		width: 18.85714vh !important;
		font-size: 33.33vh !important;
		line-height: 1 !important;
		display: block !important;
		transform: none !important;
		border: none !important;
	}
	.block__ulin{
		position: relative;
	}
	.cases__title + .cases__groups{
		padding-top: 10vw;
	}
	video::-webkit-media-controls-start-playback-button {
		display: none !important;
	}
}

/* .cookies */
.cookies {
	position: fixed;
	left: 11.13095vw;
	bottom: 14.28571vh;
	z-index: 50;
	display: flex;
	justify-content: flex-start;
	gap: 0 1.19048vw;
	width:  27.67857vw;
	min-height: 21.47803vh;
	padding: 2.38095vw;
	background: #000;
	visibility: hidden;
	opacity: 0;
	transform: translateY(100%);
	transition: all .9s ease-out;
}
@media (orientation: portrait) and (max-width: 992px) {
	.cookies{
		left: 0;
		bottom: 0;
		width: 100%;
		min-height: 4rem;
		gap: 0 calc(20 * 100vw / 375);
		padding: calc(20 * 100vw / 375);
	}
}
/* @media (max-width: 767px) {
	.cookies {
		bottom: 0;
		width: 70%;
		left: 45%;
		min-height: 4rem;
	}
} */
.cookies.show {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
.cookies.hide {
	display: none;
}
.cookies__text {
	font-family: 'Unica77 LL Cyr';
	font-style: normal;
	font-weight: 400;
	font-size: 1.80868vh;
	line-height: 140%;
	color: #fff;
}
@media (orientation: portrait) and (max-width: 992px) {
	.cookies__text {
		font-size: 14px;
	}
}
.cookies__link {
	text-decoration-line: underline;
	color: #fff;
	transition: all .3s ease-out;
}
@media (hover: hover),screen and (min-width: 0\0) {
	.cookies__link:hover {
		text-decoration-line: none;
	}
}
.cookies__btn {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.14286vw;
	height: 2.14286vw;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	color: #fff;
	transition: transform .3s ease-out;
	cursor: pointer;
}
@media (hover: hover),screen and (min-width: 0\0) {
	.cookies__btn:hover {
		transform: scale(0.9);
	}
}
@media (orientation: portrait) and (max-width: 992px) {
	.cookies__btn {
		width: calc(20 * 100vw / 375);
		height: calc(20 * 100vw / 375);
		min-width: 26px;
		min-height: 26px;
	}
}
.cookies__btn svg {
	width: 100%;
	height: 100%;
}
/* .cookies end */

.privacy-policy-page {
	background: #f3f1ee;
	color: #111111;
	min-height: 100vh;
	padding: calc(160 * 100vh / 1050) 11.13095vw calc(120 * 100vh / 1050);
}
.privacy-policy-page__inner {
	max-width: 980px;
}
.privacy-policy-page__title {
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(76 * 100vh / 1050);
	line-height: 0.95;
	margin: 0 0 calc(48 * 100vh / 1050);
	text-transform: uppercase;
}
.privacy-policy-page__lead,
.privacy-policy-page p {
	font-family: "Unica77 LL Cyr";
	font-style: normal;
	font-weight: 400;
	font-size: calc(22 * 100vh / 1050);
	line-height: 1.45;
	margin: 0 0 calc(24 * 100vh / 1050);
}
.privacy-policy-page__lead {
	max-width: 760px;
}
.privacy-policy-page h2 {
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(34 * 100vh / 1050);
	line-height: 1.1;
	margin: calc(44 * 100vh / 1050) 0 calc(16 * 100vh / 1050);
	text-transform: uppercase;
}
.privacy-policy-page h3 {
	font-family: "Editorial Grotesk";
	font-style: normal;
	font-weight: 400;
	font-size: calc(24 * 100vh / 1050);
	line-height: 1.18;
	margin: calc(28 * 100vh / 1050) 0 calc(12 * 100vh / 1050);
	text-transform: uppercase;
}
.privacy-policy-page a {
	color: #111111;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}
.privacy-policy-page__download {
	margin-bottom: calc(44 * 100vh / 1050);
}
.privacy-policy-page__date {
	margin-top: calc(48 * 100vh / 1050);
	opacity: 0.72;
}
@media (orientation: portrait) and (max-width: 992px) {
	.privacy-policy-page {
		padding: calc(120 * 100vw / 375) calc(20 * 100vw / 375) calc(72 * 100vw / 375);
	}
	.privacy-policy-page__title {
		font-size: calc(42 * 100vw / 375);
		margin-bottom: calc(32 * 100vw / 375);
	}
	.privacy-policy-page__lead,
	.privacy-policy-page p {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 18px;
	}
	.privacy-policy-page h2 {
		font-size: calc(23 * 100vw / 375);
		margin: calc(34 * 100vw / 375) 0 14px;
	}
	.privacy-policy-page h3 {
		font-size: calc(18 * 100vw / 375);
		margin: calc(24 * 100vw / 375) 0 12px;
	}
	.privacy-policy-page__download {
		margin-bottom: calc(30 * 100vw / 375);
	}
}

/* End */
/* /local/templates/main/css/style.css?1781018683158470 */