@charset "UTF-8";
/* Common */
/* Media */
/* Content */
/* Common animations */
@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(calc(100% + 2.77778vw));
		        transform: translateX(calc(100% + 2.77778vw));
		/* Начинаем движение справа */
	}
	100% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		/* Заканчиваем движением слева */
	}
}
@keyframes marquee {
	0% {
		-webkit-transform: translateX(calc(100% + 2.77778vw));
		        transform: translateX(calc(100% + 2.77778vw));
		/* Начинаем движение справа */
	}
	100% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		/* Заканчиваем движением слева */
	}
}

@-webkit-keyframes marquee-bg_rtl {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	to {
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}

@keyframes marquee-bg_rtl {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
	to {
		-webkit-transform: translate3d(-50%, 0, 0);
		        transform: translate3d(-50%, 0, 0);
	}
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Blocks */
@media (max-width: 767px) {
	.header {
		padding-top: 2.22222vw;
		padding-bottom: 2.22222vw;
	}
	.header__inner {
		position: relative;
	}
	.header__logo {
		width: 100%;
	}
	.header__logo img {
		height: 6.66667vw;
	}
	.header__search-buttons {
		display: none;
	}
	.header__button {
		position: absolute;
		left: 0;
		right: 0;
		bottom: calc(var(--header-height) * -1 - 2.22222vw);
		margin: 0 auto;
	}
}

.info {
	padding-top: 5.55556vw;
	padding-bottom: 5.55556vw;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 2.22222vw;
}

.info__title {
	margin: 0 0 3.33333vw;
}

.info__text {
	font-weight: 600;
	font-size: 4.44444vw;
	line-height: 120%;
	letter-spacing: -0.02em;
}

.info__items {
	display: flex;
	gap: 2.22222vw;
}

@media (max-width: 767px) {
	.info__items {
		margin: 0 calc(var(--p) * -1);
		padding: 0 var(--p);
		overflow: scroll;
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* FF */
	}
	.info__items::-webkit-scrollbar {
		/* Chrome, Safari, Opera */
		display: none;
	}
}

.info__item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.38889vw;
	min-height: 44.72222vw;
	padding: 3.33333vw;
	border-radius: 4.44444vw;
	background: var(--gray-40);
}

@media (max-width: 767px) {
	.info__item {
		flex: 0 0 71.11111vw;
	}
}

.info__item-num {
	font-weight: 600;
	font-size: 10vw;
	line-height: 110%;
	letter-spacing: -0.02em;
}

.info__item-text {
	font-weight: 600;
	font-size: 5vw;
	line-height: 116%;
	padding-right: 27.77778vw;
}

.info__item-icon {
	position: absolute;
	right: 2.77778vw;
	bottom: 0;
	width: auto;
	height: 33.33333vw;
	-o-object-fit: contain;
	   object-fit: contain;
}

.history {
	padding-top: 5.55556vw;
	padding-bottom: 5.55556vw;
}

.history__title {
	margin: 0 0 4.44444vw;
}

.history__cards {
	display: flex;
	flex-direction: column;
	gap: 2.22222vw;
}

.history__card {
	position: relative;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	transition: 350ms ease-in-out;
}

.history__card-head {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 767px) {
	.history__card-head {
		padding: 3.33333vw;
		border-radius: 3.33333vw;
		background: var(--gray-40);
		min-height: 15vw;
	}
	.history__card-head:hover {
		background: var(--gray-20);
	}
}

.history__card-year {
	font-weight: 600;
	font-size: 4.44444vw;
	line-height: 120%;
}

.history__card-arrow {
	position: absolute;
	left: 3.33333vw;
	width: 7.77778vw;
	height: 7.77778vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--red);
	border-radius: 50%;
}

.history__card-arrow i {
	-webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(354deg) brightness(102%) contrast(102%);
	        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(354deg) brightness(102%) contrast(102%);
	font-size: 7.77778vw;
	flex: 0 0 auto;
}

.history__card-container {
	overflow: hidden;
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows .2s;
	transition: grid-template-rows .2s, -ms-grid-rows .2s;
}

@media (max-width: 767px) {
	.history__card-container {
		margin: 0 calc(var(--p) * -1);
	}
}

.history__card-container-wrap {
	min-height: 0;
}

.history__card-image {
	height: 63.88889vw;
	border-radius: 3.33333vw 3.33333vw 0 0;
	overflow: hidden;
}

.history__card-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.history__card-content {
	position: relative;
	z-index: 1;
}

