*,*:before,*:after{
	margin:0;
	padding:0;
	border:0;
	box-sizing: border-box;
}

.dx-loadpanel-content {  
  background: transparent!important;  
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #4bb4e4;
	color:#798994;
}

.content p {
	line-height: 1.5rem;
	color: #212529;
}


html,body{
	height: 100%;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.img-copy{
	font-size: 12px;
    margin-top: -20px;
}
.copy {
	text-decoration:none;
	color:#fff;
}
.copy:hover {
	color:#fff;
}

h1 {
	font-size: 27px; 
	color:#798994;
	margin-bottom:10px;
	line-height: 33px;
}

h2 {
	font-size: 1.5em; 
	color:#798994;
	margin-bottom:10px;
	line-height: 1.7em; 
/*	margin-top: 20px;
    line-height: 1.0em;*/
}

.article_blog h2 {
	font-size: 1.5em; 
	color:#798994;
	margin-bottom:10px;
	margin-top: 20px;
    line-height: 1.0em;
}

#news > .dx-datagrid, #a1 > .dx-datagrid {
		background-color: #f0efef!important;	
	}


.container{
	max-width: 1180px;
	margin: 0px auto;
	padding: 0px 10px;
}
.header{
	position: fixed;
	width: 100%;
	top:0;
	left: 0;
	z-index: 50;
}
.header:before{
	content: '';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color:white;
	z-index: 2;
}
#calendar-container {
	    margin: 20px 0;
}
.e{
	display: none;
	background-color: #798994;
}
.m{
	display: none;
	background-color: #4bb4e4;
}

header .e {
	background-color: unset;
}

header .m {
	background-color: unset;
}

.m:before{
	content: '';
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 50%;
	/*background-color:red;*/
	z-index: 2;
	padding: 0px 10px;
}

.header__body{
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 80px;
	align-items: center;
}
.header__burger{
	display: none;
}
.header__menu{}

.header__logo{
	flex: 0 0 60px;
	z-index:2;
	order: 0; 
}
.header__logo img{
	width: 191px;
	height: 60px;
}

.header__list{
	display: flex;
	position: relative;
	z-index: 2;
}


span .header__list{
	display: flex;
	position: relative;
	z-index: 2;
	padding: 20px  0;
}
ul#snd.header__list {
	margin: 0 auto;
	}
ul#trd.header__list {
	margin: 0 auto;
	}
.header__list li{
	list-style: none;
	margin: 0px 0px 0px 20px;
}
.header__link{
	color: #798994;
	text-transform: uppercase;
	font-size: 18px;
	text-decoration: none;
	transform: ease 0.4s;
}

.m .header__link{
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
}
.center_line{
	width: 70%;/*background-color: #666;*/
	margin-left:30px;
}




.submenu{
	padding: 80px 0px 0px 0px;
}
.content__text{
	font-size: 18px;
	line-height: 25px;
}
.content{
	position: relative;
	z-index: 10;
	background-color: #f0efef;
}

.content p {
   /* margin-bottom: 15px;*/
    line-height: 1.5rem;
    color: #798994; /*#212529;*/
    margin-bottom: 15px;
}

.left_line{
	display: flex;	
	flex-direction: column;
	width: 25%;
}


.right_line{
	display: flex;	
	flex-direction: column;
	}
.container-fluid{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;

}
.main-block{
	display: flex;
	justify-content: center;
	padding-top: 15px;
	padding-bottom: 30px;
	}
.publication {
  /*background: #ddd9d9;*/
  background: #eae8e8;
  color: #666;
  flex-direction: column;
  flex-basis: auto;
  margin: 10px 0;
  height: auto;
  width: 48%;
  cursor:pointer;
  display: flex;
  text-decoration: none;
}

.article-image {
  background: #eee;
  display: block;
  padding-top: 75%;
  position: relative;
  width: 100%;
}

.article-image img {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
}
.article-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px;
}

.article-title {
  color: #4bb4e4;
  flex-shrink: 0;
  font-size: 1.2em;
  font-weight: bold;
  font-weight: 700;
  line-height: 1.2;
}

.article-content {
  flex: 1;
  margin-top: 5px;
  
}

p.article-content {
    color: #798994;
}


