@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Caption:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

*{
	margin:0;
	padding:0;
}
h1,h2,h3,h4{
     font-family: "PT Sans Caption", serif;
     font-weight: 700;
}
a{
	text-decoration:none;
}
body{
	font-family: "PT Sans", serif;
	font-size:16px; font-weight: 400;
	background-color:#f5f5f5;
}
.container{
	max-width:1200px;
	margin:0 auto;
}
.header{
	width:100%; background:#f2efe8;
    background-image: url(../images/bg-head.png);
    background-size:auto; background-repeat:repeat-x; background-position:0 0;
}
.header-container{
	padding:15px 0 0 0;
    width:1200px; margin: 0 auto;
    display:flex; flex-direction: row;
    justify-content: space-between;
}
.lang-head{
    display:flex; align-items: center;
}
/* Поиск */
.search-head{
	float: right;
}
.search{
			overflow:hidden;
		}
			.search input{
				float:left; outline:none;
			}
			.inputbox{
				width:280px; padding:6px 10px 6px 0px; font-weight:100; background:none;
	            font-size:16px; color:#754300;  border: 0; border-bottom:2px solid #096766;
			}
			.button{
				background:url(../images/search-ico.png) no-repeat center center; width:50px; height:40px; 
				border: none; cursor: pointer;
			}
