/* Start:/local/templates/mb_main2023_ng/template_styles.css?179378312321460*/
/* clear main cache btn */
.edit_btn {
    font: 16px/18px Open Sans;
    padding: 6px 12px;
    display: inline-block;
    background: #38569a;
    color: #fff;
    margin: 7px 0;
    cursor: pointer;
    text-decoration: none;
}
.edit_btn.mainpage__clearcache:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background: url(/bitrix/js/main/core/images/panel/top-panel-sprite-2.png) no-repeat -180px -1402px !important;
    margin-right: 10px;
}

/* weather */
.weather .gsInformer{
    margin-left: 0 !important;
    width: auto !important;
    max-height: 27px !important;
    color: #fff !important;
    background: #045192 !important;
}
.weather .gsInformer #cityLink {
    background: #045192 !important;
    text-align: left;
}
.weather .gsInformer #cityLink a {
    color: #fff !important;
}
.weather .gsLinks,
.weather .tTempAirSpanImg {
    display: none !important;
}
.weather tbody {
    display: flex !important;
}
.weather a,
.weather .tTempAirSpan {
    font-family: 'Noto Sans', 'Arial', sans-serif !important;
    color: #fff !important;
    text-decoration: none !important;
}
.weather .tTempAirSpan {
    font-weight: 700;
}

/* banners */
.content_banner video,
.top_banner video {
    max-width: 100%;
}
@media print,
(max-width: 767px)
{
    .content_banner.block {
        margin-bottom: 30px;
    }
}


/**
* subscribe popup
*/
.popup_block{
    display: none;
}
.subscribe_popup{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: url('/local/templates/.default/images/popup_subscribe/bg_popup_subscribe2.jpg') center top no-repeat #dcd5cb;
    z-index: 9999;
    font: 14px/16px Noto Sans;
}
.subscribe_popup .subs-box{
    text-align: center;
}
.subscribe_popup .subs-logo{
    margin: 0px 0 40px;
}
.subscribe_popup .subs-title{
    font: 51px/51px Noto Sans;
    font-weight: 700;
    color: #333;
    margin-bottom: 35px;
}
.subscribe_popup .descr{
    font-size: 14px;
    font-weight: 700;
    color: #333;
}
.subscribe_popup .email{
    margin: 20px 0px 30px;
}
.subscribe_popup .email input{
    width: 476px;
    padding: 13px;
    background: none;
    border: 1px solid #666;
}
.subscribe_popup .do input{
    border: 0px;
    background: #009688;
    color: #fff;
    padding: 5px;
    width: 180px;
    height: 45px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 50px;
    cursor: pointer;
}
.subscribe_popup .do input:hover{
    opacity: 0.9;
}
.subscribe_popup .do a.close-popup-small{
    color: #333;
    cursor: pointer;
    margin: 0 50px;
}
.subscribe_popup .do a.close-popup-small span{
    border-bottom: 1px solid #333;
}
.subscribe_popup .do a.close-popup-small:before{
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 7px;
    background: url('/local/templates/.default/images/popup_subscribe/ic_close_popup_small.png') 0px 0px no-repeat;
}
.subscribe_popup .do a.close-popup-small span:hover{
    border-bottom: 0px;
}
.subscribe_popup .sop-news{
    margin-top: 20px;
}
.subscribe_popup .content_block{
    padding-right: 0px;
    margin-right: 0px;
    float: none;
    width: 80%;
    margin: 0 auto;
}
.subscribe_popup .subs-close{
    cursor: pointer;
    position: absolute;
    background: url('/local/templates/.default/images/popup_subscribe/ic_close_popup.png') 0px 0px no-repeat;
    width: 23px;
    height: 23px;
    right: 40px;
    top: 40px;
    transition: transform .3s linear;
    z-index: 9999;
}
.subs-close:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}


