@media (min-width: 601px) and (max-width: 2920px) {

 .layout-page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: #ffffff;
  overflow: hidden;
 }  
 .layout-wrap {
  padding-bottom: 150px; /* the same */
 }
 .layout-header {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 150px;
  background: #e8dfca;
  background: #524e47;
  background: #ffffff;
 }
 .layout-top-line {
  height: 50px;
 dbackground: #f0f0e7;
  text-align: right;
 }


  /* ЛЕВАЯ ПАНЕЛЬ */
 .layout-left-panel {
  display: none;
  position: fixed;
  width: 270px;
  background: #5c5c5c;
  height: 100%;
 }

 /* ЛОГОТИП ПРОЗРАЧНЫЙ */
 .transparent-logo {
  display: none;
  position: absolute;
  left: 35px;
  top: 30px;
  width: 210px;
  height: 197px;
  z-index: 9999;
  background: url('./images/transparent-logo.png') center no-repeat;
 }

 /* ЛОГОТИП ТЕКСТОВЫЙ */
 .text-logo {
  display: none;
  position: absolute;
  left: 190px;
  top: 90px;
  width: 450px;
  height: 60px;
  z-index: 9999;
  font: 400 36px/18px "Open Sans", "Arial", sans-serif;
  text-decoration: none;
  color: #ffffff!important;
 }


 /* ЛОГОТИП */
 .layout-logo-ru, .layout-logo-en {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1100px;
  height: 150px;
  margin: 0;
  background: url('./images/logo_ru.png') center no-repeat;
 }
 .layout-logo-en {
  background: url('./images/logo_en.png') center no-repeat;
 }

 /* МЕНЮ */
 .layout-menu-container {
  display: block;
  position: relative;
 dleft: 300px;
 dtop: 150px;
  background: #b5ae9e;
  padding: 5px;
  dbox-shadow: 0px 2px 1px rgba(0,0,0,0.2);
  dborder-bottom: 14px solid #91867b;
 }
 .layout-menu {
  margin: 0 0 0 35px;
 }
 /* ЭЛЕМЕНТ МЕНЮ */
 .layout-menu-item,
 .layout-menu-item-selected {
  display: inline-block;
  margin: 0 5px 1px 0;
  vertical-align: middle;
  font: 400 14px/18px "Open Sans", "Arial", sans-serif;

  color: #fcffca;
  color: #ffffff;
  text-decoration: none!important;
 dbackground: rgba(0,0,0,0.1);
  padding: 7px 14px;


-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 0px solid #5c1e5c;
-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6);
-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6);
box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6);
dtext-shadow: 0px 1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.2);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8dfca+0,b5ae9e+100 */
background: #e8dfca; /* Old browsers */
background: -moz-linear-gradient(top,  #e8dfca 0%, #b5ae9e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e8dfca 0%,#b5ae9e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e8dfca 0%,#b5ae9e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8dfca', endColorstr='#b5ae9e',GradientType=0 ); /* IE6-9 */

 }
 .layout-menu-item:visited {
  color: #ffffff;
 }
 .layout-menu-item:hover,
 .layout-menu-item:active {
  color: #b5ae9e;
  background: #f6ecd6;
  text-decoration: none!important;
 }
 .layout-menu-item-selected {
  dcolor: #ffc663!important;
  font-weight: bold;
  dbackground: #575757!important;
  cursor: default;
 }
 .layout-menu-item-selected:hover {
  background: #888888!important;
 }
 .layout-menu-item-main {
  padding: 5px 8px 4px 10px;
  vertical-align: middle;
 }




 /* МЕНЮ-ДЕРЕВО */
 .tree-menu-item {
  display: block;
  margin: 0 0 3px 0;
  padding: 3px;
  font: 10pt/12pt "Open Sans", Arial, sans-serif;
 }
 .level0 {
  font: bold 10pt/12pt "Open Sans", Arial, sans-serif; 
 }
 .level1 {
  margin-left: 20px;
 }
 .level2 {
  margin-left: 40px;
 }






 .layout-content {
  margin: 0 0 0 0;
  overflow: hidden;
 }
 .layout-content-center {
  max-width: 980px;
  margin: 0 auto;
 }


 /* блок с тремя колонками */
 .layout-content-columns {
  position: relative;
  padding: 30px 30px 30px 30px;
 }

 .layout-left-block {
  float: left;
  margin: 0 0 20px 0;
  padding: 0px;
  width: 240px;
  overflow: hidden;
 }

 .layout-middle-block {
  margin: 0 300px 0 280px;
  padding: 0 0 0 40px;
  border-left: 1px dotted rgba(0,0,0,0.2);
 }

 .layout-right-block {
  float: right;
  width: 260px;
  margin: 0 0 20px 0;
 }


