:root {
	--primary-font: "America XIX", sans-serif;
	--secondary-font: "Intro", serif;
	--secondary-light-font: "Intro", serif;
	--font-2: AGKornelia, serif;
	--brand-color: #ff9900;
}

*,
:after,
:before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html,
body {
	position: relative;
	height: 100%;
}
html {
	scroll-behavior: smooth;
}

a {
	color: inherit;
	text-decoration: none;
}
body {
	font-size: 14px;
	color: #fff;
	font-family: "America XIX", sans-serif;
	background-color: #0d0b18;

	overflow-x: hidden;
	background-position: center top;
}

.wrp {
	max-width: 2600px;
	background-image: url("../images/background.jpg");
	background-size: min(100%, 2600px) auto;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0 auto;
	-webkit-mask: linear-gradient(
		to right,
		rgba(0, 0, 0, 0) 0%,
		rgb(0, 0, 0) 300px,
		rgb(0, 0, 0) calc(100% - 300px),
		rgba(0, 0, 0, 0) 100%
	);
	position: relative;
	z-index: 0;
}

.body_other .wrp {
	background-image: url("../images/background-other.jpg");
}

@media screen and (max-width: 2600px) {
	.wrp {
		-webkit-mask: none;
	}
}

@media screen and (max-width: 900px) {
	.wrp {
		background-size: 900px;
	}
}

.wrapper {
	width: 1450px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}
