@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*{
    margin: 0; padding: 0;
}
html, body{
    height:100%;
}
ul{
    list-style:none;
}
.content-single ul, ol{
    list-style:disc;
}
h1,h2,h3,h4{
    font-weight:normal;
}
a{
	text-decoration:none;
}
input:focus {
    outline: none;
}
body{
    background: #fff;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size:16px;
}
.top-bar{
    background:#003E7E;
}
.top-bar-container{
    max-width: 1340px; margin: 0 auto; padding:10px 0 10px 0;
	display: flex; justify-content: space-between; align-items:center;
    position: relative;
}
.header-top-left{
	display: flex;
}
.header-top-text{
	display: flex; align-items:center;
}
.header-top-text .info-box .address{
	background: url("../images/home.png") no-repeat; width:17px; height:17px; 
}
.header-top-text .info-box .phone{
	background: url("../images/phone.png") no-repeat; width:17px; height:17px; 
}
.header-top-text .info-box .clock{
	background: url("../images/clock.png") no-repeat; width:17px; height:17px; 
}
.info-box{
	margin-right: 20px; display: flex; align-items: center;
	border-right: 1px #fff solid; padding-right: 20px;
}
.info-box:last-child{
	border-right: none;
}
.info-box div{
	margin-right: 10px;
}
.info-box span{
	color:#fff; font-size:12px;
}
.header-top-right{
	display: flex;
}
.head-social{
    display: flex;
}
.head-social a{
    margin-right:7px; display: flex; align-items:center;
}
.head-social .wp-ico{
	background: url(../images/whatsap.png) no-repeat 0 0; width:18px; height:18px; 
}
.head-social .fb-ico{
	background: url(../images/fb.png) no-repeat 0 0; width:18px; height:18px; 
}
.head-social .ins-ico{
	background: url(../images/ins.png) no-repeat 0 0; width:18px; height:18px; 
}
.head-social .yt-ico{
	background: url(../images/yout.png) no-repeat 0 0; width:18px; height:18px; 
}
.head-social .tg-ico{
	background: url(../images/teleg.png) no-repeat 0 0; width:18px; height:18px; 
}
/*Язык в шапке*/
.lang-head{
   font-size:12px; text-transform:uppercase;
}
.lang-active a{
    color:#ff9c3a!important; border-bottom: 1px solid #fff!important;
}
.mod-finder .btn{
   background:url(../images/search-ico.png) no-repeat center center;
   width:18px; height:17px; border: none; cursor: pointer; 
}
.form-control{
   width:220px; height:20px; padding:0px 0px 0px 0px; background:none;
   font-size:13px; color:#fff;  border: 0; border-bottom:1px solid #fff; font-family: Roboto; 
}
.mod-finder input::placeholder {
  color: white;
}
.links-block{
  margin-left:30px; 
}
.links-block p span{
  margin-right:10px;
}
.links-block p a{
  font-size:13px; color:#fff; 
}
.links-block p a:hover{
  color:#FF8000; 
}
header{
   background:#fff; padding:18px 0 10px 0;
}
.header-container{
   max-width: 1340px; margin: 0 auto; display:flex;
   flex-direction: row;  justify-content: space-between;
}
.logo{
    display:flex;
}
.header-right{
    display:flex; align-items:flex-end;
}
#mainmenu ul li{
   /*display: inline-block;
   margin-right:27px;
   text-transform:uppercase;
   font-size:16px;
   position:relative;*/
}
#mainmenu ul li a{
   /*position:relative; color:#013e7f; text-decoration:none; display:block;*/
}
.dj-megamenu-default li a.dj-up_a{
    border:none!important;
}
/* Slider */
.slider{
   max-width: 1340px; margin: 0 auto 0 auto; 
}
ul.djslider-in > li{
    text-align: right!important;
}
.slide-desc-text-default .slide-title{
    font-size: 42px!important; line-height: 40px;
	margin-bottom: 25px!important;
	font-weight: 700!important;
}
.slide-desc-bg-default{
	background: none!important;
}
.slide-desc-text-default{
    padding:0!important;
}
.slide-text p{
    font-size: 15px; line-height: 17px; color:#003E7E;   
}
.slide-desc-text-default a.readmore{
    float:left!important;
    background: #FF8000;
    color: #FFFFFF; font-size: 17px; font-weight: 700;
    display: block;
    padding:0 45px 0 45px; height:40px;
    line-height: 40px; margin-bottom: 0!important;
    margin-top: 30px; text-transform: uppercase;
}
.djslider-default .navigation-container-custom,
.djslider-default .navigation-numbers {
	position: absolute; top:auto!important; right:auto!important;
	bottom: 40px!important;
	left: 25%!important;
}
.blog-news h1{
   font-size:35px; color:#003E7E; font-weight: 700;
   text-transform:uppercase; margin-bottom:15px;   
}
.block-main{
   width: 100%; margin-bottom: 30px; position: relative;
   background-color: #003E7E; z-index:99;
}
.block-main::before {
    height:171px;
    content:'';
    position:absolute; right:0;
    width:15%; z-index:-1;
    background-color:#45A1FF;
}
.block-main-con{
   max-width:1340px; margin: 0 auto; overflow: hidden; 
}
.center-block{
  float:left; width:33.3%; 
  padding:35px 0 25px 0; box-sizing: border-box;
}
.center-block.others-block{
  padding-left:20px;
}
.center-block:nth-child(3n+1) {
  background-color: #003E7E;
}
.center-block:nth-child(3n+2) {
  background-color: #0362C5;
}
.center-block:nth-child(3n+3) {
  background-color: #45A1FF;
}
.center-block h1{
  font-size:28px; color:#fff; font-weight: 700; line-height:24px;
  text-transform:uppercase; margin-bottom:15px;
}
.center-block-text{
    padding-left: 17px;
}
.center-block-text p{
    color:#fff; margin-bottom:5px; font-size: 16px;
}
.center-block-text .next-ico{
    background: url("../images/next-ico.png") 0 0 no-repeat;
    padding-left: 25px;
}
.main{
   width:100%; margin:0 auto; 
   min-height:100%; height: auto !important; height:100%; 
}
.main-container{
   margin-bottom:30px;   
}
.header-page-title{
	background-size:cover; height:360px;
	background-position: center;
	position:relative; text-align:center;
}
.header-page-con{
   max-width: 1340px; 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;
	}