.right-column-block {
 margin: 0 0 5px 0;
 padding: 20px;
 background: rgba(0,0,0,0.05);
}
.right-column-block h1 {
 font: 400 12pt/14pt "Open Sans", sans-serif;
}
.right-column-block p {
 font: 9pt/10pt "Open Sans", sans-serif;
}


 .layout-footer {
  position: relative;
  height: 150px; /* the same */
  margin-top: -150px; /* the same */
dmargin-left: 270px;
  background: #b5ae9e;
  background: #ffffff;
  doverflow: hidden;
 }

.layout-footer p,
.layout-footer p a,
.layout-footer p a:visited {
 font: 9pt/8pt Arial, sans-serif!important;
 color: #3c3a34!important;
}

}


/* ===========================================================================
   МОБИЛЬНЫЕ УСТРОЙСТВА
============================================================================= */

@media (min-width: 50px) and (max-width: 600px) {

 .layout-page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: #ffffff;
  background: #f0f0e7;
  overflow: hidden;
 }  
 .layout-wrap {
 padding-bottom: 150px; /* the same */
 }
 .layout-header {
  display: block;
  margin: 0;
  padding: 0;
 }
 .layout-top-line {
  height: 50px;
 dbackground: #f0f0e7;
  text-align: right;
 }


 /* ЛЕВАЯ ПАНЕЛЬ */
 .layout-left-panel {
  display: none;
  dbackground: #5c5c5c;
  padding: 10px;
 }

 /* ЛОГОТИП */
 .layout-logo {
  display: none;
  dmargin: 20px 10px 0 10px;
  dwidth: 250px;
  dheight: 270px;
  dbackground: url('./images/logo.png') center no-repeat;
 }

 /* МЕНЮ */
 .layout-menu {
  display: block;
 dbackground: #5c5c5c;
  border: 1px solid red;
  text-align: center;
 }
 /* ЭЛЕМЕНТ МЕНЮ */
 .layout-menu-item,
 .layout-menu-item-selected {
  display: block;
  margin: 0;
  padding: 4px 15px 6px 15px;
  vertical-align: middle;
  font: 20px/20px Arial, Cambria, Georgia, "Times New Roman", serif;
  color: #ffffff;
  text-decoration: none!important;
 }
 .layout-menu-item:visited {
  color: #ffffff;
 }
 .layout-menu-item:hover,
 .layout-menu-item:active {
  color: #ffffff;
  background: #888888;
  text-decoration: none!important;
 }
 .layout-menu-item-selected {
  color: #ffc663!important;
  dbackground: #575757!important;
  cursor: default;
 }
 .layout-menu-item-selected:hover {
  background: #888888!important;
 }
 .layout-menu-item-main {
  padding: 5px 8px 4px 10px;
  vertical-align: middle;
 }


 /* СОДЕРЖАНИЕ СТРАНИЦЫ */
 .layout-content {
  padding: 20px 20px 20px 20px;
  margin: 0;
 }
 .layout-content-center {
  max-width: 980px;
  margin: 0 auto;
 }

 .layout-footer {
  position: relative;
  height: 150px; /* the same */
  margin-top: -150px; /* the same */
  background: #f0f0e7;
  background: #dedede;
 }


}