@media (max-width: 767px) {
	.history__card-content {
		margin-top: -4.16667vw;
		border-radius: 3.33333vw;
		padding: 3.33333vw;
		background: white;
	}
}

.history__card-content-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.77778vw;
}

.history__card-content-title {
	font-weight: 600;
	font-size: 6.11111vw;
	line-height: 110%;
	letter-spacing: -0.02em;
}

.history__card-content-year {
	font-size: 2.91667vw;
	line-height: 1;
	width: -webkit-fit-content;
	width: fit-content;
	background: var(--gray-40);
}

.history__card-content-text {
	display: flex;
	flex-direction: column;
	gap: 1.94444vw;
	font-weight: 600;
	font-size: 4.44444vw;
	line-height: 120%;
	-ms-hyphens: auto;
	    hyphens: auto;
	grid-column: span 2;
	height: 47.22222vw;
	overflow-y: auto;
	scrollbar-width: initial;
	scrollbar-color: initial;
}

.history__card-content-text-scroll {
	padding-right: 2.22222vw;
}

.history__card-open {
	cursor: default;
}

.history__card-open .history__card-head {
	display: none;
}

.history__card-open .history__card-container {
	grid-template-rows: 1fr;
}

.ratings {
	padding-top: 5.55556vw;
	padding-bottom: 5.55556vw;
}

.ratings__title {
	margin: 0 0 4.44444vw;
}

.ratings__items {
	display: flex;
	margin: 0 -1.94444vw;
}

.ratings__item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2.22222vw;
	padding: 3.33333vw;
	border-radius: 3.33333vw;
	background: var(--gray-40);
	height: 100%;
	margin: 0 1.94444vw;
}

.ratings__item-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 2.77778vw;
}

.ratings__item-company {
	cursor: default;
	font-weight: 600;
	font-size: 3.47222vw;
	line-height: 1;
	width: -webkit-fit-content;
	width: fit-content;
}

.ratings__item-position {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 13.33333vw;
	height: 13.33333vw;
	font-weight: 600;
	font-size: 4.44444vw;
	line-height: 116%;
	color: white;
	background: url("../img/@about/ratings/position-bg.png") 50% 50% no-repeat;
	background-size: contain;
}

.ratings__item-position span {
	margin-top: -1.38889vw;
}

.ratings__item-text {
	font-weight: 600;
	font-size: 6.11111vw;
	line-height: 115%;
}

.ratings__item-text span {
	display: block;
}

.mission {
	padding-top: 5.55556vw;
	padding-bottom: 5.55556vw;
}

.mission__title {
	margin: 0 0 3.33333vw;
}

.mission__blocks {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
}

@media (max-width: 767px) {
	.mission__blocks {
		padding: 3.33333vw;
		border-radius: 3.33333vw;
		overflow: hidden;
		min-height: 138.88889vw;
		align-items: flex-end;
	}
}

.mission__content {
	display: flex;
	flex-direction: column;
	gap: 3.33333vw;
	color: white;
}

.mission__content-title {
	font-weight: 600;
	font-size: 6.38889vw;
	line-height: 100%;
	letter-spacing: -0.04em;
}

.mission__content-text {
	font-weight: 600;
	font-size: 4.44444vw;
	line-height: 115%;
	letter-spacing: -0.02em;
}

.mission__video {
	cursor: pointer;
	color: white;
	display: flex;
	flex-direction: column;
	padding: 3.33333vw;
}

@media (max-width: 767px) {
	.mission__video {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
}

.mission__video:hover {
	color: white;
}

.mission__video-tag {
	position: relative;
	font-weight: 600;
	font-size: 3.33333vw;
	width: -webkit-fit-content;
	width: fit-content;
	margin-left: auto;
}

.mission__video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 11.11111vw;
	height: 11.11111vw;
	font-size: 11.11111vw;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--red);
}

.mission__video-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.mission__video-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.mission__video video {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	z-index: -1;
}

.symbols {
	padding-top: 5.55556vw;
	padding-bottom: 5.55556vw;
}

.symbols__title {
	margin: 0 0 3.33333vw;
}

.symbols__items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1.11111vw;
}

.symbols__item {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 4.44444vw;
	min-height: 46.66667vw;
	border-radius: 3.33333vw;
	padding: 4.72222vw 3.33333vw 3.33333vw;
}

.symbols__item:nth-child(odd of .symbols__item:not(.symbols__item_active)) {
	color: white;
	background: var(--black);
}

