@charset "utf-8";

html{
    margin: 0px;
    padding:0px;
}

body {
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    
}

#main-wrapper {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

#wrapper-f {
    width: 980px;
    margin: 0 auto;
    position:relative;
}
#active_template_content{
    overflow: hidden;
}

#active_template_content_menu {
    border-top: 5px solid #FBB41E; 
}


ul, li, ol, dt, dd, dl, table, div, span {
  margin:0;
  padding:0;
  font-size:12px;
  list-style: none;
  line-height: 160%;
}

h1, h2, h3, h4, h5, h6{
  margin:0;
  padding:10px 0 20px 0;
}
h1 {
   color: #FF5300;
   font-size: 20px;  
   font-family: Arial, Verdana;
}
h2{
    color: #B9B9B9;
    font-size: 18px;  

}
h2 a:hover {
    text-decoration: none;
}

h3 {
    
}

h4{
    
}

h5{

}

h6{

}

p {
    margin: 0px;
    margin-bottom: 20px;
}

/*p{
  
  margin-bottom:5px;
  line-height:150%;
  margin-bottom: 10px;
  text-indent:20px;
}*/

p.center{
  text-indent:0px;
}
.content-box p{
    
    line-height:18px;
    /*overflow: hidden;*/
}
.content-box h1 {
    color: #a20226;
    padding-top: 20px;
    font-size: 18px;
}

.content-box ul {
    list-style: none;  
}
.content-box ul li {
    list-style: disc;
    color: black;
    padding-bottom: 0px; 
    list-style: inside none disc;
}
.content-box ul li span {
    color: #000000;
}
.content-box ul li span li{
    color: #000000;
}
.content-box ul li ul {
    list-style: decimal!important
}

.content-box.habr-font div div ul li{
    color: #000000;
}

.content-box ul li ul li {
    list-style: decimal!important
}
.content-box a{
    color: #7f7e7e;
}

.habr-font p, .habr-font ul, .habr-font ul li {
    line-height: 160%!important;
    font-size: 13px;
}
ul, ol, ul li, ol li{
  font-size:11px;
  list-style-type: none;
}
.art-list {
    padding-left: 20px;
}

center{
  font-size:11px;
}

a{                          
  text-decoration:none;
  color:#000000;
}

a:hover{
  text-decoration:underline;
  color:#000000;
}

a img{
  border:none;
}

.clear{
    clear: both;
}

.container{
    width: 940px;
    margin: 0px auto;
}

/*  HEADER  */
.header{
    background-color: #f0a300;
    height: 85px;         
    margin: 12px auto 28px;
    width: 100%;
    float: left;
}

.header-cent {
    background: url('../img/header_bg.png') no-repeat;
    height: 110px;
    text-align: center;
    margin: auto;
    margin-top: -12px;
    width: 980px;
    position: relative;
}

#header_bg_left {
    background: url('../img/header_bg_shadow_left.jpg') no-repeat;
    position: absolute;
    top: 12px;
    left: -100px;
    width: 100px;
    padding-top: 12px;
    height: 85px;
}

#header_bg_right {
    background: url('../img/header_bg_shadow_right.jpg') no-repeat;    
    margin-left: auto;
    display: block;
    position: absolute;
    bottom: 12px;
    right: -100px;
    width: 100px;
    height: 86px;
}

.logotip {
    margin-top: 35px;
    margin-left: 41px;
    float: left;
    width: 404px;
    height: 81px;
    background: url('../img/logo_title.png');
    background-repeat: no-repeat;
    
}

.search {
    margin-top: 32px;
    width: 400px; /* Ширина поля с кнопкой */
    height: 40px; /* Минимальная высота */
    border: 1.5px #AFAFAF solid;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background-color: #FFFFFF;
    float: right;
    position: relative;
    margin-right: 116px;
    text-align: center;
}
.search input[type="search"] {
    width: 400px; /* Ширина кнопки */
    height: 40px;
    border: none; /* Убираем рамку */
    outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
    vertical-align: middle; /* Выравнивание по середине */  
   }
 .search input[type="submit"] {
    width: 30px; /* Ширина кнопки */
    height: 30px; /* Высота кнопки */
    border: none; /* Убираем рамку */
    background: url('../img/edit_bg.png') no-repeat 50% 50%; /* Параметры фона */
    float: right;
    padding-bottom: 3px;
   }