/* =========================================================================
   ОБЩИЕ ЭЛЕМЕНТЫ
========================================================================= */

/* СОДЕРЖАНИЕ ШАПКИ */
.layout-header-content {
 display: block;
}

/* информация об авторских правах */
.copyrights-info {
 float: left;
 dposition: relative;
 margin: 0 0 0 30px;
 padding: 25px 20px 0 20px;
 dfont: 14px/14px "Open Sans", sans-serif;
 dtext-align: left;
}

/* информация об открытом доступе */
.openaccess-info {
 float: left;
 width: 500px;
 dposition: relative;
 dmargin: 0 0 0 30px;
 padding: 20px 20px 0 20px;
}
.openaccess-info p {
 font: 9pt/12pt "Open Sans", sans-serif!important;
 text-align: left;
}



/* ЗАГОЛОВОК */
.layout-caption,
.layout-caption:hover,
.layout-caption:active {
 display: block;
 margin: 30px 0 15px 0;
 font: 24px/24px "Open Sans", sans-serif;
 font-weight: 500;
 text-align: center;
 color: #52a1d8;
 text-decoration: none;
 letter-spacing: -1px;
}
.layout-caption a {
 text-decoration:none!important;
 color:#52a1d8!important;
}



/* ФОРМА ПОИСКА */
.layout-search-container {
 position: relative;
 margin: 20px 0 20px 0;
 height: 26px;
 line-height: 23px;
 background: #cccccc;
}
.layout-search {
 width: 200px;
 height: 24px!important;
 padding: 0 5px!important;
 font: 13px/13px "Open Sans", Arial, sans-serif!important;
 background: #ffffff!important;
 color: #666666!important;
 border: 1px solid #cccccc!important;
}
.layout-search-submit {
 display: inline-block;
 margin: 0 0 0 5px;
 width: 16px;
 height: 16px;
 background: url('./images/search.png') no-repeat center;
 cursor: pointer;
 vertical-align: middle;
}

/* ССЫЛКИ В ЛЕВОЙ КОЛОНКЕ */
.layout-links {
 display: none;
 margin: 30px 0 0 0;
 text-align: center;
}


.layout-h-separator {
 display: block;
 height: 15px;
 margin: 10px 0 0 0;
 background: url('http://cdn.izdano.ru/img/hshadow.png') no-repeat center top;
}

/* СООБЩЕНИЯ АДМИНИСТРАТОРА */
div.layout-admin-message {
 display:block;
 padding:10px 15px;
 background:#bff3d0;
 color:#666666;
 font: normal 10pt/12pt Tahoma, Arial, Georgia, serif;
 text-align:center;
 border-bottom: 1px solid #cccccc;
}

/* НАПОМИНАНИЕ АДМИНИСТРАТОРУ О ТЕХНИЧЕСКИХ РАБОТАХ */
div.layout-maintenance-message {
 display:block;
 position:relative;
 margin:0;
 padding:10px 15px;
 background:#f3cdc9;
 color:#666666;
 font: normal 12pt/15pt Georgia, serif;
 text-align:center;
 border-bottom: 1px solid #cccccc;
}



/* ЗАГОЛОВОК СТРАНИЦЫ */
.page-caption {
 display: block;
 margin: 5px 0 15px 0;
 padding: 0px 0px;
 vertical-align:top;
 color: #333333;
 font: normal 24pt/24pt 'PT Sans Narrow', Arial, sans-serif;
 letter-spacing: -1px;
 word-spacing: -0.03em;
fborder-bottom: 1px dotted #333333;
}


/* ЗАГОЛОВОК СТРАНИЦЫ ЛИЧНОГО КАБИНЕТА */
.page-caption-my {
 display: block;
 position: relative;
dmargin: 5px 0 15px 0;
 padding: 10px 20px;
 vertical-align:top;
 color: #333333;
 color: #ffffff;
 font: normal 19px/24px Arial, sans-serif;
dletter-spacing: -1px;
dword-spacing: -0.03em;
dborder-bottom: 1px solid #333333;
 background: #f1f1f1;
 background: #9ec9de;
 -webkit-box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.5);
 -moz-box-shadow:    0px 1px 4px rgba(50, 50, 50, 0.5);
 box-shadow:         0px 1px 4px rgba(50, 50, 50, 0.5);
 z-index: 900;
}


