@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');


body {
	text-align:center;
	font-family: -apple-system,BlinkMacSystemFont,Arial,sans-serif;
	font-size:12px;
	margin:0 auto;
	font-display: swap;
}

.header {
	height:300px;
	background:url(i/vkonakovo-background-1200-a.jpg) bottom center no-repeat;
	padding:10px;
	margin:0 auto;
}
.in-header {
	width:80%;
	max-width:1100px;
	min-width:800px;
	margin:0 auto;
}
.pre-content {
	margin-top:15px;
	min-height:100px;
	background:#fff;
}
.content {
	width:80%;
	max-width:1100px;
	min-width:1000px;
	text-align:center;
	margin:0 auto;
}
#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 10px;
	font-family:'PT Serif';
	line-height:1.3;
	color:#000;
	margin-top:5px;
	margin-bottom:0px;
}
.publication-author {
	padding:5px 10px 5px 10px;
	font-family:'PT Serif';
	font-size:13px;
	text-align:left;
	color:#777;
}
.publication-author a {
	text-decoration:none;
	color:inherit;
}
.publication-text {
	font-family:'PT Serif';
	font-size:18px;
	line-height:1.7;
	text-align:left;
	padding:10px;
	color:#444444;
}
.publication-text img {
	width:90%;
	margin:5px;
	height:auto;
	border-radius:5px;
}
.publication-image {
	float:right;
	margin:20px 10px 5px 15px;
}
.publication-image img {
	width:320px;
	height:auto;
	border-radius:5px;
}


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

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





.rt-last-news {
	margin-top:50px;
	min-height:600px;
	background:#eeeeee;
	padding:10px;
	border-radius:5px;
}
.last-news-block {
	margin:5px;
	font-family:'Open Sans';
	font-size:13px;
	padding:5px 0px 5px 0px;
}
.last-news-block-date {
	font-weight:bold;
	color:#009f9f;
}
.last-news-block a {
	color:#333333;
	text-decoration:none;
}
.last-news-block a:hover {
	color:#33C;
	text-decoration:none;
}
.last-news-block-splash {
	height:1px;
	border-bottom:1px solid #ccc;
	margin:10px 0px 0px 0px;
}






.top-menu-vkonakovo {
	padding:10px 0px 5px 0px;
	background:#fff;
	border-bottom:#009f9f 3px solid;
}



.top-menu-vkonakovo-block {
	color:#fff;
	background:#009f9f;
	display:inline-block;
	padding:10px;
	font-weight:bold;
	text-transform:uppercase;
	/*border:2px solid #009f9f;*/
	border-radius:5px;
	margin:3px 3px 3px 0px;
}
.top-menu-vkonakovo-block:hover {
	color:#fff;
	background:#04b6b6;
}
.top-menu-vkonakovo-block a {
	text-decoration:none;
	color:inherit;
}
.top-menu-vkonakovo-block:hover a {
	text-decoration:none;
}

/*MAIN*/

#main {
	/*padding:20px 10px 20px 10px;*/
}

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

.main-theme desktop {
	padding:10px;
}

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





.main-news-list {
	column-count:3;
	color:#666;
}
.main-list-news-block {
	display:inline-block;
	text-align:left;
	padding:5px 10px 15px 0px;
	margin:5px 10px 5px 5px;
	border-bottom:2px solid #ddd;
	font-family:'Roboto Slab';
	font-size:15px;
}
.main-list-news-date {
	font-weight:bold;
	color:#009f9f;
	font-size:13px;
}
.main-list-news-block:hover {
	/*background:#eee;*/
	cursor:pointer;
	color:#222;
}
.main-list-news-block a {
	color:inherit;
	text-decoration:none;
}

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



/*POPULAR-DAY*/

.popular-day-caption {
	text-align:left;
	margin:10px 10px 10px 0px;
	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:250px;
	overflow:hidden;
	margin-bottom:10px;
	padding:5px 5px 5px 0px;
}

.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:hover a {
	color:#009f9f;	
}
.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 0px 5px 0px;
	color:#555;
	min-width:230px;
}
.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:40px;
	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;
}


.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;
	}
	.header {
		display:none;
	}
	.in-header {
		display:none;
	}
	.pre-content {
		display:none;
	}
	.content {
		width:97%;
		/*max-width:100%;*/
		min-width:350px;
		overflow:hidden;
	}
	.publication-block {
		margin-top:20px;
		padding:0px;
	}
	.publication-header {
		font-size:29px;
		line-height:1.3;
		font-weight:bold;
		text-align:left;
		padding:5px 5px 5px 10px;
		margin:0px 15px 0px 15px;
		border-left:#009f9f 5px solid;
	}
	.publication-author {
		text-align:left;
		padding:5px 15px 5px 15px;
	}
	.publication-text {
		padding:15px;
		margin:0px;
		font-size:20px;
		line-height:1.8;
	}
	.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;
		margin:5px;
	}
	.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;
		font-family:'Roboto Slab';
		font-size:20px;
		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 5px 15px 5px;
		margin:5px;
		border-bottom:2px solid #ddd;
		font-family:'Roboto Slab';
		font-size:15px;
	}
	.main-theme-header-mobile {
		font-family:'PT Serif';
		line-height:1.3;
		font-size:26px;
		font-weight:bold;
		text-align:left;
		padding:15px 20px 20px 20px;
		background:#009f9f;
		line-height:1.1;
		color:#fff;
	}
	
	.main-theme-date-mobile {
		font-family:'PT Serif';
		line-height:1.3;
		font-size:13px;
		padding-top:5px;
		color:#ddd;
		font-weight:normal;
	}
	
	
	.myAd-block {
		/*padding:10px;
		border:1px solid #ccc;
		border-radius:10px;*/
		margin:5px 0px 5px 0px;
	}
	.ad-text {
		font-family:'Roboto Slab';
		font-size:12px;
		color:#999;
		text-align:center;
		padding:5px;
	}
	
	.ad-phone a {
		font-family:'Roboto Slab';
		font-size:23px;
		color:#F00;
		font-weight:bold;
		text-decoration:none;
	}
	
	
	.cookie_notice {
		padding: 10px 20px 60px 20px;
		border-radius:5px;
		width:80%;
	}
	

}














.footer {
	padding:50px 0px 20px 0px;
	font-size:17px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#999;
}




.main-news-splash {
	padding-top:25px;
	margin-bottom:5px;
	border-bottom:2px solid #999;
	height:1px;
	width:100%;
}