.logo-box{
    padding-top: 11px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    color:#FFF;
    font-weight:bold;
    font-size:28px
}
/*footer*/
.footer{
    width: 100%;
    height: 60px;
    float: left;
    background-color: #fbb41e;  
    margin-top:70px;
}
.footer-end {
    height: 15px;
    width: 100%;
    background-color: #fff; 
    float: left;
   /* border-bottom: 4px #0474C1 solid;
    border-top: 4px #0474C1 solid;*/
}
#copyright {
    float: left;
    margin: 26px 10px 20px 0px;
    color: #914b01;
    overflow: hidden;
}
/* MAIN */
#middle:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
header, nav, section, article, aside, footer {
    display: block;
}



#sideLeft {
    float: left;
    width: 180px;
    padding: 10px;
}
.sidebar-box{
    width: 100%;
    padding-bottom: 11px;
    background-color: #C0D0D8;
}
.sidebar-box-title{
    width: 223px;
    background: /*url("../images/sidebar-topline.jpg")*/ top #32b90e no-repeat;
    height: 23px;
    padding-top: 7px;
    padding-left: 18px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}
.avtorisaiz-block {
    overflow: hidden;
    margin-bottom: 20px;
}
.avtorisaiz-block #password{
    width: 50%;
    float: left;
}
.avtorisaiz-block #enter-login{
    width: 46%;
    float: right;
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea, .button {
    margin-bottom: 7px;
    border-radius: 2px;
    font-family: Arial;
    font-size: 14px;
    height: 29px;
}
input[type="text"], input[type="password"] {
    text-align: center;
    color: #ACA899;
    border: 2px solid #FF5300;
    width: 100%;
    padding: 0px;
}
input[type="button"], input[type="submit"], button, .button {
    color: #FFFFFF;
    background-color: #FF5300;
    border: 1px solid #FF5300;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}
textarea {
    height: 50px;
    border: 2px solid #FF5300;
}
a.button {
    height: 17px;
    padding: 6px;
}
a.button:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.avtorisaiz-block .login-box-link {
    font-size: 10px;
    color: #97C566;
    text-decoration: underline;
}
.avtorisaiz-block input.enter:hover, .avtorisaiz-block input.menub:hover {
    cursor: pointer;
}   
.left {
    float: left!important;
}
.right {
    float: right!important;
} 
.filter-title{
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Verdana;
    background: url('../img/title-bg.png') repeat-x left top;
    height: 15px;
    padding: 7px 10px;
    color: #FFFFFF;
    line-height: 18px;
}
li.ntitle input{
    margin-left: 20px;
    margin-right: 11px;
    float: left;
}
li.ntitle p{
    padding-top: 3px;
    font-family: comic sans ms;
}
.hd-right{
    position: absolute;
    width: 30px;
    height: 10px;
}
.hd-right ul{
    float: right;
    height: 26px;
    width: 26px;
}
.hd-right input{
    border: none;
    border-radius: 5px;
    height: 40px;
    width: 400px;
    text-align: center;
    font-size: 14px;
    color: #914b01;
}
.searchexec {
    background: url("../img/search_btn.png") no-repeat scroll 50% center rgba(0, 0, 0, 0);
    height: 30px;
    position: absolute;
    right: -40px;
    top: 5px;
    width: 30px;
}

.logo {
    display: block;
    height: 110px;
    left: 30px;
    position: absolute;
    top: 47px;
    width: 445px;
}
.content-menu {
    text-align: right; 
    padding-top: 12px;
    padding-bottom: 12px;
    width: 940px;
    overflow: hidden;
   
    margin: 0 auto;
}
.content-menu .menu-button{
    display: inline;
    text-align: center;
    padding-left: 20px;
}

.menu-button a {
    color: #848484;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
}
.content-menu .menu-button:hover{
    cursor: pointer;
    color: #a20226;
}
.content-menu .menu-button a:hover{
    text-decoration: none;
    color: #FF6326;
}
.content-menu .menu-button .selected {
    color: #a20226;
}
.content-box{

}
.content-box a:hover{
    cursor: pointer;
}
.content-box h2.title{
    
    padding: 10px 10px;
    margin-bottom: 2px;
    line-height: 14px;
    margin-top: 10px;
    background-color: #fbb41e;
    border-top: 4px solid #dcdcdc;
    color: #4a4a4a;
    width: 103%;
}
.content-box h2.title a {
    color: #FFFFFF;
    line-height: 14px;
}
.content-box h2 {
    color: #4285F4;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 0px;
    margin-bottom: 20px;
}
.content-box span h2{
    color: #a20226;
}
.content-box h3 {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 10px;
}
.content-product{
    float: left;
    height: 178px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 127px;    
}
.content-product-last{
    width: 147px;
    height: 178px;
    float: left;
    margin-right: 0px;
    margin-bottom: 25px;
    padding: 5px 0 0 5px;
}
.content-product-photo{
    width: 127px;
    height: 127px;
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #89BB58;
}
.content-product-photo img {/*, .catalog-item-photo img{*/
    max-width: 127px;   
}
.content-product-name{
    background-color: #FFFFFF;
    padding-top: 4px;
    text-align: center;
    width: 127px;
}
.content-books{
    float:left;
    margin-bottom: 20px;
}
.content-book{
    width: 109px;
    float:left;
    margin-right: 10px;
    height: 180px;
}
.content-book-last{
    width: 109px;
    float:left;
    margin-right: 0px;
    height: 180px;
}
.content-book-photo{
    width: 99px;
    margin: 4px;
    height: 150px;
    border:1px solid #000;
    background-color: #fff;  
}
.content-book-name{
    width: 100%;
    text-align: center;
    background-color: #fff;  
}

#middle:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#middle {
    background-color: #FFFFFF;
}
header, nav, section, article, aside, footer {
    display: block;
}
.footer-logo-box {
    padding-left: 43px;
}
.nav_category a {
    color: #4285F4;
}
.nav_category{
    color: #717B85;
    margin: 0 0 20px 0;
    font-weight: bold;
}
.catalog-item {
   /* background-color:#B5E3FF; */
    width: 100%;
    float: left;
}
.date-read-items {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 7px;
    float: left;
}
.catalog-item-photo{
    width: 140px;
    height: 140px;
    display: table-cell;
    vertical-align: middle;
    border:1px solid #000;
    background-color: #fff;
    
}
.catalog-item-left{
    float: left;
    margin-right: 20px;
}
.catalog-item-right{    
    overflow: hidden;
}
.article-data{
    width: 140px;
    text-align: center;
    float: left;
    color: #717B85;
}
.catalog-item-right p{
    line-height: 160%;
}
.date-read-items a.read{
    float:right;
    margin-right: 15px;
    color: #E88A00;
    font-weight: bold;
    font-size: 11px;
}
h2 .article-data, h1 .article-data{
    float:right;
    width: 90px;
    position: relative;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 15px;
}
.article-main-photo{
    text-align: center;
}
.article-gallery{
    overflow: hidden;
}
.article-gallery-photo{
    float: left;
    height: 127px;
    margin: 0 26px 10px 0;
    width: 127px;
}
.article-gallery-photo-last{
    float: left;
    height: 140px;
    width: 140px;
}
.article-gallery-photo img{
    max-width: 127px;
}
.article-gallery-photo-last img{
    max-width: 140px;
}
.like-article-left{
    float:left;
    width: 49%;
}
.like-article-left a, .like-article-right a {
    color: #1995ea;
}
.like-article-right{
    float: right;
    width: 50%;    
}
.last {
    margin-right: 0px!important;
}

