@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600&display=swap');


body {
	text-align:center;
	font-family: -apple-system,BlinkMacSystemFont,Arial,sans-serif;
	font-size:12px;
	margin:0 auto;
	font-display: swap;
	/*background:#e9ecf4;*/
	background:#fff;
}
.sticky {
	display:none;
}
.header {
	width:100%;
	height:200px;
	background:#fff;
	padding:10px 0px 10px 0px;
	margin:0 auto;
	max-width:1200px;
	min-width:800px;
}
.in-header {
	max-width:1200px;
	min-width:800px;
	padding:5px;
	/*border-bottom:2px solid #eee;*/
	background:#e7e7e7;
}

.top-wheather-temp {
	font-family:'Fira Sans';
	font-size:24px;
	font-weight:bold;
	/*border:1px solid #ddd;
	display:inline-block;
	padding:5px 15px 5px 15px;*/
}

.top-wheather-caption {
	font-family:'Fira Sans';
	font-size:12px;
}


.top-time {
	font-family:'Fira Sans';
	font-size:20px;
	font-weight:bold;
}

.pre-content {
	/*margin-top:-100px;*/
	min-height:100px;
	/*background:#ddd;*/
}
.content {
	width:100%;
	max-width:1200px;
	min-width:800px;
	text-align:center;
	margin:0 auto;
	background:#fff;
	/*padding:10px;*/
	border-radius: 10px;
	box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1);
}
#article {
	text-align:left;
	margin-bottom:20px;
}




.publication-block {
	padding:40px 25px 0px 0px;
}
.publication-header {
	font-size:34px;
	font-weight:bold;
	text-align:left;
	padding:5px 100px 5px 20px;
	font-family:'PT Serif';
	line-height:1.3;
	color:#000;
	margin-top:0px;
	margin-bottom:0px;
}
.publication-author {
	padding:0px 10px 5px 20px;
	font-family:'Noto Sans';
	font-size:12px;
	text-align:left;
	color:#777;
}
.publication-author a {
	text-decoration:underline;
	color:inherit;
}
.publication-text {
	font-family:'Fira Sans';
	font-size:19px;
	line-height:1.6;
	text-align:left;
	padding:20px;
	color:#444444;
	hyphens:auto;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
.publication-text p {
	/*text-indent:25px;*/
	hyphens:auto;
}
.publication-text img {
	width:90%;
	margin:5px;
	height:auto;
	border-radius:5px;
	cursor:pointer;
}
.publication-image {
	float:right;
	margin:20px 10px 5px 15px;
}
.publication-image img {
	width:350px;
	height:auto;
	border-radius:5px;
}

.publication-text table tr {
	border-bottom:1px solid #ddd;
}
.publication-text table tr td {
	padding:3px 5px 3px 5px;
}

.publication-text a {
	text-decoration:none;
	/*border-bottom:3px dashed #aaa;
	color:inherit;
	/*font-weight:bold;*/
}


.mobilization-link-block {
	padding:15px;
	text-align:center;
	margin:5px 0px 10px 0px;
	border-radius:10px;
	border:1px solid #ccc;
	background:url(i/bk-mob.jpg);
	text-shadow: 1px 1px 2px white, 0 0 1em #fff; /* Параметры тени */
}

.share-publication {
	padding:10px;
	text-align:right;
}

.share-this {
	font-family:'Fira Sans';
	font-size:17px;
	font-weight:bold;
}


.mode404-header {
	font-size:34px;
	font-weight:bold;
	text-align:left;
	padding:5px 100px 5px 10px;
	font-family:'PT Serif';
	line-height:1.3;
	color:#000;
	margin-top:0px;
	margin-bottom:0px;
}

.mode404-text {
	font-family:'PT Serif';
	font-size:18px;
	line-height:1.7;
	text-align:left;
	padding:10px;
	color:#444444;
}


.rt-last-news {
	margin-top:50px;
	min-height:600px;
	background:#f5f5f5;
	padding:10px;
	/*border-left:1px #ddd solid;*/
}

.last-news-block {
	margin:5px;
	font-family:'Source Serif Pro';
	font-size:15px;
	padding:5px 0px 5px 0px;
	color:#333;
}
.last-news-block-date {
	font-weight:bold;
	margin-bottom:5px;
}
.last-news-block a {
	color:#444;
	text-decoration:none;
}
.last-news-block a:hover {
	color:#d31313;
	text-decoration:none;
}
.last-news-block-splash {
	height:1px;
	border-bottom:1px dotted #ddd;
	margin:10px 0px 0px 0px;
}





/*MAIN*/

#main {
	padding:0px 5px 0px 5px;
}
.main-theme a {
	color:inherit;
	text-decoration:none;
}
.main-theme {
	padding:0px 10px 10px 10px;
}
.main-theme-image {
	position:relative;
	z-index:1;
}
.main-theme-image img {
	width:480px;
	height:auto;
	border-radius:5px;
	float:left;
	margin:5px 10px 5px 0px;
	z-index:1;
}