.symbols__item:nth-child(odd of .symbols__item:not(.symbols__item_active)):hover {
	background: #121212;
}

.symbols__item:nth-child(odd of .symbols__item:not(.symbols__item_active)) .symbols__item-bottom-preview {
	background: #303030;
}

.symbols__item:nth-child(even of .symbols__item:not(.symbols__item_active)) {
	background: var(--gray-40);
}

.symbols__item:nth-child(even of .symbols__item:not(.symbols__item_active)):hover {
	background: #CCCDD1;
}

.symbols__item:nth-child(even of .symbols__item:not(.symbols__item_active)) .symbols__item-bottom-preview {
	background: white;
}

.symbols__item_active {
	cursor: default;
	justify-content: flex-start;
	color: var(--black);
	background: white;
	order: -1;
}

@media (max-width: 767px) {
	.symbols__item_active {
		grid-column: span 2;
	}
}

.symbols__item_active .symbols__item-image {
	display: block;
}

.symbols__item_active .symbols__item-name {
	font-size: 6.66667vw;
}

.symbols__item_active .symbols__item-text {
	display: flex;
}

.symbols__item_active .symbols__item-bottom {
	display: none;
}

.symbols__item-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2.22222vw;
}

.symbols__item-name {
	font-weight: 600;
	font-size: 5vw;
	line-height: 100%;
	letter-spacing: -0.02em;
}

.symbols__item-text {
	display: flex;
	flex-direction: column;
	gap: 2.22222vw;
	font-weight: 600;
	font-size: 4.44444vw;
	line-height: 116%;
	display: none;
}

.symbols__item-image {
	position: relative;
	height: 63.88889vw;
	border-radius: 3.33333vw;
	overflow: hidden;
	display: none;
}

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

.symbols__item-image video {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.symbols__item-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 2.77778vw;
}

.symbols__item-bottom i {
	width: 8.88889vw;
	height: 8.88889vw;
	font-size: 8.88889vw;
	border-radius: 50%;
	background: #F4F5F9;
}

.symbols__item-bottom-preview {
	width: 13.33333vw;
	height: 13.33333vw;
	border-radius: 2.22222vw;
}

.symbols__item-bottom-preview img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.values {
	padding-top: 5.55556vw;
	padding-bottom: 5.55556vw;
}

.values__title {
	margin: 0 0 4.44444vw;
}

.values__items {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 2.22222vw;
}

@media (max-width: 767px) {
	.values__items {
		padding: 0 var(--p);
		margin: 0 calc(var(--p) * -1);
		overflow: scroll;
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* FF */
	}
	.values__items::-webkit-scrollbar {
		/* Chrome, Safari, Opera */
		display: none;
	}
}

.values__item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 3.33333vw;
	min-height: 50vw;
	border-radius: 3.33333vw;
	padding: 3.33333vw 3.33333vw 0;
	background: #E0E1E5 url("../img/@about/values/card-bg_m.png") 100% 0% no-repeat;
	background-size: 50%;
}

@media (max-width: 767px) {
	.values__item {
		flex: 1 0 71.11111vw;
	}
}

.values__item-title {
	cursor: default;
	width: -webkit-fit-content;
	width: fit-content;
	font-weight: 600;
	font-size: 3.47222vw;
	line-height: 1;
	min-height: 7.22222vw;
}

.values__item-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.83333vw;
	border-radius: 3.33333vw;
	padding: 3.33333vw;
	background: white;
	flex-grow: 1;
	margin: 0 -3.33333vw;
}

.values__item-icon {
	align-self: flex-end;
	width: 7.22222vw;
	height: 7.22222vw;
	background: var(--red);
	border-radius: 50%;
}

.values__item-icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.values__item-text {
	font-weight: 600;
	font-size: 4.44444vw;
	line-height: 120%;
}

.brand-materials {
	padding-top: 5.55556vw;
	padding-bottom: 5.55556vw;
}

.brand-materials__block {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2.77778vw;
	padding: 3.33333vw;
	border-radius: 1.94444vw;
	min-height: 71.11111vw;
	overflow: hidden;
}

.brand-materials__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.brand-materials__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.brand-materials__title {
	font-weight: 600;
	font-size: 5.55556vw;
	line-height: 100%;
	letter-spacing: -0.02em;
}

.brand-materials__button {
	font-weight: 600;
	font-size: 3.33333vw;
	line-height: 1;
	min-width: 27.77778vw;
	width: -webkit-fit-content;
	width: fit-content;
}