.article-info {
  display: flex;
  font-size: 0.85em;
  justify-content: space-between;
  margin-top: 10px;
}
.head_link{
	color: #4bb4e4;
	text-decoration: none;
	padding: 10px;
}
.news_link{
	text-decoration:none;
	/*border-bottom: 1px solid #798994;*/
	padding: 11px;
	color: #798994;
	
}

.news_link:hover {
	text-decoration:underline;
	color: #4bb4e4;
}

.news_link:hover > span.date {
	text-decoration:none;
	color: #4bb4e4;
}


.news_link h2 {
	font-weight:normal;
	font-size: 16px;
}

.frow {
	display:flex;
	flex-direction:row;
}

span.date{
	position: relative;
	display:block;
	top:0;
	font-size:12px;
	color:#4bb4e4;
	display: flow-root;
	flex-direction: column;
	margin-bottom:5px;
}
span.date i:before{
	margin-right: 5px;
}

.medium_line .social {
	font-size:12px;
	color:#4bb4e4;
	margin:0px 0 10px auto;
}
.date_b{
	position: absolute;
	font-size: 12px;
	color: #000;
}
.blogs{
	display: flex;	
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.blog{
	background-color: #eae8e8;
	padding: 20px;
	width: 48%;
	margin: 15px 0;
	display: block;
	text-decoration:none;
}
/*
.blog a{
	color: #212529;
	text-decoration: none;
}*/

.blog h2{
	align-self: center;
	width: 70%;
	color: #4bb4e4;
}
.blog img{
	height: 150px;
	width: 150px;
	border-radius: 50%;
	display: inline-block;
	border: 3px solid #fff;
}
.article_blog{
	display: flex;
	justify-content: space-around;
}


/*----Begin slider-----*/




.slider__container {
      padding-left: 0;
      padding-right: 0;
    }

    .slider__items {
      counter-reset: slide;
    }

    .slider__item {
      flex: 0 0 100%;
      max-width: 100%;
      counter-increment: slide;
      height: 350px;
      position: relative;
    }

    

    .slider__item:nth-child(1) {
      background-image:url('/img/01.jpg');
    }

    .slider__item:nth-child(2) {
      background-image:url('/img/02.jpg');
    }

    .slider__item:nth-child(3) {
      background-color: #3f51b5;
    }

    .slider__item:nth-child(4) {
      background-color: #03a9f4;
    }

    .slider__item:nth-child(5) {
      background-color: #4caf50;
    }
    .slider__item li {
    display: block;
    position: absolute;
    z-index: 11;
    top: 55%;
    left: 45px;
    right: 45px;
    bottom: 15%;
    margin: 0 auto;
    padding: 10px 10px;
    text-align: center;
    }
    .slider__item a{
    border-radius: 10px;
    color: #fff;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 0px;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	text-shadow: 0px 0px 10px #000;
	cursor: pointer;
    }
    .wh>li>a{
    	color: #fff;
    }


    /*----End slider-----*/

.p_block{
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fab ,.fas{
	font-size: 1.8rem;
	color: #4bb4e4;
}
.social{
	z-index: 1000;
	}
.social a i {
	font-size:18px;
}	

.image-holder{
	width: 100%;
	height: auto;
	padding-bottom: 14px;
}
.image-holder a{
	color: #4bb4e4;
	margin-bottom: 4px;
	font-size:12px;
}
.image-holder img{
	width: 100%;	
}
a.header__link{
	transition: ease 0.6s;
}

#ser{
		z-index: 1000;
	}
	
/*---------- Max-width:767px--------*/
@media screen and (max-width: 767px){
	#b{
		/*display: none;*/
	}
	#s{
		display: block;
	}
	#news{
		order: 0;
	}
	*#top>#ser{
		display: none;
	}
	#ser{
		z-index: 1000;
	}
	#ser a{
		color: #4bb4e4;
	}
	form.search input{
		width: 100%;
	}
	#med{
		display: none;
		}
	#mod{
		position:relative;
		bottom: 0;
		margin-left: 10px;
	}
	.medium_line{
		width: 100%;

	}
	.image-holder{
		display: block;
	}
	body.lock{
		overflow: hidden;
	}
		.header__logo{
		flex: 0 0 60px;
		z-index:2;
		order: 0; 
		}
		.header__logo img {
    height: 50px;
}
ul#snd.header__list {
	background-color:none;
	margin: 0;
	}