.user-info {
    font-size: 14px;
    margin: 0;
    padding-bottom: 5px;
    text-align: center;
    overflow: hidden;
}
.description-block {
    background-color: #C9DDAA;
    border: 1px solid #D3D3D3;
    border-radius: 5px 5px 5px 5px;
    font-family: Comic Sans MS;
    font-size: 14px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0 5px;
}
.description-block p {
    margin: 3px 0;
}

/*крутой рубрикатор прокручиваемый*/
.searchExp {
    display: block;
    margin-left: 0;
    float: left;
}
.frontcontent {
    position: relative;
    padding: 0px 10px 0px 0px;
    font-size: 12px;
}
.lof-slidecontent {
    height: 235px;
    overflow: hidden;
    position: relative;
    width: 732px;
}
.lof-main-outer {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 512px;
}
.lof-navigator-outer {
    color: #FFFFFF;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    width: 200px;
    height: 350px;
}
ul.lof-navigator {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
ul.lof-navigator li {
    cursor: pointer;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.lof-navigator li div.item-conteiver {
    background: url("../img/rubric-bg.jpg") no-repeat right top transparent;
    color: #FFFFFF;
    height: 100%;
    margin-left: 15px;
    padding-left: 5px;
    position: relative;
}

.lof-navigator li h3 {
    color: #FFFFFF;
    display: table-cell;
    font-size: 13px;
    height: 59px;
    line-height: 11px;
    margin: 0;
    text-align: left;
    vertical-align: middle;
}
ul.lof-main-wapper {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 512px;
}
ul.lof-main-wapper li.rot {
    float: left;
    height: 100%;
    margin-right: 20px;
    overflow: hidden;
    padding: 0;
    width: 512px;
}
.thecontainer {
    min-height: 100%;
    min-width: 512px;
}
.tssh {
    height: 100%;
    position: relative;
}
.onlyforarticlecontent {
    /*font: 10px/1.84em Verdana,sans-serif!important;*/
    font-size: 12px;
    font-family: Verdana,sans-serif;
    text-align: left;
}
.onlyforarticlecontent h2 {
    font-size: 15px;
    background: none;
    padding: 0;
    margin: 0 0 5px;
    height: auto;
}
.onlyforarticlecontent h2 a {
    color: #336633;
    text-decoration: none;
    font-size: 18px;
}
.tssh .td2 {
    font-size: 10px;
    height: 87px;
    min-height: 87px;
    padding: 0 0 0 10px;
}
.img-hidden {
    float: left;
    height: 43px;
    margin: 8px 15px 1px 0;
    width: 60px;
    overflow: hidden;
}
.active-sub-category div.item-conteiver {
    background: url("../img/rubric-bg-hover.jpg") no-repeat right top transparent!important;
}
.content_middle {
    border: 1px solid #AECD03;
    border-radius: 7px;
    padding: 5px;
    overflow: hidden;
}
.icon_container {
    position: relative;
}
.catalog-item-right h4 {
    font-size: 18px;
    background: none;
    padding: 0;
    margin: 0;
    height: auto;
}
.catalog-item-right h4 a {
    color: #336633;
    text-decoration: underline;
}
.random-book {
    overflow: hidden;
}

/*Comments*/
.comment-box{
    margin-bottom: 20px;
    width: 100%;
}
table.user-comments {
    width: 100%;
}
table.profile-userinfo1 {
    margin-bottom: 20px;
}
table.profile-userinfo1 tr {
    background-color: #C9DDAA;
}
table.profile-userinfo1 tr.tr-red-bg {
    background-color: #FFB6B6!important;
}
table.profile-userinfo1 tr td {
    padding: 4px 5px;
    border-bottom: 1px solid #FFFFFF;
}
table.profile-userinfo1 tr td.user-comments-avatar {
    width: 100px;
}
table.user-comments .user-comments-textarea {
    width: 100%;
    height: 80px;
}
.comment-error-info {
    
}
.comment-error-info a {
    color: #1995ea;
    font-weight: bold;
}
#menu-bottom {
    overflow: hidden;
    float: right;

    
}
#menu-bottom ul {
    list-style: none;
    margin-left: 20px;
}
#menu-bottom ul li {
    float: left;
    list-style: none;
    margin: 30px 0px;
    padding-left: 18px;
    color: #fff;
}
#menu-bottom ul li a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
}
blockquote {
    font-style: italic;
}
#mailru {
    float: right;
    margin-top: 10px;
     margin-right: 60px;
}
.liveinternet {
    float: left;
    margin-top: 20px;
    margin-right: 4px;
}  

