@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,h4{
    font-weight:normal;
}
a{
	text-decoration:none;
}
body{
	font-family: "Inter", sans-serif;
	font-size:16px;
}
.main{
    background-image: url(../images/bg-img.jpg);
	background-size:cover; background-position: center;
    background-repeat: no-repeat; position:relative;
    min-height:100%; height: auto !important; height:100%; 
}
.main::after{
	content:"";
	width:100%;
	height:100%;
	position:absolute; left:0; top:0;
	background-color: rgba(5, 0, 63, 0.5);
}
.main-container{
   max-width: 1280px; margin:0 auto; 
     
}

.bg-head-block{
	position:relative; z-index:1;
}
.bg-head-con{
   max-width: 1280px; margin: 0 auto;
}
.bg-head-content{
   display:flex; flex-direction:column; height:100%;
}
.center-block{
   position:relative; z-index:1;   
}
.head-text-block{
   margin:40px 0;    
}
.head-text-block h3{
   font-size:32px; font-weight:700; color:#fff; text-transform:uppercase;
   display:block;  margin:0;
}
.head-text-block p{ 
   font-size:32px; color:#fff; text-transform:uppercase; font-weight:700;
}
.top-bar-container{
    max-width: 1280px; margin: 0 auto;  overflow:hidden; padding:10px 0 10px 0;
	display: flex; justify-content: space-between; align-items:center;
}
.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;
}
/*Язык в шапке*/
.lang-head{
   font-size:15px; text-transform:uppercase;
}
.lang-head a{
   
}
.lang-active{
    color:#ffe8c4;
}
.lang-active a{
    background-color:#657082!important; color: #fff!important; font-weight:600;
    border-radius: 20px;
}
header{
   padding:20px 0 0px 0;
}
.header-container{
   max-width: 1280px; margin: 0 auto; display:flex;
   flex-direction: row;  justify-content: space-between;
   padding:0px 0px 7px 0; border-bottom: 1px solid #fff;
}
.logo{
    display:flex; width:220px;
}
.logo a{
    font-size:30px; font-weight:700; color:#fff;
    text-transform:uppercase;
}
.logo img{
    width:60px;
}
.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 */
.head-text-block-con{
   margin: 0 auto; text-align:center;
}

.section-flex{
    display:flex; flex-wrap:wrap; justify-content:space-between;
}
.section_element{
    display:flex; flex-direction:column;
	flex-basis:29%; align-items:center; justify-content: center;
	box-sizing: border-box;
	padding:15px; margin:0 0 25px 0;
	color:rgba(5, 0, 63, 0.8); border-radius:20px;
    text-align: center; font-size:27px; font-weight:700;
    background-image: linear-gradient(to right, #92FE9D, #00C9FF);
}
.sect-text p{
   font-size: 17px; font-weight:500; text-align:center;
   color: #fff; line-height:22px;
}
.section_element span{
    background:#7A878B; color:#fff; font-size: 34px!important;
    border-radius: 10px; padding: 5px 10px 5px 10px; margin-top:10px; 
}
.icon-menu-main{
	width: 100%; margin:30px 0 50px 0;
}
.icon-menu{
   display:flex; flex-wrap:wrap; justify-content:space-between;
}
.icon-menu li{
    display:flex; flex-direction:column;
	flex-basis:29%; position:relative; 
}
.icon-menu li a{
	padding: 0px 20px 0px 20px; box-sizing: border-box;
    border: 3px solid #fff; 
	display:flex; align-items:center; background:none; border-radius:15px;
}
.icon-menu li a .image-title{   
   color:#fff; font-size:18px; font-weight:700; margin-left:20px;
   height:55px; line-height:55px; border-left: 3px solid #fff;
   width:100%; text-align:center;
}
.icon-menu li a .image-title:hover{
	color:#00C9FF;
}
.blog-news h1{
   font-size:28px; color:#4a4a4a; 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:1280px; margin: 0 auto; overflow: hidden; 
}
.header-page-title{
	background-size:cover; height:380px;
	background-position: center;
	position:relative; text-align:center;
}
.header-page-con{
   max-width: 1280px; 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:#1890d7;
	}
.com-content-category-blog, .blog-items{
    max-width:1040px;  
}    
.com-content-articles{
    max-width:1040px;
}
.com-content-articles p img, .com-content-category-blog img{ 
    max-width:100%; height:auto;
}    
.blog-news{
    position:relative;
}        
.main_news{
   width:100%; box-sizing: border-box;
   display:flex; flex-wrap:wrap; justify-content:space-between;
}
.posts_item{
    display:flex;
	flex-direction:column;
    background-color:#e6f3fb;
	flex-basis:32%;
	margin:0 0 25px 0; box-sizing: border-box; padding: 8px 10px 15px 10px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); 
}
.posts_img{
    width:100%; height:260px;
}	
.posts_item a > div img{
	display:block; object-fit:cover;
	width:100%; height:100%;
}
.posts_info{
	
}
.posts_info h3{
	font-size:20px; line-height:25px;
	color:#1d1d1d; transition: all 0.3s ease-out;
	font-weight:700; margin-top:10px;
}
.posts_info h3:hover{
    color:#1890d7;
}
.posts_info .intro_text{
	color:#555; margin:15px 0 15px 0;
	font-weight:500; font-size:15px;
}
.posts_meta{
   font-size: 14px; display:flex;
   color:#818181;
}
.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.png") no-repeat;
}
.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; 
}
.more-link-post{
    position:absolute; top:0; right:0;
}
.more-link-post a{
   background:#657082;  text-decoration:none; color:#fff; display: inline-block;
   padding:0 30px 0 30px; height:38px; border-radius:50px;
   line-height:38px; text-transform: uppercase; font-size: 15px; font-weight:700;
   transition: all 0.3s ease-out; 
}
.more-link-post a:hover{
   background-color:#1890d7;
}
/*Футер*/
.footer{
  
}
.footer-container{
  color:#fff; max-width:1280px; margin:auto; overflow:hidden;
}
.foot-social{
    display: flex; flex-direction: row; justify-content: center;
}
.foot-social a{
    margin-right:20px; transition: all 0.3s ease-out;
}
.foot-social .web-ico{
	background: url(../images/web.png) no-repeat 0 0; 
    width:30px; height:30px; 
}
.foot-social .tiktok-ico{
	background: url(../images/tiktok.png) no-repeat 0 0;
    width:30px; height:30px;
}
.foot-social .instagram-ico{
	background: url(../images/instagram.png) no-repeat 0 0;
    width:30px; height:30px; 
}
.foot-social .whatsapp-ico{
	background: url(../images/whatsapp.png) no-repeat 0 0;
    width:30px; height:30px;
}
.foot-social .telegram-ico{
	background: url(../images/telegram.png) no-repeat 0 0;
    width:30px; height:30px;
}
.foot-social .facebook-ico{
	background: url(../images/facebook.png) no-repeat 0 0;
    width:30px; height:30px;
}
.copy{
  padding:20px 0 20px 0;
}
.copy p{
  text-align: center; font-size:16px;
}
.breadcrumbs, .com-content-articles{
    position:relative; z-index:1;
}
.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:#1890d7;
     }
.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;
}
/* Pages */
.post-single-head{
    overflow:hidden;
    margin-bottom:15px;
}
.post-single-head h1{
    font-size:32px; color:#fff; 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;
}
.pager{
   overflow:hidden; padding:0 0 20px 0; clear:both; 
}
.pager li{
   float:left; 
}
.pager li a, .pager li span{
   background:#657082; 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:#1890d7; 
}
.pager li a:hover{
    color: #fff; background:#1890d7;
}