.main-theme-header-caption {
	font-family:'Roboto Slab';
	line-height:1.1;
	font-size:19px;
	font-weight:bold;
	color:#C60;
}
.main-theme-header {
	font-family:'Roboto Slab';
	line-height:1.1;
	font-size:35px;
	text-align:left;
	margin-left:10px;
	margin-bottom:15px;
	padding:20px;
	background:#fff;
	border-radius:5px;
	margin-left:-210px;
	position:relative;
	z-index:10;
}





.main-news-list {
	column-count:3;
	color:#282828;
}
.main-list-news-block {
	display:inline-block;
	text-align:left;
	padding:5px 5px 15px 0px;
	margin:5px 15px 5px 5px;
	border-bottom:1px solid #ddd;
	font-family:'Open Sans';
	font-size:15px;
}
.main-list-news-date {
	font-weight:normal;
	color:#aaa;
	font-size:15px;
	padding-top:5px;
}
.main-list-news-block:hover {
	/*background:#eee;*/
	cursor:pointer;
	color:#d31313;
}
.main-list-news-block a {
	color:inherit;
	text-decoration:none;
}

.main-list-news-image {
	float:left;
	padding:5px 0px 5px 0px;
}
.main-list-news-image img {
	border-radius:5px;
}




.main-long-read-pub {
	padding:0px 5px 0px 5px;
}

.main-long-read {
	background:#eee;
	padding:5px;
	border-radius:3px;
	margin:5px 0px 5px 0px;
}

.main-long-read-block-image {
	padding:5px;
}

.main-long-read-block-image img {
	height:auto;
	width:100%;
	border-radius:3px;
}







#main-themes {
	text-align:left;
	padding-right:10px;
}
.main-themes-news-block {
	width:24%;
	display:inline-block;
	height:200px;
	overflow:hidden;
	margin-top:10px;
	padding-right:5px;
	padding-top:5px;
}
.main-themes-news-block-image {
	width:100%;
}
.main-themes-news-block-image img {
	width:100%;
	margin:0px;
	border-radius:5px;
}

.main-themes-news-block-header {
	text-align:left;
	padding:2px;
	font-family:'Roboto Slab';
	font-size:13px;
	/*font-weight:bold;*/
	line-height:1.3;
	height:50px;
	overflow:hidden;
}
.main-themes-news-block-header a {
	text-decoration:none;
	color:inherit;
}
.main-themes-news-block-date {
	text-align:left;
	font-family:'Roboto Slab';
	font-size:10px;
	color:#666666;
	padding:0px 0px 0px 2px;
}





.main-theme-image-desktop {
	width:60px;
	height:60px;
	border-radius: 10px;
	float:left;
	margin:0px 10px 0px 0px;
	overflow:hidden;
	background-position:center;
	background-size: cover;
}


.wheather_video {
	padding:10px 10px 10px 0px;
}

/*POPULAR-DAY*/

.popular-day-caption {
	text-align:left;
	margin:15px 10px 10px 10px;
	padding:10px;
	font-family:'Roboto Slab';
	font-size:25px;
	font-weight:bold;
	background:#eee;
}
#popular-day {
	text-align:left;
}
.popular-day-news-block {
	width:23%;
	display:inline-block;
	height:230px;
	overflow:hidden;
	margin-bottom:10px;
	padding:5px;
}
.popular-day-news-block-image {
	width:100%;
}
.popular-day-news-block-image img {
	width:95%;
	margin:5px;
	border-radius:5px;
}

.popular-day-news-block-header {
	text-align:left;
	padding:5px;
	font-family:'Roboto Slab';
	font-size:13px;
	line-height:1.2;
}
.popular-day-news-block-header a {
	text-decoration:none;
	color:inherit;
}
.popular-day-news-block-date {
	text-align:left;
	font-family:'Roboto Slab';
	font-size:10px;
	color:#666666;
	padding:0px 0px 0px 5px;
}



.other-news-list {
	min-height:600px;
	background:#eeeeee;
	padding:10px;
	border-radius:5px;
	margin:10px 5px 5px 5px;
	color:#555;
}
.other-news-list-block {
	padding:10px 5px 0px 5px;
	text-align:left;
}
.other-news-list-date {
	font-size:12px;
	padding:0px 0px 5px 0px;
	font-weight:bold;
	color:#F30;
}
.other-news-list a {
	text-decoration:none;
	color:inherit;
}
.other-news-list a:hover {
	color:#000;
}

.other-news-list-caption {
	font-family:'Roboto Slab';
	font-size:17px;
	font-weight:bold;
	background:#ddd;
	padding:10px 5px 10px 5px;
	border-radius:5px;
}





.month-popular-header {
	font-family:'Roboto Slab';
	font-size:33px;
	color:#fff;
	text-align:center;
	padding:20px 100px 20px 100px;
	text-decoration:none;
	text-shadow: 1px 1px 2px black, 0 0 1em #F00; /* Параметры тени */
}

.month-popular-header a{
	text-decoration:none;
	color:inherit;
}