#liveinternet {
   background: url('../img/footer_share.png') no-repeat;
   margin-left: 210px;
   margin-top: -14px;
   padding-left: 15px;
   width: 235px;
   height: 84px;
}
.news-list-link {
    text-decoration: underline;
}
.author_name {
    color:#FFF;
    font-weight:bold;
    font-size:14px;
    position: absolute;
    top: 1px;
    right: 10px;
}
.author_name:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.category{
    left: 48px;
    margin-bottom: 5px;
    margin-top: 0;
    position: absolute;
    top: 0;  
}

.category a{
     text-decoration: underline;  
     font-size: 16px;
     color: #1995EA; 
}

.img-link {
    position: absolute;    
}

.pcategory a{
    text-decoration: underline;
    display: inline-block;
}
.pcategory {
    height: 140px;
    padding-left: 49px;
    padding-top: 22px;
}
.pcategory a:hover{
    color: #1995EA;
}
.pcat-link {
    float: right; 
    padding-top: 60px; 
    padding-right: 20px;
    color: #1995ea; 
    text-decoration: underline;
}
.cat-list{
     display: block;
     float: left;
     width: 33.333%;
     list-style-type: none; 
     margin: 0;
     position: relative;
 }

 .article-list{
     float: left;
     height: 110px;
     border: 1px #AEAEAE solid;
     border-radius: 5px;  /* свойство для тех кто его поддерживает */
     -moz-border-radius: 5px;  /* для firefox */
     -webkit-border-radius: 5px;
     padding: 20px 10px 30px 40px;
     margin-bottom: 15px;
 }
 
 .article-list2 {
     float: left;
     height: 150px;
     border: 1px #AEAEAE solid;
     border-radius: 5px;  /* свойство для тех кто его поддерживает */
     -moz-border-radius: 5px;  /* для firefox */
     -webkit-border-radius: 5px;
     padding: 20px 15px 30px 40px;
     margin-bottom: 15px;
 }
 
 .article-list h2 a {
     color: #a20226;
 }
 .article-list a {
    color: #7F7E7E; 
 }
  .article-list2 h2 a {
     color: #a20226;
     font-weight: normal;
 }
 .article-list2 a {
    color: #7F7E7E; 
 }
 .news-list h2 {
    color: #b9b9b9;
    font-family: Arial,Verdana;
    font-size: 20px;
    padding-top: 30px;
 }
 .news-list {
    padding-top: 20px;
 }
 
 .news-list a {
    color: #1995EA;
  }
 .news-list li {
    
    float: left;
    width: 35%;
    height: 197px;
    padding: 10px;
    list-style-type: none; 
 }
 .news-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
 }
 