.page-map{
   font-size:13px; padding:15px 0 15px 0;
}
.page-map span{
	margin-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:#FF8000;
	}
.com-content-category-blog, .blog-items{
    width:1040px;  
}    
.com-content-articles{
    width:1040px;
}
.content-single{
    max-width: 1340px; margin:0 auto;
    display:flex; justify-content:space-between;
    margin-top: 30px;
}
.side-bar{
    width:270px; height:500px;
}
.com-content-articles p img, .com-content-category-blog img{ 
    max-width:100%; height:auto;
}    
.blog-news, .announcement{
    max-width: 1340px; margin:0 auto;
    position:relative;
}        
.main_news{
   width:100%; height:490px; overflow: hidden; box-sizing: border-box;
   display:flex; flex-wrap:wrap; flex-direction: column; justify-content:space-between;
}
.posts_item{
    
}
.posts_item.list{
    box-sizing: border-box; width:46%; height:155px;
}
.posts_item.list .posts_img{
	width:36%; float:left; margin-right:15px;
}	
.posts_item.list a > div img{
	display:block; object-fit:cover;
	width:100%; height:155px;
}
.posts_info{
	
}
.posts_info h3{
	font-size:18px; line-height:23px;
	color:#1d1d1d; transition: all 0.3s ease-out;
	font-weight:700; 
	text-transform: uppercase;
}
.posts_info h3:hover{
    color:#FF8000;
}
.posts_info .intro_text{
	color:#555; margin:10px 0 10px 0;
	font-weight:500; font-size:14px;
}
.posts_item.list .posts_info .intro_text{
    height:35px; overflow:hidden;    
}

