@charset "UTF-8";
/* Common */
/* Media */
/* Content */
/* Common animations */
@-webkit-keyframes marquee {
	0% {
		-webkit-transform: translateX(calc(100% + 0.52083vw));
		        transform: translateX(calc(100% + 0.52083vw));
		/* Начинаем движение справа */
	}
	100% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
		/* Заканчиваем движением слева */
	}
}
@keyframes marquee {
	0% {
		-webkit-transform: translateX(calc(100% + 0.52083vw));
		        transform: translateX(calc(100% + 0.52083vw));
		/* Начинаем движение справа */
	}
	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 */
.info {
	padding-top: 1.66667vw;
	padding-bottom: 1.66667vw;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0.72917vw;
}

.info__block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0.26042vw;
	padding: 0.83333vw;
	border-radius: 1.04167vw;
	background: white;
}

.info__title {
	font-weight: 600;
	font-size: 2.29167vw;
	line-height: 110%;
	letter-spacing: -0.02em;
	margin: 0;
}

.info__text {
	font-size: 1.14583vw;
}

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

.info__item {
	gap: 0.26042vw;
	min-height: 8.4375vw;
	padding: 0.83333vw;
	border-radius: 1.04167vw;
}

.info__item-num {
	font-size: 2.08333vw;
}

.info__item-text {
	font-size: 1.14583vw;
	padding-right: 6.25vw;
}

.info__item-icon {
	right: 0.52083vw;
	bottom: 0.52083vw;
	height: 7.03125vw;
}

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

.history__title {
	margin: 0 0 1.25vw;
}

.history__cards {
	flex-direction: row;
	gap: 0.78125vw;
}

.history__card {
	min-width: 3.54167vw;
	width: 3.54167vw;
	height: 22.5vw;
	transition: width 0.3s ease-out;
	overflow: hidden;
	position: relative;
	flex-direction: row;
	background: var(--gray-40);
	border-radius: 1.04167vw;
}

.history__card:not(.history__card-open):hover {
	color: white;
	background: var(--red);
}

.history__card:not(.history__card-open):hover .history__card-arrow {
	background: var(--gray-40);
}

.history__card:not(.history__card-open):hover .history__card-arrow i {
	-webkit-filter: grayscale(100%) brightness(0%) contrast(0.9);
	        filter: grayscale(100%) brightness(0%) contrast(0.9);
}

.history__card-head {
	height: 100%;
	width: 100%;
	flex-direction: column;
	padding-bottom: 3.125vw;
}

.history__card-year {
	font-size: 1.04167vw;
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
	-webkit-transform: scale(-1);
	        transform: scale(-1);
}

.history__card-arrow {
	width: 1.875vw;
	height: 1.875vw;
	left: auto;
	bottom: 0.83333vw;
}

.history__card-arrow i {
	font-size: 1.875vw;
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

.history__card-container {
	transition: none;
	max-width: 0;
}

.history__card-container-wrap {
	display: grid;
	grid-template-columns: 27.23958vw auto;
	grid-gap: 0.78125vw;
	min-width: 55.20833vw;
	min-height: unset;
	padding: 0.83333vw;
}

.history__card-image {
	height: 20.83333vw;
	border-radius: 0.625vw;
}

.history__card-content {
	grid-gap: 0.83333vw;
	max-width: 26.66667vw;
}

.history__card-content-head {
	margin-bottom: 0.83333vw;
}

.history__card-content-title {
	font-size: 1.875vw;
}

.history__card-content-year {
	font-size: 0.85938vw;
}

.history__card-content-text {
	gap: 0.41667vw;
	font-size: 1.04167vw;
	height: 17.70833vw;
	overflow-y: auto;
	scrollbar-width: initial;
	scrollbar-color: initial;
}

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

.history__card-open {
	background: white;
	min-width: 3.54167vw;
	width: 100%;
}

.history__card-open .history__card-container {
	max-width: 100%;
}

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

.ratings__title {
	margin: 0 0 1.25vw;
}

.ratings__items {
	padding: 0 0.72917vw;
	margin: 0 -1.14583vw;
}

.ratings__item {
	gap: 0.52083vw;
	padding: 0.83333vw;
	border-radius: 1.04167vw;
	margin: 0 0.41667vw;
}

.ratings__item-head {
	gap: 0.52083vw;
}

.ratings__item-company {
	font-size: 0.72917vw;
}

.ratings__item-position {
	width: 2.5vw;
	height: 2.5vw;
	font-size: 0.83333vw;
}

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

.ratings__item-text {
	font-size: 1.25vw;
}

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

.mission__title {
	margin: 0 0 1.25vw;
}

.mission__blocks {
	grid-template-columns: 36.77083vw auto;
	grid-gap: 0.67708vw;
}

.mission__content {
	gap: 1.04167vw;
	color: var(--black);
	background: white;
	padding: 1.04167vw;
	border-radius: 1.04167vw;
}

.mission__content-tag {
	font-weight: 600;
	font-size: 0.9375vw;
	line-height: 1;
	min-width: 7.5vw;
	width: -webkit-fit-content;
	width: fit-content;
	border-color: var(--gray);
}

.mission__content-title {
	font-size: 2.29167vw;
}

.mission__content-text {
	font-size: 1.14583vw;
	margin-top: auto;
	-ms-hyphens: auto;
	    hyphens: auto;
}

.mission__video {
	position: relative;
	padding: 0.83333vw;
	border-radius: 1.04167vw;
	overflow: hidden;
	min-height: 20.83333vw;
}

.mission__video-tag {
	font-size: 0.70313vw;
	margin-left: 0;
}

.mission__video-play {
	width: 3.125vw;
	height: 3.125vw;
	font-size: 3.125vw;
}

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

.symbols__title {
	margin: 0 0 1.25vw;
}

.symbols__items {
	grid-template-columns: 1fr 11.5625vw 11.5625vw;
	grid-gap: 0.78125vw;
}

.symbols__item {
	gap: 0.41667vw;
	border-radius: 1.04167vw;
	padding: 1.04167vw;
	min-height: 22.5vw;
}

.symbols__item_active {
	display: grid;
	grid-template-columns: 1fr 23.02083vw;
	grid-gap: 2.29167vw;
}

.symbols__item_active .symbols__item-image {
	order: 2;
}

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

.symbols__item-name {
	font-size: 2.08333vw;
}

.symbols__item-text {
	gap: 0.46875vw;
	font-size: 1.04167vw;
	-ms-hyphens: auto;
	    hyphens: auto;
	text-align: justify;
}

.symbols__item-image {
	height: 100%;
	border-radius: 1.04167vw;
	display: none;
}

.symbols__item-bottom {
	gap: 0.52083vw;
}

.symbols__item-bottom i {
	width: 1.875vw;
	height: 1.875vw;
	font-size: 1.875vw;
}

.symbols__item-bottom-preview {
	width: 4.6875vw;
	height: 4.6875vw;
	border-radius: 0.83333vw;
}

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

.values__title {
	margin: 0 0 1.25vw;
}

.values__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0.78125vw;
}