.content-box-alist .article-list h2 a{
    color: #1A99EB;   
}

.sidebar-left {
    float: left;
    position: relative;
    width: 20%;
}

.sidebar-center {
    margin-left: 21%; 
    margin-top: 10px; 
}

.sidebar-center h1:first-child {
    color: #a20226;
    font-weight: normal;
}

.category-list {                  
    margin-top: 0px;
    margin-bottom: 0px;
}
.category-list li{
    list-style-type: none; 
    width: 160px;  
    padding-top: 10px;
    padding-left: 5px; 
}

.category-list li a{
    color: #1A99EB;
    font-size: 16px;
    text-decoration: underline;
}

.content-box .comment-article {
    color: #7f7e7e;
    font-weight: bold;
    /*margin-left: 188px;*/
    margin-right: 5px;
    margin-top: 0;
    /*width: 77%;*/
    width: 100%;
    float: left;
}

.content-box .article-descr {
    margin-top: 17px;
    /*margin-left: 189px;*/
    font-size: 12px;
}
.content-box .article-descr a {
    color: #848484;
    font-weight: bold;
}

.content-box .article-title {
    margin-left: 189px;
    color: #FF5300;
}
.related {
    margin-top: 0;
    /*padding-left: 188px;*/
    position: relative;
    width: 100%;
}
.content-box .related .title {
    margin-bottom: 0;
    margin-top: 0px;
    margin-bottom: 10px; 
    color: #4a4a4a;
    background-color: #fbb41e;
    border-top: 4px solid #DCDCDC;
}
.content-art {
    display: block;
    /*padding-left: 188px;*/
}
#liveinternet .liveinternet:last-child{
    margin-top: 25px;
}
.content-box-alist .dg_pager_container{
    clear:both;   
}
.list-author-item {
    display: inline-block;
}
.news-list li {
    width: 50%;
    box-sizing: border-box;
    height: auto;
}
.dg_pager_container {
    text-align: center;
}

