@font-face {
	font-family: 'Merriweather Light';
	src: url('/fonts/Merriweather/Merriweather-Light.woff2') format('woff2'),
		url('/fonts/Merriweather/Merriweather-Light.woff') format('woff'),
		url('/fonts/Merriweather/Merriweather-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather';
	src: url('/fonts/Merriweather/Merriweather-Regular.woff2') format('woff2'),
		url('/fonts/Merriweather/Merriweather-Regular.woff') format('woff'),
		url('/fonts/Merriweather/Merriweather-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather Regular';
	src: url('/fonts/Merriweather/Merriweather-Regular.woff2') format('woff2'),
		url('/fonts/Merriweather/Merriweather-Regular.woff') format('woff'),
		url('/fonts/Merriweather/Merriweather-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather Bold';
	src: url('/fonts/Merriweather/Merriweather-Bold.woff2') format('woff2'),
		url('/fonts/Merriweather/Merriweather-Bold.woff') format('woff'),
		url('/fonts/Merriweather/Merriweather-Bold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather Black';
	src: url('/fonts/Merriweather/Merriweather-Black.woff2') format('woff2'),
		url('/fonts/Merriweather/Merriweather-Black.woff') format('woff'),
		url('/fonts/Merriweather/Merriweather-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather Italic';
	src: url('/fonts/Merriweather/Merriweather-Italic.woff2') format('woff2'),
		url('/fonts/Merriweather/Merriweather-Italic.woff') format('woff'),
		url('/fonts/Merriweather/Merriweather-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather Light Italic';
	src: url('/fonts/Merriweather/Merriweather-LightItalic.woff2') format('woff2'),
		url('/fonts/Merriweather/Merriweather-LightItalic.woff') format('woff'),
		url('/fonts/Merriweather/Merriweather-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather Bold Italic';
	src: url('/fonts/Merriweather/Merriweather-BoldItalic.woff2') format('woff2'),
		url('/fonts/Merriweather/Merriweather-BoldItalic.woff') format('woff'),
		url('/fonts/Merriweather/Merriweather-BoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Merriweather Black Italic';
	src: url('/fonts/Merriweather/Merriweather-BlackItalic.woff2') format('woff2'),
		url('/fonts/Merriweather/Merriweather-BlackItalic.woff') format('woff'),
		url('/fonts/Merriweather/Merriweather-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

.buttonX {
	width: 16px;
	height: 16px;
	cursor: pointer;
	-webkit-transition: 0.15s;
	-o-transition: 0.15s;
	transition: 0.15s;
	fill: black;
}
.buttonX:hover {
	fill: red;
	transform: rotate(90deg);
}
.buttonX:active {
	fill: red;
	transform: rotate(110deg);
}






.buttonX_hidden { display: none; }

.buttonX_size_lg{
	width: 20px;
	height: 20px;
}
.buttonX_size_md{
	width: 16px;
	height: 16px;
}
.buttonX_size_sm{
	width: 8px;
	height: 8px;
}
.buttonX_size_smmd{
	width: 11px;
	height: 11px;
}
.buttonX_size_xl{
	width: 26px;
	height: 26px;
}

.buttonX_color_black{ fill: black; }
.buttonX_color_green { fill: green; }
.buttonX_color_red{ fill: red; }
.buttonX_color_white { fill: white; }


/*
Модификаторы:
	inputX_hidden			- понятно :);
	inputX_error			- подсвечивает фон input красным(розовым)
	inputX_filtered		- подсвечивает фон input салатовым
	inputX_disabled		- ставит атрибут disabled на input
	inputX_process		- анимация процесса (движется border у input)
	inputX_cleanValueOnEsc - делает возможность очистки input по Escape
	inputX_trim - val будет отдавать значение с обрезанными начальными и конечными пробелами
*/


.inputX{
	font-style: normal;
	position: relative;
	align-items: center;
}
.inputX.inputX_hasValue:hover .inputX--buttonX{ display: block; }

.inputX__input{
	padding-right: 20px;
}

.inputX__input_italic{ font-style: italic; }


.inputX__input::placeholder{ opacity:0.5; }
.inputX__input::-moz-placeholder{ opacity:1; color:#aaa; }
.inputX__input:-moz-placeholder{ opacity:0.5; }
.inputX__input::-ms-input-placeholder{ opacity:0.5; }
.inputX__input:-ms-input-placeholder{ opacity:0.5; }
.inputX__input::-webkit-input-placeholder{ opacity:0.5; }


/* Присутствие данного модификатора очищает значение поля input при нажатии Escape*/
.inputX_cleanValueOnEsc{}


.inputX_Filled {
	background-color: var(--admaxSelectedItemBG);
	/*background-color: #e9ffec;*/
}


/* Выравнивание */
.inputX_r .inputX__input{ text-align: right; }
.inputX_c .inputX__input{ text-align: center; }

/* делать placeholder курсивом. Если модификатор присутствует, то js меняет вид плейсхолдера */
.inputX_placeholderItalic {}
.inputX_placeholderItalic .inputX__input::placeholder{ font-style: italic; }


.inputX_disabled{}
.inputX_disabled .buttonX, .inputX_disabled .inputX__input{
	pointer-events: none;
	opacity: 0.5;
}

@keyframes ants { to { background-position: 100% 100% } } /*бегущие муравьи*/
.inputX_process .inputX__input{
	border: 1px solid transparent;
	animation: ants 12s linear infinite;
	background: linear-gradient(white, white) padding-box, repeating-linear-gradient(-45deg, black 0, black 25%, transparent 0, transparent 50%) 0 / .6em .6em;
}

.inputX .buttonX{
	position: absolute;
	right: 7px;
	top: calc(50% - 5px);
}

.inputX_disabled.inputX_process{
	position: relative;
}
.inputX_disabled.inputX_process:after{
	content: ' ';
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background-color: #60602021;
}


.inputX_hidden{ display: none; }
.inputX_error .inputX__input{ background-color: #ffd4d4; }

.inputX_padding10_16 .inputX__input{ padding: 10px 16px; padding-right: 20px; }
.inputX_padding8 .inputX__input{ padding: 8px; padding-right: 20px; }
.inputX_padding6 .inputX__input{ padding: 6px; padding-right: 20px; }
.inputX_padding5 .inputX__input{ padding: 5px; padding-right: 20px; }
.inputX_padding4 .inputX__input{ padding: 4px; padding-right: 20px; }
.inputX_padding3 .inputX__input{ padding: 3px; padding-right: 20px; }
.inputX_padding2 .inputX__input{ padding: 2px; padding-right: 20px; }
.inputX_padding1 .inputX__input{ padding: 1px; padding-right: 20px; }

.inputX_radius2 .inputX__input{ border-radius: 2px; }
.inputX_radius3 .inputX__input{ border-radius: 3px; }
.inputX_radius4 .inputX__input{ border-radius: 4px; }
.inputX_radius5 .inputX__input{ border-radius: 5px; }
.inputX_radius6 .inputX__input{ border-radius: 6px; }


.inputX_required {  }
.inputX_required:before {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 1px;
	left: 0px;
	bottom: 0px;
	box-sizing: border-box;
	border-bottom: 3px #f007 solid;
}

.inputX_required2:before{
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 13px;
	height: 100%;
	background: linear-gradient(90deg, #ff00005c 0%, #f000 100%);
}
.inputX_required3:before{
	content: '•';
	font-family: arial;
	font-size: 20px;
	line-height: 0px;
	color: red;
	position: relative;
	width: 0px;
	left: 3px;
}

/*
	_filterActive можно использовать например, если поле является поисковым фильтром и если данные по фильтру найдены, то примять этот модификатор
*/
.inputX_filtered .inputX__input{ background-color: #c4ffcd; }

.inputX_required.inputs_valid:before {
	border-bottom-color: #00d11c;
}
.inputX_notSelectOnFocus{} /* Если модификатор установлен блоку, то при получении фокуса в input не будет выделяться весь текст (по умолчанию модификатор отсутствует и текст выделяется) */
.processMessage {
	position: fixed;
	/* z-index: 9999; */
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	background-color: #fbebbb;
	text-align: center;
	padding: 2px 14px;
	font-weight: bold;
	border: 1px #d7c399 solid;
	border-radius: 0 0 5px 5px;
}
.mainBanner{

}

.mainBanner--img {
	width: 100%;
}

.mainBanner--picture {

}
.mainBanner--picture01 { }
.mainBanner--picture02 {
	display: none;
}
.mainBanner--item {
	border-radius: 2px;
	overflow: hidden;
	/* aspect-ratio: 3.139241 / 1; */
	aspect-ratio: 2.33 / 1;
	display: block;
}

@media screen and (max-width: 560px) {
	.mainBanner--picture01 { display: none; }
	.mainBanner--picture02 { display: block; }
	.mainBanner--item { aspect-ratio: 1.6 / 1; }
}







.mainBanner_hidden { display: none; }
.shareButton {
	display: inline-block;
}
.shareButton--cont {
	border-radius: 5px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background-color: #eeeeee;
	padding: 0.7em 1.4em;
	cursor: pointer;
	user-select: none;
}
.shareButton:hover .shareButton--cont {
	transform: scale(1.04);
}
.shareButton:active .shareButton--cont {
	transform: scale(1.04) translate(0.5px, 0.5px);
	color: red;
}
.shareButton:active .shareButton--icon {
	filter: grayscale(0);
}


.shareButton--icon {
	width: 24px;
	filter: grayscale(1);
}

.shareButton--label {

}
.sectionTab {
	display: grid;
	gap: 1px;
}

.sectionTab--tab {
	text-decoration: none;
	background-color: black;
	color: white;
	padding: 4px 23px;
	display: inline-block;
	border-radius: 6px 1px 0 0;
}

.sectionTab--line {
	/* line-height: 1px; */
	background-color: black;
	height: 1px;
}
.latestNewsList {

}

.latestNewsList--list {
	display: grid;
	background-color: #c5c5c5;
	gap: 1px;
}
.latestNewsList--latestItem {
	background-color: white;
	padding-block: 22px;
}
.latestNewsList--latestItemTitle {
	color: var(--mainColor);
	text-decoration: none;
	display: inline-block;
}
.latestNewsList--latestItemDateTime {
	/* color: #828282; */
	color: #5f5f5f;
	/* font-family: 'Merriweather Light'; */
}
.mMenu {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
}
.mMenu--left,
.mMenu--right {
	display: flex;
	align-items: center;
	gap: 10px 58px;
	padding-inline: var(--indentContentSize);
}
@media screen and (max-width: 1024px) {
	.mMenu--left,
	.mMenu--right {
		gap: 10px 32px;
		font-size: 0.9em;
	}
}
.mMenu--item {
	font-size: 1em;
	color: var(--mainColor);
	text-decoration: none;
	font-family: 'Merriweather Bold';
}
.mMenu--item::first-letter {
	color: #ee2d34;
}

.mMenu--logoA {
	line-height: 0;
	margin-right: -25px;
}

.mMenu--logo {
	width: 42px;
	margin-block: -11px;
}








.mMenu_hidden { display: none; }
.mMenu_nonlink {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: inherit;
}
.mainNews {
	container-name: mainNewsContainer;
	container-type: inline-size;
}
.mainNews--twoColumns {
	display: grid;
	grid-template-columns: 10fr 6.9231fr;
	gap: calc(var(--indentContentSize) * 2);
	margin-top: calc(var(--indentContentSize) * 1.8);
}
.mainNews--mainEvent {
}
.mainNews--mainEventLink {
	color: var(--mainColor);
	text-decoration: none;
}
.mainNews--mainEventTitle {
	font-size: 1.375em;
	font-family: 'Merriweather Bold';
	line-height: 1.3em;
	margin-bottom: 14px;
}
.mainNews--mainEventImg {
	width: 100%;
	border-radius: 1.7px;
}
.mainNews--latest {
}
.mainNews--latestTitle {
}
.mainNews--latestLink {
}
@container mainNewsContainer (width < 1070px) {
	.mainNews--latestList .latestNewsList--latestItem:nth-child(5) { display: none; }
}
@container mainNewsContainer (width < 990px) {
	.mainNews--latestList .latestNewsList--latestItem:nth-child(4),
	.mainNews--latestList .latestNewsList--latestItem:nth-child(5) { display: none; }
}
@container mainNewsContainer (width < 721px) {
	.mainNews--twoColumns {
		grid-template-columns: 1fr;
	}
}

* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}
body {
	padding-top: env(safe-area-inset-top); /* CSS-фикс, чтобы контент не заезжал под статус-бар  */
	background-color: #fff; /* Цвет фона статус-бара */
}
.layout {
	--contentWidth: 1240px;    /* Ширина Центральной колонки контентной */
	/* --scrollbarWidth: calc(100vw - 100%); */
	--scrollbarWidth: 17px; /* ширина скроллбара по умолчанию. Переписывается JS-ом */
	--indentContentSize: 15px; /* размер padding в колонке контента */
	--mainColor: black;
	--leftColSize: calc((100vw - var(--contentWidth)) / 2); /* размер левой колонки */
	--realContentIndent: calc((100vw - var(--scrollbarWidth) - var(--contentWidth) + (var(--indentContentSize) * 2)) / 2);

	--h1size: ;

	display: grid;
	grid-template-columns: 1fr auto 1fr;
	font-family: 'Merriweather', 'Times New Roman', Times, serif;
	font-size: 16px;
	line-height: 1.5em;
}


b, strong {
	font-family: 'Merriweather Bold'
}
h1 {
	font-size: 1.8em;
	margin: 0.7em 0px;
	line-height: 1.3em;
	font-family: 'Merriweather Bold';
}
h2 {
	font-size: 1.6em;
	/* margin: 0.55em 0px 0.4em; */
	margin: 1.1em 0px 0.4em;
	line-height: 1.3em;
	font-family: 'Merriweather Bold';
}
h3 {
	font-size: 1.35em;
	/* margin: 0.45em 0px 0.35em; */
	margin: 1.2em 0px 0.5em;
	line-height: 1.3em;
	font-family: 'Merriweather Bold';
}
p {
	line-height: 1.7em;
	margin: 1.0em 0;
}
div {
	line-height: 1.5em;
}
ul {
	line-height: 1.5em;
	margin-left: 1em;
}
ol {
	line-height: 1.5em;
	margin-left: 1em;
}
blockquote {
	padding-left: 1em;
	border-left: 4px gray solid;
	font-style: italic;
}

.layout--left {  }
.layout--central {
	max-width: var(--contentWidth);
	display: grid;
	min-height: 100vh;
	grid-template-rows: auto 1fr auto;
}
.layout--right {  }
.layout--head {
	padding-inline: var(--indentContentSize);
	position: sticky;
	top: -73px;
	z-index: 1000;
	padding-bottom: 6px;
	background-color: white;
}
.layout--body {
	width: 100%;
	padding-inline: var(--indentContentSize);
	margin-top: 17px;
	padding-bottom: 20px;
}
.layout--foot {
	padding-inline: var(--indentContentSize);
}


.layout--logoLine {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 47px;
	margin-top: 18px;
	align-items: center;
}
.layout--logoLink {
	line-height: 0;
}
.layout--logoMiniLink {
	line-height: 0;
	display: none;
}
.layout--logo {
	width: 300px;
	max-width: 313px;
}
.layout--logoMini {
	width: 42px;
}
.layout--timeDiv {
	font-size: 0.8em;
}
.layout--ncName {
	font-family: 'Merriweather black';
	text-transform: uppercase;
	display: none;
}
.layout--time { }
.layout--timeDots {
	transition: all 0.3s;
}
.layout--timeDots_hidden { opacity: 0; }

.layout--bMenuMobile {
	display: none;
	width: 26px;
	cursor: pointer;
	opacity: 0.9;
}
.layout--bMenuMobileClose {
	width: 26px;
	cursor: pointer;
	opacity: 0.9;
}
@media screen and (max-width: 767px) {
	.layout { font-size: 18px; }
	.layout--bMenuMobile { display: initial; }
	.layout--logoLine { grid-template-columns: auto 1fr auto; }
	.layout--head {
		/* top: -15px; */
		top: 0px;
		padding-bottom: 17px;
	}
}
@media screen and (max-width: 639px) {
	.layout--logoLink { display: none; }
	.layout--logoMiniLink { display: initial; }
	.layout--ncName { display: initial; }
	.layout--logoLine { gap: 37px; }
}
@media screen and (max-width: 359px) {
	.layout--logoLine { gap: 15px; }
	.layout--timeDiv {justify-self: center; }
	.layout--bMenuMobile {justify-self: end; }
}
.layout--menuLine {
	background-color: #eeeeee;
	border-top: 1px #666a6d solid;
	border-bottom: 1px #666a6d solid;
	padding-inline: var(--leftColSize);
	margin-top: 23px;
	padding-block: 5px;
}
@media screen and (max-width: 767px) {
	.layout--menuLine { display: none; }
}

.layout--footLogo {
	width: 300px;
	max-width: 313px;
}
.layout--footLogoMini {
	width: 45px;
	display: none;
}
@media screen and (max-width: 930px) {
	.layout--footLogo { display: none; }
	.layout--footLogoMini { display: initial; }
}
.layout--footLine {
	background-color: #eeeeee;
	border-top: 1px #666a6d solid;
	border-bottom: 1px #666a6d solid;
	padding-inline: var(--leftColSize);
	margin-top: 23px;
	padding-block: 25px;
}
.layout--footContent {
	padding-inline: var(--indentContentSize);
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 30px 65px;
}
.layout--footMenu {
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 30px 60px;
	width: max-content;
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.layout--footMenu { display: none; }
}
.layout--footMenuItem{
	font-size: 1em;
	color: var(--mainColor);
	text-decoration: none;
	font-family: 'Merriweather Bold';
}
.layout--footMenuItem::first-letter { color: #ee2d34; }












.layout_hidden { display: none; }
.layout_em { font-family: 'Merriweather Italic'; }
.layout_b { font-family: 'Merriweather Bold'; }
.layout_bl { font-family: 'Merriweather Black'; }
.layout_em_b,
.layout_b_em { font-family: 'Merriweather Bold Italic'; }

/* Модификатор, который позволяет элементу в центральной колонке быть растянутым за пределы колонки - шириной на весь экран */
.layout_widthToViewport {
	margin-inline: calc(var(--realContentIndent) * -1);
	position: relative;
}

/* max-width здесь должна быть равна --contentWidth, нужно исправить вручную т.к. css не предусматривает это значение в media-правиле устанавливать через переменную. */
@media screen and (max-width: 1240px) {
	.layout_widthToViewport {
		margin-inline: calc(var(--indentContentSize) * -1);
	}
}

.layout_nonlink {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: inherit;
}

.chess {
	width: 100%;
	/* max-width: 605px; */
	container-name: chess;
	container-type: inline-size;
}
.chess--content {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.chess--item {
	display: grid;
	gap: 0px 15px; /* отступ между колонками */
	grid-template-columns: 33% 1fr;
}
.chess--imgLink {
	grid-row: span 2;
}
.chess--img {
	width: 100%;
	height: auto;
	object-fit: cover;
	grid-column: 1; /* по умолчанию в первой колонке */

	border-radius: 1.8px;
	aspect-ratio: 1/0.7;
}
/* .chess--item:nth-child(even) .chess--img { grid-column: 2; } для 2-й записи переносим фото во вторую колонку */
.chess--item:nth-child(even) .chess--imgLink { grid-column: 2; } /* для 2-й записи переносим фото во вторую колонку */

.chess--txt {
	grid-column: 2; /* по умолчанию во второй колонке */
	width: 100%;
	grid-row: span 2;
	color: var(--mainColor);
	text-decoration: none;
}
.chess--item:nth-child(even) .chess--txt { grid-column: 1; } /* для 2-й записи переносим текст во первую колонку */

.chess--title {
	font-weight: bold;
	font-size: 1.1em;
}

/* Отступ между заголовком и описанием */
.chess--lid {
	margin-top: 8px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 6; /* Максимальное число строк */
	-webkit-box-orient: vertical;
}

/* chess--item_big - Новость с большим изображением */
.chess--item_big {
	display: block;
	position: relative;
}
.chess--item_big .chess--txt {
	padding: 15px;
	background-color: #0008;
	/* background-color: #0000009e; */
	position: absolute;
	bottom: 4px;
	left: 1px;
	color: white;
	max-height: 50%;
}
.chess--item_big .chess--title {
	text-overflow: ellipsis;
	/* white-space: nowrap; */
	/* overflow: hidden; */
}

.chess--item_big .chess--lid {
	/* white-space: nowrap; */
	/* text-overflow: ellipsis; */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* Максимальное число строк */
	-webkit-box-orient: vertical;
}
@container chess (width <= 570px) { .chess--lid { -webkit-line-clamp: 5; } }
@container chess (width <= 510px) { .chess--lid { -webkit-line-clamp: 4; } }
@container chess (width <= 455px) { .chess--item { display: block; } }
@container chess (width < 455px) {
	.chess--item_big .chess--lid { -webkit-line-clamp: 2; }
}
@container chess (width < 390px) {
	.chess--item_big .chess--lid { -webkit-line-clamp: 1; }
}
@container chess (width < 344px) {
	.chess--item_big .chess--lid { display: none; }
}
@container chess (width < 312px) {
	.chess--item_big .chess--title { word-break: break-all; }
}
@container chess (width <= 282px) {
	.chess--item_big .chess--title {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
}
@container chess (width < 248px) {
	.chess--item_big .chess--title {
		-webkit-line-clamp: 2;
	}
}

/* 2-й элемент: картинка справа (33%), текст слева (67%) */
.chess--item:nth-child(even) {
	grid-template-columns: 1fr 33%;
	grid-template-rows: auto 1fr;
}







.chess_hidden { display: none!important; }

/* Этот элемент на странице должен предшествовать алименты с модификатором chess--item_big для того чтобы не сбивался шахматный порядок в остальных элементов item из-за вставки элемента с большой фотографией */
.chess--item_big_before { 	display: none; }

.mainPage {
	container-name: mainPage;
	container-type: inline-size;
}
.mainPage--chesses {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin-top: 30px;
}

.mainPage--chessSeparator {
	width: 100%;
	grid-column: span 2;
	margin-block: 20px;
}
@container mainPage (width <= 941px) {
	.mainPage--chesses { grid-template-columns: 1fr; }
	.mainPage--chessSeparator { grid-column: span 1; }
}

.mainPage--chessSeparatorImg {
	width: 100%;
}

.mainPage--sectionTab { margin-bottom: 24px; }
.aboutPageChina {

}

.aboutPageChina--list {
	display: grid;
	gap: 15px;
}




.aboutPageChina_i {
	font-family: 'Merriweather Italic';
}
.aboutPageChina_ib {
	font-family: 'Merriweather Bold Italic';
}

.rubricPage {

}

.rubricPage--title {
}

.rubricPage--list {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	gap: 40px 30px;
}
.rubricPage--item {
	width: 100%;
	width: 23%;
	max-width: 300px;
}
.rubricPage--coverLink {
	display: inline-block;
	color: var(--mainColor);
	text-decoration: none;
	width: 100%;
}
.rubricPage--cover {
	width: 100%;
	border-radius: 1.8px;
	aspect-ratio: 1/0.7;
	object-fit: cover;
}
.rubricPage--txt {
	color: var(--mainColor);
	text-decoration: none;
}
.rubricPage--itemTitle {
}

@media screen and (max-width: 1174px) { .rubricPage--item { width: 22%; } }
@media screen and (max-width: 1034px) { .rubricPage--item { width: 30%; } }
@media screen and (max-width: 750px) { .rubricPage--item { width: 47%; max-width: initial; } }
@media screen and (max-width: 550px) { .rubricPage--item { width: 46%; } }
@media screen and (max-width: 460px) { .rubricPage--item { width: 100%; } }
.page404 {

}
.page404--imgContainer {
	overflow: hidden;
	width: calc(100vw - var(--scrollbarWidth));
	display: flex;
	justify-content: center;
	background-color: #141721;
}
.page404--img {

}
.test1 {

}

.ncfc{

}

.ncfc--rubric {
}
.ncfc--items {
	display: grid;
	gap: 3px;
	margin-left: 10px;
	margin-top: -10px;
}
.ncfc--item {
}
.ncfc--no {
	font-weight: bold;
}
.ncfc--a {
	color: #006ccb;
	text-decoration: none;
}





.ncfc_red { color: red; }
.articlePage {

}

.articlePage--columns {
	display: grid;
	grid-template-columns: 1fr 0.4fr;
	gap: 30px;
}
.articlePage--colMain {
}
.articlePage--colNews {
	min-width: 280px;
	background-color: #eeeeee;
	border-radius: 1.8px;
}
@media screen and (max-width: 879px) {
	.articlePage--columns {
		grid-template-columns: 1fr;
	}
}

.articlePage--title {
	font-size: 1.6em;
}
.articlePage--dtLine {
}
.articlePage--cover {
	width: 100%;
	border-radius: 1.8px;
	aspect-ratio: 1500 / 1050;
	object-fit: cover;
}
.articlePage--lid {
	font-family: 'Merriweather Bold Italic';
	margin-block: 1em;
}
.articlePage--text {
}

.articlePage--sectionTab {
	background-color: white;
}

.articlePage--aiTranslated {
	font-size: 0.8em;
	font-family: 'Merriweather Italic';
	margin-top: 2em;
	background-color: #e0f4ff;
	padding: 1em 1em;
	border-radius: 6px;
}

.articlePage--sharesBottom {
	margin-top: 2em;
	text-align: center;
}


.articlePage--author {
	display: flex;
	align-items: start;
	gap: 10px;
	margin-top: 20px;
}
.articlePage--authorImg {
	border-radius: 2px;
	width: 100%;
	max-width: 100px;
}
.articlePage--authorLabel { color: gray; font-size: 0.9em; }

.menuMobile {
	position: fixed;
	top: 73px;
	left: 0;
	background-color: #444444;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	padding: 30px;
}
.menuMobile--menuMobileItems {
	display: grid;
	gap: 27px;
	font-size: 1.1em;
}
.menuMobile--menuMobileItem {
	color: white;
	text-decoration: none;
}






.menuMobile_hidden { display: none; }

.kwikpay2025 {

}
.kwikpay2025--h1 {
	font-family: 'Merriweather Bold';
}
.kwikpay2025--h2 {
	font-family: 'Merriweather Bold';
	font-size: 1.3em;
	margin-top: 2em;
}

.kwikpay2025--h3 {
	font-family: 'Merriweather Bold';
	font-size: 1.1em;
	margin-top: 2em;
}

.kwikpay2025--intro {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 15px;
	padding: 14px 20px;
	background-color: #e3f2ff;
	border-radius: 6px;
}
.kwikpay2025--icon {
	width: 24px;
}
.kwikpay2025--iconLighting {
	position: relative;
	top: 4px;
}


.kwikpay2025--transfer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin-block: 1.3em 2em;
	/* max-width: 800px; */
	margin-inline: auto;
}
.kwikpay2025--transferLink {
	padding: 10px 20px;
	background-color: #e3f2ff;
	border-radius: 6px;
	text-decoration: none;
	color: black;
	text-align: center;
	transition: 0.3s;
	&:hover { background-color: #c4e0f7; }
}
.kwikpay2025--tranferToWebsite {
}
.kwikpay2025_gold {
	background-color: #f8efd4;
	padding: 2px;
}
.kwikpay2025--tranferToApp {
}
.kwikpay2025--barCode {
	width: 160px;
}
.kwikpay2025--transferTitle {
	margin-block: 10px;
	font-family: 'Merriweather Bold Italic';
}
@media screen and (max-width: 560px) {
	.kwikpay2025--transfer { grid-template-columns: 1fr; }
}

.kwikpay2025--twoButtons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px 60px;
	margin-block: 36px;
}
.kwikpay2025--btnLink {
	text-decoration: none;
	padding: 25px 30px;
	color: black;
	/* background-color: #435b71; */
	background-color: #e7e7e7;
	border-radius: 6px;
	min-width: 280px;
	text-align: center;
	transition: 0.15s;
	font-family: 'Merriweather Bold';
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	&:hover {
		/* background-color: #2b4e6d; */
		background-color: #c2c2c2;
		scale: 1.02;
	}
	&:active {
		transform: translate(1px, 1px);
	}
}
@media screen and (max-width: 724px) {
	.kwikpay2025--twoButtons { grid-template-columns: 0.8fr; }
	.kwikpay2025--btnLink { min-height: 104px; }
}
@media screen and (max-width: 475px) {
	.kwikpay2025--twoButtons { grid-template-columns: 1fr; }
}

.kwikpay2025--linkText {
	color: black;
	/* text-decoration: none; */
}








.kwikpay2025_c { text-align: center; }
.kwikpay2025_strong { font-family: 'Merriweather Bold'; }
.kwikpay2025_strongItalic { font-family: 'Merriweather Bold Italic'; }
.kwikpay2025_italic { font-family: 'Merriweather Italic'; }
.kwikpay2025_blLined { border-block: 1px lightgray solid; margin-top: 2em; padding-bottom: 1.5em; }
.kwikpaystats {
	line-height: 1.6em;
}
.kwikpaystats--clicks { }
.kwikpaystats--tableClicks { }
.kwikpaystats--tableBannersClicks { }
.kwikpaystats--table {
	--tdBorder: 1px lightgray solid;
	--tdPadding: 2px 6px;
	border-collapse: collapse;
	font-size: 11px;
}
.kwikpaystats--tr { }
.kwikpaystats--th {
	background-color: aliceblue;
	border: var(--tdBorder);
	padding: var(--tdPadding);
}
.kwikpaystats--td {
	border: var(--tdBorder);
	padding: var(--tdPadding);
}
.kwikpaystats--td[data-colno="2"] {
	font-size: 9px;
	word-break: break-all;
}
.kwikpaystats--link { color: black; }







.kwikpaystats_c { text-align: center; }
* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}
body {
	padding-top: env(safe-area-inset-top); /* CSS-фикс, чтобы контент не заезжал под статус-бар  */
	background-color: #fff; /* Цвет фона статус-бара */
}
.internalLayout {
	font-family: 'Arial', 'Times New Roman', Times, serif;
	font-size: 16px;
	line-height: 1.5em;
}

.getUrlNews {
	padding: 20px;
}
.getUrlNews--input {
	padding: 5px 7px;
	text-align: right;
	width: 90px;
}
.getUrlNews--key {
	padding: 5px 7px;
	text-align: right;
	width: 90px;
}
.getUrlNews--submit {
	padding: 5px 8px;
}
.getUrlNews--result {
	margin-top: 20px;
	&[data-status="ok"] { color: green; }
	&[data-status="error"] { color: red; }
}
.post { }
.post--pic {
	display: grid;
	gap: 6px;
	justify-content: center;
}
.post--img {
	width: 100%;
}
.post--picCaption {
	text-align: center;
	font-size: 0.8em;
}
.post--picSource {
	text-align: center;
	font-size: 0.8em;
}
.post--note {
	font-size: 0.85em;
	background-color: #fbf8d7;
	font-style: italic;
	color: #6d6d6d;
	& a { color: #4e96e3; }
}

/* группа из 2 изображений, расположенных горизонтально, при малой ширине родительского блока вытягиваются горизонтально */
.post--picTwo {
	display: flex;
	gap: 15px;
	align-items: end;
	flex-wrap: nowrap;
}
@container post (width < 650px) {
	.post--picTwo {
		flex-wrap: wrap;
		gap: 30px;
	}
}

/* Абзац вопроса в статье-интервью */
.post--interviewAsk{
	margin-left: 20px;
	font-weight: bold;
}





.post_hidden { text-align: right; }
.post_c { text-align: center; }
.post_l { text-align: left; }
.post_r { text-align: right; }
.post--img_vertical { max-width: 400px; } /* у вертикальных фото ограничиваем ширину */