ul#trd.header__list {
	background-color:none;
	margin: 0;
	}
	.header__body{
		height: 70px;
	}
	.header__burger{
		display: block;
		position: relative;
		width: 30px;
		height: 20px;
		z-index: 101;
		margin-right: 10px;
		transition: all 0.3s ease 0s;
	}
	.header__burger span{
		position: absolute;
		background-color: #798994;
		left:0;
		width: 100%;
		height: 2px;
		top: 9px;
		transition: all 0.3s ease 0s;
	}
	.header__burger:before,.header__burger:after{
		content: '';
		background-color: #798994;
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		transition: all 0.3s ease 0s;	
	}
	.header__burger:before{
		top: 0;
	}
	.header__burger:after{
		bottom: 0;
	}
	.header__burger.active:before{
		transform: rotate(45deg);
		top:9px;
	}
	.header__burger.active span{
		transform: scale(0);
	}
	.header__burger.active:after{
		transform: rotate(-45deg);
		bottom:9px;
	}
	.header__menu{
		position: fixed;
		top:-100%;
		right: 0;
		width: 50%;
		height: 100%;
		overflow: auto;
		background-color: #0f8fca;
		padding: 70px 10px 20px 10px;
		opacity: 0.9;
		transition: all 0.3s ease 0s;
	}
	.header__menu.active{
		top:0;
		z-index: 100;
	}
	.header__menu ul{
		border-bottom: 2px solid #fff;
		width: 98%;
		z-index:10; 
	}
	.header__list{
		display: flex;
		flex-direction: column;

	}
	.header__list li{
		margin: 0px 0px 20px 0px;
	}
	
	.main-block{
	flex-direction: column;
	}
	.center_line{
	order: 0;
	width:auto;
	margin: 0 ;
	}
	.left_line, .right_line{
	order:1;
	align-self: center;
	width: 100%; 
	}
	.publication{
		margin: 10px auto;
	}
	.blog{
		width: 100%;
	}
	.header__link{
		color: #fff;
		}
	
	.publication{
		width: 90%;
		height:auto;
	}
	.search{
		display:none;
	}
	.banner{
		align-self: center;
	}
	.footer{
	flex-wrap: wrap;
}
.slider__item a{
	position: relative;
	bottom:70px;
	font-size: 18px;
}

}


@media screen and (max-width: 360px){
	#s{
		display: block;
	}
}


.footer_text{
	padding: auto;
	margin: 20px;
	flex-direction: column;
	max-width: 400px;
	}
.footer_text h1{
	color: #fff;
}
.footer_text>.social a i{
	font-size: 40px;
}

@media (min-width:768px) and (max-width: 992px){
	#s{
		display: none;
	}
	#b{
		display: block;
	}
	#mod{
		display: none;
	}
	span.e{F
		padding: 0 10px;
	}
	.header__link{
		font-size: 15px;
	}
	.medium_line{
	display: flex;	
	flex-direction: column;
	margin:0 30px;
	min-width: 600px;
}
	.main-block{
	flex-wrap: wrap;
}
form.search input{
	display: flex;
	max-width: 100px;
}
.footer{
	flex-wrap: wrap;
}

}
@media (min-width:993px){
	#s{
		display: none;
	}
	#b{
		display: block;
	}
	#mod{
		display: none;
	}
	.medium_line{
	display: flex;	
	flex-direction: column;
	margin:0 30px;
}
.m{
	height: 62px;
}

}