/* СИСТЕМНЫЙ ИНДИКАТОР АКТИВНОСТИ */
#ajax-activity {
 display: block;
 position: fixed;
 width: 64px;
 height: 64px;
 background: #ffffff url(./images/ajaxloader.gif) no-repeat center;
 -moz-border-radius: 9px;
 -webkit-border-radius: 9px;
 border-radius: 9px;
 border:2px solid #cccccc;
 z-index: 99999;
}



/* ФОРМА ВХОДА В ШАПКЕ */
.login-container {
 display: block;
 height: 45px;
 margin: 0;
 padding: 5px 10px 0 0;
 text-align: right;
}
.login-form-container {
 display: inline-block;
 width: 330px;
 height: 45px;
}
.login-container form {
 width: 330px;
}
.login-container table {
}
.login-container table td {
 padding: 2px 3px 0 0;
 font: 10px/10px Arial, sans-serif;
 color: #a8a8a8!important;
dtext-align: right;
 vertical-align: middle;
}
.login-container table td a {
 color: #a8a8a8!important;
}
.login-container table td .btn {
 height: 24px;
}
.login {
 padding: 0;
 width: 125px;
 height: 22px!important;
 font: 12px/12px Arial, sans-serif!important;
}






/* ---------------------------------------------------------------------- */


/* БЛОЧНЫЙ ИНДИКАТОР ЗАГРУЗКИ */
.everon_block_loader {
 display: block;
 position: relative;
 left: 0;
 top: 0;
 width: inherit;
 height: inherit;
 background:rgba(255,255,255,0.6) url('./images/loader_small_2.gif') center no-repeat;
}

.everon_block_transparent_loader {
 display: block;
 position: relative;
 width: inherit;
 height: inherit;
 border:1px solid red;
 background: rgba(255,255,255,0.6) url('./images/loader_small_2.gif') center no-repeat;
}



/* ============================================================================
   НАШ СЧЕТЧИК
============================================================================ */
.counter {
 position: absolute;
 bottom: 10px;
 right: 100px;
 width: 88px;
 height: 31px;
}

/* ============================================================================
   СЧЕТЧИК MAIL.RU
============================================================================ */
.mailrucounter {
 position: absolute;
 bottom: 10px;
 right: 200px;
 width: 88px;
 height: 31px;
}

/* ============================================================================
   СЧЕТЧИК CY
============================================================================ */
.cycounter {
 position: absolute;
 bottom: 10px;
 right: 300px;
 width: 88px;
 height: 31px;
}

/* ============================================================================
   ЯНДЕКС.МЕТРИКА
============================================================================ */
.yametrika {
 position: absolute;
 bottom: 10px;
 right: 400px;
 width: 88px;
 height: 31px;
}


/* ============================================================================
   QR-КОД
============================================================================ */

.page-qr img {
 position: absolute;
 bottom: 20px;
 right: 30px;
 width: 110px;
 height: 110px;
 opacity: 0.3;
 z-index: 999999;
}

.page-qr img:hover {
 position: absolute;
 width: 200px;
 height: 200px;
 opacity: 1;
 cursor: none;
 z-index: 999999;
}


/* ВЫПУСКИ ЖУРНАЛА */
.year-issues {
 display: inline-block;
 margin: 0 10px 10px 0;
 padding: 20px;
 width: 160px;
 height: 160px;
 background: #e8dfca;
 background: #cfc5b3;
 overflow: hidden;
 color: #ffffff;
}
.year-issues-year {
 margin: 0 0 10px 0;
 font: 600 24px/24px "Open Sans", Arial, sans-serif;
}