.subscribe_popup.vk .do .subs-do{
    background: #4c75a3;
    border: 0px;
    color: #fff;
    padding: 5px;
    width: 180px;
    height: 45px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 50px;
    cursor: pointer;
    display: inline-block;
    line-height: 33px;
}
.subscribe_popup.vk .do .subs-do:before{
    content: '';
    display: inline-block;
    background: url("/local/templates/.default/images/popup_subscribe/ic_vk.png") 0px 0px no-repeat;
    height: 22px;
    width: 36px;
    vertical-align: middle;
    margin-right: 8px
}
.subscribe_popup #asd_subscribe_res{
    display: block;
    margin-top: 10px;
    margin-bottom: -20px;
}

.subscribe_popup .articles .cont {
    padding-top: 0 !important;
}

.subscribe_popup .agree_site_rules {
    font-size: 13px;
    max-width: 475px;
    display: block;
    margin: 14px auto;
    text-align: left;
}
.subscribe_popup .agree_site_rules a {
    color: #333;
}

@media (max-width: 479px) {
    .subscribe_popup{
        /* position: absolute; */
    }
    .subscribe_popup .subs-close{
        right: 20px;
        top: 10px;
    }
    .subscribe_popup .subs-logo{
        margin: 40px 0 20px;
    }
    .subscribe_popup .subs-logo img{
        max-width: 100%;
    }
    .subscribe_popup .subs-title{
        font: 31px/31px Noto Sans;
    }
    .subscribe_popup .email input{
        width: 100%;
    }
    .subscribe_popup .do a.close-popup-small{
        margin-top: 20px;
        display: block;
    }
}


header .logo {
    display: flex;
    font-size: 0px;
    line-height: 0;
    padding: 5px 0;
}
@media (max-width: 479px) {
    header .logo img {
        max-width: 200px;
    }
}

.articles .other_article .name a {
    padding-left: 17px;
    position: relative;
}
.articles .other_article .name a:before {
    position: absolute;
    top: 17px;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 50%;
    background: #2e2e2e;
}


.videos .video .thumb .icon {
    display: none;
}


.articles .article:hover .name a,
.articles .other_article .name a:hover,
.articles .more_articles .name a:hover,
.most_read .item .name a:hover,
footer .subscribe .agree a:hover,
footer .menu a:hover, 
footer .menu a.active,
footer .emails a:hover, 
footer .emails a:hover .icon,
.block_head .title a:hover, 
.block_head .title a:hover .icon {
    color: #828282;
}



footer .cont.footersoc {
    justify-content: center;
    margin-top: -3px;
}
.footersoc:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #BDBDBD;
    margin-top: 18px;
    margin-bottom: 26px;
}
.footersoc__item {
    text-align: center;
    padding: 0 20px;
    
    text-decoration: none;
}

.footersoc__item_name {
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
    transition: 0.2s;
}
.footersoc__item:hover .footersoc__item_name {
    color: #CC0000;
}

.footersoc__item .footersoc__item_ic {
    transition: 0.2s;
}

.footersoc__item_vk .footersoc__item_ic {
    color: #2787F5;
}
.footersoc__item_rt .footersoc__item_ic {
    color: #1D232B;
}
.footersoc__item_yt .footersoc__item_ic {
    color: #FF0000;
}
.footersoc__item_dz .footersoc__item_ic {
    color: #000000;
}
.footersoc__item_tg .footersoc__item_ic {
    color: #39A7DE;
}

.footersoc__item:hover .footersoc__item_ic {
    color: #CC0000;
}

@media (max-width: 400px) {
    .footersoc__item {
        padding: 0 15px;
    }
}


.articles .article .category a {
    display: none !important;
}


.subscribe_popup.vk .do .subs-do:before {
    content: none;
}
.subscribe_popup.vk .do .subs-do {
    background: #2ca5e0;
}
.subscribe_popup.vk .do .subs-do svg {
    vertical-align: middle;
    margin-right: 9px;
    
}