.advantages {
	padding-top: 5.55556vw;
	padding-bottom: 5.55556vw;
}

.advantages__title {
	margin: 0 0 4.44444vw;
}

.advantages__items {
	display: flex;
	gap: 2.22222vw;
}

@media (max-width: 767px) {
	.advantages__items {
		margin: 0 calc(var(--p) * -1);
		padding: 0 var(--p);
		overflow: scroll;
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* FF */
	}
	.advantages__items::-webkit-scrollbar {
		/* Chrome, Safari, Opera */
		display: none;
	}
}

.advantages__item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2.77778vw;
	flex: 0 0 85vw;
	padding: 3.33333vw;
	border-radius: 3.33333vw;
	background: var(--gray-40);
	min-height: 61.11111vw;
}

.advantages__item-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 27.77778vw;
	height: 27.77778vw;
	-o-object-fit: contain;
	   object-fit: contain;
}

.advantages__item-title {
	font-weight: 600;
	font-size: 6.66667vw;
	line-height: 100%;
	letter-spacing: -0.02em;
	margin-right: 24.16667vw;
	-ms-hyphens: auto;
	    hyphens: auto;
}

.advantages__item-text {
	font-weight: 600;
	font-size: 4.44444vw;
	line-height: 120%;
}

.lvg {
	padding-top: 5.55556vw;
	padding-bottom: 5.55556vw;
}

.lvg__title {
	margin: 0 0 3.33333vw;
}

.lvg__items {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 3.05556vw;
}

.lvg__item {
	position: relative;
	padding: 3.33333vw;
	border-radius: 3.33333vw;
	overflow: hidden;
}

.lvg__item_photo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 2.77778vw;
	align-items: start;
	color: white;
	min-height: 71.11111vw;
}

.lvg__item_text {
	display: flex;
	flex-direction: column;
	gap: 2.77778vw;
	background: var(--gray-40);
}

.lvg__item-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform-origin: 50% 40%;
	        transform-origin: 50% 40%;
	transition: 1s;
}

.lvg__item-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center bottom;
	   object-position: center bottom;
}

.lvg__item-rune {
	width: 5vw;
	height: 5vw;
	font-size: 5vw;
	margin-left: auto;
	-webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(354deg) brightness(102%) contrast(102%);
	        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(354deg) brightness(102%) contrast(102%);
}

.lvg__item-tag {
	color: white;
	border-color: white;
	gap: 1.11111vw;
	min-width: 22.5vw;
	width: -webkit-fit-content;
	width: fit-content;
}

@media (max-width: 767px) {
	.lvg__item-tag {
		align-self: end;
	}
}

.lvg__item-tag i {
	width: 3.61111vw;
	height: 3.61111vw;
	font-size: 3.61111vw;
	flex: 0 0 auto;
}

.lvg__item-tag span {
	font-weight: 600;
	font-size: 2.77778vw;
	line-height: 1;
	letter-spacing: -0.02em;
}

.lvg__item-name {
	font-weight: 600;
	font-size: 6.66667vw;
	line-height: 98%;
	letter-spacing: -0.04em;
}

.lvg__item-text {
	font-weight: 600;
	font-size: 4.44444vw;
	line-height: 120%;
}

.lvg__item-button {
	font-weight: 600;
	font-size: 3.33333vw;
	line-height: 1;
	min-width: 27.77778vw;
	width: -webkit-fit-content;
	width: fit-content;
	margin-left: auto;
}

.corporate {
	padding-top: 5.55556vw;
	padding-bottom: 5.55556vw;
}

.corporate__block {
	color: white;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 2.77778vw;
	padding: 3.33333vw;
	border-radius: 3.33333vw;
	min-height: 138.88889vw;
	overflow: hidden;
}

.corporate__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.corporate__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.corporate__tag {
	font-weight: 600;
	font-size: 2.77778vw;
	line-height: 1;
	min-width: 37.22222vw;
	width: -webkit-fit-content;
	width: fit-content;
	margin-bottom: auto;
}

.corporate__title {
	font-weight: 600;
	font-size: 6.66667vw;
	line-height: 100%;
	letter-spacing: -0.04em;
}

.corporate__text {
	font-weight: 600;
	font-size: 4.44444vw;
	line-height: 115%;
	letter-spacing: -0.02em;
}

.corporate__button {
	font-weight: 600;
	font-size: 3.33333vw;
	line-height: 1;
	min-width: 27.77778vw;
	width: -webkit-fit-content;
	width: fit-content;
	margin-top: 1.38889vw;
}