html { font: 100%/130% arial; color: #110f16; }
body { margin:0; padding: 0; }
::selection { background: #8aad8a; color:#fcf3ff;}

a { color: #F29130; }

#site-container { max-width: 1020px; margin: 0 auto; }

#logo { position: absolute; left: 7%; }

#langPicker { background:#336633; text-align:right; padding: 1ex 7% 1ex 1em;}
#langPicker, #langPicker a { font-weight:400; color: #110f16; text-decoration:none; transition: color .25s ease; }
#langPicker a, menu li a {-webkit-transition: color .25s ease; -o-transition: color .25s ease; -moz-transition: color .25s ease;}
#langPicker a {background-repeat: no-repeat; background-size: 15px 15px; background-position: 1em center; font-size: 60%; text-transform:uppercase; font-weight: 700; padding: 1ex 1em 1ex 3em; border-left:1px solid #254a25; }
#langPicker a.active { color:#fcf3ff; }
#langPicker a:hover { text-decoration: underline; color: #fcf3ff; }
#langPicker a:first-child {border-left: none;}
#langPicker a.ru { background-image: url(/images/langFlag-ru.gif); }
#langPicker a.ua { background-image: url(/images/langFlag-ua.gif); }
#langPicker a.en { background-image: url(/images/langFlag-uk.gif); }

menu { background: #110f16; margin:0; list-style-type: none; text-align:right; padding: 1em 7% 1em 260px !important;}
menu li { display:inline-block; padding: 0 1em; vertical-align:text-top;}
menu li a { color: #fcf3ff; text-decoration:none; text-transform: uppercase; font-size:75%; font-weight: 700; position: relative; }
menu li a:hover { color: #f29130; }
menu > li.current > a {color:#F29130 !important;}
li.current ul.submenu { display: block; }
menu li.search { display:block; float:right; }
@media screen and (max-width: 1900px) { menu ul.submenu { position:absolute; right:20%; width:50%; text-align:right; padding:0 7% 0.8em 0; margin:0; } }
@media screen and (min-width: 1900px) { menu ul.submenu { position: absolute; left: 0; width: 93%; text-align: right; padding: 0 7% .8em 0; margin: 0; } }
/*menu ul.submenu li { display:block; }*/
ul.submenu {display:none;}
ul.submenu li a { font-weight: 400; text-transform: none;}
ul.submenu li.current a{color:#F29130 !important;}
menu li:hover ul.submenu, ul.submenu:hover { display:block; }
menu li:hover > a { z-index:1; }
#mainBlock.error { margin: 8em 0; text-align:center; }
#errorCode { font: 1400%/50% Arial; text-transform:uppercase; text-align: center; font-weight: 700; border-top: 1px solid #444; border-bottom: 3px solid black; margin:0; padding-bottom: .45ex; }
#errorCode:first-line { font-size:35%; }
#errorMessage { text-align:center; font-size:200%; margin:0; padding:.5em 0; border-bottom: 1px solid #444;}
#why { text-align:center; line-height:150%; padding: 2em 0; border-bottom: 3px solid #444;}
#why ul { display:inline-block; text-align:left; margin:0; padding:0; list-style-type: decimal;}
#mainBlock.error a { color:black; font-size:150%; text-transform:uppercase;margin: .5em 0; display: inline-block;}
form.search {margin-top:2em;}
form.search input { height: 2em; vertical-align:top;}
form.search input[type=button], form.search input[type=submit] {  border: 1px outset #0a0; margin:0; width:2em;}
form.search input[type=button]:active { border: 1px inset #0a0; }
form.search #search_btn { background: url(/images/searchIcon.png) no-repeat center center, -webkit-linear-gradient(top, #0a0, #363);background: url(/images/searchIcon.png) no-repeat center center, -moz-linear-gradient(top, #0a0, #363); background: url(/images/searchIcon.png) no-repeat center center, -o-linear-gradient(top, #0a0, #363); background: url(/images/searchIcon.png) no-repeat center center, filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a0', endColorstr='#363',GradientType=0); }
form.search input[type=button]#search:active { background: url(/images/searchIcon.png) no-repeat center center, -webkit-linear-gradient(top, #363, #0a0); background: url(/images/searchIcon.png) no-repeat center center, -moz-linear-gradient(top, #363, #0a0); background: url(/images/searchIcon.png) no-repeat center center, -o-linear-gradient(top, #363, #0a0);background: url(/images/searchIcon.png) no-repeat center center, filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#363', endColorstr='#0a0',GradientType=0); }
#mainBlock { margin: 3em 0 0 0; padding:0 7%; }
form.search input[type=button]#extended { background: url(/images/extendedSearchIcon.png) no-repeat center center, -webkit-linear-gradient(top, #0a0, #363);background: url(/images/extendedSearchIcon.png) no-repeat center center, -moz-linear-gradient(top, #0a0, #363);  background: url(/images/searchIcon.png) no-repeat center center, -o-linear-gradient(top, #0a0, #363); background: url(/images/searchIcon.png) no-repeat center center, filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a0', endColorstr='#363',GradientType=0); }
form.search input[type=button]#extended:active { background: url(/images/extendedSearchIcon.png) no-repeat center center, -webkit-linear-gradient(top, #363, #0a0); background: url(/images/extendedSearchIcon.png) no-repeat center center, -moz-linear-gradient(top, #363, #0a0); background: url(/images/extendedSearchIcon.png) no-repeat center center, -o-linear-gradient(top, #363, #0a0);background: url(/images/extendedSearchIcon.png) no-repeat center center, filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#363', endColorstr='#0a0',GradientType=0); }
aside { display:inline-block; width:25%;margin-right: -4px;}

.title { border-top: 5px solid #110f16; border-bottom:2px solid #444; font-size: 140%;font-weight:700; text-transform:uppercase;padding: 1ex; margin-bottom:1ex; -webkit-transition: background .25s ease,padding .25s ease-in-out; -o-transition: background .25s ease,padding .25s ease-in-out; -moz-transition: background .25s ease,padding .25s ease-in-out;}
.title:hover { background: #f09030; padding: 1ex 1ex 1ex 1em; }

#news .block { background: #f1f5f1; padding:1ex; margin: 1em 0;}
#news .block h1 { font-weight: 65px; margin-top:0;}
#news .block .date, #news .block .text, .issue .date { display:inline-block; box-sizing:border-box; font:80%/100% Arial;}
#news .block .date, .issue .date, #faq .date { float:left; text-align:right; color: #336633; font:75%/100% Arial; font-weight: 700; border-right: 2px solid #d0d3d0; padding: 1.4em 1ex; margin-right: 1em; vertical-align:top;}
#faq a#more { float: right; }
#faq #dialog { font: 80%/100% Arial; }
#faq .dial { font-weight:700; cursor: pointer; -webkit-transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out;}
#faq #re.dial { margin-left: 10em; font-weight:400; color: #888;}
#faq #re.dial:hover { color: black; }

#news .block .btn { background: url(/images/moreRibbon.png) no-repeat top right; height:34px; text-align:right; margin: 0 -1ex;}
#news .block .btn a { margin: 2ex 3.2ex 0 0;display: inline-block;color: #fcf3ff;;font-size: 80%; }

#news #moreNews { border-top: 4px solid #777; text-align:right; }
#news #moreNews a { color: #110f16; text-decoration: none; font-size: 100%; color: #777; font-weight: 700;}
#news #moreNews a:hover { text-decoration: underline; }

#content { display:inline-block; vertical-align:top; width: 73.94%;margin: 0 0 0 1%; border-top: 5px solid #110f16;}
#content #issueCalendar { display:inline-block; background: white; padding: 0 0 1ex 1ex; }
#content .title { border-top: none; }
#content #fresh { display:inline; }

.issue { padding:1ex; border-top: 1px solid #e5e5e5;}
.issue h1 { margin: .5ex; line-height:1.5ex;}
.issue h1 a{ color: #363; font-weight: 100; text-decoration: none;}
.issue h1 a:hover{ text-decoration: underline; }
.issue h1 img { padding: .25ex; }
.issue a{ color: #363; text-decoration:none; line-height: 2.5ex; font-weight: 700; border-bottom: 1px dotted transparent; -webkit-transition: border-bottom .2s ease; -moz-transition: border-bottom .2s ease; -o-transition: border-bottom .2s ease;}
.issue a:hover { border-bottom: 1px dotted #363; }
.issue p{ margin: .3em 0; color: #110f16;}
.issue p.FIO { font-size: 100%; margin: 0 0 0 1.5em;}
.issue #description { background: url(/images/iconS_pdf.gif) no-repeat 0 .15em; margin: 0 0 0 10%;}

#issueCalendar { float:right;}
#issueCalendar #latest { background: #f29130; padding: .5em; line-height: 1.6ex; margin: 0; text-align: center;}
#issueCalendar #latest span { font-size: 130%; }
li.journals ul, #issueCalendar > ul { list-style-type: none; padding:0; margin: 0; font-weight: 700; text-align:center; }
#issueCalendar > ul { border-top:2px solid #444;border-bottom:2px solid black; }
#issueCalendar ul li.arrow { color: #888; padding: 1ex 0; cursor: pointer; -webkit-transition: background .4s ease, color .8s ease-in-out;}
#issueCalendar ul li.arrow:hover { background: #eee; color: #444; }
#issueCalendar ul li.arrow:first-child:hover { background:-webkit-linear-gradient(top, #eee, #fff); background:-moz-linear-gradient(top, #eee, #fff); background:-o-linear-gradient(top, #eee, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0);}
#issueCalendar ul li.arrow:last-child:hover { background:-webkit-linear-gradient(top, #fff, #eee); background:-moz-linear-gradient(top, #fff, #eee); background:-o-linear-gradient(top, #fff, #eee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0);}
#issueCalendar ul a { color: #080808; text-decoration:none; border-bottom: 1px dotted transparent;-webkit-transition: border-bottom .2s ease; -moz-transition: border-bottom .2s ease; -o-transition: border-bottom .2s ease;}
#issueCalendar ul a:hover { border-bottom: 1px dotted #080808; }
.archtitle { border-top: 5px solid #110f16; font-weight:700; text-transform:uppercase; text-align:center; padding: 1ex; margin:0;}
.archtitle:first-line { font-size: 162%; text-align:center;}


.lastjor { border-bottom:2px solid #444; font-size: 140%;font-weight:700; text-transform:uppercase;padding: 1ex;-webkit-transition: background .25s ease,padding .25s ease-in-out; -o-transition: background .25s ease,padding .25s ease-in-out; -moz-transition: background .25s ease,padding .25s ease-in-out;}
.lastjor:hover { background: #f09030; padding: 1ex 1ex 1ex 1em; }

.nttl {font-size: 100%; font-weight:700; }
#about div:first-child { margin-left:0; }

footer {text-align: center;}
#infobanner { padding: 0 7%; }
#infobanner > div, #about > div, #credits > * {display:inline-block; width: 31.9%; vertical-align:top; text-align:left; margin: 0 2% 0 -4px;}
#infobanner > div { margin: 3em 2% 3em -4px; }
#infobanner div a { color: black; }
#infobanner > div:last-child, #about > div:last-child, #credits > div:last-child { margin-right:0; }
#infobanner > div:nth-child(2), #about > div:nth-child(2), #credits > div:nth-child(2) { margin-left:0; }
#footerline { border:none; border-bottom: 3px solid #333; margin: .2ex 0;}
footer #about { background: #333; width:86%; padding: 1em 7%; color: #e8e8e8; font-size:80%; text-align:left;}
footer #about h2 { text-transform:uppercase; font-size: 120%; border-bottom: 1px solid #E8E8E8; padding: 1ex; margin: 0; }
#about div:first-child > p:first-child { margin: 0 0 0 1em; }
#squareHolder { display:inline-block; vertical-align:top; }
#squareHolder:nth-child(2) img { margin-bottom:.8ex; }
#credits { background: #001109; color: #68604c; font-size: 75%; line-height: 2ex; padding: 1em 7%;}
#credits > * { border-right: 1px solid #2b3225; height:9em; }
#credits > *:last-child { border-right: 0; }
#credits div > img { float:left; }
#credits div > * { display:inline-block; vertical-align:top; }
#credits div > p { margin: 1.75em 1em 1.75em 0; }
#credits div > p#copyright { margin: 1.75em 1em 1.75em 6.2em; display:block;}
table.article {font-size: .8em; border-collapse: collapse; width: 90%; margin-left:3%;}
table.article tr td:first-child {width: 140px; border-right:1px solid #a8a8a8; font-weight:800; vertical-align: top;}
table.article tr td {border-bottom:1px solid #a8a8a8; padding: 5px;}
span.author {font-size:1.1em; font-weight: 700;}
span.art_title {font-size: 1.3em; color:#363; margin-left: 5%; display: inline-block;}
#content hr {width: 90%; margin-left:3%; height:.1em; background:#000;}

h1.art-title {font-size: 1.3em; color:#363; margin-left: 5%; display: inline-block; }
h1.title { border-top: 5px solid #110f16; border-bottom:2px solid #444; font-size: 140%;font-weight:700; text-transform:uppercase;padding: 1ex; margin-bottom:1ex; -webkit-transition: background .25s ease,padding .25s ease-in-out; -o-transition: background .25s ease,padding .25s ease-in-out; -moz-transition: background .25s ease,padding .25s ease-in-out;}
h1.title:hover { background: #f09030; padding: 1ex 1ex 1ex 1em; }


span.rubric {font-size: 140%; display: block; padding: .5em; background: #F1F5F1; margin-top:.7em;}
div.year_list {display: inline-block; text-align: center; width: 7em;}
div.year_list ul {position: relative; right:20%;}
div.year_list ul li { list-style: none; cursor: pointer;}
div.year_list ul li:hover {text-decoration:underline;}

#search_form {margin-top: .8em;}
/* #query {width: 30%; height:2.5em; padding-left: 2em;}*/
#search_form input[type="submit"] {color:#fff; width:8%; height:2.6em; background:#363; border:none; border-radius:.5em; position:relative; top:-1px;}

#ext_table td {vertical-align:top;}
#ext_table td:first-child {}
#ext_table td input[type="text"] {width: 110%;}

.in_nums {display:none;}
li.year, .in_nums li {cursor:pointer;}

.faq_quest {font-size:120%; color:#363;}
.faq_answer {font-size:80%; font-weight:600; color:#555;}

@media screen and (max-width: 640px) 	{

#logo { top: 2.4em; }
aside, #content, #infobanner > div, #about > div, #credits > * {
display:block;
width:100%;
}
#credits > * {
border-right:0;
border-bottom: 1px solid #2b3225;
}
}

ul {
  list-style-type: square;
}

span.pdflink { margin-left: 5%; display: inline-block;}
a#pdflink {color: #000000;}

.img-responsive {
    width: 100%;
}
.breadcrumbs { 
border-bottom:2px solid #000000; font-size: 90%;font-weight:400; text-transform:uppercase;padding: 1ex; margin-bottom:1ex; 
}

.article-block {
    padding: 0 0 7px;
    position: relative;
}
.article-block .visual {
    border: 1px solid #ddd;
    float: left;
    position: relative;
}
.article-block .article-cover {
    display: block;
    overflow: hidden;
}
.article-block .zoom {
    background: #336633;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    height: 65px;
    left: -6px;
    position: absolute;
    top: 180px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    width: 212px;
}
.article-block .zoom a {
	color: #fff;
}
.article-block .zoom span {
    display: block;
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
}
.article-block .zoom2 span {
    display: block;
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
}
.article-block .read-article {
    float: left;
    font-size: 20px;
    line-height: 24px;
    margin: 10px 0 0 20px;
    text-transform: uppercase;
    width: 75px;
}
.article-block .download-art {
    float: left;
    font-size: 15px;
    line-height: 18px;
    margin: 5px 0 0 20px;
    text-transform: uppercase;
    width: 130px;
}
.article-block .eye {
    background: url("/images/eye.png") no-repeat 0 50%;
    background-image: -webkit-image-set(url("/images/eye.png") 1x,url("/images/eye@2x.png") 2x);
    background-image: image-set(url("/images/eye.png") 1x,url("/images/eye@2x.png") 2x);
    float: right;
    height: 28px;
    margin-top: 20px;
    margin-right: 10px;
    width: 50px;
}
.article-block:after {
    display: block;
    clear: both;
    content: '';
}
.article-block .zoom2 {
    background: #336633;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    height: 65px;
    left: -6px;
    position: absolute;
    top: 255px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    width: 212px;
}
.article-block .arrow {
    background: url("/images/arrow.png") no-repeat 0 50%;
    background-image: -webkit-image-set(url("/images/arrow.png") 1x,url("/images/arrow@2x.png") 2x);
    background-image: image-set(url("/images/arrow.png") 1x,url("/images/arrow@2x.png") 2x);
    float: right;
    height: 50px;
    margin-top: 8px;
    margin-right: 10px;
    width: 50px;
}
.article-block .zoom2 a {
    color: #fff;
    text-decoration: none;
}