.happy-new-year{
    background: url(/local/templates/.default/images/ng/2024.jpg) center 0px no-repeat;
    background-color: #fff;/*#3a8dc7;*/
    height: 63px;
    margin-bottom: 10px;
}
@media print, (max-width: 960px)
{
    .happy-new-year{	
        background-size: 200%;
        background-position-x: 50%;
        margin-bottom: 0;
    }
}
@media print, (max-width: 768px)
{
    .happy-new-year{	
        height: 45px;
    }
}
@media print, (max-width: 460px)
{
    .happy-new-year{	
        height: 30px;
    }
}
@media print, (max-width: 375px)
{
    .happy-new-year{	
        height: 25px;
    }
}

.mbmain__banner_9may {
    margin-bottom: 20px;
}
.mbmain__banner_9may img{
    max-width: 100%;
}


.logo_2025 img {
    margin-top: -18px;
    margin-bottom: -7px;
}
@media (max-width: 1290px) and (min-width: 1280px) {
    .logo_2025 + .date_time {
        display: none;
    }
}



header.menu__traur {
    background: #0D2335;
}
header.menu__traur .weather .gsInformer {
    background: #0D2335 !important;
}

/*===========================New Year Style=============================*/
:root {
	--main-bg: #c2c2c2;
	--trunk-bg-1: #5e2100;
	--trunk-bg-2: #783e00;
	--leaves-bottom-bg-1: #0f980f;
	--leaves-bottom-bg-2: #3fc83f;
	--leaves-middle-bg-1: #1fa81f;
	--leaves-middle-bg-2: #4fd84f;
	--leaves-top-bg-1: #2fb82f;
	--leaves-top-bg-2: #5fe85f;
	--star-bg: #ffdd00;
	--shine-bg: #ffeb69;
	--snow-bg: #f2f2f2;
	--tree-width: 20px;
	--tree-height: 40px;
	--tree-rotate: -15deg;
	--trunk-width: 3px;
	--trunk-height: 40px;
	--trunk-angle: 4.3deg;
	--leaves-translate: 1.5px;
	--leaves-bottom-width: 10px;
	--leaves-bottom-height: 32px;
	--leaves-bottom-angle: 18.2deg;
	--leaves-middle-width: 8px;
	--leaves-middle-height: 22px;
	--leaves-middle-angle: 21.4deg;
	--leaves-top-width: 6px;
	--leaves-top-height: 14px;
	--leaves-top-angle: 25.5deg;
	--star-size: 2px;
}

html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.ts-3d {
	transform-style: preserve-3d;
}

#christmas-three {
	/*background-color: var(--main-bg);*/
	width: 70px;
    height: 30px;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tree {
	width: var(--tree-width);
	height: var(--tree-height);
	position: relative;
	transform-style: preserve-3d;
	transform: rotateX(var(--tree-rotate));
}

.trunk,
.leaves-bottom,
.leaves-middle,
.leaves-top {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	animation: 10s tree-rotate linear infinite;
}

.trunk div {
	border-top: none;
	border-left: solid var(--trunk-width) transparent;
	border-right: solid var(--trunk-width) transparent;
	position: absolute;
	bottom: 0;
	left: calc(50% - var(--trunk-width));
	transform-origin: bottom;
}

.trunk div:nth-child(1) {
	border-bottom: solid var(--trunk-height) var(--trunk-bg-1);
	transform: rotateX(var(--trunk-angle)) translateY(2px) translateZ(var(--trunk-width));
}

.trunk div:nth-child(2) {
	border-bottom: solid var(--trunk-height) var(--trunk-bg-2);
	transform: rotateY(90deg) rotateX(calc(var(--trunk-angle) * -1)) translateY(2px) translateZ(calc(var(--trunk-width) * -1));
}

.trunk div:nth-child(3) {
	border-bottom: solid var(--trunk-height) var(--trunk-bg-1);
	transform: rotateX(calc(var(--trunk-angle) * -1)) translateY(2px) translateZ(calc(var(--trunk-width) * -1));
}

.trunk div:nth-child(4) {
	border-bottom: solid var(--trunk-height) var(--trunk-bg-2);
	transform: rotateY(-90deg) rotateX(calc(var(--trunk-angle) * -1)) translateY(2px) translateZ(calc(var(--trunk-width) * -1));
}