.values__item {
	gap: 0.72917vw;
	min-height: 12.63021vw;
	border-radius: 1.04167vw;
	padding: 0.83333vw 0.83333vw 0;
	background: #E0E1E5 url("../img/@about/values/card-bg_d.png") 100% 0% no-repeat;
	background-size: 100%;
}

.values__item-title {
	font-size: 0.72917vw;
	min-height: 1.45833vw;
}

.values__item-content {
	gap: 0.15625vw;
	border-radius: 1.04167vw;
	padding: 0.83333vw;
	margin: 0 -0.83333vw;
}

.values__item-icon {
	width: 1.875vw;
	height: 1.875vw;
}

.values__item-text {
	font-size: 1.14583vw;
}

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

.brand-materials__block {
	gap: 0.52083vw;
	padding: 1.04167vw;
	border-radius: 0.36458vw;
	min-height: 9.79167vw;
}

.brand-materials__title {
	font-size: 2.08333vw;
	max-width: 41.66667vw;
}

.brand-materials__button {
	font-size: 0.9375vw;
	min-width: 7.5vw;
}

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

.advantages__title {
	margin: 0 0 1.25vw;
}

.advantages__items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0.78125vw;
}

.advantages__item {
	gap: 0.52083vw;
	flex: 0 0 auto;
	padding: 0.83333vw;
	border-radius: 1.04167vw;
	min-height: 12.63021vw;
}

.advantages__item-img {
	width: 7.29167vw;
	height: 7.29167vw;
}

.advantages__item-title {
	font-size: 1.5625vw;
	line-height: 100%;
	letter-spacing: -0.04em;
	margin-right: 6.45833vw;
	-ms-hyphens: none;
	    hyphens: none;
}

.advantages__item-text {
	font-size: 1.04167vw;
	letter-spacing: -0.02em;
	max-width: 80%;
}

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

.lvg__title {
	margin: 0 0 1.25vw;
}

.lvg__items {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0.78125vw;
}

.lvg__item {
	padding: 1.04167vw;
	border-radius: 1.04167vw;
}

.lvg__item:hover .lvg__item-image {
	-webkit-transform: translate(0, 0) scale(1.1);
	        transform: translate(0, 0) scale(1.1);
}

.lvg__item_photo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0.52083vw;
	align-items: start;
	min-height: 20vw;
	order: 2;
}

.lvg__item_text {
	gap: 1.25vw;
	color: white;
	background: var(--red);
}

.lvg__item-rune {
	width: 1.5625vw;
	height: 1.5625vw;
	font-size: 1.5625vw;
}

.lvg__item-tag {
	gap: 0.26042vw;
	min-width: 7.5vw;
	order: -1;
}

.lvg__item-tag i {
	width: 0.9375vw;
	height: 0.9375vw;
	font-size: 0.9375vw;
}

.lvg__item-tag span {
	font-size: 0.9375vw;
}

.lvg__item-name {
	font-weight: 600;
	font-size: 3.125vw;
	line-height: 87%;
	letter-spacing: -0.02em;
}

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

.lvg__item-text {
	font-size: 1.04167vw;
	margin-top: auto;
}

.lvg__item-button {
	font-size: 0.9375vw;
	min-width: 7.5vw;
	align-self: end;
	grid-column: span 2;
}

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

.corporate__block {
	justify-content: flex-start;
	gap: 0.83333vw;
	padding: 0.83333vw;
	border-radius: 1.04167vw;
	min-height: 19.16667vw;
}

.corporate__title {
	font-size: 3.125vw;
	max-width: 41.66667vw;
}

.corporate__text {
	font-size: 1.04167vw;
	line-height: 120%;
	max-width: 41.66667vw;
}

.corporate__button {
	font-size: 0.9375vw;
	min-width: 9.6875vw;
	margin-top: auto;
}