/*
	баннеры и их внутрянка,
	скорее всего так и останется отдельным файлом
*/
.banner_block {
	position: relative;
	--bc-card-color: transparent;
}
.bc_white .banner_block {
	--bc-card-color: #F8F8F8;
}
.bc_gray .banner_block {
	--bc-card-color: white;
}


.banner_list {
	text-align: left;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: var(--margin);
}

.banner_container {
	--banner-card-height: 296px;
	position: relative;
	border-top: 2px solid #2A3143;
	padding: 34px 36px 36px 36px;
	flex-shrink: 0;
	background-color: var(--bc-card-color);
}
.banner_container.fixed_height {
	height: 224px;
}
.side_banner {
	min-height: 392px;
}
.side_banner.full_height {
	height: 100%;
	min-height: auto;
}
.side_banner.auto_height {
	height: auto;
	min-height: auto;
}

.side_banner .banner_container {
	width: var(--column2);
	min-height: 392px;
	padding: 30px;
}
.side_banner.full_height .banner_container {
	height: 100%;	
	min-height: auto;
}
.side_banner.auto_height .banner_container {
	height: auto;	
	min-height: auto;
}

.side_banner .banner_list .banner_container .link_container {
	right: 30px;
}
@media all and (max-width:1600px) {
	.banner_container {
		--banner-card-height: 260px;
	}
}
@media all and (max-width:1000px) {
	.side_banner.full_height,
	.side_banner {
		min-height: auto;
	}
	.side_banner.auto_height {
		min-height: auto;
		height: auto;
	}
	.side_banner .banner_container {
		width: var(--page-content);
		height: 227px;
		min-height: auto;
	}
	.side_banner.full_height .banner_container {
		height: 260px;
	}
	.side_banner.auto_height .banner_container {
		height: auto;
	}
	.pie_banner .banner_container {
		height: auto;
	}
}
@media all and (max-width:750px) {
	.banner_container {
		--banner-card-height: 341px;
	}

	.side_banner .banner_container {
		height: 241px;
	}
	.side_banner.full_height .banner_container {
		height: 260px;
	}
	.pie_banner .banner_container {
		height: auto;
	}
}


.banner_container .banner_header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.banner_container .section_link {
	margin-top: 20px;
}

.banner_container .tab_list {
	width: auto;
}

.banner_container .banner_title {
	margin-bottom: 10px;
}
@media all and (min-width: 1241px) {
	.banner_block .rail_container {
		display: none !important;
	}
}


.banner_container .banner_title + .banner_text_container {
	margin-top: 18px;
}

.banner_header .banner_text_container,
.banner_container .banner_text_container {
	text-align: left;
	margin-bottom: 22px;
}

div.banner_bg_img {
	position: absolute;
	right: 30px;
	bottom: 26px;
	width: 236px;
	height: 109px;
	pointer-events: none;
}
img.banner_bg_img {
	height: 100%;
	width: 100%;
	object-fit: scale-down;
	object-position: bottom right;
}
.banner_container[class*="banner_bg_"] {
	background-repeat: no-repeat;
	background-position: bottom 30px right 30px;
}
.banner_container.banner_bg_rupor {
	background-image: url(/common/core/img/bgs/rupor.svg);
	background-size: 56px;
}
.banner_container.banner_bg_100_kro {
	background-image: url(/common/core/img/bgs/logo_100_kro.png);
	background-size: 109px;
}
.banner_container.banner_bg_pmef_23 {
	background-image: url(/common/core/img/bgs/pmef_23.svg);
	background-size: auto 80px;
}
.banner_container.banner_bg_calc {
	background-image: url(/common/core/img/bgs/calc.svg);
	background-size: 56px;
}

.banner_container.banner_bg_gears {
	background-image: url(/common/core/img/bgs/gears.svg);
	background-size: 56px;
}

.banner_container.banner_bg_money {
	background-image: url(/common/core/img/bgs/money.svg);
	background-size: 56px;
}