.leaves-bottom div {
	border-top: none;
	border-left: solid var(--leaves-bottom-width) transparent;
	border-right: solid var(--leaves-bottom-width) transparent;
	position: absolute;
	top: var(--star-size);
	left: calc(50% - var(--leaves-bottom-width));
	transform-origin: bottom;
}

.leaves-bottom div:nth-child(1) {
	border-bottom: solid var(--leaves-bottom-height) var(--leaves-bottom-bg-1);
	transform: rotateX(var(--leaves-bottom-angle)) translateY(var(--leaves-translate)) translateZ(var(--leaves-bottom-width));
}

.leaves-bottom div:nth-child(2) {
	border-bottom: solid var(--leaves-bottom-height) var(--leaves-bottom-bg-2);
	transform: rotateY(90deg) rotateX(calc(var(--leaves-bottom-angle) * -1)) translateY(var(--leaves-translate)) translateZ(calc(var(--leaves-bottom-width) * -1));
}

.leaves-bottom div:nth-child(3) {
	border-bottom: solid var(--leaves-bottom-height) var(--leaves-bottom-bg-1);
	transform: rotateX(calc(var(--leaves-bottom-angle) * -1)) translateY(var(--leaves-translate)) translateZ(calc(var(--leaves-bottom-width) * -1));
}

.leaves-bottom div:nth-child(4) {
	border-bottom: solid var(--leaves-bottom-height) var(--leaves-bottom-bg-2);
	transform: rotateY(-90deg) rotateX(calc(var(--leaves-bottom-angle) * -1)) translateY(var(--leaves-translate)) translateZ(calc(var(--leaves-bottom-width) * -1));
}

.leaves-middle div {
	border-top: none;
	border-left: solid var(--leaves-middle-width) transparent;
	border-right: solid var(--leaves-middle-width) transparent;
	position: absolute;
	top: var(--star-size);
	left: calc(50% - var(--leaves-middle-width));
	transform-origin: bottom;
}

.leaves-middle div:nth-child(1) {
	border-bottom: solid var(--leaves-middle-height) var(--leaves-middle-bg-1);
	transform: rotateX(var(--leaves-middle-angle)) translateY(var(--leaves-translate)) translateZ(var(--leaves-middle-width));
}

.leaves-middle div:nth-child(2) {
	border-bottom: solid var(--leaves-middle-height) var(--leaves-middle-bg-2);
	transform: rotateY(90deg) rotateX(calc(var(--leaves-middle-angle) * -1)) translateY(var(--leaves-translate)) translateZ(calc(var(--leaves-middle-width) * -1));
}

.leaves-middle div:nth-child(3) {
	border-bottom: solid var(--leaves-middle-height) var(--leaves-middle-bg-1);
	transform: rotateX(calc(var(--leaves-middle-angle) * -1)) translateY(var(--leaves-translate)) translateZ(calc(var(--leaves-middle-width) * -1));
}

.leaves-middle div:nth-child(4) {
	border-bottom: solid var(--leaves-middle-height) var(--leaves-middle-bg-2);
	transform: rotateY(-90deg) rotateX(calc(var(--leaves-middle-angle) * -1)) translateY(var(--leaves-translate)) translateZ(calc(var(--leaves-middle-width) * -1));
}

.leaves-top div {
	border-top: none;
	border-left: solid var(--leaves-top-width) transparent;
	border-right: solid var(--leaves-top-width) transparent;
	position: absolute;
	top: var(--star-size);
	left: calc(50% - var(--leaves-top-width));
	transform-origin: bottom;
}

.leaves-top div:nth-child(1) {
	border-bottom: solid var(--leaves-top-height) var(--leaves-top-bg-1);
	transform: rotateX(var(--leaves-top-angle)) translateY(var(--leaves-translate)) translateZ(var(--leaves-top-width));
}

.leaves-top div:nth-child(2) {
	border-bottom: solid var(--leaves-top-height) var(--leaves-top-bg-2);
	transform: rotateY(90deg) rotateX(calc(var(--leaves-top-angle) * -1)) translateY(var(--leaves-translate)) translateZ(calc(var(--leaves-top-width) * -1));
}