/* СПИСОК СТАТЕЙ */
.article-list {
}
.article-list td {
 padding: 5px 15px 5px 0;
 vertical-align: top;
}
h2.article-list-rubric {
 margin: 0px 0 0 0;
 font: 400 13pt/20pt "Open Sans", sans-serif;
 border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}
p.article-list-name {
 margin: 0 0 3px 0;
 font: bold 11pt/15pt "Open Sans", sans-serif;
}
.article-list-author {
 font: 10pt/10pt "Open Sans", sans-serif;
}
.article-list-page-number {
 display: inline;
 margin: 0 0 0 10px;
 padding: 2px 5px;
 background: rgba(0, 0, 0, 0.1);
 font: 600 8pt/8pt "Open Sans", sans-serif;
 vertical-align: middle;
 line-height: 12pt;
 white-space: nowrap;
}

.article-page-number {
 display: inline-block;
 margin: 15px 0 0px 0;
 padding: 2px 10px;
 background: rgba(0, 0, 0, 0.1);
 font: 600 10pt/10pt "Open Sans", sans-serif;
 vertical-align: middle;
 line-height: 14pt;
 border-left: solid 5px rgba(0, 0, 0, 0.3);
}

.article-list-desc {
 padding: 20px 20px 20px 30px;
 max-width: 800px;
 font: 11pt/17pt "Open Sans", sans-serif;
 background: rgba(0, 0, 0, 0.05);
 border-left: solid 5px rgba(0, 0, 0, 0.3);
 overflow: hidden;
}
.article-list-keywords {
 max-width: 800px;
}
.article-list-keyword {
 display: inline-block;
 margin: 0 5px 5px 0;
 padding: 5px 10px;
 background: rgba(0, 0, 0, 0.1);
 font: 10pt/10pt "Open Sans", sans-serif;
 vertical-align: middle;
 line-height: 14pt;
 border-radius: 3px;
}
.article-list-udc {
 display: inline-block;
 margin: 12px 0 0 10px;
 padding: 2px 5px;
dbackground: rgba(0, 0, 0, 0.1);
 font: 600 8pt/8pt "Open Sans", sans-serif;
 vertical-align: middle;
 line-height: 12pt;
 white-space: nowrap;
 color: #aaaaaa;
}
.article-list-doi {
 display: inline-block;
 margin: 12px 0 0 10px;
 padding: 2px 5px;
dbackground: rgba(0, 0, 0, 0.1);
 font: 600 8pt/8pt "Open Sans", sans-serif;
 vertical-align: middle;
 line-height: 12pt;
 white-space: nowrap;
 color: #aaaaaa;
}
.article-list-doi a, .article-list-doi a:visited {
 text-decoration: none;
 color: #aaaaaa!important;
}
.issue-doi {
ddisplay: inline-block;
dmargin: 12px 0 0 10px;
dpadding: 2px 5px;
dbackground: rgba(0, 0, 0, 0.1);
 font: 600 8pt/8pt "Open Sans", sans-serif;
 vertical-align: middle;
 line-height: 12pt;
 white-space: nowrap;
 color: #aaaaaa;
}
.issue-doi a, .issue-doi a:visited {
 text-decoration: none;
 color: #aaaaaa!important;
}

.article-list-pdf {
 display: block;
 margin: 0 20px 0px 0;
 padding: 0px 10px 0 0;
 float: left;
 dbackground: rgba(0, 0, 0, 0.1);
 font: 600 10pt/10pt "Open Sans", sans-serif;
 text-align: center;
}
a.download-pdf {
 margin: 5px 0 0 0;
 font: 600 7pt/7pt "Open Sans", sans-serif;
 text-align: center;
 overflow: hidden;
}

/* НАВИГАЦИЯ ПО СТАТЬЯМ */
.articles-nav {
 display: inline-block;
 margin: 20px 0 0 0;
 padding: 10px;
 background: #eeeeee;
 border-radius: 2px;
}
.article-prev, .article-next {
 font: 600 11pt/11pt "Open Sans", sans-serif;
 display: inline;
 padding: 5px;
 border-radius: 2px;
}
.link-arrow {
 text-decoration: none;
}