.navigation-menu {
    overflow: hidden;
    position: relative;
}
.main-navigation {
    display: none;
    padding-left: 0;
}
.main-navigation li {
    list-style-type: none;
    text-align: center;
}
.menu-button a {
    font-size: 14px;
}
.main-navigation a:hover {
    color: black;
    transition: 0.3s ease;
}
.hamburger-icon {
    margin: 6px 19px 0 0;
    cursor: pointer;
    color: white;
    float: right;
}
#menu-toggle {
    display: none;
}
#menu-toggle:checked + .main-navigation {
    display: flex;
    flex-direction: column;
    padding: 60px 0;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .content-menu,
    .header-cent,
    .container,
    #wrapper-f {
        max-width: 940px;
        width: 100%;
        box-sizing: border-box;
    }
    .header-cent {
        display: flex;
        justify-content: space-around;
        background: none;
        height: auto;
        margin: auto;
    }
    #header_bg_left,
    #header_bg_right {
        display: none;
    }
    .header {
        margin-top: 0;
    }
    .logotip,
    .search {
        float: none;
        margin-top: 20px;
    }
    .search,
    .logotip,
    .hd-right input {
        max-width: 400px;
        width: 100%;
    }
    .header-cent > a {
        max-width: 240px;
        width: 100%;
    }
    .search {
        margin-right: 0;
    }
    .logotip {
        margin-left: 0;
    }
    .hamburger-pic {
        width: 24px;
        height: 24px;
    }
    .hd-right {
        width: 100%;
    }
    .footer {
        height: auto;
        float: none;
    }
    #wrapper-f {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #copyright {
        float: none;
        margin: 0;
    }
    #menu-bottom {
        float: none;
        order: 1;
    }
    #menu-bottom ul {
        display: flex;
    }
    #menu-bottom ul li {
        float: none;
        margin: 0;
        padding-left: 10px;
    }
    #liveinternet {
        background: none;
        margin-top: 5px;
        margin-left: 0;
        padding-left: 0;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
    }
    .liveinternet {
        float: none;
        margin-top: 0;
    }
    #liveinternet .liveinternet:last-child {
         margin-top: 0;
    }
}

@media screen and (min-width: 992px) {
    .navigation-menu .main-navigation {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 992px) {
    .content-menu,
    .header-cent {
        box-sizing: border-box;
    }
    .main-navigation {
        justify-content: center;
    }
    .logotip{
        height: 55px;
    }
    .header-cent .search {
        max-width: 400px;
        width: 100%;
        float: none;
    }
    .content-menu,
    .header-cent,
    .container,
    #wrapper-f {
        max-width: 940px;
        width: 100%;
    }
    .header-cent,
    .container,
    #wrapper-f {
        padding: 0 20px;
    }
    .article-list,
    .article-list2 {
        height: auto;
    }
    .searchExp ul {
        display: flex;
        flex-wrap: wrap;
    }
    .searchExp ul .cat-list {
        margin-bottom: 40px;
    }
    .cat-list .pcategory {
        height: auto;
    }
    .pcategory a {
        width: 100%;
    }
    .sidebar-left {
        min-width: 170px;
    }
    .footer {
        height: auto;
    }
    .footer-end {
        display: none;
    }
    #wrapper-f {
        flex-direction: column-reverse;
        align-items: center;
    }
    #copyright {
        text-align: center;
        margin: 20px 10px;
    }
    #menu-bottom ul li {
        margin: 30px 0 20px;
    }
}

