*, *:after, *:before {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	transition: .5s ease-in-out;
}

@font-face {font-family: Firasansbook; src: url(fonts/Firasansbook.ttf);}


ul {
	list-style: none;
}
a {
	text-decoration: none;
	outline: none;
}
img {
	display: block;
	width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal; line-height: 1;
}




header:after, .container:after, footer:after, .widget-posts-list li:after, #subscribe:after {
	content: "";
	display: table;
	clear: both;
}
body {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px; width: 100%;
	line-height: 1;
	color: #373737;
	background-color: #e6ebee;
}
header {
	width: 100%;
	background: #13334c;
	padding: 0;
	margin-bottom: 20px;
    position: relative;
}
.container {  
	margin: 0 auto;
    width: 100%;
	max-width: 1100px;
	padding: 20px 10px; 
}
.container_menu {  
	margin: 0 auto;
    width: 100%; display: table;
	max-width: 1100px;
	padding: 10px 10px; 
}

.container_telo {  
	margin: 0 auto;
    width: 100%;
	max-width: 1100px;
	padding: 0 10px; display:flex;
}


#stroka { width: 100%; max-width: 1100px; margin: 0 0 15px; background: #005792; font-family: 'Larsseit', arial; }
#stroka a{ line-height: 18px; display: block; float: left; color: #fff; }
#stroka .kno { max-width: 30px; background: #fd5f00; float: right; display: block; font-weight: bold; padding: 3px 5px 3px; font-size: 20px; } 
#stroka .linksl { width: 95%; display: block; padding: 2px 9px 2px; font-size: 20px; } 
 
nav {
	width: 100%; 
}
.logo {
	display: block; 
	float: left; 
	margin: 0px 0; 
}
.logo span {
	color: white;
	display: inline-block;
	line-height: 30px;
	margin: 5px -2px; 
	font-size: 40px;
}
.logo span:hover  { color: #fd5f00;}

.logo_img {width: 100%; max-width: 250px; margin: 0 0 15px; }

.kno { display: table; margin: 10px 10px 10px 0px ; float: left; text-align: center;  
text-decoration: none; font-size: 20px; padding: 10px 20px; 
border: 2px solid #005792; background: #005792; color: #FFF; border-radius: 5px;}
.kno:hover {background: #5d80b6; color: #f7f8f9; border: 2px solid #5d80b6;}

.linka { display: table; margin: 10px 10px 10px 0px ; float: left; text-align: center;  
text-decoration: none; font-size: 20px; padding: 14px 20px; 
color: #005792; border-radius: 5px; }


#menu { background: #005792; margin-top: 0px;}

.menu {
	float: left;
}
#menu li {
	display: inline-block;
    margin-right: 15px;  
}
#menu a {
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	display: block;  padding: 10px 0px;
}
#menu a:hover {
	color: #fd5f00;
}
#menu li:last-child  {
	margin-right: 0;
}
#menu_link a{color: #00FFFF; font-weight: bold;   }
#menu_link a:hover {color: #FFF;}
#menu_akk a{color: #00FF00; font-weight: bold;  
	background: #13334c; border-radius: 5px; padding: 10px 20px; }
#menu_akk a:hover {color: #FFF;}	
#banners_468x60 {
	float: right; width:100%; max-width:468px; height:100%; max-height: 60px; 
	 overflow: hidden;
	display: inline-block;
	position: relative; 
}

.nav-toggle {
	display: none;
	position: relative;
	float: right;
	width: 40px;
	height: 40px;
	margin-left: 20px;
	background: #005792;
	cursor: pointer;
}
.nav-toggle span {
	display: block;
	position: absolute;
	top: 19px;
	left: 8px;
	right: 8px;
	height: 2px;
	background: white;
}
.nav-toggle span:before, .nav-toggle span:after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background: white;
	content: "";
}
.nav-toggle span:before {
	top: -10px;
}
.nav-toggle span:after {
	bottom: -10px;
}
#menu.active {
	max-height: 700px;
}