.banner_container.banner_bg_docs {
	background-image: url(/common/core/img/bgs/docs.svg);
	background-size: 56px;
}
.banner_container.banner_bg_diamond {
	background-image: url(/common/core/img/bgs/diamond.svg);
	background-size: 56px;
}
.banner_container.banner_bg_cc {
	background-image: url(/common/core/img/bgs/banner_cc.svg);
	background-size: 212px;
}
.banner_container.banner_bg_mff {
	background-image: url(/common/core/img/bgs/banner_mff_2023.png);
	background-size: 236px;
}
.banner_container.banner_bg_mff_2 {
	background-image: url(/common/core/img/bgs/banner_mff_2023_1.png);
	background-size: 236px;
}
.banner_container.banner_bg_mff_1 {
	background-image: url(/common/core/img/bgs/banner_mff_2024.svg);
	background-size: 236px;
}
.banner_container.banner_bg_forum_russia {
	background-image: url(/common/core/img/bgs/banner_forum_russia.svg);
	background-size: 169px;
}
.banner_container.banner_bg_rf_db {
	background-image: url(/common/core/img/bgs/banner_rf_db.svg);
	background-size: 120px;
}
.banner_container.banner_bg_stop_corona {
	background-image: url(/common/core/img/bgs/banner_stop_corona.svg);
	background-size: 236px;
}
.banner_container.banner_bg_state_for_people {
	background-image: url(/common/core/img/bgs/banner_state_for_people.png);
	background-size: 236px;
}
.banner_container.bg_folders {
	background-image: url(/common/core/img/bgs/folders.png);
	background-size: 182px 128px;
	background-position: right 10% bottom 0%;
	background-repeat: no-repeat;
}
.banner_container.bg_folders2 {
	background-image: url(/common/core/img/bgs/folders2.png);
	background-size: 182px 128px;
	background-position: right 10% bottom 0%;
	background-repeat: no-repeat;
}
.banner_container.bg_arrows {
	background-image: url(/common/core/img/bgs/arrows_up.svg);
	background-size: 213px 157px;
	background-position: right 10% bottom 0%;
	background-repeat: no-repeat;
}
.banner_container.banner_bg_fnb {
	background-image: url(/common/core/img/bgs/russia_map_white.svg);
	background-size: 437px 248px;
	background-position: right bottom;
}
.banner_container.banner_bg_buxychet {
	background-image: url(/common/core/img/bgs/folders.png);
	background-size: 183px 128px;
	background-position-y: bottom;
	background-repeat: no-repeat;
}
.banner_container.banner_bg_audit {
	background-image: url(/common/core/img/bgs/audit_logo.png);
	background-size: 56px 56px;
}
.banner_container.banner_bg_gov_sup {
	background-image: url(/common/core/img/bgs/banner_gov_sup.svg);
	background-size: 114px 109px;
}
.banner_container.banner_bg_myfinances {
	background-image: url(/common/core/img/bgs/my_finances.svg);
	background-size: 169px 42px;
}
.banner_container.banner_bg_tax {
	background-image: url(/common/core/img/bgs/bank_rf.png);
	background-size: 210px 173px;
	background-position: right bottom;
}
@media all and (max-width: 750px) {
	.banner_container.banner_bg_tax {
		background-size: 105px;
	}
}
.banner_header .banner_text,
.banner_container .banner_text {
	color: #7F838E;
}
.banner_content .t_sn3.l_s2 {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.banner_block .switcher_list {
	display: flex;
	flex-direction: row;
	gap: 11px;
	align-items: center;
	pointer-events: none;
}

.banner_block .switcher_list > li {
	display: block;
	height: 8px;
	width: 8px;
	cursor: pointer;
	border: 2px solid #7F838E;
	border-radius: 4px;
	vertical-align: middle;
	pointer-events: all;
}

.banner_block .switcher_list > li:hover,
.banner_block .switcher_list > li.active {
	height: 10px;
	width: 10px;
	border-radius: 6px;
	border-color: #2A3143;
}

.banner_container .banner_footer,
.banner_block .link_container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	bottom: 30px;
	left: 30px;
	position: absolute;
}

.banner_block .link_container {
	pointer-events: none;
}

.banner_block .link_container > * {
	pointer-events: all;
}