#tagCloud { 
 text-align:center; padding:5px;
  overflow:auto; font-size:70%; font-family:arial;
  padding: 15px 5px 5px 5px;
  margin:10px;
  background-color: #798994;
  transition: ease 0.8s;
  max-width: 350px;
}
#tagCloud:hover {
	background-color: #4bb4e4;
	
}
#tagCloud a{
	transition: ease 0.8s;
}
#tagCloud:hover a{
	color: #fff;
}
#tagCloud h2 {
  color:#fff; font-size:2.5em; margin:0 0 10px 0;
  background:url(images/cloud.gif) no-repeat 0; padding:15px 0 15px 80px;
}
#tagList { margin:0; padding:0; }
#tagList li {
  list-style-type:none; float:left; margin:0 10px; height:35px;
}
#tagList li a { text-decoration:none; color:#fff; }
#tagList li a:hover { text-decoration:underline; }
.footer{
	background: #798994;
	display: flex;
	justify-content: space-around;
	color:#fff;
	padding: 10px;
}
.footer a {
	color:#fff;
}
.footer-container {
    max-width: 1500px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-self: center;
    padding: 30px;
}
.flex-center{
	display: flex;
	justify-content: center;
}
.search-container{
	position: relative;
	bottom: 15px;
}
.search-container button {
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}
form.search{
	display: flex;
}

.search-container button i {
	color:#798994;
}

.search-container button:hover {
  background: #ccc;
}
input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
}
.banner{
	overflow: hidden;
	width: 350px;
	padding: 10px;
	background-color: #4bb4e4;
	cursor: pointer;
	height: auto; /*327px;*/
	align-self: center;
	margin: 10px;
	text-decoration:none;
}
.banner img{
	height: 200px;
	width: 200px;
	/*border-radius: 50%;*/
	border-radius: 0% 0% 0% 80%;
	top: -126px;
	right: -200px;
	position: relative;
	border: 2px solid white;
}
.banner h2 {
	color: #fff;
	text-align: center;
	top: 43px;
	position: relative;
	right: 67px;
}
.banner h2::after{
	display: block;
	content: '\f144';
	font-family: 'Font Awesome 5 Free';
}
.banner_text{
	background-color: #fff;	
	bottom: 121px;
	position: relative;
	padding: 20px;
/*	height: 100%;*/
	margin: -10px;
}
.banner_text p {
	color: #798994;
}

.breadcrumb{
	background-color: #f0efef;
}
.breadcrumb li {
	list-style: none;
}
.breadcrumb a{
	color: #4bb4e4;
	text-decoration: none;
	position: relative;
	z-index: 40;
}
.breadcrumb ol> li + li::before {
    padding: 0 5px;
    color: #4bb4e4;
    content: "/\00a0";
}
.breadcrumb ol{
	display: flex;
	flex-direction: row;
	max-width: 1180px;
	margin: 0px auto;
	padding: 15px;
}
.post_time::before
	{
    content: '\f017';
    display: block;
    float: left;
    margin: 0px 12px 0px 0px;
    padding: 0px;
    font-family: 'Font Awesome 5 Free';
    color: #798994;
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
}
.header__link:hover{
		text-decoration:underline;
}
.dx-calendar {
    min-width: 350px!important;
    height: 268.6px;
    min-height: 268.6px;
    background-color: #fff;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    border: 1px solid transparent;
    display: flex;
    align-self: center;
    margin: 10px 0;
}
#a1{
	margin: 10px;
}
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a:hover {
	background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown-content a {
    color: #798994;
    padding: 12px 16px;
    text-decoration: none;
    display: inline-flex;
    margin-right: 5px;
}
ol {
    line-height: 22px;
    color: #798994;
    margin-left: 22px;
}
#cont p, #cont div, #direct_speech p, #simple p, #simple div {
/*	margin-bottom:15px; */
	line-height: 1.5rem;
	color: #798994;
}

#simple p, #simple div  {
	margin-bottom:15px;
}
#simple a, #cont a{
	color: #4bb4e4;
}

.dx-widget {
    font-size: 16px!important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif!important;
	/*font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;*/
    line-height: 1.5rem!important;
}

.medium_line img {    
	display: block;
    max-width: 100%;
    height: auto;
}

.medium_line div{
	margin-bottom:15px; 
	line-height: 1.5rem;
	color: #798994;
}

.medium_line img[hspace] {    
	margin-left:10px;
	margin-right:10px;
}

.medium_line img[vspace] {
    margin-top: 10px;
    margin-bottom: 10px;
}	

/*
.dx-loadpanel-content-wrapper, .dx-loadpanel-content {
	visibility: hidden!important;  
}
.dx-datagrid-bottom-load-panel {  
    border-top: 1px solid #ddd;  
    visibility: hidden;  
} */