.leaves-top div:nth-child(3) {
	border-bottom: solid var(--leaves-top-height) var(--leaves-top-bg-1);
	transform: rotateX(calc(var(--leaves-top-angle) * -1)) translateY(var(--leaves-translate)) translateZ(calc(var(--leaves-top-width) * -1));
}

.leaves-top div:nth-child(4) {
	border-bottom: solid var(--leaves-top-height) var(--leaves-top-bg-2);
	transform: rotateY(-90deg) rotateX(calc(var(--leaves-top-angle) * -1)) translateY(var(--leaves-translate)) translateZ(calc(var(--leaves-top-width) * -1));
}

@keyframes tree-rotate {
	0%        { transform: rotateX(0deg) rotateY(0deg); }
	99.99999% { transform: rotateX(0deg) rotateY(359deg); }
}

.shadow {
	background-color: rgba(0, 0, 0, 0.8);
	width: calc(var(--leaves-bottom-width) * 2);
	height: calc(var(--leaves-bottom-width) * 2);
	filter: blur(calc(var(--leaves-bottom-width) / 2));
	position: absolute;
	bottom: calc(var(--leaves-bottom-width) * -1);
	left: calc(50% - var(--leaves-bottom-width));
	transform: rotateX(90deg) translateX(-50%);
	animation: 10s shadow-rotate linear infinite;
}

@keyframes shadow-rotate {
	0%        { transform: rotateX(-90deg) rotateZ(0deg); }
	99.99999% { transform: rotateX(-90deg) rotateZ(359deg); }
}

.star-1 {
	transform: translateZ(0px);
	animation: 10s star-1-rotate linear infinite;
}

@keyframes star-1-rotate {
	0%        {transform: rotateX(0deg) rotateY(0deg) translateZ(-0.2px);}
	99.99999% {transform: rotateX(0deg) rotateY(359deg) translateZ(-0.2px);}
}

.star-2 {
	transform: translateZ(0px);
	animation: 10s star-2-rotate linear infinite;
}

@keyframes star-2-rotate {
	0%        {transform: rotateX(0deg) rotateY(0deg) translateZ(-0.1px);}
	99.99999% {transform: rotateX(0deg) rotateY(359deg) translateZ(-0.1px);}
}

.star-3 {
	transform: translateZ(0px);
	animation: 10s star-3-rotate linear infinite;
}

@keyframes star-3-rotate {
	0%        { transform: rotateX(0deg) rotateY(0deg) translateZ(0px); }
	99.99999% { transform: rotateX(0deg) rotateY(359deg) translateZ(0px); }
}

.star-4 {
	transform: translateZ(0px);
	animation: 10s star-4-rotate linear infinite;
}

@keyframes star-4-rotate {
	0%        {transform: rotateX(0deg) rotateY(0deg) translateZ(0.1px);}
	99.99999% {transform: rotateX(0deg) rotateY(359deg) translateZ(0.1px);}
}

.star-5 {
	transform: translateZ(0px);
	animation: 10s star-5-rotate linear infinite;
}

@keyframes star-5-rotate {
	0%        {transform: rotateX(0deg) rotateY(0deg) translateZ(0.2px);}
	99.99999% {transform: rotateX(0deg) rotateY(359deg) translateZ(0.2px);}
}

.star,
.star:before,
.star:after {
	content: '';
	height: 0;
	width: 0;
	border-top: solid 3px var(--star-bg);
	border-left: solid 4.5px transparent;
	border-right: solid 4.5px transparent;
	position: absolute;
	top: 0;
	left: calc(50% - 4.5px);
}

.star:before {
	transform: rotate(72deg);
	top: -3.3px;
	left: -4.6px;
}

.star:after {
	transform: rotate(287deg);
	top: -3.3px;
	left: -4.4px;
}

.shine {
	background: var(--shine-bg);
	height: 9px;
	width: 9px;
	position: absolute;
	top: -13px;
	left: calc(50% - 4.5px);
	border-radius: 50%;
	transform: translateZ(4px);
	filter: blur(2px);
	opacity: 0.6;
	animation: 5s shine linear infinite;
}