.posts_meta{
   font-size: 14px; display:flex;
   color:#818181;
}
.posts_date{
	margin-right:15px;
}
.posts_date_ico{
	padding-left:28px;  position: relative;
}
.posts_date_ico:before{
	content: ""; position: absolute; top:-3px; left:0; 
    width:20px; height:20px;
	background: url("../images/date-ico.png") no-repeat;
}
.posts_date_txt, .posts_view_txt{
  
}
.posts_view_ico{
    padding-left:24px;  position: relative;
}
.posts_view_ico:before{
    content: ""; position: absolute; top:1px; left:0; 
    width:18px; height:14px;
	background: url("../images/view-ico.png") no-repeat; 
}
.posts_item.first{
	width:52%; height:490px;
    background-color:#f7f7f7;
}
.posts_item.first a{
	position:relative; display:block;
}
.posts_item.first .posts_info{
	position:absolute;
	bottom:20px;
	left:40px;
	padding:0 20px 0 0;
	z-index:1;
}
.posts_item.first .posts_info h3{
    font-size:32px;
	color:#fff;
	line-height:36px;
    max-height: 100%;
}
.posts_item.first .posts_info h3:hover{
    color:#FF8000;
}
.posts_item.first .posts_info p, .posts_item.first .posts_info span{
	color:#f2f2f2;
}
.posts_item.first .posts_img{
    width:100%; height:490px;
}
.posts_item.first img{
	width:100%; height:100%!important; object-fit:cover;
}	
.posts_item.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));
}
.first .posts_date .posts_date_ico:before{
	content: ""; position: absolute; top:-3px; left:0; 
    width:20px; height:20px;
	background: url("../images/date-ico-first.png") no-repeat;
}
.first .posts_view .posts_view_ico:before{
	content: ""; position: absolute; top:1px; left:0; 
    width:18px; height:14px;
	background: url("../images/view-ico-first.png") no-repeat;
}
.more-link-post{
    position:absolute; top:10px; right:0;
}
.more-link-post a{
   display:block; 
   color:rgba(0, 0, 0, 0.5); font-size: 20px;
   transition: all 0.3s ease-out;
}
.more-link-post a:hover{
   color:#FF8000;
}
/* Announcement */
.announcement{
   margin-top:30px; 
}
.announcement h1{
   font-size:35px; color:#003E7E; font-weight: 700;
   text-transform:uppercase; margin-bottom:15px;   
}
.main_announce{
   width:100%; overflow: hidden; box-sizing: border-box;
   display:flex; flex-wrap:wrap; justify-content:space-between;
}
.announce_item{
   flex-basis:49%; box-sizing: border-box;
   margin:5px 0 15px 0; /*border: 1px solid #003E7E;*/
   /*padding: 15px 0px 15px 0px;*/
}
.announce_info{
  border-left:3px solid #FF8000;
  padding-left:10px;  
}
.announce_info h3{
    font-size:18px; line-height:22px;
	color:#1d1d1d; transition: all 0.3s ease-out;
	font-weight:700; text-transform: uppercase; 
}
.announce_info h3:hover{
    color:#FF8000;
}
.announce_info .intro_text{
	color:#555; margin:15px 0 15px 0;
	font-weight:500; font-size:14px;
}
.announce_meta{
   font-size: 14px; display:flex;
   color:#818181;
}
.announce_date{
	margin-right:15px;
}
.announce_date_ico{
	padding-left:28px;  position: relative;
}
.announce_date_ico:before{
	content: ""; position: absolute; top:-3px; left:0; 
    width:20px; height:20px;
	background: url("../images/date-ico.png") no-repeat;
}
/* Announcement */
.slickleft-content, .slickright-content{
  margin:40px 0;  
}
.slickleft-content {
  background: linear-gradient(to right, #003E7E 50%, #f5f5f5 50%);  
}

.slickleft, .slickright{
  max-width: 1340px; margin:0 auto;
  position:relative;
}
.slickleft h1{
  position:absolute; top:30px; left:30px; z-index: 10;
  font-size:38px; color:#fff; font-weight: 700; text-transform:uppercase;
}
.slickright h1{
  position:absolute; top:30px; right:34.7%; z-index: 10;
  font-size:38px; color:#003E7E; font-weight: 700; text-transform:uppercase;
}
/* Banners */
.banners{
  max-width: 1340px; margin:0 auto;  
}
.mod-banners{
  display:flex; flex-wrap:wrap; justify-content:space-between;
  align-items:center;
}
.mod-banners-item{
   box-sizing: border-box; width:17%;
}
.mod-banners-item img{
   max-width: 100%; 
}
/*Футер*/
.footer{
  background-color: #003E7E;
}
.footer-container{
  color:#fff; max-width:1340px; margin:auto; overflow:hidden;
  position:relative;
}
.footer-top{
    display: flex; justify-content: space-between;
    border-bottom: 0.5px solid #ddd; padding-bottom:40px;
}
.footer-left{
    display: flex; flex-direction: row;
	width: 24%; 
    height: 100%; /* растягиваем на всю высоту */
    padding-top:30px; 
}
.foot-social{
    display: flex;
}
.foot-social a{
    margin-right:18px; border-radius:50%;
    transition: all 0.3s ease-out;
}
.foot-social .wp-ico-foot{
	background: #fff url(../images/wp-foot-new.png) no-repeat 0 0; 
    width:38px; height:38px; background-position: 8px 8px;
}
.foot-social .fb-ico-foot{
	background: #fff url(../images/fb-foot-new.png) no-repeat 0 0; 
    width:38px; height:38px; background-position: 12px 8px;
}
.foot-social .ins-ico-foot{
	background: #fff url(../images/ins-foot-new.png) no-repeat 0 0;
    width:38px; height:38px; background-position: 8px 8px;
}
.foot-social .yt-ico-foot{
	background: #fff url(../images/yout-foot-new.png) no-repeat 0 0;
    width:38px; height:38px; background-position: 8px 12px;
}
.foot-social .tg-ico-foot{
	background: #fff url(../images/teleg-foot-new.png) no-repeat 0 0;
    width:38px; height:38px; background-position: 6px 11px;
}
.footer-top-text{
    margin:35px 0 35px 0;   
}
.info-foo{
    margin-bottom: 17px; display: flex; align-items: center;   
}

.footer-top-text .info-foo .ftr-address{
	background: url("../images/home.png") no-repeat; width:17px; height:17px; 
}
.footer-top-text .info-foo .ftr-phone{
	background: url("../images/phone.png") no-repeat; width:17px; height:17px; 
}
.footer-top-text .info-foo .ftr-clock{
	background: url("../images/clock.png") no-repeat; width:17px; height:17px; 
}

.info-foo div{
    margin-right: 10px; 
}
.footer-menu{
    width: 25%; padding-top:80px;
}
.foot-menu-list h1{
    text-transform:uppercase; font-size: 22px; margin-bottom: 25px;
}
.foot-menu-list ul li{
    margin-bottom: 5px; 
}
.foot-menu-list ul li a{
    display:block; color:#fff; font-size:16px; line-height: 20px;  
}
.foot-menu-list ul li a:hover{
    color: #FF8000; 
}
.copy{
  padding:30px 0 30px 0;
}
.copy p{
  text-align: center; font-size:17px;
}
.articles-content{
   max-width:1340px; margin: 20px auto 0 auto;
}
.articles{
    overflow:hidden; margin-bottom:25px;
}
.articles-header{
    margin-bottom:15px;	
}
.articles h1{
        font-size:22px; 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:#FF8000;
     }
.articles-introtext{
    overflow:hidden; height:70px; font-size: 16px;
}     
.articles p{
    text-align: justify; font-size: 15px; color:#555;
}
    .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{
        display:block; object-fit:cover;
        width:100%; height:100%;
    }
.article-footer{
    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:4px; vertical-align:middle; margin-top: -3px;
}
.article-meta span.article-meta-date, .article-meta span.article-meta-view{
	font-size:14px; color:#818181;
}   
.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;
}
/* Management */
.manage-content{
   width:1040px; margin: 40px auto 0 auto;
   display:flex; flex-wrap:wrap; justify-content:space-between; 
}
.manage{
    display:flex; flex-direction:column;
	flex-basis:49.8%; margin:0 0 50px 0;
}
.manage.first{
	flex-basis:100%;
}
.manage-gen-img{
        float:left; margin-right:12px;
    }
    .manage-gen-img{
        line-height:0;
    }
    .manage-gen-img img{
	width: 140px; height:140px;
    object-fit:cover; border-radius: 50%;
    }