.footer {
	width:80%;
	max-width:1100px;
	min-width:720px;
	margin:0 auto;
	background:#eee;
	padding:15px;
}

.footer-copy-block {
	font-family:'Roboto Slab';
	color:#777;
	font-size:13px;
	padding:10px 0px 10px 10px;
}






.mobile {
	display:none;
}










.cookie_notice {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    font-family: Tahoma, sans-serif;  
    color: #000;
    background: #eaeaea;
    padding: 10px 20px; 
    border-top: 2px solid #777;
	width:50%;
	margin:0 auto;
}
/* Оформление кнопок */
.cookie_btn {
    display: inline-block;
    margin: 10px 6px 4px 6px;
    text-decoration: none;
    position: relative;
    font-size: 13px;
    padding: 4px 12px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase; 
    background: #888;
    border: 2px solid #aaa;
}
.cookie_btn:hover {
    color: #FFF;
}
.cookie_btn:after,
.cookie_btn:before {
    position: absolute;
    height: 2px;
    left: 50%;
    background: #FFF;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.cookie_btn:before {
    top: -6px;
}
.cookie_btn:hover:after,
.cookie_btn:hover:before {
    width: 100%;
    left: 0;
}






@media (max-width: 700px)  { 
	.desktop {
		display:none;
	}
	.mobile {
		display:block;
	}
	.sticky {
		display:block;
		position: sticky;
		top: 0;
		background:#fff;
		color:#fff;
		z-index:9999;
		box-shadow: 0 5px 30px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	}
	.header {
		display:none;
	}
	.in-header {
		display:none;
	}
	.pre-content {
		display:none;
	}
	.content {
		width:100%;
		max-width:100%;
		min-width:350px;
		overflow:hidden;
		padding:0px;
	}
	.publication-block {
		padding:0px;
	}
	.publication-header {
		font-size:29px;
		font-weight:bold;
		text-align:left;
		padding:15px 15px 10px 15px;
	}
	.publication-text {
		padding:15px;
		margin:0px;
		font-size:18px;
		line-height:1.8;
		text-indent:0px;
	}
	.publication-author {
		padding:0px 10px 5px 15px;
	}
	.publication-text img {
		width:100%;
		height:auto;
		border-radius:5px;
		padding:0px;
		margin:5px 0px 5px 0px;
	}
	.publication-image {
		float:none;
		margin:0px;
		padding:0px;
	}
	.popular-day-caption {
		text-align:center;
	}
	.popular-day-news-block {
		width:100%;
		display:inline-block;
		height:auto;
		overflow:hidden;
		margin-bottom:10px;
		padding:5px;
	}
	
	.popular-day-news-block-header {
		text-align:left;
		padding:5px 25px 5px 5px;
		font-family:'Roboto Slab';
		font-size:21px;
		font-weight:bold;
		line-height:1.2;
	}
	
	.popular-day-news-block-date {
		text-align:left;
		font-family:'Roboto Slab';
		font-size:12px;
		color:#666666;
		padding:0px 0px 0px 5px;
	}
	.main-news-list {
		column-count:1;
		color:#666;
	}
	.main-list-news-block {
		display:block;
		text-align:left;
		padding:5px 0px 15px 0px;
		margin:15px;
		border-bottom:2px solid #ddd;
		font-family:'PT Serif';
		font-size:24px;
		font-weight:bold;
		line-height:1.4;
		color:#222; 
	}
	.main-theme-header-mobile {
		font-family:'PT Serif';
		font-size:27px;
		font-weight:bold;
		text-align:left;
		padding:10px 20px 20px 20px;
		background:#C93;
		line-height:1.1;
	}
	.main-theme-date-mobile {
		font-family:'PT Serif';
		line-height:1.3;
		font-size:15px;
		padding-top:5px;
		color:#99;
		font-weight:normal;
	}
	
	.main-list-news-date {
		font-size:13px;
	}
	
	
	.share-pub {
		padding:15px;
		text-align:center;
		margin:5px 0px 5px 0px;
		border-radius:10px;
		border:1px solid #ccc;
	}
	
	.mobilization-link-block {
		padding:15px;
		text-align:center;
		margin:5px 0px 10px 0px;
		border-radius:10px;
		border:1px solid #ccc;
		background:url(i/bk-mob.jpg);
	}
	
	
	.yandex-courier {
		margin:5px 15px 10px 15px;;
	}
	.yandex-courier img {
		border-radius:10px;
	}
	
	
	.cookie_notice {
		padding: 10px 20px 60px 20px;
		border-radius:5px;
		width:80%;
	}
	
	
	
	
	.footer {
		width:80%;
		min-width:320px;
		margin:0 auto;
		background:#eee;
		padding:15px;
	}

}




















.h1bl {
	padding-top:15px;
	border-top:2px solid #aaa;
	color:#06C;
}


.patxt {
	background:#eee;
	padding:10px;
	border-radius:10px;
	text-align:center;
}

.paspan {
	display:block;
}