.logo {
	height: 62px;
	margin-right: 30px;
	height: 57px;
}
.logo img {
	width: auto;
	height: 57px;
}
.icon {
	display: block;
	background-size: cover;
}
.icon.-en {
	background-image: url("../images/flag-eng.png");
	width: 24px;
	height: 18px;
}
.icon.-ru {
	background-image: url("../images/flag-rus.png");
	width: 24px;
	height: 18px;
}
.icon.-quote {
	background-image: url("../images/quote.png");
	width: 83px;
	height: 28px;
}
.icon.-quote.-right {
	transform: rotate(180deg);
}
.icon.-play {
	background-image: url("../images/translation-play.png");
	width: 84px;
	height: 84px;
}
.icon.-quote-mini {
	background-image: url("../images/quote.png");
	width: 44px;
	height: 15px;
	background-size: contain;
}
.icon.-play-min {
	background-image: url("../images/play-mini.png");
	width: 52px;
	height: 56px;
}
.icon.-google {
	background-image: url("../images/google.png");
	width: 45px;
	height: 40px;
}
.icon.-yandex {
	background-image: url("../images/yandex.png");
	width: 48px;
	height: 48px;
}
.icon.-mail {
	background-image: url("../images/mail.png");
	width: 53px;
	height: 38px;
}
.icon.-menu {
	background-image: url("../images/menu.png");
	width: 31px;
	height: 26px;
}
.icon.-vk {
	background-image: url("../images/vk.png");
	width: 21px;
	height: 13px;
}
.icon.-tg {
	background-image: url("../images/tg.png");
	width: 18px;
	height: 14px;
}
.icon.-ds {
	background-image: url("../images/ds.png");
	width: 21px;
	height: 16px;
}
.icon.-personal {
	background-image: url("../images/user-2.png");
	width: 22px;
	height: 22px;
}
.header {
	padding: 20px 0;
	display: flex;
	align-items: center;
}
.header__mobile {
	display: none;
}
.header-languages {
	position: relative;
	margin-right: 25px;
	cursor: pointer;
}
.language {
	display: flex;
	align-items: center;
	transition: transform 0.3s ease-in-out;
	padding: 10px;
}
.language .icon {
	margin-right: 4px;
}
.language-dropdown {
	padding: 20px 15px;
	position: absolute;
	left: -20px;
	top: 15px;
	display: flex;
	flex-direction: column;
	gap: 15px 0;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	pointer-events: none;
}
.language-dropdown:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background: rgb(0, 0, 0, 50%);
	clip-path: polygon(
		7px 0,
		calc(100% - 7px) 0,
		100% 7px,
		100% calc(100% - 7px),
		calc(100% - 7px) 100%,
		7px 100%,
		0 calc(100% - 7px),
		0 7px
	);
}
.language-dropdown__item {
	display: flex;
	align-items: center;
	z-index: 2;
	text-transform: uppercase;
}
.language-dropdown i {
	margin-right: 15px;
}
.header-languages:hover > .language-dropdown {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(20px);
}
.header-languages:hover .language .triangle {
	transform: rotate(180deg);
}
.language-dropdown__item:hover {
	color: #dbb666;
}
.language-dropdown .button span {
	width: 120px;
}
:root {
	--primary-color: #235ad1;
	--unit: 53px;
	--color-border: #ebc8a5;
}
.content {
	margin-bottom: 110px;
}
.button {
	text-transform: uppercase;
	font-size: 15px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	background-size: contain;
}
.button:hover {
	transform: scale(0.975);
	color: #dbb666;
}
.button:after {
	content: "";
	width: 90%;
	height: 90%;
	box-shadow: 0 0 20px 2px #d4732a;
	position: absolute;
	border-radius: 80px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	filter: blur(10px);
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}
.button:hover:after {
	opacity: 0.8;
}
.btn-1 {
	width: 285px;
	height: 57px;
	background-image: url("../images/button-bg-1.png");
}
.btn-1.-red {
	background-image: url("../images/button-bg-red.png");
}
.btn-1.-green {
	background-image: url("../images/button-bg-green.png");
}
.btn-3 {
	width: 410px;
	height: 85px;
	background-image: url("../images/button-bg-2.png");
}
.btn-mini {
	background-image: url("../images/button-bg-mini-2.png");
	height: 31px;
	width: 77px;
}
.btn-download,
.btn-create {
	width: 340px;
	height: 85px;
	font-size: 18px;
}
.btn-download {
	background-image: url("../images/button-download.png");
}
.btn-download:hover {
	color: white;
}
.btn-download::after {
	box-shadow: 0 0 25px 5px #c70900;
}
.btn-create {
	background-image: url("../images/button-create.png");
}
.triangle {
	display: block;
	height: 0;
	width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #f0b64c;
	transition: transform 0.3s ease-in-out;
}
.header__navigation {
	display: flex;
	gap: 0 50px;
}
.header__navigation-item {
	text-transform: uppercase;
	font-size: 14px;
	transition: color 0.3s ease-in-out;
}
.header__navigation-item:hover {
	color: #dbb666;
}
.header__personal {
	margin-left: auto;
}
.start {
	display: flex;
	justify-content: space-between;
	margin-bottom: 110px;
	padding-top: 45px;
}
.start-about {
	display: flex;
	flex-direction: column;
	width: fit-content;
	align-items: center;
	max-width: 750px;
}
.start__logo {
	width: 350px;
	margin-bottom: 30px;
}
.start-about__data {
	display: flex;
	flex-direction: column;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 35px;
	font-family: AGKornelia, serif;
}
.start-about__data-text {
	font-size: 24px;
	color: #fff;
}
.start-about__data-value {
	font-size: 36px;
	color: #f0b64c;
}
.start-about__buttons {
	display: flex;
	gap: 0 30px;
}
.start-translations {
	display: flex;
	align-items: end;
}
.border-container {
	position: relative;
	padding: 5px;
	border: 2px solid var(--color-border);
	border-top: none;
	border-radius: 7px;
}
.border-container .button {
	position: absolute;
	bottom: -28px;
	left: calc(50% - 143px);
}
.border-container .border-bottom:after,
.border-container .border-bottom:before {
	width: calc(50% - 120px);
}
.banners {
	margin-bottom: 40px;
	padding: 7px 5px 0 5px;
}
.banner {
	position: relative;
}
.banner img {
	width: 100%;
	min-height: 300px;
	object-fit: cover;
}
.banner .button {
	left: 0;
}
.border-logo {
	position: absolute;
	top: -24px;
	left: calc(50% - 29px);
	background-image: url("../images/border-logo.png");
	width: 58px;
	height: 47px;
	z-index: 10;
}
.border-logo-2 {
	position: absolute;
	top: -20px;
	left: calc(50% - 29px);
	background-image: url("../images/border-logo-2.png");
	width: 58px;
	height: 42px;
	z-index: 10;
}
.border-top,
.border-bottom {
	width: calc(100% + 2px);
	height: 10px;
	position: absolute;
	left: -1px;
}
.border-top {
	top: 0;
}
.border-bottom {
	bottom: 0;
}
.border-top:before,
.border-top:after,
.border-bottom:before,
.border-bottom:after {
	content: "";
	display: block;
	width: calc(50% - 24px);
	height: 100%;
	position: absolute;
}
.border-top:before,
.border-top:after {
	border-top: 2px solid var(--color-border);
}
.border-bottom:before,
.border-bottom:after {
	border-bottom: 2px solid var(--color-border);
}
.border-top:before {
	border-top-left-radius: 7px;
}
.border-top:after {
	right: 0;
	border-top-right-radius: 7px;
}
.border-bottom:before {
	border-bottom-left-radius: 7px;
}
.border-bottom:after {
	right: 0;
	border-bottom-right-radius: 7px;
}
/*.swiper-main{*/
/*    height: 460px;*/
/*}*/
.swiper-pagination {
	width: fit-content !important;
	display: flex;
	flex-direction: column;
	top: 50% !important;
	transform: translate3d(0px, -50%, 0);
	gap: 15px 0;
	height: fit-content;
	left: 17px !important;
}
.swiper-pagination-bullet {
	background-image: url("../images/banner-nav-item.png");
	width: 20px;
	height: 21px;
	background-color: transparent;
	background-size: cover;
}
.banner__description {
	position: absolute;
	top: 50%;
	right: 0;
	width: 43%;
	transform: translate3d(0px, -50%, 0);
	display: flex;
	flex-direction: column;
}
.banner__description-text {
	font-size: 15px;
	font-family: "Intro", serif;
	width: 80%;
	line-height: 21px;
	margin-bottom: 20px;
}
.banner__header {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.banner__header-title {
	font-size: 29px;
	text-transform: uppercase;
	margin-right: 30px;
}
.banner__header-label {
	background-image: url("../images/banner-desc-violet.png");
	width: 150px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	text-transform: uppercase;
	background-size: cover;
}
.news {
	margin-bottom: 50px;
}
.news__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 45px;
}
.news__header__text {
	color: #e4d0a5;
	text-transform: uppercase;
	font-size: 30px;
}
.content-header__text {
	color: #e4d0a5;
	text-transform: uppercase;
	font-size: 32px;
	text-align: center;
}
.news__divider {
	width: 75%;
	height: 28px;
	background-image: url("../images/divider.png");
}
.swiper-news {
	overflow-y: unset;
}
.swiper-news .swiper-button-next,
.swiper-news .swiper-button-prev {
	background-image: url("../images/arrow.png");
	width: 28px;
	height: 51px;
	color: transparent;
	background-size: cover;
}
.swiper-news .swiper-button-prev {
	transform: rotate(180deg);
}
.news__list {
	display: flex;
	gap: 45px;
}
.news-swiper-slide {
	width: 300px;
}
.news-item {
	padding: 6px 5px;
	border-bottom: none;
	/* width: fit-content;
    width: calc(33% - 38px); */
}
.news-item__image {
	width: 100%;
}
.news-desc {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	bottom: 45px;
	left: 0;
	right: 0;
	padding: 0 10px;
}
.news-desc__date {
	font-size: 20px;
	color: #dbb666;
	margin-bottom: 10px;
}
.news-desc__title {
	font-size: 22px;
	margin-bottom: 8px;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
}
.news-desc__text {
	font-size: 14px;
	text-align: center;
	min-height: 80px;
}
.news-date {
	position: absolute;
	top: 20px;
	left: 20px;
	background-image: url("../images/news-romb.png");
	width: 100px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: contain;
}
.news-date__value {
	font-size: 16px;
	color: #fffcee;
}
.news-date__value b {
	font-size: 22px;
}
.translations {
	padding-top: 20px;
	margin-bottom: 90px;
}
.translations__list {
	display: flex;
	gap: 0 35px;
	overflow-x: auto;
}
.translations__list::-webkit-scrollbar {
	width: 0;
}
.content-header {
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: 0 20px;
	margin-bottom: 25px;
}
.translations-item {
	display: block;
	width: fit-content;
	border-radius: 7px;
	position: relative;
	padding: 5px;
	border: 2px solid var(--color-border);
	width: 340px;
}
.translations-item iframe {
	width: 100%;
	height: 100%;
}
.translations-item img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.translations-item__play {
	position: absolute;
	left: calc(50% - 42px);
	top: calc(50% - 42px);
	transition: transform 0.3s ease-in-out;
}
.translations-item__play:after {
	content: "";
	width: 90%;
	height: 90%;
	box-shadow: 0 0 20px 2px #d4732a;
	position: absolute;
	border-radius: 80px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	filter: blur(10px);
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}
.translations-item:hover .translations-item__play:after {
	opacity: 0.5;
}
.translations-item:hover .translations-item__play {
	transform: scale(0.975);
}
.socials {
	display: flex;
	justify-content: space-between;
	max-height: 400px;
}
.forum {
	width: calc(50% - 22px);
	border-bottom: none;
}
.forum-block {
	background-color: #1f1d2e;
	padding-bottom: 45px;
}
.forum-block__header {
	padding: 20px;
	border-bottom: 1px solid #2b2a38;
}
.forum-block__header-title {
	font-size: 20px;
	color: #eee4d9;
	text-transform: uppercase;
}
.forum-block__list {
	display: flex;
	flex-direction: column;
}
.forum-block__item {
	color: #c2b8b0;
	padding: 24px 15px 8px 5px;
	display: flex;
	align-items: center;
}
.forum-block__item:last-child {
	border-bottom: 1px solid #2b2a38;
}
.forum-block__item-title {
	font-size: 15px;
	display: -webkit-box;
	width: 450px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.3s ease-in-out;
}
.forum-block__item-date b {
	font-size: 15px;
}
.forum-block__item-date {
	margin-left: auto;
}
.forum-block__item i {
	margin-right: 15px;
}
.forum-block__item:hover .forum-block__item-title {
	color: #dbb666;
}
.footer {
	display: flex;
	justify-content: space-between;
	padding-top: 50px;
	padding-bottom: 30px;
	border-top: 1px solid #5b5560;
}
.footer__column {
	width: fit-content;
}
.footer__logo {
	width: 140px;
	margin-right: 55px;
	height: fit-content;
}
.footer-info {
	display: flex;
	font-family: "Intro", serif;
}
.footer-info__list {
	display: flex;
	flex-direction: column;
	text-transform: uppercase;
}
.footer-info__list-title {
	margin-bottom: 15px;
	font-size: 10px;
}
.footer-info__list-text {
	color: #7c7c7c;
	margin-bottom: 13px;
	font-size: 10px;
}
.footer-info__list-design {
	width: 100px;
}
.footer__columns {
	display: flex;
	gap: 0 50px;
}
.footer__links {
	display: flex;
	flex-direction: column;
	text-transform: uppercase;
}
.footer__links-title {
	font-size: 15px;
	color: #dbb666;
	margin-bottom: 25px;
}
.footer__links-item {
	color: #7c7c7c;
	margin-bottom: 10px;
	transition: color 0.3s ease-in-out;
	font-size: 12px;
}
.footer__links-item:hover {
	color: #dbb666;
}
.servers__list {
	display: flex;
	justify-content: center;
	gap: 0 45px;
	margin-bottom: 90px;
}
.container-st {
	width: 614px;
	display: flex;
}
.servers {
	display: flex;
	flex-direction: column;
	padding: 100px 20px;
}
.servers .container-st {
	border-bottom: none;
}
.server-about {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 35px;
	background-color: #1d1827;
	border-radius: 7px;
	padding-bottom: 50px;
}
.server-about__title {
	color: #fcfaf7;
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.server-about__text {
	color: #7c7c87;
	font-size: 15px;
	margin-bottom: 40px;
	text-align: center;
}
.servers__button {
	align-self: center;
}
.files {
	display: flex;
	flex-direction: column;
	padding: 100px 20px;
}
.files__list {
	display: flex;
	gap: 0 45px;
	margin-bottom: 58px;
}
.files-block {
	background-color: #1d1827;
	padding: 35px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.files-block__header {
	margin-bottom: 35px;
}
.files-block__header-title {
	display: block;
	color: #fcfaf7;
	font-size: 25px;
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
}
.files-block__header-text {
	color: #7c7c87;
	font-size: 15px;
	text-align: center;
	height: 20px;
}
.files-block__list {
	display: flex;
	flex-direction: column;
	gap: 28px 0;
}
.files-block .button {
	justify-content: flex-start;
}
.files-block .button i {
	margin-left: 20%;
	margin-right: 15px;
}
.support {
	margin-bottom: 50px;
}
.support .container-st {
	width: 100%;
}
.support-content {
	padding: 35px 30px;
	background-color: #1d1827;
	width: 100%;
}
.button-clear .button {
	position: relative;
	top: 0 !important;
	left: 0 !important;
	/* transform: unset; */
}
.support-content__title {
	color: #e4d0a5;
	font-size: 25px;
	margin-bottom: 60px;
	display: block;
	text-transform: uppercase;
}
.support-links {
	display: flex;
	gap: 0 75px;
	margin-bottom: 45px;
}
.support-links__item {
	font-size: 18px;
	font-family: Intro, serif;
	transition: color 0.3s ease-in-out;
}
.support-links__item:hover {
	color: #dbb666;
}
.support-content__row:last-child {
	border-top: 1px solid var(--color-border);
	padding-top: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.support-content__text {
	font-size: 18px;
}
.files .content-header,
.servers .content-header {
	color: #fff5e9;
	margin-bottom: 90px;
}
.modal {
	padding: 0;
	background: none;
	color: #fff;
}
.discord {
	width: calc(50% - 22px);
}
.discord img {
	width: 100%;
}
.menu {
	display: flex;
	flex-direction: column;
}
.menu__wrapper {
	padding: 40px;
	width: 100%;
}
.menu__logo {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: fit-content;
	border-bottom: 1px solid var(--color-border);
}
.menu__list {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
	align-items: center;
}
.menu .border-container {
	margin-bottom: 30px;
}
.links {
	position: fixed;
	top: 30%;
	left: 20px;
	display: flex;
	flex-direction: column;
	gap: 15px 0;
}
.links__item {
	display: block;
	background-image: url("../images/romb.png");
	background-size: cover;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.links__item:after {
	content: "";
	width: 60%;
	height: 60%;
	box-shadow: 0 0 20px 5px #d4732a;
	position: absolute;
	border-radius: 80px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	filter: blur(5px);
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}
.links__item:hover:after {
	opacity: 1;
}
.links__item:hover {
	transform: scale(0.975);
}
.background {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
}
body {
	position: relative;
}
.start__servinfobox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	box-sizing: border-box;
	padding: 20px 0 50px 0;
	gap: 20px;
	font-family: AGKornelia, serif;
	line-height: 1.5;
	width: 100%;
}
.start__servinfo:where(:nth-child(odd):last-child) {
	grid-column: 1 / 3;
}

/* static */

.static {
}

.static__title {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.static__content {
	font-family: AGKornelia, serif;
	padding: 30px;
	margin-top: 50px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 10px;
	position: relative;
	border: 2px solid var(--color-border);
	font-size: 16px;
	line-height: 1.5;
}

/* videobg */
.videobg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	overflow: hidden;
	z-index: -10;
	justify-content: center;
	align-items: flex-start;
	-webkit-mask: linear-gradient(
		to bottom,
		rgba(0, 0, 0) 0%,
		rgb(0, 0, 0) calc(100% - 6.25rem),
		rgba(0, 0, 0, 0) 100%
	);
	display: none;
}

/* .videobg:after {
	display: block;
	content: "";
	background: linear-gradient(
		to bottom,
		rgba(6, 6, 5, 0.3) 0%,
		rgba(6, 6, 5, 0.1) 60%,
		rgba(6, 6, 5, 0.3) 100%
	);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
} */

.videobg__container {
}

.videobg__container,
.videobg__video,
.videobg__source {
	position: relative;
	z-index: 0;
	height: auto;
	width: 100%;
	max-width: none;
}

@media (min-width: 900px) {
	.videobg {
		display: flex;
	}
	.videobg__container,
	.videobg__video,
	.videobg__source {
		width: 1500px;
	}

	.start__logo {
		opacity: 0;
		pointer-events: none;
	}
}

@media (min-width: 1491px) {
	.videobg__container,
	.videobg__video,
	.videobg__source {
		width: 100%;
	}
}

@media (min-width: 1921px) {
	.start {
		padding-top: 150px;
	}
}

@media (min-width: 2600px) {
	.start {
		padding-top: 180px;
	}
}

/* 
@media (min-width: 1920px) {
	.videobg__container,
	.videobg__video,
	.videobg__source {
		width: 100%;
		min-height: auto;
	}
} */

/* page */

.page {
	width: 100%;
	/* padding: 240px 0 100px 0; */
	padding: 100px 0;
	position: relative;
}
@media (max-width: 1460px) {
	.page {
		/* padding: 160px 0 80px 0; */
		padding: 80px 0;
	}
}
@media (max-width: 1024px) {
	.page {
		/* padding: 100px 0 40px 0; */
		padding: 40px 0;
	}
}
.page__title {
	width: 100%;
	font-family: var(--font-2);
	font-weight: 400;
	font-size: 52px;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	/* background: rgba(23, 29, 51, 0.9); */
	width: max-content;
	margin: 0 auto;
	padding: 10px 50px;
	border-radius: 80px;
	max-width: 100%;
}
.page__title span {
	color: var(--brand-color);
}
@media (max-width: 1680px) {
	.page__title {
		font-size: 46px;
	}
}
@media (max-width: 1460px) {
	.page__title {
		font-size: 38px;
	}
}
@media (max-width: 1240px) {
	.page__title {
		font-size: 32px;
	}
}
@media (max-width: 1024px) {
	.page__title {
		font-size: 26px;
	}
}
@media (max-width: 760px) {
	.page__title {
		font-size: 22px;
	}
}
.page__content {
	width: 100%;
	margin-top: 80px;
	position: relative;
}
@media (max-width: 1460px) {
	.page__content {
		margin-top: 60px;
	}
}
@media (max-width: 1024px) {
	.page__content {
		margin-top: 40px;
	}
}
.page__content--bg {
	background: rgba(23, 29, 51, 0.9);
	padding: 40px;
}
@media (max-width: 1024px) {
	.page__content--bg {
		padding: 20px;
	}
}
.page__content--bg:after {
	content: "";
	width: 100%;
	height: 21px;
	position: absolute;
	top: -15px;
	left: 0;
	background: url("../images/bg/border_top_bg.png") center center no-repeat;
}

/* text-area */

.text-area {
	width: 100%;
	font-family: var(--font-2);
	font-size: 18px;
	line-height: 1.4;
	color: #ededff;
}
@media (max-width: 1024px) {
	.text-area {
		font-size: 16px;
	}
}
.text-area > *:not(:first-child) {
	margin-top: 20px;
}
.text-area > img {
	width: 100%;
	margin: 0;
	padding: 0;
}
.text-area b {
	/* font-family: var(--secondary-font); */
	font-weight: bold;
}
.text-area p b {
	color: #fff;
}
.text-area img {
	height: auto !important;
	max-width: 100% !important;
	vertical-align: middle;
}
.text-area ul,
.text-area ol {
	padding-left: 20px;
}
.text-area ul li,
.text-area ol li {
	font-size: 18px;
	/* line-height: 24px; */
	color: #d7d9f2;
}
@media (max-width: 1024px) {
	.text-area ul li,
	.text-area ol li {
		font-size: 16px;
		/* line-height: 20px; */
	}
}
.text-area ul li::marker,
.text-area ol li::marker {
	color: var(--brand-color);
	font-weight: 700;
}
.text-area ul li:not(:first-child),
.text-area ol li:not(:first-child) {
	margin-top: 15px;
}
.text-area ul li img,
.text-area ol li img {
	vertical-align: middle;
}
.text-area ul li {
	position: relative;
	list-style-type: none;
}
.text-area ul li:after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 0.5em;
	left: -20px;
	transform: rotate(45deg);
	background: var(--brand-color);
}
.text-area ul ul:not(:first-child) {
	margin-top: 15px;
}
.text-area a {
	color: #fff;
	text-decoration: underline;
	transition: color 0.3s ease-in-out;
}
.text-area a:hover {
	color: var(--brand-color);
}
.text-area hr {
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.text-area h1,
.text-area h2,
.text-area h3,
.text-area h4,
.text-area h5,
.text-area h6 {
	font-family: var(--font-2);
	color: var(--brand-color);
	font-weight: 500;
	text-transform: uppercase;
	padding-top: 5px;
}
.text-area h1 b,
.text-area h2 b,
.text-area h3 b,
.text-area h4 b,
.text-area h5 b,
.text-area h6 b {
	font-family: var(--font-2);
}
.text-area h1 {
	font-size: 36px;
	/* line-height: 40px; */
}
@media (max-width: 1460px) {
	.text-area h1 {
		font-size: 32px;
		/* line-height: 36px; */
	}
}
@media (max-width: 1024px) {
	.text-area h1 {
		font-size: 26px;
		/* line-height: 30px; */
	}
}
.text-area h2 {
	font-size: 32px;
	/* line-height: 36px; */
}
@media (max-width: 1460px) {
	.text-area h2 {
		font-size: 26px;
		/* line-height: 30px; */
	}
}
@media (max-width: 1024px) {
	.text-area h2 {
		font-size: 22px;
		/* line-height: 26px; */
	}
}
.text-area h3 {
	font-size: 26px;
	/* line-height: 30px; */
}
@media (max-width: 1460px) {
	.text-area h3 {
		font-size: 22px;
		/* line-height: 26px; */
	}
}
@media (max-width: 1024px) {
	.text-area h3 {
		font-size: 18px;
		/* line-height: 22px; */
	}
}
.text-area h4,
.text-area h5,
.text-area h6 {
	font-size: 22px;
	/* line-height: 26px; */
}
@media (max-width: 1460px) {
	.text-area h4,
	.text-area h5,
	.text-area h6 {
		font-size: 18px;
		/* line-height: 22px; */
	}
}
.text-area table {
	width: 100% !important;
	min-width: 700px;
	outline: 0;
	border: 0;
}
.text-area table tr td {
	padding: 16px 20px;
}
.text-area table tr td img {
	vertical-align: middle;
}
.text-area table thead tr td {
	background: #303e61;
	font-family: var(--font-2);
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1;
	color: #fff;
}
@media (max-width: 1024px) {
	.text-area table thead tr td {
		font-size: 16px;
		/* line-height: 16px; */
	}
}
.text-area table tbody tr:nth-child(even) td {
	background: #171b31;
}
.text-area table tbody tr:nth-child(odd) td {
	background: #22233e;
}
.text-area table tbody tr td {
	font-size: 16px;
	/* line-height: 22px; */
	color: #c7c9e6;
}
@media (max-width: 1024px) {
	.text-area table tbody tr td {
		font-size: 14px;
		/* line-height: 18px; */
	}
}
.text-area table td {
	border-color: #3d3c70 !important;
	border-width: 1px;
	border: 0;
}
.text-area__grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
}
@media (max-width: 1024px) {
	.text-area__grid {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
	}
}
.text-area__grid-item {
	border: 1px solid #404164;
	padding: 30px;
}
@media (max-width: 1024px) {
	.text-area__grid-item {
		padding: 20px;
	}
}

.text-area iframe {
	max-width: 100%;
}

@media (max-width: 700px) {
	.text-area iframe {
		aspect-ratio: 2 / 1.1;
		height: auto;
	}
}

.table-bg {
	width: 100%;
	overflow-x: auto;
	border: 1px solid #404164;
	padding: 5px;
}
.table-bg::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #252a57;
}
.table-bg::-webkit-scrollbar-thumb {
	background-color: var(--brand-color);
}
.table-bg::-webkit-scrollbar-thumb:hover {
	background-color: var(--brand-color);
}

.spoiler {
	width: 100%;
	border-left: 2px solid var(--brand-color);
	background: rgba(48, 49, 97, 0.3);
}
.spoiler__title {
	width: 100%;
	padding: 20px 40px 18px 20px !important;
	background-color: rgb(41, 40, 74);
	font-family: var(--font-2);
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	position: relative;
	transition: background-color 0.3s ease-in-out;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	-moz-column-gap: 10px;
	column-gap: 10px;
}
@media (max-width: 1024px) {
	.spoiler__title {
		font-size: 16px;
		/* line-height: 16px; */
	}
}
.spoiler__title:hover {
	background-color: rgb(56, 55, 104);
}
.spoiler__title:before {
	content: "";
	display: block;
	width: 12px;
	height: 6px;
	position: absolute;
	top: calc((100% - 7px) / 2);
	right: 20px;
	background: url("../images/icons/arrow.png") center center no-repeat;
	background-size: 100% 100%;
	transition: transform 0.3s ease-in-out;
}
.spoiler__title img {
	height: 30px;
}
.spoiler.active > .spoiler__title:before {
	transform: scale(1, -1);
}
.spoiler__content {
	width: 100%;
	padding: 20px;
	display: none;
}

.icon-stroke {
	width: 100%;
}
.icon-stroke__line {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.icon-stroke__line:not(:first-child) {
	margin-top: 15px;
}
.icon-stroke__line-icon {
	width: 32px;
	height: 32px;
	align-self: stretch;
	position: relative;
}
@media (max-width: 1024px) {
	.icon-stroke__line-icon {
		width: 24px;
		height: 24px;
	}
}
.icon-stroke__line-icon img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
}
.icon-stroke__line-text {
	width: calc(100% - 32px);
	padding-left: 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding-top: 3px;
}
@media (max-width: 1024px) {
	.icon-stroke__line-text {
		width: calc(100% - 24px);
		padding-left: 10px;
		padding-top: 1px;
	}
}

/* about */

.about {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	-moz-column-gap: 40px;
	column-gap: 40px;
	row-gap: 40px;
}
@media (max-width: 1460px) {
	.about {
		gap: 20px;
	}
}
.about__nav {
	width: 380px;
	height: calc(100vh - 72px - 40px - 40px);
	background-color: rgba(36, 43, 70, 0.97);
	-webkit-clip-path: polygon(
		20px 0,
		calc(100% - 20px) 0,
		100% 20px,
		100% calc(100% - 20px),
		calc(100% - 20px) 100%,
		20px 100%,
		0 calc(100% - 20px),
		0 20px
	);
	clip-path: polygon(
		20px 0,
		calc(100% - 20px) 0,
		100% 20px,
		100% calc(100% - 20px),
		calc(100% - 20px) 100%,
		20px 100%,
		0 calc(100% - 20px),
		0 20px
	);
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 50px;
	left: 0;
	overflow: auto;
}
@media (max-width: 1460px) {
	.about__nav {
		width: 300px;
	}
}
@media (max-width: 1024px) {
	.about__nav {
		width: 100%;
		height: auto;
		position: static;
		top: 0;
		-webkit-clip-path: polygon(
			10px 0,
			calc(100% - 10px) 0,
			100% 10px,
			100% calc(100% - 10px),
			calc(100% - 10px) 100%,
			10px 100%,
			0 calc(100% - 10px),
			0 10px
		);
		clip-path: polygon(
			10px 0,
			calc(100% - 10px) 0,
			100% 10px,
			100% calc(100% - 10px),
			calc(100% - 10px) 100%,
			10px 100%,
			0 calc(100% - 10px),
			0 10px
		);
	}
}
.about__nav::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #213862;
}
.about__nav::-webkit-scrollbar-thumb {
	background-color: var(--brand-color);
}
.about__nav::-webkit-scrollbar-thumb:hover {
	background-color: var(--brand-color);
}
.about__nav-item {
	width: 100%;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	-moz-column-gap: 20px;
	column-gap: 20px;
	border-bottom: 1px solid #494673;
	transition: background-color 0.3s ease-in-out;
}
@media (max-width: 1460px) {
	.about__nav-item {
		padding: 15px 20px;
		gap: 10px;
	}
}
.about__nav-item:hover,
.about__nav-item.active {
	background-color: #31385b;
}
.about__nav-item-icon {
	width: 60px;
	height: 60px;
	background: url("../images/bg/icon_border_bg.png");
	background-size: 100% 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 10px;
	transition: filter 0.3s ease-in-out;
}
@media (max-width: 1460px) {
	.about__nav-item-icon {
		width: 50px;
		height: 50px;
	}
}
.about__nav-item-icon i {
	font-size: 18px;
	line-height: 1;
	background-color: #c9c9c9;
	background-image: linear-gradient(to bottom, #c9c9c9, #e0d2ba);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.about__nav-item-icon img {
	width: 100%;
	height: 100%;
	-webkit-clip-path: polygon(
		50% 0,
		50% 0,
		100% 50%,
		100% 50%,
		50% 100%,
		50% 100%,
		0 50%,
		0 50%
	);
	clip-path: polygon(
		50% 0,
		50% 0,
		100% 50%,
		100% 50%,
		50% 100%,
		50% 100%,
		0 50%,
		0 50%
	);
}
.about__nav-item:hover .about__nav-item-icon,
.about__nav-item.active .about__nav-item-icon {
	filter: brightness(130%);
}
.about__nav-item-info {
	width: calc(100% - 60px - 20px);
}
@media (max-width: 1460px) {
	.about__nav-item-info {
		width: calc(100% - 50px - 10px);
	}
}
.about__nav-item-name {
	width: 100%;
	font-family: var(--font-2);
	font-weight: 400;
	font-size: 17px;
	line-height: 1;
	color: #fff;
	text-transform: uppercase;
	transition: color 0.3s ease-in-out;
}
@media (max-width: 1460px) {
	.about__nav-item-name {
		font-size: 15px;
	}
}
.about__nav-item:hover .about__nav-item-name,
.about__nav-item.active .about__nav-item-name {
	color: var(--brand-color);
}
.about__nav-item-desc {
	width: 100%;
	font-family: var(--font-2);
	font-weight: 400;
	font-size: 12px;
	line-height: 1;
	color: #afbacf;
	overflow: hidden;
	max-height: calc(1em * 2);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: unset;
	text-overflow: unset;
	text-transform: uppercase;
	transition: color 0.3s ease-in-out;
	margin-top: 8px;
}
@media (max-width: 1460px) {
	.about__nav-item-desc {
		font-size: 10px;
		margin-top: 5px;
	}
}
.about__nav-item:hover .about__nav-item-desc,
.about__nav-item.active .about__nav-item-desc {
	color: #fff;
}
.about__content {
	width: calc(100% - 380px - 40px);
	background: rgba(23, 29, 51, 0.9);
	-webkit-clip-path: polygon(
		20px 0,
		calc(100% - 20px) 0,
		100% 20px,
		100% calc(100% - 20px),
		calc(100% - 20px) 100%,
		20px 100%,
		0 calc(100% - 20px),
		0 20px
	);
	clip-path: polygon(
		20px 0,
		calc(100% - 20px) 0,
		100% 20px,
		100% calc(100% - 20px),
		calc(100% - 20px) 100%,
		20px 100%,
		0 calc(100% - 20px),
		0 20px
	);
}
@media (max-width: 1460px) {
	.about__content {
		width: calc(100% - 300px - 20px);
	}
}
@media (max-width: 1024px) {
	.about__content {
		width: 100%;
		-webkit-clip-path: polygon(
			10px 0,
			calc(100% - 10px) 0,
			100% 10px,
			100% calc(100% - 10px),
			calc(100% - 10px) 100%,
			10px 100%,
			0 calc(100% - 10px),
			0 10px
		);
		clip-path: polygon(
			10px 0,
			calc(100% - 10px) 0,
			100% 10px,
			100% calc(100% - 10px),
			calc(100% - 10px) 100%,
			10px 100%,
			0 calc(100% - 10px),
			0 10px
		);
	}
}
.about__content-title {
	width: 100%;
	font-family: var(--font-2);
	font-weight: 400;
	font-size: 17px;
	line-height: 1.4em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 40px;
}
@media (max-width: 1460px) {
	.about__content-title {
		padding: 30px;
	}
}
@media (max-width: 1024px) {
	.about__content-title {
		padding: 30px 20px;
	}
}
.about__content-info {
	width: 100%;
	padding: 40px;
	position: relative;
}
@media (max-width: 1460px) {
	.about__content-info {
		padding: 30px;
	}
}
@media (max-width: 1024px) {
	.about__content-info {
		padding: 20px;
	}
}
.about__content-info:after {
	content: "";
	width: 100%;
	height: 21px;
	position: absolute;
	top: -15px;
	left: 0;
	background: url("../images/bg/border_top_bg.png") center center no-repeat;
}

/* bnrs */

.bnrs {
	position: absolute;
	right: 10px;
	top: 100px;
	z-index: 20;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 1260px) {
	.bnrs {
		top: 70px;
	}
}