.manage-header{
    margin:10px 0;	
}
.manage h1{
        font-size:19px; font-weight:700; line-height:22px;
        text-transform:uppercase;
     }
     .manage h1 a{
        color:#003E7E; text-decoration:none; transition: all 0.3s 0.01s ease;
     }
	 .manage h1 a:hover{
        color:#FF8000;
     }
.manage-introtext{
    overflow:hidden; font-size: 15px; margin-bottom:20px;
}
.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;
}
/* Pages */
.post-single-head{
    overflow:hidden;
    margin-bottom:15px;
}
.page-single-head{
    display:none;   
}
.page-single-head h1{
    font-size:28px; margin-bottom:10px; font-weight:700;   
}
.post-single-head h1{
    font-size:32px; margin-bottom:10px; font-weight:700;
}
.post-single-meta{
    float:left; font-size:14px;
    color:#818181; margin-top:10px;
}
.post-single-meta span{
    margin-right:15px;
}
.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:4px; vertical-align:middle; margin-top:-3px;    
}
.yandex-social{
   float:right;
} 
.post-single p{
   margin:0 0px 20px 0px;
   line-height:24px;
   font-size:17px;
   text-align: justify;
   color:#333;
}
.post-single p a{
   color:#0362C5; 
}
.pager{
   overflow:hidden; padding:0 0 20px 0; clear:both; 
}
.pager li{
   float:left; 
}
.pager li a, .pager li span{
   background:#003E7E; color: #fff; display: block; font-size: 15px; margin: 0 5px 0 0;
   padding:9px 17px; transition: all 0.3s 0.01s ease;
}
.pager li.active span{
    color:#fff; background:#FF8000; 
}
.pager li a:hover{
    color: #fff; background:#FF8000;
}
#contacts{
    width:100%; color:#333; margin-bottom: 20px;
}
#contacts td{
    width:20%; height:75px;
    text-align:center; font-size:15px;
    border:1px solid #ddd;
}
#contacts td a{
    color: #333;
}
#contacts tr:first-child{
    background: rgba(255, 128, 0, 0.5); font-weight:bold; color: #003E7E;
}
.faculty_menu ul li a, .about_menu ul li a{
    padding:12px!important; border-bottom:0!important;
    white-space:normal!important; 
}
.faculty_menu ul li.active a, .about_menu ul li.active a {
    font-weight:700;
}
/* Kafedra Style */
.icon-menu-con, .struc-menu-con{
    overflow:hidden; width:1040px;	
}
.icon-menu-con ul, .struc-navbar{
    overflow: hidden; 
    display:flex;  flex-wrap:wrap; justify-content:space-between;
}
.icon-menu-con ul li, .struc-navbar li{
    display:flex; flex-direction:column; flex-basis:46%;
	background-color:#fff; margin:0 0 20px 0; position:relative;
    box-sizing: border-box; border: 1px solid #003E7E;
}
.icon-menu-con ul li a{
	display: flex;  justify-content: left; align-items: center;
    height:105px; width:100%; color:#003E7E; transition: all 0.2s linear;
}
.icon-menu-con ul li a .image-title{   
   font-size:16px; font-weight:700; text-transform:uppercase;
   position:absolute; left:32%; right:10px; line-height:21px;
}
.icon-menu-con ul li a .dep-title{   
   font-size:16px; font-weight:700; text-transform:uppercase; line-height:21px;
   position:absolute; left:0; right:0px; text-align:center; padding:0 40px;
}
.icon-menu-con ul li a img{
   margin-left:20px; width:85px; max-height:80px;
}
.icon-menu-con ul li a:hover{
    background-color:#FF8000; color:#fff;
}
.struc-navbar li a{
    display: flex;  justify-content: left; align-items: center;
    height:105px; width:100%; color:#003E7E!important; transition: all 0.2s linear;
}
.struc-navbar li a span{
    font-size:16px; font-weight:700; text-transform:uppercase; line-height:21px;
    position:absolute; left:0; right:0px; text-align:center; padding:0 40px;
}
.struc-navbar li a:hover{
    background-color:#FF8000; color:#fff!important;
}
/* Staff */
.main-staf{
    display:flex; flex-wrap:wrap;
}
.staf-item{
    display:flex; flex-basis:33.3%; justify-content:center;
    box-sizing: border-box; text-align:center; margin-bottom:40px;
}
.staf-img{
    line-height:0;
}
.staf-item a > div img{
	object-fit:cover;
	width: 200px; height:200px;
    border-radius: 50%;
}
.staf-info{
    width:290px;
}
.staf-info h3{
   color:#003E7E; font-size:17px; font-weight:700;
   text-transform:uppercase; margin:15px 0 10px 0; transition: all 0.2s linear;
}
.staf-info h3:hover{
   color:#FF8000;
}
.staf-info .pos_text{
   color:#000; font-size:15px; font-weight:400;
   text-align:center; line-height: 20px; margin:0;
}
.staf-single-head{
    overflow:hidden;
}
.staf-single-head h1{
    font-size:28px; margin-bottom:15px; font-weight:700;
    text-transform:uppercase; color:#003E7E;
}
.staf-single{
   margin-top:20px;
}
.staf-photo{
   float:left;
}
.staf-photo img{
    object-fit:cover; border-radius: 50%;
	width: 240px; height:240px; margin-right: 20px;
}
.staf-info-text p{
   margin:0 0px 10px 0px; line-height:22px;
   font-size:17px; text-align: justify; color:#333;
}
.staf-clear{
   clear:both;
   margin-bottom:30px;   
}