@keyframes shine {
	0%   { transform: scale(1) translateZ(40px); }
	50%  { transform: scale(1.5) translateZ(40px); }
	100% { transform: scale(1) translateZ(40px); }
}

.snow-container {
	width: 100%;
	height: 100%;
	position: absolute;
}

.snow {
	position: absolute;
}

.snow:before {
	content: '';
	background-color: var(--snow-bg);
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
}

.snow-y-1:before {
	animation: 8s snow-y-1 ease-in infinite, 8s snow-y-0 linear infinite;
}

.snow-y-2:before {
	animation: 6s snow-y-2 ease-in infinite, 6s snow-y-0 linear infinite;
}

.snow-y-3:before {
	animation: 4s snow-y-2 ease-in infinite, 4s snow-y-0 linear infinite;
}

.snow-1 {
	width: 2px;
	height: 2px;
	top: calc(50% - 25px);
	left: calc(50% - 1px);
	animation: 1s snow-x linear infinite;
}

.snow-2 {
	width: 1.5px;
	height: 1.5px;
	top: calc(50% - 30px);
	left: calc(50% - 3px);
	animation: 0.8s snow-x linear infinite 0.1s;
}

.snow-3 {
	width: 1px;
	height: 1px;
	top: calc(50% - 40px);
	left: calc(50% + 6px);
	animation: 0.6s snow-x linear infinite 0.8s;
}

.snow-4 {
	width: 2.5px;
	height: 2.5px;
	top: calc(50% - 20px);
	left: calc(50% + 5px);
	animation: 0.5s snow-x linear infinite 0.5s;
}

.snow-5 {
	width: 1.8px;
	height: 1.8px;
	top: calc(50% - 20px);
	left: calc(50% - 5px);
	animation: 0.5s snow-x linear infinite 0.5s;
}

.snow-6 {
	width: 1.2px;
	height: 1.2px;
	top: calc(50% - 15px);
	left: calc(50% - 12px);
	animation: 0.8s snow-x linear infinite 0.5s;
}

.snow-7 {
	width: 2px;
	height: 2px;
	top: calc(50% - 15px);
	left: calc(50% + 7.5px);
	animation: 1s snow-x linear infinite 0.6s;
}

.snow-8 {
	width: 2.2px;
	height: 2.2px;
	top: calc(50% - 1px);
	left: calc(50% - 3px);
	animation: 1s snow-x linear infinite 0.8s;
}

.snow-9 {
	width: 0.8px;
	height: 0.8px;
	top: calc(50% - 25px);
	left: calc(50% - 3px);
	animation: 1s snow-x linear infinite 0.8s;
}

.snow-10 {
	width: 1.3px;
	height: 1.3px;
	top: calc(50% - 25px);
	left: calc(50% - 10px);
	animation: 1s snow-x linear infinite 0.8s;
}

@keyframes snow-x {
	0%   { transform: translateX(0px); }
	25%  {transform: translateX(0.5px);}
	50%  { transform: translateX(0px); }
	75%  {transform: translateX(-0.5px);}
	100% { transform: translateX(0px); }
}

@keyframes snow-y-0 {
	0%   { opacity: 1; }
	60%  { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes snow-y-1 {
	0%        { transform: translateY(0px); }
	99.99999% {transform: translateY(30px);}
	100%      { transform: translateY(0px); }
}

@keyframes snow-y-2 {
	0%        { transform: translateY(0px); }
	99.99999% {transform: translateY(40px);}
	100%      { transform: translateY(0px); }
}

@keyframes snow-y-3 {
	0%        { transform: translateY(0px); }
	99.99999% { transform: translateY(500px); }
	100%      { transform: translateY(0px); }
}
@media (max-width: 500px) {
    #christmas-three{
        width: 40px;
    }
}

/*===========================New Year Style=============================*/
/* End */
/* /local/templates/mb_main2023_ng/template_styles.css?179378312321460 */