@media all and (max-width: 1240px) {
	.banner_container .banner_text_container a.in_text {
		display: block;
		color: #2A3143;
		margin-top: 18px;
	}
	.banner_block .switcher_list {
		display: none;
	}
}

@media all and (max-width: 1000px) {
	.banner_container .banner_text_container a.in_text {
		margin-top: 14px;
	}
}

@media all and (max-width: 750px) {
	.banner_container .banner_header {
		flex-direction: column;
		gap: 5px;
		margin-bottom: 25px;
	}

	.banner_container .banner_text_container .banner_text {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.banner_container .banner_text_container a.in_text {
		margin-top: 8px;
	}
	
	.banner_header .inline_block + .tab_list {
		margin-top: 10px;
	}
}


/* number banner */
.number_banner.landing {
	padding: 36px 36px 23px 36px;
	--number-banner-l-banner-title: 33px;
	--number-banner-l-number-info-m-b: 38px;
}

.number_banner.landing .number_info {
	position: relative;
	margin-bottom: var(--number-banner-l-number-info-m-b);
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
}
.number_banner.landing .banner_title {
	margin-bottom: var(--number-banner-l-banner-title);
	text-transform: lowercase;
	width: 100%;
}
.number_banner.landing .banner_title:first-letter {
	text-transform: uppercase;
}
.number_banner.landing .number_data {
	display: block;
    position: relative;
}
.number_banner.landing .number_data .number_value {
	font-weight: bold;
	font-size: 48px;
	line-height: 47px;
	white-space: nowrap;
	margin-right: 4px;
}
.number_banner.landing .number_data .number_rait {
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
    position: absolute;
	white-space: nowrap;
    top: 3px;
}
.number_banner.landing .number_data .number_rait.number_rait_up {
	color: #03A678;
}
.number_banner.landing .number_data .number_rait.number_rait_down {
	color: #CA2318;
}
.number_banner.landing .number_data .number_unit {
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	white-space: nowrap;
}
.number_banner.landing .number_date {
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	color: #7F838E;
}

@media all and (max-width: 1600px) {
	.number_banner.landing {
		padding: 28px 30px 23px 30px;
		--number-banner-l-banner-title: 20px;
		--number-banner-l-number-info-m-b: 28px;
	}
}

@media all and (max-width: 1400px) {
	.number_banner.landing {
		padding: 30px 29px 23px 31px;
		--number-banner-l-banner-title: 26px;
		--number-banner-l-number-info-m-b: 35px;
	}	
	.number_banner.landing .number_data .number_value {
		font-size: 44px;
	}	
	.number_banner.landing .number_info::after {
		margin-top: 34px;
	}
}


@media all and (max-width: 1240px) {
	.number_banner.landing {
		--number-banner-l-banner-title: 0px;
		--number-banner-l-number-info-m-b: 50px;
		text-align: left;
		padding: 31px 30px 30px 31px;
	}	
	.number_banner.landing .number_data .number_value {
		font-size: 40px;
		letter-spacing: -1px;
	}
}

@media all and (max-width: 1000px){
	.number_banner.landing {
		--number-banner-l-banner-title: 35px;
		--number-banner-l-number-info-m-b: 60px;
		padding: 31px 30px 30px 30px
	}
	.number_banner.landing .number_data .number_value {
		font-size: 48px;
		line-height: 47px;
		letter-spacing: initial;
	}
}

@media all and (max-width: 750px) {
	.number_banner.landing {
		--number-banner-l-banner-title: 0;
		--number-banner-l-number-info-m-b: 38px;
	}
	.number_banner.landing .number_info {
		display: flex;
		flex-direction: column;
		align-items: start;
	}
	.number_banner.landing .number_date {
		position: relative;
		margin-top: 6px;
	}
	.number_banner.landing .number_data {
		order: 1;
		margin: 14px 0 0 0;
	}
	.number_banner.landing .number_data .number_value {
		font-size: 40px;
		line-height: 50px;
		letter-spacing: -1px;
	}
}
.fnb_number_banner {
	--banner-title-m-b: 56px;
}

.fnb_number_banner .banner_header {
	flex-direction: column;
	gap: 7px;
	margin-bottom: var(--banner-title-m-b);
}
.fnb_number_banner .banner_header .banner_title {
	margin-bottom: 0;
}
@media (max-width: 1600px) {
	.fnb_number_banner {
		--banner-title-m-b: 48px;
	}
}
@media (max-width: 1400px) {
	.fnb_number_banner {
		--banner-title-m-b: 56px;
	}
}
@media (max-width: 750px) {
	.fnb_number_banner {
		--banner-title-m-b: 42px;
	}
}

.side_banner .number_banner .number_data {
	display: flex;
	flex-direction: column;
	position: absolute;
	bottom: 74px;
}
.side_banner .number_banner .number_date {
	color: #7F838E;
}

@media all and (max-width: 1600px) {
}
@media all and (max-width: 1400px) {
}
@media all and (max-width: 1000px) {
	.side_banner .number_banner {
		height: auto;
	}
	.side_banner .number_banner .banner_title {
		margin-bottom: 7px;
	}
	.side_banner .number_banner .number_data {
		position: relative;
		bottom: 0;
		margin-bottom: 27px;
		margin-top: 15px;
	}
	.side_banner .number_banner .link_container {
		position: relative;
		left: 0;
		bottom: 0;
	}
}
@media all and (max-width: 750px) {
	.side_banner .number_banner .banner_title {
		margin-bottom: 2px;
	}
}
/* end number banner */



/* circles banner */
.circles_banner {
	margin-top: 10px;
}
/*
.circles_banner.banner_container {
	padding: 30px 38px 30px 30px;
}
*/
.circles_banner .banner_title {
	margin-bottom: 7px;
	text-align: left;
}
.circles_banner.banner_content {
	padding-top: 20px;
	display: flex;
	justify-content: center;
	align-items: start;
	gap: 12px;
}

.circles_banner .circle_1,
.circles_banner .circle_2 {
	border-radius: 50%;
	display: table;
	flex-shrink: 0;
}
.circles_banner .circle_1 span,
.circles_banner .circle_2 span {
	display: block;
	text-align: center;
}

.circles_banner .circle_1 {
	border: 2px solid #2A3143;
	width: 150px;
	height: 150px;
	vertical-align: middle;
	margin-top: 77px;
	margin-left: 18px;
}

.circles_banner .circle_2 {
	width: 194px;
	height: 194px;
}

.circles_banner .circle_info {
	display: table-cell;
	vertical-align: middle;
}

.circles_banner .circle_1 span:nth-child(2){
	font-weight: bold;
	font-size: 22px;
	line-height: 40px;
	margin-top: 4px;
	margin-bottom: -10px;
}

.circles_banner .circle_2 span:nth-child(1) {
	padding: 0 30px;
}

.circles_banner .circle_2 span:nth-child(2) {    
	font-weight: bold;
    font-size: 32px;
    line-height: 42px;
    margin-top: 3px;
}

.gist_banner {
	margin-top: 10px;
	display: flex;
	flex-direction:column;
	gap: 15px;
}
.gist_banner .gist_item {
	display: flex;
	flex-wrap: wrap;
	row-gap: 5px; 
	column-gap: 7px; 
}
.gist_banner .gist_item_title {
	width: 100%;
}
.gist_banner .gist_item_line {
	--i-width: 0;
	width: 50%;
	height: 8px;
	align-self: center;
	width: calc((100% - 8em) * var(--i-width));
	min-width: 1px;
}
.gist_banner .gist_item_line[data-id="0"] {
	background-color:#2A3143;
}
.gist_banner .gist_item_line[data-id="1"] {
	background-color:#2A3143;
	opacity: 0.6;
}
.gist_banner .gist_item_line[data-id="2"] {
	background-color:#03A678;
}
.gist_banner .gist_item_line[data-id="3"] {
	background-color:#03A678;
	opacity: 0.7;
}
.gist_banner .gist_item_value {
	display: flex;
	gap: 4px;
}



@media all and (max-width: 1600px) {
	.circles_banner {
		padding-top: 6px;
		gap: 3px;
	}

	.circles_banner .banner_title {
		margin-bottom: 2px;
	}
	
	.circles_banner .circle_1 {
		width: 140px;
		height: 140px;
		margin-top: 92px;
		margin-left: -16px;
	}

	.circles_banner .circle_2 {
		width: 186px;
		height: 186px;
	}
	
	
	.circles_banner .circle_2 span:nth-child(1) {
		padding: 0 33px;
	}
}
@media all and (max-width: 1400px) {

	.circles_banner {
		padding-top: 10px;
		gap: 5px;
	}

	.circles_banner .circle_1 {
		width: 130px;
		height: 130px;
		margin-top: 74px;
		margin-left: 10px;
	}
	
	.circles_banner .circle_1 span:nth-child(2) {
		margin-top: 0;
	}
	
	.circles_banner .circle_2 {
		width: 176px;
		height: 176px;
	}
	
	.circles_banner .circle_2 span:nth-child(1) {
		padding: 0;
	}
}

@media all and (max-width: 1240px) {
	.circles_banner {
		padding-top: 1px;
		gap: 3px;
	}
	.circles_banner .circle_1 {
		width: 140px;
		height: 140px;
		margin-top: 94px;
		margin-left: 4px;
	}
	.circles_banner .circle_2 {
		width: 186px;
		height: 186px;
	}
	.circles_banner .circle_2 span:nth-child(1) {
		padding: 0 33px;
	}
	.circles_banner .banner_title {
		font-size: 20px;
		margin-bottom: 3px;
	}
}

@media all and (max-width: 750px) {
	.circles_banner {
		margin-top: 18px;
	}
	.circles_banner .banner_title {
		margin-bottom: 0;
		font-size: 16px;
		line-height: 24px;
	}
	.circles_banner .banner_text {
		font-size: 14px;
		line-height: 17px;
	}
	.circles_banner {
		padding-top:0;
	}
	.circles_banner .circle_1 {
		margin-top: 100px;
	}
	.circles_banner .circle_1 span:nth-child(2) {
		margin-top: -3px;
		margin-bottom: -10px;
	}
	.circles_banner .circle_2 {
		width: 162px;
		height: 162px;
	}
	.circles_banner .circle_2 span:nth-child(1) {
		padding: 0 21px;
	}
	.circles_banner .circle_2 span:nth-child(2) {
		margin-top: 3px;
		margin-bottom: -5px;
	}
	.circles_banner .circle_1 + .circle_2 {
		margin-left: -12px;
	}
}
/* end circles banner */


/* PIE CHART banner */
.pie_banner {
}

.pie_banner {
	position: relative;
	left: -30px;
	width: var(--column2);
}

	.pie_banner .uibox {
		position: relative;
		display: flex;
		flex-direction: column;
		padding: 0;
		gap: 0;
	}

		.pie_banner .uibox .indicator_container {
			position: relative;
			margin: 0 auto;
		}

			.pie_banner .uibox .indicator_box {
				width: 100%;
				position: relative;
			    z-index: 10;
			}

				.pie_banner .uibox .indicator_box svg {
					display: block;
				}

					.pie_banner .uibox .indicator_box svg path.hover {
						cursor: pointer;
					}

					.pie_banner .uibox .indicator_box svg foreignObject {
						pointer-events: none;
					}

			.pie_banner .uibox .indicator_container .label {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100%;
				max-width: 160px;
				text-align: center;
			}

			.pie_banner .uibox .indicator_container .desc {
				position: absolute;
				top: 75%;
				left: 0;
				width: 100%;
				color: rgb(42 49 67 / 60%);
				text-align: center;
			}

			.pie_banner .uibox .indicator_container .indicator_item_tip {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				opacity: 0;
				visibility: hidden;
				transition: all .15s ease;
				pointer-events: none;
			}

				.pie_banner .uibox .indicator_container .indicator_item_tip.show {
					opacity: 1;
					visibility: visible;
				}

				.pie_banner .uibox .indicator_container .indicator_item_tip .indicator_item_tip_text {
					display: flex;
					justify-content: center;
					align-items: center;
					min-width: 56px;
					height: 56px;
					border-radius: 50px;
					padding: 0 14px;
					font-size: 14px;
					line-height: 20px;
					text-align: center;
					white-space: nowrap;
					pointer-events: none;
				}

		.pie_banner .uibox .legend_container {
			flex: 1 1 auto;
			padding: 0 30px;
		}

			.pie_banner .uibox .legend_container .fieldsets .item {
				display: flex;
				align-items: center;
				padding: 0 0 8px;
			}

			.pie_banner .uibox .legend_container .legend_list {
				display: flex;
				flex-direction: column;
				padding: 0;
				gap: 14px;
				margin: 0;
			}

				.pie_banner .uibox .legend_container .legend_list li {
					display: flex;
					align-items: baseline;
				}

					.pie_banner .uibox .legend_container .legend_list li:last-child {
						padding: 0;
					}

			.pie_banner .uibox .legend_container .legend_list li {
				font-weight: 500;
				font-size: 12px;
				line-height: 17px;
				letter-spacing: 1px;
				text-transform: uppercase;
			}

			.pie_banner .uibox .legend_container .legend_item {
				display: block;
				width: 14px;
				height: 14px;
				margin: 0 14px 0 0;
				flex-shrink: 0;
				border-radius: 3px;
			}

	.pie_banner .legend_item[data-id="0"],
	.pie_banner .indicator_item[data-id="0"],
	.pie_banner .indicator_item_tip[data-id="0"] .indicator_item_tip_text {
		background-color: #03A678;
		fill: #03A678;
		color: #fff;
	}

	.pie_banner .legend_item[data-id="1"],
	.pie_banner .indicator_item[data-id="1"],
	.pie_banner .indicator_item_tip[data-id="1"] .indicator_item_tip_text {
		background-color: #62C8AA;
		fill: #62C8AA;
		color: #fff;
	}

	.pie_banner .legend_item[data-id="2"],
	.pie_banner .indicator_item[data-id="2"],
	.pie_banner .indicator_item_tip[data-id="2"] .indicator_item_tip_text {
		background-color: #C0E9DD;
		fill: #C0E9DD;
		color: #2A3143;
	}

	.pie_banner .legend_item[data-id="3"],
	.pie_banner .indicator_item[data-id="3"],
	.pie_banner .indicator_item_tip[data-id="3"] .indicator_item_tip_text {
		background-color: #D4D6D9;
		fill: #D4D6D9;
		color: #2A3143;
	}

@media (max-width: 1000px) {
	.pie_banner {
		width: var(--column6);
		margin: 0;
	}

		.pie_banner .uibox {
			flex-direction: row;
			gap: 58px;
		}

			.pie_banner .uibox .indicator_container {
				width: 210px;
				height: 230px;
				flex-shrink: 0;
			}

			.pie_banner .uibox .legend_container {
				padding: 28px 37px 0px 0px;
			}
}

@media (max-width: 750px) {
	.pie_banner {
		width: var(--column4);
	}

		.pie_banner .uibox {
			flex-direction: column;
			align-items: baseline;
			gap: 0;
		}

			.pie_banner .uibox .indicator_container {
				margin: 0;
				width: 100%;
				height: 291px;
			}

			.pie_banner .uibox .legend_container {
				padding: 0 30px 30px;
			}
}
/* end PIE CHART banner */


.banner_contact_info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.banner_contact_info .contact_info {
	display: flex;
	justify-content: space-between;
}
.banner_contact_info .contact_info>span {
	color: #aaadb4;
}
@media (max-width:1000px) and (min-width:751px){
	.banner_contact_info {
		flex-direction: row;
		gap: var(--column);
	}
	.banner_contact_info .contact_info {
		flex-direction: column;
		justify-content: start;
		gap: 5px;
	}
}
@media (max-width: 750px) {
	.banner_contact_info .banner_footer {
		position: relative;
		left: auto;
		bottom: auto;
	}
	.banner_contact_info .banner_footer .section_link {
		margin-top: 0;
	}
}
.side_banner .delta_container {
	position: absolute;
	bottom: 60px;
}