/* Адаптация под планшет с низким разрешением (портретная ориентация) */
@media screen and (max-width:800px){
   .top-bar-container{
		flex-direction:column;
	}
    .header-top-left{
        display:block; margin-bottom:20px;
    }
    .center-block{
        float: none;
        width:100%;
    }
    .center-block.first-block{
        padding-left:20px;
    }
    .search{
        margin-top:15px;   
    }
    .visual-impaired{
        top:20px!important; right:20px!important;
    }
    #special_visually .buttons .eye-text{
        padding-left:0!important;
    }
    header{
        padding: 15px 10px 10px 10px;
    }
    .logo{
        width:200px;
    }
    .foot-logo img{
        width:180px;
    }
    .sld-title{
       
    }
    .blog-news, .announcement{
        padding:0 10px;   
    }
    .blog-news h1, .announcement h1, .slickleft h1, .slickright h1{
        font-size:25px;
    }
    .main_news{
        height:auto;
    }
    .posts_item{
        margin-bottom:10px;
    }
    .posts_item.list{
        width:100%;
        height:155px;
    }
    .posts_item.first{
        width:70%; margin-left:auto; margin-right:auto;
    }
    .posts_item.first .posts_info h3{
        font-size:27px;
    }
    .posts_info h3{
        line-height:21px;
    }
    .more-link-post{
        top:5px; right:10px;
    }
    .banners{
        padding:0 10px;
    }
    .mod-banners-item{
        width:50%; margin-bottom:7px;
    }
    .footer{
        padding:0 15px;   
    }
    .footer-left{
        width:48%;
    }
    .footer-menu{
        padding-right:10px;
    }
}

