@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
*{
    margin: 0; padding: 0;
}
html, body{
    height:100%;
}
ul{
    list-style:none;
}
h1,h2,h3{
   font-family: "Philosopher", sans-serif; font-weight:normal;
}
a{
	text-decoration:none;
}
table{
    width: 100%; border-collapse:collapse;
}
th, td{
   border: 1px solid black; 
}
.post-single td p{
    padding: 5px 7px 5px 7px; margin:0 0px 10px 0px;
    text-align:left;
}
body{
    background: #fff;
    font-family: "Inter", sans-serif;
	font-size:17px;
}
.bg-head-block{
    
}
.bg-head-con{
   max-width: 1300px; margin: 0 auto; height:460px;
   position:relative; color:#fff;
}
.bg-head-content{
   display:flex; flex-direction:column; height:100%;
}
.bg-head-content .head-center-block{
   margin: auto; z-index:1;
}
.head-text-block h3{
   font-family:'Roboto'; font-size:22px; font-weight:700; color:#1dc0eb; text-transform:uppercase;
   display:block;  margin:0; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.head-text-block p{ 
   font-size:30px; margin:10px 0 40px 0; text-transform:uppercase;
   font-weight:700;
}
.header-top-left{
	display: flex;
}
.head-social{
   display: flex;   
}
.head-social a{
    margin-right:8px; display: inline-block; border-radius:50%;
	transition: all 0.3s ease-out;
}
.head-social .ins-ico{
	background: #F4EFE3 url(../images/ins-ico.png) no-repeat 0 0; width:37px; height:37px;
    background-position: 10px 10px; 
}
.head-social .fb-ico{
	background: #F4EFE3 url(../images/fb-ico.png) no-repeat 0 0; width:37px; height:37px;
    background-position: 13px 9px;
}
.head-social .tel-ico{
	background: #F4EFE3 url(../images/tel-ico.png) no-repeat 0 0; width:37px; height:37px;
    background-position: 7px 10px;
}
.head-social .youtube-ico{
	background: #F4EFE3 url(../images/youtube-ico.png) no-repeat 0 0; width:37px; height:37px;
    background-position: 8px 10px;
}
.head-social .tiktok-ico{
	background: #F4EFE3 url(../images/tiktok.png) no-repeat 0 0; width:37px; height:37px;
    background-position: 9px 8px; 
}

.header-top-right{
	display: flex;
}
/*Язык в шапке*/
.lang-head{
   font-size:13px; text-transform:uppercase;
   display: flex;
}
.lang-head a{
   color:#F4EFE3!important;
}
.top-bar{
    background-color:#9e7239;
}
.top-bar-container{
   max-width: 1300px; margin: 0 auto; overflow:hidden; padding:7px 0 7px 0;
   display: flex; justify-content: space-between; align-items:center;
}
header{
   background-color:#FFF;
}
.header-container{
   max-width: 1300px; margin: 0 auto; padding:10px 0 10px 0;
   display:flex; flex-direction: row; align-items:center;
   justify-content: space-between;
}
.header-left{
   display:flex;
}
.header-center{
    display:flex; 
}
.header-right{
    display:flex; 
}
.logo{
   display:flex;
}
.logo img{
    width:110px;
}
.site-name{
    display:flex; align-items:center;
    margin-left:15px; width:240px;
}
.site-name h1{
    color:#42495b; font-size:20px; line-height:24px;
    text-transform: uppercase; margin:0;
}
.dj-megamenu-default li a.dj-up_a{
    border:none!important;
}
.site-link div a{
   background:#9e7239;  text-decoration:none; color:#fff; display: inline-block;
   padding:0 30px 0 30px; height:45px; border-radius:10px;
   line-height:45px; font-size:16px; font-weight:500;
   transition: all 0.3s ease-out; 
}
.site-link div a:hover{
   background:#ad6004; color:#fff!important;
}
/* Slider */
.slider{
   border-top: 1px solid #9e7239;
   border-bottom: 1px solid #9e7239; 
}
.head-text-block-con{
   max-width: 1000px; margin: 0 auto; text-align:center;
}
.icon-menu-main{
	width: 100%; margin-top:40px;
}
.icon-menu{
   width:1300px; margin: 0 auto;
}
.icon-menu-content{
   display:flex; flex-wrap:wrap; justify-content:space-between;
}
.icon-menu-content div{
    display:flex; flex-direction:column; flex-basis:23%;
}
.icon-menu-content div a{
    display:flex; align-items:center;
    text-align: center; position: relative;
    box-sizing: border-box; border-radius:15px;
    background: #000;  
}
.icon-menu-content div a img{   
    object-fit:cover; position:relative;
	width: 100%; height:100%; border-radius:15px;
    opacity: 0.6;
}
.icon-menu-content div a .image-title{   
   color:#fff; font-size:20px; font-weight:700; line-height:20px;
   position:absolute; bottom:20px; left:0; right:0; padding:0 12px;
   transition: all 0.3s ease-out;
}
.icon-menu-content div a .image-title:hover{
	color:#04d2c8;
}
.blog-news h1, .video-gallery h1{
   font-size:30px; color:#1e1e1e; font-weight:700;
   text-transform:uppercase; margin-bottom:35px;
   text-align:center; position: relative; padding-bottom:15px; 
}
.blog-news h1:after, .museum-block h1:after, .video-gallery h1:after{
    content: "";
    position: absolute; bottom:0; left:50%;
    right:0; z-index: 1;
    width:350px; height:2px;
    transform: translateX(-50%);
    background: url(../images/bottom-line.png) no-repeat center;
}
.block-main{
   width: 100%; margin-top:30px;
}
.block-main-con{
   display:flex; justify-content: space-between;
   max-width:1300px; margin: 0 auto;
   overflow: hidden;  
}
.center-block{
  display:flex; flex-direction:column; flex-basis:31%;
}
.center-block-item{
  display:flex; flex-direction:row;  
}
.center-block.others-block{
  padding-left:20px;
}
.center-block{
    padding: 35px 30px 35px 30px;
    background:#fff; box-sizing: border-box;
    border:1px solid #9e7239; border-radius:15px;
    box-shadow:0px 0px 10px 0px rgba(207.75, 207.75, 207.75, 0.5);
}
.address-ico{
  background: url("../images/address.png") center no-repeat;
  width:45px; height:50px;  
}
.clock-ico{
  background: url("../images/clock.png") center no-repeat;
  width:45px; height:45px;  
}
.phone-ico{
  background: url("../images/phone.png") center no-repeat;
  width:45px; height:45px;  
}
.center-block-text{
   margin-left:20px; 
}
.center-block-text h3{
  font-size:22px; color:#1e1e1e; font-weight:700;  
}
.center-block-text p{
    color:#1e1e1e; font-size:16px; font-weight:500;
    margin-top:10px;
}
.main-head{
   position:relative;
}
.main{
    min-height:100%; height: auto !important; height:100%; 
}
.main-container{
   max-width: 1300px; margin:0 auto;
}
.articles-container{
  margin-bottom:40px;  
}
.header-page-title{
	background-size:cover; height:380px;
	background-position: center;
	position:relative; text-align:center;
}
.header-page-con{
   max-width: 1300px; margin: 0 auto;
   position:relative; overflow:hidden;
   color:#fff; text-align:center;
   height:350px;
}
.header-text-block{
   display: flex;
   height:100%;
}
.header-page-title:after{
    content:"";
	width:100%;
	height:100%;
	position:absolute; left:0; top:0;
	background-color: rgba(0,0,0,0.6);
}
	.header-page-title h1{
		color:#fff; font-size:37px; z-index:1; margin: auto;
	}
.breadcrumbs{
  margin-top:20px; margin-bottom:20px; 
}    
.page-map{
   font-size:14px;
}
.page-map span{
	padding-right:5px;
}
	.page-map a{
		color:#555; text-decoration:none; font-weight:bold;
	}
	.page-map a:hover{
		text-decoration:underline;
	}
	.page-map a span{
		color:#9e7239; border-right: 1px solid #595959;
	}
.com-content-category-blog, .blog-items{
    max-width:1040px;  
}
.content-single{
    max-width: 1300px; margin:0 auto;
    display:flex; justify-content:space-between;
}
.side-bar{
    width:260px;
}
.latestnews-main h1{
    font-size: 22px; color:#1e1e1e;
    font-weight:700; margin-bottom:15px;
}
.latestnews-block{
    padding:20px 15px 20px 15px; background:#F4EFE3;
    box-sizing: border-box; border-radius:15px;
}
.latestnews-block p{
   font-size:15px; margin-bottom:18px; line-height:20px; 
}
.latestnews-block p a{
   color:#1e1e1e; transition: all 0.3s ease-out;
}
.latestnews-block p a:hover{
   color:#9e7239; 
}    
.com-content-articles{
    max-width:1000px;
}
.com-content-articles p img, .com-content-category-blog img{ 
    max-width:100%; height:auto;
}    
.blog-news{
    position:relative; margin:40px 0 20px 0;
}        
.main_news{
   width:100%; box-sizing: border-box;
   display:flex; flex-wrap:wrap; justify-content:space-between;
}
.posts_item.first{
    display:flex;
	flex-basis:100%;
}
.posts_item{
    display:flex;
	flex-direction:column;
    background-color:#F4EFE3;
	flex-basis:32%; border-radius:15px;
	margin:0 0 25px 0; box-sizing: border-box;
}
.posts_item.first .posts_item_block{
    display:flex; align-items:center;
}
.posts_item.first .posts_item_block .posts_img{
    max-width:640px; height:380px; overflow:hidden;
}
.posts_img{
    width:100%; height:250px; overflow:hidden;
}	
.posts_item a > div img{
	display:block; object-fit:cover;
	width:100%; height:100%; transition: 1s;
}
.posts_item a > div img:hover{
	transform: scale(1.2);
}
.posts_info{
	padding:20px 18px 30px 18px;
}
.posts_item.first .posts_item_block .posts_info{
    padding:0 25px;
}
.posts_item.first .posts_item_block .posts_info h3{
	font-size:30px; line-height:34px;
}
.posts_info h3{
	font-size:18px; line-height:24px;
	color:#1e1e1e; transition: all 0.3s ease-out;
	font-weight:700;
}
.posts_info h3:hover{
    color:#9e7239;
}
.posts_info .intro_text{
	color:#505050; font-weight:500; font-size:15px;
}
.posts_meta{
   font-size: 14px; display:flex;
   color:#505050; margin:15px 0 15px 0;
}
.posts_date{
	margin-right:25px;
}
.posts_date_ico{
	padding-left:28px;  position: relative;
}
.posts_date_ico:before{
	content: ""; position: absolute; top:-1px; left:0; 
    width:18px; height:18px;
	background: url("../images/date-ico.png") no-repeat;
}
.posts_view_ico{
    padding-left:24px;  position: relative;
}
.posts_view_ico:before{
    content: ""; position: absolute; top:0; left:0; 
    width:18px; height:18px;
	background: url("../images/eye-ico.png") no-repeat; 
}
/* Museum block */
.museum-block-con{
   max-width:1300px; margin: 0 auto; overflow: hidden;
   display: flex; align-items: center;
   justify-content: space-between;
}
.museum-block{
   width:45%; box-sizing:border-box; 
}
.museum-block-photo{
   position:relative;  
}
.museum-block h1{
   font-size:30px; color:#1e1e1e; font-weight:700;
   text-transform:uppercase; margin-bottom:30px;
   text-align:center; position: relative; padding-bottom:15px; 
}
.museum-block .museum-block-content .museum-block-text{
    line-height:24px; color:#1e1e1e;
}
.museum-block-photo .museum-block-content p img{
    border:4px solid #9e7239; border-radius:15px;
}
.more-about{
    margin-top:30px; 
}
.more-about a{
   background:#9e7239; text-decoration:none; color:#fff; display: inline-block;
   padding:0 27px 0 27px; height:45px; border-radius:10px;
   line-height:45px; font-size:16px; font-weight:500; 
   transition: all 0.3s ease-out;   
}
.more-about a:hover{
   background-color:#ad6004; color:#fff;
}
.video-gallery{
   margin:40px 0 60px 0; 
}
/* Teacher */
.main_teacher{
    display:flex; flex-wrap:wrap;
}
.teacher_item{
    display:flex; flex-basis:33.3%; justify-content:center;
    box-sizing: border-box; text-align:center; margin-bottom:30px;
}
.teacher_img{
    line-height:0;
}	
.teacher_item a > div img{
	object-fit:cover;
	width: 200px; height:200px;
    border-radius:50%;
}
.teacher_info{
    width:300px;   
}
.teacher_info h3{
	font-size:18px; line-height:21px;
	color:#42495b; transition: all 0.3s ease-out;
	font-weight:700; margin:15px 0 10px 0;
}
.teacher_info h3:hover{
    color:#04d2c8;
}
.teacher_info .intro_text{
	color:#595959; font-weight:500; font-size:15px;
}
/* Teacher */
.more-link-post{
    position:absolute; top:0; right:0;
}
.more-link-post a{
   background:#9e7239;  text-decoration:none; color:#fff; display: inline-block;
   padding:0 27px 0 27px; height:45px; border-radius:10px;
   line-height:45px; font-size:16px; font-weight:500;
   transition: all 0.3s ease-out; 
}
.more-link-post a:hover{
   background-color:#ad6004; color:#fff;
}
/*Футер*/
.footer{
  background-color:#9e7239;
  background-image: url(../images/foot-bg.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto;
}
.footer-container{
  color:#fff; max-width:1300px; margin:auto; overflow:hidden;
  position:relative;
}
.footer-top{
    display: flex; justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding:40px 0 20px 0;
}
.footer-left{
    display: flex; flex-direction: row;
	width: 33%; height: 100%; /* растягиваем на всю высоту */
}
.footer-menu{
    width:33%;
}
.foot-menu-list h1, .footer-top-text h1{
    font-size:28px; margin-bottom:20px;
    font-weight:700;
}
.foot-menu-list ul li{
    margin-bottom:10px; 
}
.foot-menu-list ul li a{
    display:block; color:#fff; font-size:16px; line-height: 20px;  
}
.foot-menu-list ul li a:hover{
    text-decoration:underline; 
}
.footer-top-text{
    margin-bottom:20px;
}
.info-foo{
    margin-bottom:10px; display: flex; align-items: center;   
}
.info-foo div{
    margin-right:10px;
}
.info-foo span{
    font-size:16px;   
}
.footer-top-text .info-foo .ftr-address{
	background: url("../images/address-foot.png") no-repeat; width:24px; height:27px; 
}
.footer-top-text .info-foo .ftr-phone{
	background: url("../images/phone-foot.png") no-repeat; width:24px; height:24px; 
}
.footer-top-text .info-foo .ftr-clock{
	background: url("../images/clock-foot.png") no-repeat; width:24px; height:24px; 
}
.foot-social{
    display: flex;
}
.foot-social a{
    margin-right:10px; border-radius:50%;
    transition: all 0.3s ease-out;
}
.foot-social .ins-ico{
	background: #F4EFE3 url(../images/ins-ico.png) no-repeat 0 0; width:37px; height:37px;
    background-position: 10px 10px; 
}
.foot-social .fb-ico{
	background: #F4EFE3 url(../images/fb-ico.png) no-repeat 0 0; width:37px; height:37px;
    background-position: 13px 9px;
}
.foot-social .tel-ico{
	background: #F4EFE3 url(../images/tel-ico.png) no-repeat 0 0; width:37px; height:37px;
    background-position: 7px 10px;
}
.foot-social .youtube-ico{
	background: #F4EFE3 url(../images/youtube-ico.png) no-repeat 0 0; width:37px; height:37px;
    background-position: 8px 10px;
}
.foot-social .tiktok-ico{
	background: #F4EFE3 url(../images/tiktok.png) no-repeat 0 0; width:37px; height:37px;
    background-position: 9px 8px; 
}
.copy{
  padding:30px 0 30px 0;
}
.copy p{
  text-align: center; font-size:16px;
}
.articles-content{
     
}
.articles{
	margin:0 0 25px 0; position:relative;
    overflow:hidden;
}
.articles-header{
   
}
.articles h1{
        font-size:22px; font-weight:700; line-height:25px;
        overflow: hidden; margin-top:10px;
     }
     .bottom-line-h{
        margin:0;
     }
     .articles h1 a{
        color:#1d1d1d; text-decoration:none;
        transition: all 0.3s 0.01s ease;
     }
	 .articles h1 a:hover{
        color:#9e7239;
     }
.articles-introtext{
    overflow:hidden; height:38px;
    color:#555; margin:15px 0 15px 0;
	font-weight:500; font-size:15px;
}     
    .articles-gen-img{
       float:left; margin-right:20px; position:relative;
       width:35%; height:265px;
    }
    .afisha-gen-img{
        line-height:0;
    }
    .articles-gen-img img{
        display:block; object-fit:cover;
 	    width:100%; height:100%; border-radius:15px;
    }
.article-footer{
    overflow:hidden;
}
.article-meta span.article-meta-date{
    margin-right:15px;
}
.article-meta span.article-meta-date img{
    margin-right:5px; vertical-align:middle; margin-top: -3px;
}
.article-meta span.article-meta-view img{
    margin-right:5px; vertical-align:middle; margin-top: -3px;
}
.article-meta span.article-meta-date, .article-meta span.article-meta-view{
	font-size:14px; color:#505050;
}   
.readmore{
   display:block; float:right;
   background:#FF8000;
   font-weight:600;
   color:#fff;
   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:#003E7E; color:#ff9c3a;
}
/* Pages */
.post-single-head, .page-header{
    overflow:hidden;
}
.page-header{
    margin-bottom:20px;
}
.post-single-head h1, .page-header h1{
    font-size:32px; font-weight:700;
    text-align:center; color:#1e1e1e;
}
.post-single{
    margin-top:20px;
}
.post-single-meta{
    float:left; font-size:14px;
    color:#505050; margin-top:15px;
}
.post-single-meta span{
    margin-right:15px;
}
.post-single-meta span.post-meta-date img{
    margin-right:5px; vertical-align:middle; margin-top:-3px;
}
.post-single-meta span.post-meta-view img{
    margin-right:4px; vertical-align:middle; margin-top:-3px;    
}
.yandex-social{
   float:right;
} 
.post-single p{
   margin:0 0px 15px 0px; line-height:22px;
   font-size:17px; text-align: justify;
   color:#1e1e1e;
}
.pager{
   overflow:hidden; clear:both; 
}
.pager li{
   float:left; 
}
.pager li a, .pager li span{
   background:#9e7239; color: #fff; display: block; font-size: 15px; margin: 0 5px 0 0;
   padding:9px 17px; transition: all 0.3s 0.01s ease;
   border-radius:5px;
}
.pager li.active span{
    color:#fff; background:#ad6004; 
}
.pager li a:hover{
    color: #fff; background:#ad6004;
}
/* Management */
.manage-content{
   width:1300px; margin-top:40px;
   display:flex; flex-wrap:wrap; justify-content:space-between; 
}
.manage{
    display:flex; flex-direction:column;
	flex-basis:50%; margin:0 0 30px 0;
}
.manage-gen-img{
        float:left; margin-right:20px;
    }
    .manage-gen-img{
        line-height:0;
    }
    .manage-gen-img img{
	width: 200px; height:200px;
    object-fit:cover; border-radius: 50%;
    }
.manage-header{
    margin:10px 0;	
}
.manage h1{
        font-size:18px; font-weight:700; line-height:21px;
     }
     .manage h1 a{
        color:#42495b; text-decoration:none; transition: all 0.3s 0.01s ease;
     }
	 .manage h1 a:hover{
        color:#04d2c8;
     }
.manage-introtext{
    color:#595959; font-size:15px;
    overflow:hidden; margin:10px 0 10px 0;
}
.manage-footer .readmore{
   display:block; float:left; background:#003E7E;
   font-weight:700; color:#fff; font-size:15px;
   padding:0 25px; height:30px; line-height:30px;
   transition: all 0.3s 0.01s ease; border-radius:20px;
}
.manage-footer .readmore:hover{
   background:#FF8000; color:#fff;
}
.manage-introtext p {
    margin-bottom:5px;
}
.post-single-meta, .article-footer, .articles-introtext{
    
}
.manager-ico{
    display:flex;
}
.manager-ico p{
    margin:20px 20px 0 0;
}
.manager-ico p a img{
    height:30px;
}