/* Поиск */			
.logo{
    width:160px; display:flex;
}
.site-name{
    display:flex; align-items: center;
}
.site-name h1{
    font-family: "Philosopher", serif;
    color:#343434; font-size:22px; font-weight:700;
}
/* Main Menu */
.main-menu{
	font-size:15px; margin-bottom:20px;
}
.main-menu li{
	float:left; padding:12px 25px;
	list-style:none;
}
.main-menu li a{
	color:#fff; text-decoration:none;
}
.main-menu li a:hover{
	text-decoration:underline; color:#ffe8c4;
}
/* Main Menu */
.top-menu-main{
	background-color:#5e3b25;
}
.icon-menu-main, .top-menu-main{
	width: 100%;
}
.icon-menu, .main-menu{
	max-width:1200px; margin:0 auto;
}
.icon-menu li{
	float:left; width:165px;
    position:relative;
    margin-right:12px;
    list-style:none;
}
.icon-menu li a{
	background-image:linear-gradient(#096766, #058382); text-align:center;
	height:200px; display:block; border-radius:10px;
}
.icon-menu li a:hover{
	background-image:linear-gradient(#093e3d, #034241);
}
.icon-menu li a img{
   margin:15px auto 0 auto;
}
.icons{
	height:80px;
}
.icon-menu li a .image-title{   
   color:#ffe8c4; font-size:16px; font-weight:bold; line-height:21px;
   position:absolute; bottom:20px; left:0; right:0; padding:0 5px;
}
.main-content{
	overflow:hidden; margin-top:20px;
}
.main-content-img{
	margin-bottom:20px;
}
.content-last{
    width:100%;
}
.content{
    width:75%; float:left; background:#fff;
}
.articles-content{
    padding:20px 30px 10px 30px; background:#fff;
}
.blog-news{
    margin-bottom:20px;
}
.last-news-head h1{
	color:#333; text-transform:uppercase; font-weight:bold; font-size:24px;
    position: relative;
}
.last-news-head{
    margin:0 0 20px 0; text-align:center;
}
.last-news-head h1:after{
	content: "";
    position: absolute;
    border-bottom: 3px solid #754300;
    display: block;
    bottom:-8px; width: 100%; left:0;
}
.posts_block{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.posts_element{
	display:flex;
	flex-direction:column;
    background-color:#ffffff;
	flex-basis:32%;
	margin:0 0 20px 0;
}
.posts_img{
    width:100%; height:270px; position:relative;
    overflow:hidden;
}
.posts_element a > div img{
	display:block;object-fit:cover;
	width:100%; height:100%; transition: all 1s ease-out;
}
.posts_element a > div img:hover{
   transform: scale(1.1);
}
.posts_info{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
    flex-grow:1;
    padding:15px 25px;
}
.posts_info h3{
	margin-bottom:auto; margin-top:7px;
	font-size:17px; line-height:23px;
	color:#482b21;
	font-weight:700;
	max-height: 52px;
    min-height: 52px;
	overflow: hidden;
    transition: all 0.3s ease-out;
}

.posts_info h3:hover{
	color:#7E5B3B;
}
.posts_date{
	font-size:14px;
	color:#818181;
	margin:10px 0 7px 0;
    background: url("../images/date-ico.png") 0 1px no-repeat;
	padding-left: 24px;
}
.first .posts_date{
	font-size:14px;
	color:#fff;
	margin:10px 0 7px 0;
    background: url("../images/date-ico-first.png") 0 1px no-repeat;
	padding-left: 24px;
}
.first{
	flex-basis:66%;
}
.first a{
	position:relative;
}
.first .posts_info{
	position:absolute;
	bottom:35px;
	left:35px;
	padding:0 20px 0 0;
	z-index:1;
}
.first .posts_info h3{
    font-size:30px;
	color:#fff;
	line-height:34px;
    max-height: 100%;
}
.first .posts_info h3:hover{
   color:#E4C23D; 
}
.first  .posts_img{
    width:100%; height:460px;
}
.first img{
	flex-grow:1;
}	
.first  .posts_img::after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-image:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
}
.more-link-block{
    text-align:center;
}
.more-link{
   display:inline-block!important; color:#fff;
   background:#754300; padding:0 20px 0 20px; height:40px;
   line-height:40px; text-transform: uppercase; font-size: 15px; font-weight:700;
   transition: all 0.3s ease-out;
}
.more-link:hover{
  background:#441a05;
}

.books_block{
    display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.book_element{
	display:flex;
	flex-direction:column;
	background-color:#ddd;
	flex-basis:24%;
	margin:0 0 20px 0;
}
.book_element a{
    position:relative;
}
.book_img{
    width:100%; height:auto;
}
.book_element a div > img{
	display:block;
	width:100%; height:100%;
}
.book_element  .book_img::after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-image:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
}
.video_info{
    position:absolute;
	bottom:40%;
	left:20px;
	padding:0 20px 0 0;
}
.video_info h3{
	font-size:18px; line-height:24px; text-align:center;
	color:#E4C23D; font-weight:700;
	transition: all 0.3s ease-out;
}
.video_info h3:hover{
	text-decoration:underline;
}
.page-map{
    font-size:15px; padding:0 0 10px 0;  
}
.page-map p{
    margin-left:20px;
}
    .page-map a{
        color:#bb4943; font-weight:bold; text-decoration:none; 
    }
    .page-map a:hover{
        color:#754300; 
    }
    .page-map span{
        color:#606060;
    }
/* Блог */
.main-content .page-title{
	font-size:25px; font-weight:bold; margin-bottom:10px; text-transform:uppercase;
    color:#333;
}	
.articles{
    overflow:hidden; margin-bottom:25px;
}
.articles-header{
    margin-bottom:15px;	
}
.articles h1{
        font-size:20px; font-weight:700; line-height:30px;
        height:60px; overflow: hidden;
     }
     .bottom-line-h{
        margin:0;
     }
     .articles h1 a{
        color:#1d1d1d; text-decoration:none;
         -moz-transition: all 0.3s 0.01s ease;
         -o-transition: all 0.3s 0.01s ease;
         -webkit-transition: all 0.3s 0.01s ease;
     }
	 .articles h1 a:hover{
        color:#7E5B3B; 
     }
.articles-introtext{
    overflow:hidden; height:70px; font-size: 16px;
}     
.articles p{
    text-align: justify; font-size: 16px;
}
    .articles-gen-img{
        float:left; margin-right:20px; position:relative; width:35%; max-height:265px;
    }
    .afisha-gen-img{
        line-height:0;
    }
    .articles-gen-img img{
        max-width:100%; display:block;
    }
    .afisha-gen-img img{
        width:100%; height:380px;
    }
        .articles-gen-img p{
           position:absolute; left:0; top:0; font-size:14px; font-weight:bold; display:inline-block;
           background:#f26c4f; color:#fff; padding:0 10px; height:35px; line-height:35px; border-radius:5px;
        }
        .articles-gen-img p span{
           display:block; font-size:24px; line-height:1; 
        }
.article-footer{
    font-size:14px; color:#000; overflow:hidden;
    margin:20px 0 0 0; 
}
.article-footer span.article-meta span{
    margin-right:15px;
}
    .article-footer span.article-meta{
        padding: 10px 0 0px 0px; float:left; margin:0;
    }
.article-meta span.article-meta-date img{
    margin-right:6px; vertical-align:middle; margin-top: -4px;
}
.article-meta span.article-meta-view img{
    margin-right:6px; vertical-align:middle; margin-top: -3px;
}
.article-meta span.article-meta-date{
	font-size:14px; color:#888; font-weight:bold;
}
.article-meta span.article-meta-view{
	font-size:14px; color:#888; font-weight:bold;
}
.article-footer a{
    text-decoration:none;
}	
.readmore{
   display:block; float:right;
   background:#5e3b25;
   font-weight:600;
   color:#ffe8c4;
   font-size:16px;
   padding:0 20px;
   height:40px;
   line-height:40px;
   -moz-transition: all 0.3s 0.01s ease;
   -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;
}
.readmore:hover{
   background:#7E5B3B; color:#E4C23D;
}
.pager{
	overflow:hidden; padding:0 0 20px 0; margin-top:20px; clear:both;
}
	.pager li{
		float:left; list-style:none;
	}
		.pager li a{
			border: 1px solid #5e3b25; color: #333; display: block; font-size: 15px; margin: 0 5px 0 0;
			padding:9px 17px; transition: all 0.3s 0.01s ease;
		}
		.pager li a:hover{
			color: #E4C23D; background:#7E5B3B;
		}
		.pager li a.now{
			color: #fff; background:#7E5B3B;
		}
		.pager li a.pager-dot{
			border:none;
		}
/* Блог */
/* Полный текст материала*/
.post-single{
    padding: 20px 30px 20px 30px;
}
.post-single-head{
    overflow:hidden; margin-bottom:20px;
}
.post-single-head h1{
    font-size:32px; margin-bottom:20px;
}
.post-single-head img{
    vertical-align:middle;
}
.post-single-head p{
    position:absolute; top:0; left:0; font-size:14px; background:#008141;
    color:#fff; text-transform:uppercase; padding:10px; text-align:center;
}
.post-single-head p span{
    display:block; font-size:24px; line-height:1;
}
.post-single-meta{
    float:left; font-size:14px; color:#888; margin-top:10px;
}
.post-single-meta span{
    margin-right:20px; font-weight: bold;
}
.post-single-meta span.post-meta-date img{
    margin-right:6px; vertical-align:middle; margin-top:-4px;
}
.post-single-meta span.post-meta-view img{
    margin-right:6px; vertical-align:middle; margin-top:-3px;    
} 
.post-single p{
   margin:0 0px 20px 0px; line-height:24px; font-size:17px; text-align: justify;
   color:#333;
}
.post-single p a{
   color:#3498db;
}
.post-single-info p img{
   max-width:100%; height:auto; 
}
.clearfix{
   clear:both;
}
.sidebar-main{
	float:right; width:23%;
}
.banners{
   padding:20px 0 5px 0; text-align:center;
   background:#fff;
}
.banners p{
	margin-bottom:30px;
}
.banners p img{
	max-width:200px;
}
/* Полный текст материала*/ 		
.footer{
	background:#323232; color:#fff;
}
.footer-main{
	max-width:1200px; margin:0 auto;
    font-size:15px; overflow:hidden; padding:50px 0 50px 0;
}