@media screen and (max-width:600px){
    .center-block h1{
       font-size:24px; 
    }
    .main-container{
       margin-bottom:20px; padding:0 15px;
    }
    .blog-news h1, .announcement h1, .slickleft h1, .slickright h1{
        font-size:20px;
    }
    .announcement{
        margin-top:20px;
    }
    .posts_item.first{
        width:100%;
    }
    .posts_item.list .posts_img{
        margin-right:10px;
    }
    .posts_item.list .posts_info h3{
        text-transform:inherit;
    }
    .posts_info .intro_text, .announce_info .intro_text{
        font-size:13px;
    }
    .announce_info h3{
        font-size:15px;
    }
    .more-link-post a{
        font-size:18px;
    }
    .header-page-title{
        height: 260px;
    }
    .header-page-con{
        height: 250px;
    }
    .header-page-title h1{
        font-size:30px;
    }
    .post-single-head h1{
        font-size:25px;
    }
    .slickleft-content, .slickright-content{
        margin:25px 0;  
    }
    .slickleft-content{
       background: linear-gradient(to right, #063a6e 100%, #f5f5f5 0%); 
    }
    .slickleft h1{
        color:#fff; top:0px; left:20px;
    }
    .sj-slickslider .item-image{
       width:100%!important; 
    }
    .sj-slickslider .item-content{
        width:100%!important; float:none; position:static!important;
    }
    .sj-slickslider.slickslider-right .item-title a, .sj-slickslider.slickslider-left .item-title a{
        font-size:23px!important;
    }
    .sj-slickslider.slickslider-right .item-image{
        float:none!important; margin-top:25px;
    }
    .sj-slickslider img, .sj-slickslider .item-image{
        height:auto!important;
    }
    .sj-slickslider.slickslider-right .item-content{
        float:none!important;
    }
    .sj-slickslider .item-content-inner{
        position:static!important; padding:20px!important;
    }
    .sj-slickslider .item-readmore a{
        padding: 0 25px 0 25px!important;
         height:37px!important; line-height:37px!important;
    }
    .mod-banners-item{
        width:40%;
    }
    .footer-top{
        flex-direction: column; padding-bottom:30px;
    }
    .footer-left{
        width:100%; flex-direction:column; align-items:center;
    }
    .footer-top-text{
        margin: 25px 0 25px 0; font-size: 15px;
    }
    .footer-menu{
        width:100%; display:flex; flex-direction:column; align-items:center;
        padding-top:30px; padding-right:0;
    }
    .foot-menu-list h1{
        font-size:20px; margin-bottom:15px;
    }
    .foot-menu-list ul li a{
        font-size:15px;
    }
    .copy p{
        font-size:15px;
    }
}

/* Адаптация под смартфон (альбомная ориентация) iphone*/
@media screen and (max-width:568px){
    .center-block{
       padding:25px 0 20px 0; 
    }
    .center-block h1{
       font-size:20px; line-height:20px;
    }
    .center-block-text p{
       font-size:15px; 
    }
    .posts_item.first .posts_info h3{
        font-size:23px;
    }
    .posts_info h3{
       font-size:16px;  
    }
    .more-link-post a{
        font-size:15px;
    }
    .mod-banners{
        flex-direction:column;
    }
    .mod-banners-item{
        width:50%;
    }
}

@media screen and (max-width:480px){
    .logo{
        width:160px;
    }
    .blog-news h1, .announcement h1{
        font-size:15px;
    }
    .posts_item.first .posts_info h3{
        font-size:21px;
    }
    .posts_item.list .posts_info .intro_text{
        height:30px;
    }
    .posts_info h3{
        line-height:20px;
    }
    .announce_info h3{
        font-size:14px; line-height:20px;
    }
    .header-page-title{
        height: 200px;
    }
    .header-page-con{
        height: 190px;
    }
    .header-page-title h1{
        font-size:25px;
    }
    .post-single-head h1{
        font-size:22px;
    }
}