@media screen and (min-width: 769px) {
    .main-navigation {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .hamburger-icon {
        display: none;
    }
    #menu-toggle:checked + .main-navigation {
        display: flex;
    }
}

@media (max-width: 860px) and (min-width: 768px) {
    .sidebar-center {
        padding-left: 15px;
    }
}

@media screen and (max-width: 768px) {
    #active_template_content_menu {
        border-top: none;
        position: relative;
    }
    .content-menu {
        background: #F0A300;
        position: absolute;
        z-index: 65;
        padding-bottom: 33px;
    }
    .content-menu .menu-button {
        padding: 0 20px;
    }
    .menu-button a {
        color: #FFF;
        font-size: 18px;
        line-height: 48px;
    }
    .main-navigation .menu-button:nth-child(3) a {
        line-height: 1.5em;
    }
    .logotip {
        position: relative;
        z-index: 65;
    }
    .header-cent .search {
        max-width: calc(100% - 42px);
        margin-top: 0;
    }
    .header {
        margin-bottom: 79px;
    }
    .hd-right input {
        height: 39px;
        padding: 0 25px;
        box-sizing: border-box;
    }
    .header-cent {
        flex-direction: column;
        background: #FBB41E;
        padding-bottom: 15px;
    }
    .hamburger-icon {
        margin: 21px 21px 0 0;
    }
    .category-list ul li {
        width: 100%;
        padding-left: 0;
        list-style: none;
    }
    .article-list, .article-list2 {
        border: none;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #AEAEAE;
        border-radius: 0;
        margin-bottom: 20px;
    }
    .searchExp ul .cat-list {
        width: 50%;
    }
    .content-box-alist {
        display: flex;
        flex-direction: column;
    }
    .sidebar-left {
        float: none;
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-evenly;
    }
    .sidebar-center {
        margin-left: 0;
    }
    .list-author-item {
        width: 100%;
    }
    .item-mobile-none {
        display: none;
    }
    .news-list li {
        width: 100%;
    }
    .news-list-link {
        max-width: 280px;
        width: 100%;
        background: rgba(162, 2, 38, 0.62);
        text-align: center;
        padding: 10px 0 !important;
    }
    .news-list .news-list-link {
        color: #fff;
        text-decoration: none !important;
        text-transform: uppercase;
    }
    .mobile-none {
        display: none;
    }
    #menu-bottom ul {
        display: flex;
        flex-direction: column;
        margin-left: 0;
        margin-top: 25px;
    }
    #menu-bottom ul li {
        margin: 0 0 10px 0;
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .content-menu {
        padding-bottom: 0;
    }
    .logotip {
        margin-top: 5px;
        height: 60px;
    }
    .hamburger-icon {
        margin: 0 21px 10px 0;
    }
    .header-cent {
        padding-bottom: 13px;
    }
    .header {
        margin-bottom: 34px;
    }
    .searchExp ul .cat-list {
        width: 100%;
    }
    .news-list ul li {
        padding: 18px 0;
        border-bottom: 1px solid #AEAEAE;
    }
    .news-list-link {
        max-width: 100%;
    }
    .content-box .article-descr {
        text-align: center;
    }
    .like-article-left,
    .like-article-right {
        float: none;
        width: 100%;
    }
    .like-article-left a,
    .like-article-right a {
        display: block;
        margin: 15px 0;
    }
    #menu-bottom ul li {
        padding-left: 0;
    }
    #liveinternet {
        margin-top: 10px;
    }
}