.d1div {padding: 10px 0; background: white; float: right; display: block;}
.d1form {
  position: relative; 
  width: 150px;
  margin: 0 auto;
}

.d1 input { color: #00FF00; font-weight: bold;  
	background: #13334c; border-radius: 5px; padding: 10px 20px;
  width: 100%;
  padding-left: 10px;
  border: 2px solid #13334c;
  border-radius: 5px;
  outline: none;
  background: #FFF;
  color: #9E9C9C;
}
.d1 button {
  position: absolute; 
  top: 0;
  right: 0px;
  width: 42px;
  height: 42px;
  border: none;
  background: #13334c;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
.d1 button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 16px;
  color: #F9F0DA;
}


.posts-list { 
	margin-bottom: 10px; margin-right: 20px;
	width:100%; 
	float: left; flex-shrink:1;
}
.sticky { 
  position: sticky;
  top: 10px ; margin: 0px auto 20px;
}

.posts { 
	width: 100%;
	margin: 0px auto 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;  
	background: #FFF;
	padding: 20px;
	box-shadow: 3px 3px 1px rgba(0,0,0,.05);
	
}

.posts0 { border-left: 3px solid #13334c; }
.posts1 { border-left: 3px solid #32CD32; }
.posts2 { border-left: 3px solid #FF8C00; }
.posts3 { border-left: 3px solid #FF0000; }


.post-wrap { 
	width: 100%;
	margin: 0px auto 0px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;  
}
.post-item {
	padding-bottom: 20px; width: 100%;
}
.post-item-wrap {
	background: #FFF;
	position: relative; box-shadow: 3px 3px 1px rgba(0,0,0,.05);
}
 
  
.post-link {
	text-decoration: none;
	display: block;
	padding: 20px; 
}
.post-title { border-bottom: 2px solid #efefef; margin-bottom: 10px;  font-family: Firasansbook;   text-align: left; 
line-height: 150%; font-size: 20px; color: #005792;  width: 100%;
}

.post-content {
font-family: Firasansbook; color:#13334c;  text-align: left; 
line-height: 150%; font-size: 15px;
}




.posts-left {  
width: 60%;
float: left;
font-size: 20px;  margin-bottom: 10px;  
}

.posts-right { 
width: 40%;
float: right; padding-left: 15px;
}

.posts-bottom { 
width: 100%; 
float: left; 
}

.posts-img { 
width: 100%; max-width: 300px; margin: 0 auto;  box-shadow: 3px 3px 1px rgba(0,0,0,.05);
}

.posts-content { padding-top: 5px; width: 100%; 
border-top: 2px solid #efefef;
}
.post-osn {
	background: #FFF;
	display: inline-block; padding: 0 0 10px;
}
#scroll_top {
	display: none;
	position: fixed; float: cetner;
	bottom: 30px; margin: 0 auto;
	z-index: 1000;
	background: #005792; color: #FFF; border-radius: 5px; font-size: 14px; font-weight: bold; 
padding: 15px;	
}
#scroll_top:hover {
 	opacity: 1;
}

.rating-area { overflow: hidden; display: table; text-align:left; float: left; }
.rating-area:not(:checked) > input { display: none;}
.rating-area:not(:checked) > label { float: right; width: 52px; cursor: pointer; 
font-size: 50px; line-height: 50px; padding: 0; color: lightgrey; text-shadow: 1px 1px #1E90FF; }
.rating-area:not(:checked) > label:before { content: '★'; }
.rating-area > input:checked ~ label { color: gold; text-shadow: 1px 1px #c60; }
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label { color: gold;}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label { color: gold; text-shadow: 1px 1px goldenrod;}
.rate-area > label:active { position: relative;}

.ncom00 {width: 100%; float: left; font-family: 'Larsseit', sans-serif; color:#13334c;  text-align: left; 
line-height: 150%; font-size: 18px; }
.ncom4 { width: 100%; float: left; padding: 5px 0px; display: table;  text-align:left; }
.ncom5 { width: 100%; color: #1E90FF; display: table;}
.ncom6 {width: 100%; float: left; padding: 5px; margin: 0 auto; border: 2px solid #dedbe6; border-radius: 5px;  font-family: 'Larsseit', sans-serif; color:#13334c;  text-align: left; 
line-height: 150%; font-size: 15px; display: table;}
.ncom6:focus{  border: 2px solid #1E90FF;  outline: none; color:#13334c;  }
.com_button { width: 100%; display: table;  text-decoration: none;  
font-size: 20px; text-align:center; padding: 12px 20px; border: 2px solid #5d80b6; background: #5d80b6; color: #f7f8f9; border-radius: 5px;}
.com_button:hover {color: #5d80b6; background: none; border: 2px solid #5d80b6;}
.com_h3 {margin: 5px auto; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.com_h2 {margin: 5px auto; display: table; width: 100%; font-size: 20px; font-weight: 600;  color: #5d80b6; }
.com_l {width: 70%;  float: left; padding-top: 12px; }
.com_r {width: 30%;  float: left; text-align:center; }

.comment_href { display: table; float: right; text-decoration: none;  
font-size: 20px; text-align:center; line-height: 150%; padding: 0px 20px; font-size: 20px; border-radius: 5px;  background: #005792; color: #FFF; 
}

.com_button:hover {color: #5d80b6; background: none; border: 2px solid #5d80b6;}

.com {width: 100%; padding: 10px; margin: 5px auto; display: table;}
.com00 {width: 100%; float: left;  margin: 0 auto 10px; border: 2px solid #dedbe6; font-family: 'Larsseit', sans-serif; color:#13334c;  text-align: left; 
line-height: 150%; font-size: 18px; }
.com0 {width: 100%;  float: left; padding: 10px; margin: 0 auto; border-bottom: 2px solid #dedbe6; font-family: 'Larsseit', sans-serif; color:#36668c;}
.com1 {width: 25%; float: left; font-size: 20px;   }
.com2 {width: 50%; float: left; text-align:center;}
.com3 {width: 25%; float: left; text-align:right; font-size: 20px; }
.com4 { width: 100%; float: left; padding: 5px 10px; color:#13334c; display: table;}
.com5 { float: left; color: #1E90FF; padding-right: 10px; }

.captcha { width: 170px;  float: center; margin: 0 auto;   }



.primer1 {
   border-spacing: 0 10px; margin-top: -10px;
   font-family: 'Open Sans', sans-serif;
   width: 100%; 
}

.primer1 th {
   padding: 10px 10px;
   background: #005792;
   color: #efefef;
   border-right: 2px #efefef solid;
   text-overflow: ellipsis;
}

.primer1 th:first-child {
   text-align: left;
}

.primer1 th:last-child {
   border-right: none;
}

.primer1 td {
   vertical-align: middle;
   padding: 10px;
   text-align: center;
   border-top: 2px solid #efefef;
   border-bottom: 2px solid #efefef;
   border-right: 2px solid #efefef;
   background: white;
}

.primer1 td:first-child {
   border-left: 2px solid #efefef;
   border-right: 2px solid #efefef;
}

.primer1 td:nth-child(1) {
   text-align: left;
}

@media(max-width: 480px) {
table{
width:100%;//таблица на всю ширину экрана 
}

.col2 { display: none;
}
}

.pay_img {
   width: 100px; margin: 0 auto;
}

.radio label {
  position: relative;
  padding: 0 15px 0 40px; margin-right: 20px;
  cursor: pointer;
 
  float: left; border-radius:15px;
  line-height: 30px; border: 1px solid lightgrey;
}
.radio input {
  position: absolute;
  opacity: 0; border: 1px solid #5d80b6;
}
.radio-control {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px; width: 30px;
  border-radius: 50%;
  text-align: center;
}
.radio-control:before {
  content: "\2714";
  font-family: FontAwesome;
  font-weight: bold;
}
.radio_positive  {background: #32CD32; color: #32CD32; }
.radio_neutral   {background: #FF8C00; color: #FF8C00; }
.radio_negative {background: #FF0000; color: #FF0000; }

.radio label:hover input ~ .radio-control,
.radiol input:focus ~ .radio-control {
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);
}
.radio input:checked ~ .radio-control {
  color: #FFF; content: "\2714";
}

.posts-left-content {   display: inline-block;
width: 100%; 
border-bottom: 2px solid #efefef;
}
.posts-left-title {  float: left; 
font-family: Firasansbook;   text-align: left; 
line-height: 150%; font-size: 25px;color: #005792; 
}
.posts-left-title-right {  
float: right;   text-align: center; 

}


.posts_link_bold { font-size: 14px;  display: inline-block; 
  color: #005792;   text-align: center;
  white-space: nowrap; font-weight: bold;
  padding: 5px 0;   
} 
.posts_link_bold:hover { color: #FD5F00;  text-align: center;}

.posts_link { font-size: 14px;  display: inline-block; 
  color: #005792;   text-align: center;
  white-space: nowrap;
  padding: 5px 10px 5px 0;   
} 
.posts_link:hover { color: #FD5F00;  text-align: center;}

.posts_link:before { padding-right: 5px; content: "\2022";
  font-weight: bold; }

.posts_span {font-size: 14px; display: inline-block; 
color: #FD5F00; padding: 5px 0px; margin-right: 5px; }

.bold { font-weight: bold;}


.posts_span_off {padding: 5px 0px; width: 100%; display: block;}


.rating-result { display: table; margin: 0; float: right; }
.rating-result span { padding: 0; margin: 0;  font-size: 30px; color: lightgrey; text-shadow: 1px 1px #bbb;}
.rating-result > span:before { content: '★';}
.rating-result > span.active { color: gold; text-shadow: 1px 1px #c60;}
.rating_p {  margin: 10px 0 10px 5px; float: right; font-size: 15px;}

.com_{border: 1px solid #bbb; border-radius: 5px; padding: 3px 8px; margin-right: 10px; font-size: 14px; font-weight: bold;  vertical-align: middle;}
.com_positive {color: #32CD32;  }
.com_neutral {padding: 0 8px; margin: 0 5px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; color: #FF8C00; }
.com_negative {color: #FF0000;}
.com { background-image: url('icon/3.svg'); margin: 0 5px 0 5px; vertical-align: middle;background-size: 20px; display: inline-block; width: 20px; height: 20px; content:"";}
.com_t { text-align:left; color: #005792; font-size: 15px; margin: 0 10px 0 5px; vertical-align: middle;}


.publ1 {text-align:left;  color: #005792; font-size: 15px; margin: 0 10px 0 5px; vertical-align: middle;}
.publ11 { background-image: url('icon/calendar.svg'); vertical-align: middle;background-size: 20px; display: inline-block; width: 20px; height: 20px; content:"";}

.publ2 { text-align:left; color: #005792; font-size: 15px; margin: 0 10px 0 5px; vertical-align: middle;}
.publ21 { background-image: url('icon/chat.svg'); vertical-align: middle;background-size: 20px; display: inline-block; width: 20px; height: 20px; content:"";}

.like {text-align:left;  color: #005792; font-size: 15px; margin: 0 10px 0 5px; vertical-align: middle;}
.like1 { color: #005792;background-image: url('icon/like.svg'); vertical-align: middle; background-size: 20px; display: inline-block; width: 20px; height: 20px; content:"";}

.dlike {text-align:left;  color: #005792; font-size: 15px; margin: 0 10px 0 5px; vertical-align: middle;}
.dlike1 { background-image: url('icon/dislike.svg'); vertical-align: middle; background-size: 20px; display: inline-block; width: 20px; height: 20px; content:"";}

.view {text-align:left;  color: #005792; font-size: 15px; margin: 0 10px 0 5px; vertical-align: middle;}
.view1 { background-image: url('icon/view.svg'); vertical-align: middle; background-size: 20px; display: inline-block; width: 20px; height: 20px; content:"";}

.status_positive {background: #32CD32; color: #FFF; border-radius: 5px; padding: 3px 8px; margin-right: 10px; font-size: 14px; font-weight: bold;  vertical-align: middle; }
.status_neutral  {background: #FF8C00; color: #FFF; border-radius: 5px; padding: 3px 8px; margin-right: 10px; font-size: 14px; font-weight: bold;  vertical-align: middle;}
.status_negative {background: #FF0000; color: #FFF; border-radius: 5px; padding: 3px 8px; margin-right: 10px; font-size: 14px; font-weight: bold;  vertical-align: middle;}
.status_waiting  {background: #FD5F00; color: #FFF; border-radius: 5px; padding: 3px 8px; margin-right: 10px; font-size: 14px; font-weight: bold;  vertical-align: middle;}
.status_closed  {background: #005792; color: #FFF; border-radius: 5px; padding: 3px 8px; margin-right: 10px; font-size: 14px; font-weight: bold;  vertical-align: middle;}

.pages {padding: 10px 15px; margin: 0 5px; font-size: 15px; background: #005792; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages_akt {padding: 10px 15px; margin: 0 5px; font-size: 15px; background: #32CD32; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages_to {padding: 10px 15px; margin: 0 5px;  font-size: 15px; background: #32CD32; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages:hover {  background: #13334c;}
.pages_to:hover {  background: #13334c;}

aside {flex-grow:0;
	width:100%; max-width:300px;
	float: right;
}

.category-list * {transition: .4s linear;}
.category-list { float: left; width:100%;
  background: white;
  list-style-type: disc;
  list-style-position: inside;
  padding: 0;
  margin: 0;
}
.category-list li {
  font-family: Firasansbook;  
  border-bottom: 1px solid #efefef;
  padding: 10px 0;
}
.category-list a {
  text-decoration: none;
  font-size: 15px;  color:#13334c; 
}
.category-list li span {
  float: right;
  display: inline-block;
  border: 1px solid #efefef;
  padding: 1px 5px;
  font-size: 13px;
  color: #999;
}
.category-list li:hover a {color: #005792;}
.category-list li:hover span { color: #005792;  }
.category-list li:hover { border-bottom: 1px solid #005792; color: #005792;}




footer {
	padding: 30px 0;
	background: #13334c;
	color: white;
}
.footer-col {
	width: 33.3333333333%;
	float: left;
}
.footer-col a {
	color: white;
}
.footer-col:last-child {
	text-align: right;
}
.social-bar-wrap {
	text-align: center;
}
.social-bar-wrap a {
    padding: 0 7px;
	font-size: 18px;
}





@media (max-width: 768px) {




	
.container_telo {  
	margin: 0 auto;
    width: 100%; 
	padding: 0 10px; display: block;
}

.nav-toggle {
	display: block;
}
header {
	padding: 10px 0;
}

.logo {
	display: block; 
	float: left; 
	margin: 0 0 10px; 
}
.logo span {
	color: white; margin-left: -3px;
	display: inline-block;
	line-height: 30px;
	font-size: 40px;
}

.menu { width: 100%;  
}
#menu { width: 100%;  
	max-height: 0;
	background: #13334c;
    position: absolute;
	overflow: hidden;
	top: 120px;
    right: 0;
	left: 0;
	margin: 0;
	padding: 0;
	float: none;
    z-index: 3;
}
#menu li { width: 100%;  
	display: block;
    text-align: center;
	border-top: 1px solid #EBEBE3;
	margin-right: 0;
}

#stroka .kno { max-width: 30px; background: #fd5f00; float: right; display: block; font-weight: bold; padding: 3px 5px 3px; font-size: 20px; } 
#stroka .linksl { width: 90%; display: block; padding: 2px 9px 2px; font-size: 13px; } 

.kno { max-width: 30px; background: #fd5f00; float: right; display: block; font-weight: bold; padding: 3px 5px 3px; font-size: 20px; } 
.linksl { width: 90%; display: block; padding: 2px 9px 2px; font-size: 13px; } 
 
.posts-list, aside {
    width: 100%; max-width: 100%;
    float: none;
}
.widget-post-title {
	font-size: 1.5em;
} 

.posts-left {  
width: 100%;
float: left;
font-size: 20px; padding: 20px 20px 10px;
}

.posts-right { 
width: 100%;
float: left; padding: 20px;
}




}



















@media(max-width: 480px) {

.container_telo {  
	margin: 0 auto;
    width: 100%;
	padding: 0 10px; 
	display: block;
}




.posts-list, aside {
    width: 100%;
    float: none;
}
.logo {
	display: block; 
	float: left; 
	margin: 0 0 10px; 
}
.logo span {
	color: white;
	display: inline-block;
	line-height: 30px;
	font-size: 30px;
}
#menu {
	top: 120px;
}
#searchform {
	float: left;
	margin-left: 0;
}
.post-footer {
    border-top: none;
	border-bottom: none;
	text-align: center;
}
.post-social {
	position: static;
	text-align: center;
	transform: none;
	margin-top: 20px;
}
.widget-post-title {
	font-size: 1.2em;
}
.footer-col {
	float: none;
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}
.footer-col:last-child {
    text-align: center;
	margin-bottom: 0;
}

.posts-left {  
width: 100%;
float: left;
font-size: 20px; padding: 10px 0px 0px;
}

.posts-right { 
width: 100%;
float: left; padding: 0 0 10px;
}
.posts-bottom { 
width: 100%; 
float: left; padding: 0 0px 10px;
}

.posts-img { 
width: 100%; margin: 5px auto 10px;  max-width: 400px; box-shadow: 3px 3px 1px rgba(0,0,0,.05);
}

.posts-content { padding: 5px 0 0px; width: 100%; 
border-top: 2px solid #efefef;
}
.post-osn {
	background: #FFF;
	display: inline-block;
}


.posts-left-content {   display: inline-block;
width: 100%; border-bottom: 2px solid #efefef;

}
.posts-left-title {  float: left; 
font-family: Firasansbook;   text-align: left; 
line-height: 100%; font-size: 20px;color: #005792; 
}
.posts-left-title-right {  
float: right;   text-align: center; 

}

.view {text-align:left;  color: #005792; font-size: 15px; margin: 0 5px; vertical-align: middle;}

.rating-result { display: table; margin: 0; float: right; line-height: 100%;}
.rating-result span { padding: 0; margin: 0;  font-size: 25px; color: lightgrey; text-shadow: 1px 1px #bbb;}
.rating_p {  margin: 5px 0 5px 5px; float: right; font-size: 15px; line-height: 100%;}

.posts_link { font-size: 14px;  display: inline-block; 
  color: #005792;   text-align: center;
  white-space: nowrap;
  padding: 5px 0;   
} 



.pages {padding: 5px 8px; margin: 0 3px; font-size: 12px; background: #005792; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages_akt {padding: 5px 8px; margin: 0 3px; font-size: 12px; background: #32CD32; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages_to- {display: none;}
.pages_to {padding: 5px 8px; margin: 0 3px; font-size: 12px; background: #32CD32; border-radius: 5px; color:  #FFF;  font-weight: bold;}
.pages:hover {  background: #13334c;}
.pages_to:hover {  background: #13334c;}

}