@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:400,700|PT+Sans:400,700&subset=cyrillic');

/*
https://colorscheme.ru/#3z21TsOsOK-K-
black #231F20
dark gray #808184
light gray #E6E7E8
super light gray #F1F1F2
white #FFF
deep blue #214361
middle blue #345E85
light blue #A5CCEC
orange #F6921E

bright blue #0086ff
*/


body#hover {
  font-family: "Fira Sans Condensed", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 100vh;
   font-size: 1.25em;
    
}

a#hover {
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: -webkit-clip-path 275ms ease;
  transition: clip-path 275ms ease;
  transition: clip-path 275ms ease, -webkit-clip-path 275ms ease;
}
a#hover:hover::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
a#hover::before {
  position: absolute;
  content: attr(data-content);
  color: #F6921E;
  text-decoration: none;
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  transition: -webkit-clip-path 275ms ease;
  transition: clip-path 275ms ease;
  transition: clip-path 275ms ease, -webkit-clip-path 275ms ease;
}















*
{
padding: 0px;
margin: 0px;
box-sizing: border-box;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
text-align: inherit;
z-index: 0;
}

html
{
font-size: 16px;
line-height: 1.5;
font-family: 'PT Sans', sans-serif;
font-weight: 300;
color: #231F20;
}

.link {
  text-decoration: none;
}

body
{
background: #FFF;
}

h1, h2, h3, h4
{
font-family: 'Fira Sans Condensed', sans-serif;
color: #214361;
font-weight: 400;
text-transform: uppercase;
margin-top: 1rem;
}

h1
{
font-size: 1.75rem;
line-height: 1.75rem;
margin-top: 0;
}

h2
{
font-size: 1.5rem;
line-height: 1.5rem;
}

h3
{
font-size: 1.25rem;
line-height: 1.25rem;
}

h3
{
font-size: 1rem;
line-height: 1rem;
}

p
{
margin-top: 1rem;
}

ol, ul
{
margin-left: 1.25rem;
margin-top: 1rem;
}

table
{
margin-top: 1rem;
border-collapse: collapse;
}

td
{
padding: 0.5rem;
border: solid 1px;
}

strong
{
font-weight: 400;
}

b
{
font-weight: bold;
}

i
{
font-style: italic;
}

a
{
color: #345E85;
}

.clear
{
clear: both;
}

span#scroll_top
{
display: block;
position: fixed;
right: 1rem;
bottom: 1rem;
z-index: 75000;
width: 3.5rem;
height: 3.5rem;
line-height: 3rem;
text-align: center;
font-size: 2rem;
color: #345E85;
background: rgba(255, 255, 255, 0.35);
outline: none;
border: solid 0.25rem;
border-radius: 1.75rem;
cursor: pointer;
transition: all ease 0.15s;
opacity: 0;
}

span#scroll_top.visible
{
opacity: 1;
}

span#scroll_top.visible:hover
{
background: #fff;
}

div#page
{
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
border-left: solid 1px #F1F1F2;
border-right: solid 1px #F1F1F2;
}

div#header
{
position: relative;
height: 5.5rem;
}

a#logo
{
position: absolute;
left: 1rem;
top: 1rem;
display: block;
width: 12.0625rem;
height: 3.4375rem;
background-position: center left;
background-repeat: no-repeat;
}

div#header input
{
position: absolute;
right: 17.5rem;
top: 1rem;
width: 8rem;
height: 1.5rem;
border: none;
color: #345E85;
background-color: #FFF;
background-image: url('search-blue.png');
background-position: 6rem;
background-repeat: no-repeat;
padding-left: 1.25rem;
padding-right: 2.5rem;
text-transform: uppercase;
}

div#headeren input
{
position: absolute;
right: 8.5rem;
top: 1rem;
width: 8rem;
height: 1.5rem;
border: none;
color: #345E85;
background-color: #FFF;
background-image: url('search-blue.png');
background-position: 6rem;
background-repeat: no-repeat;
padding-left: 1.25rem;
padding-right: 2.5rem;
text-transform: uppercase;
}


a#elk
{
position: absolute;
right: 15rem;
top: 0.6rem;
width: auto;
height: auto;
font-size: 1.5rem;
color: #345E85;
}

a#subscribe
{
position: absolute;
right: 12.5rem;
top: 0.6rem;
width: auto;
height: auto;
font-size: 1.5rem;
color: #345E85;
}

a#feedback
{
position: absolute;
right: 10rem;
top: 0.6rem;
width: auto;
height: auto;
font-size: 1.5rem;
color: #345E85;
}
a#feedback_en
{
position: absolute;
right: 6.2rem;
top: 0.6rem;
width: auto;
height: auto;
font-size: 1.5rem;
color: #345E85;
}
a#special
{
position: absolute;
right: 7.5rem;
top: 0.6rem;
width: auto;
height: auto;
font-size: 1.5rem;
color: #345E85;
}

div#language
{
position: absolute;
right: 1rem;
top: 1rem;
width: auto;
height: auto;
}

div#language a, div#language span
{
display: block;
float: left;
font-family: 'Fira Sans Condensed', sans-serif;
width: 2.5rem;
height: 1.5rem;
line-height: 1.5rem;
text-align: center;
text-decoration: none;
color: #FFF;
text-transform: uppercase;
}

div#language span
{
background: #F6921E;
}

div#language a
{
color: #214361;
}

div#main
{
width: 100%;
}

div#menu_top
{
position: relative;
background: #345E85;
background: #214361;
width: 100%;
height: 2.5rem;
display: flex;
justify-content: space-between;
z-index: 5000;
transition: all 0.25s;
padding: 0 1rem;
}

div#menu_top div.burger
{
width: 2.5rem;
height: 2.5rem;
background-image: url('burger.svg');
background-position: center left;
background-size: 1.5rem 1.5rem;
background-repeat: no-repeat;
display: none;
}

div#menu_top div.section
{
width: auto;
height: 2.5rem;
line-height: 2.5rem;
position: relative;
padding: 0rem;
}

div#menu_top div.subsection
{
background: #F1F1F2;
width: auto;
min-width: 12rem;
height: auto;
line-height: 1.5rem;
position: absolute;
top: 2.5rem;
left: 1px;
padding: 0.5rem 1rem;
outline: solid 1px #345E85;
transition: all ease 0.5s;
display: none;
}

div#menu_top div.section:last-of-type div.subsection
{
left: auto;
right: 0;
}

div#menu_top div.section:hover
{
height: auto;
}

div#menu_top div.section:hover div.subsection
{
display: block;
}

div#menu_top a
{
display: block;
color: #FFF;
font-family: 'Fira Sans Condensed', sans-serif;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}

div#menu_top div.subsection a
{
color: #345E85;
text-transform: none;
}

div#menu_top a:hover
{
text-decoration: underline;
}

div#menu_top a.selected, div#menu_top div.subsection a.selected
{
color: #F6921E;
}

div.banners
{
margin-top: 1rem;
text-align: center;
}

div.banners a
{
display: block;
margin-top: 1rem;
}

div.banners a:first-child
{
margin-top: 0rem;
}

div#content
{
width: auto;
}

div.subcontainer
{
padding: 2rem;
}

h2.main
{
height: 3.5rem;
line-height: 3.5rem;
margin-top: 0rem;
font-size: 1.5rem;
font-family: 'Fira Sans Condensed', sans-serif;
text-align: center;
}

h2.main.blue
{
background: #345E85;
color: #FFF;
}

h2.main.gray
{
background: #E6E7E8;
color: #214361;
}

h2.main:hover
{
color: #F6921E;
}

h2.main a
{
text-decoration: none;
color: inherit;
}

div#footer
{
justify-content: space-between;
color: #FFFFFF;
background: #214361;
font-family: 'Fira Sans Condensed', sans-serif;
font-size: 1rem;
display: flex;
flex-direction: row;
padding: 1rem;
flex-wrap: wrap;
}

div#footer a
{
color: #A5CCEC;
}

div#footer div.column
{
width: 25%;
}

div#footer div.social
{
}

div#footer div.social a
{
display: inline-block;
width: 2rem;
height: 2rem;
line-height: 2rem;
background-image: url('social-2022.png');
margin-right: 1rem;
transition: all ease 0.15s;
}

div#footer div.social a.youtube
{
background-position: 0rem 2rem;
}

div#footer div.social a.youtube:hover
{
background-position: 0rem 0rem;
}

div#footer div.social a.vk
{
background-position: 2rem 2rem;
}

div#footer div.social a.vk:hover
{
background-position: 2rem 0rem;
}

div#footer div.social a.zen
{
background-position: 4rem 2rem;
}

div#footer div.social a.zen:hover
{
background-position: 4rem 0rem;
}

div#footer div.social a.ok
{
background-position: 6rem 2rem;
}

div#footer div.social a.ok:hover
{
background-position: 6rem 0rem;
}

a#izd_fb
{
display: block;
margin-top: 1.5rem;
width: 3rem;
height: 3rem;
background-image: url('fb.png');
background-position: center;
background-size: contain;
}

div#footer_link a 
{
display: block;
line-height: 1.5rem;
text-decoration: none;

}

ul.file-list
{
list-style-type: none;
margin-left: 0;
}

ul.file-list.pdf li a
{
padding-left: 1.5rem;
background-image: url('icon-pdf.gif');
background-position: left center;
background-repeat: no-repeat;
}

img.full-width
{
width: 100%;
height: auto;
}

div.magazine_list
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
background: #F1F1F2;
background: #E6E7E8;
padding: 1rem;
}

div.magazine_list a
{
display: block;
width: 16%;
height: auto;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-filter: grayscale(1);
}

div.magazine_list a#logos
{
background-size: 90%;
}

div.magazine_list a#rujec
{
background-size: 85%;
}

div.magazine_list a#vestnik_evropy
{
background-size: 85%;
}

div.magazine_list a#iep_re_2019
{
background-size: 90%;
}

div.magazine_list a:hover
{
-webkit-filter: grayscale(0);
}

div.magazine_list a div
{
padding-top: 56%;
}

a.banner_full_width
{
display: block;
}

a.banner_full_width img
{
width: 100%;
height: auto;
float: left;
}

div#e-g-top
{
background: #345E85;
color: #fff;
padding: 2rem;
}

div#e-g-top *
{
color: inherit;
}

span.close
{
display: block;
width: 1.25rem;
height: 1.25rem;
background-image: url('close.gif');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
opacity: 1;
}

div.feedback_container 
{
width: 100%;
max-width: 60rem ;

}

form.vulgaris p
{
margin-top: 1.5rem;
}

form.vulgaris strong
{
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 700;
color: #345E85;
text-transform: uppercase;
display: block;

}

form.vulgaris input, form.vulgaris textarea
{
display: block;
outline: none;
margin-top: 0.5rem;
border: solid 1px #345E85;
padding: 0 1rem;
height: 2.5rem;
line-height: 2.5rem;
width: 100%;
max-width: 40rem;
}

form.vulgaris textarea
{
height: 5rem;
padding: 1rem;
line-height: 1.25rem;
}

form.vulgaris .invalid
{
outline: solid 2px #b00;
}

form.vulgaris div.captcha
{
margin-top: 1.5rem;
}

form.vulgaris div.captcha img
{
display: inline-block;
vertical-align: middle;
margin-top: 0.5rem;
cursor: pointer;
width: 11.25rem;
height: 2.5rem;
}

form.vulgaris div.captcha input
{
width: 11.25rem;
display: inline-block;
vertical-align: middle;
margin-top: 0.5rem;
margin-left: 1rem;
}

form.vulgaris p.message
{
margin-top: 2rem;
font-weight: 700;
color: #b00;
}

form.vulgaris p.success
{
font-size: 1.5rem;
color: #0b0;
}

form.vulgaris p.toolset
{
margin-top: 2rem;
}

p.toolset
{
margin-top: 2rem;
}

.button
{
display: inline-block;
border: solid 1px #345E85;
background: #345E85;
color: #fff;
transition: all ease 0.15s;
cursor: pointer;
padding: 0.5rem 1rem 0.5rem 2.5rem;
position: relative;
text-transform: uppercase;
text-decoration: none;
}

.button i
{
position: absolute;
top: 0.75rem;
left: 0.75rem;
}

.button:hover
{
background: #fff;
color: #345E85;
}

div.loading
{
width: 100%;
height: auto;
text-align: left;
}

div.loading div.item
{
display: inline-block;
width: 3rem;
height: 3rem;
margin: 3rem 3rem 3rem 0rem;
background: #F0FFFF;
border: solid 0.0625rem #444;
transition: all 0.25s;
}

div.loading div.item.active
{
background: #448ABD;
}

div.success
{
color: #0b0;
font-size: 1.25rem;
font-weight: bold;
margin-top: 2rem;
}

div.narrow
{
width: 100%;
max-width: 40rem;
}

p.subscribe_rubric
{
position: relative;
padding-left: 1.75rem;
cursor: pointer;
color: #808184;
}

p.subscribe_rubric::before
{
content: "\f0c8";
font-family: "Font Awesome 5 Free";
position: absolute;
top: -0.125rem;
left: 0;
font-size: 1.25rem;
color: #345E85;
}

p.subscribe_rubric.active
{
color: #231F20;
}

p.subscribe_rubric.active::before
{
content: "\f14a";
}

p.subscribe_rubric strong
{
font-weight: 700;
}

h2#rubric_header
{
position: relative;
display: inline-block;
width: auto;
}

span#rubric_message
{
position: absolute;
top: 0;
left: 100%;
margin-left: 0.5rem;
color: #0b0;
white-space: nowrap;
}

p.back
{
color: #808184;
font-style: italic;
}

p.back a
{
color: inherit;
font-style: inherit;
}

div.photogallery
{
margin-top: 2rem;
width: 100%;
max-width: 40rem;
}

div.photogallery div.container
{
margin-top: 1rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}

div.photogallery div.container a.item
{
display: block;
width: 15%;
height: auto;
background-position: center;
background-size: cover;
outline: solid 1px #888;
}

div.photogallery div.container a.item div
{
padding-top: 100%;
}

div#map
{
width: 100%;
height: 30rem;
border-top: solid 1px #f1f1f2;
border-bottom: solid 1px #f1f1f2;
}

div#map div.balloon
{
display: flex;
justify-content: space-between;
align-items: flex-start;
}

div#map div.balloon div.thumb
{
flex-shrink: 0;
flex-grow: 0;
width: 6rem;
background-position: center;
background-size: cover;
margin-right: 0.5rem;
}

div#map div.balloon div.thumb div
{
padding-top: 100%;
}

div#map div.balloon div.text hr
{
margin: 0.5rem 0;
border: none;
height: 1px;
background: #000;
}

div#map div.balloon div.text p
{
margin-top: 0rem;
}

.ymaps-2-1-74-balloon__tail
{
z-index: -1000;
}

div.bottom_share_container
{
margin: 2rem auto 1rem 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
}

div.bottom_share_container div.subscribe
{
/*margin-left: 1rem;*/
}

div.ya-share2
{
}

div.ya-share2 div.ya-share2__container_size_m span.ya-share2__icon
{
	width: 2.7rem;
	height: 2.7rem;
	background-size: 2.7rem 2.7rem;
}

@media (max-width: 1024px)
{
div#page { padding: 0.25rem; }
div#content div#mainpage { width: 100%; position: static; padding: 0rem; }
div#content div#right { width: 100%; position: static; }
div#content h1 { margin-top: 1rem; }

div#menu_top { display: block; padding-left: 0.5rem; overflow: hidden; }
div#menu_top.open { height: auto; }
div#menu_top div.burger { display: block; }
div#menu_top div.section { height: auto; padding: 0.5rem 0.5rem 0.5rem 0rem; line-height: 1.25rem; }
div#menu_top div.subsection { display: block; position: static; background: #345E85; color: #FFF; }
div#menu_top a { color: #FFF !important; font-size: 1rem; }
}

@media (max-width: 768px)
{
div#page { border: none; }

div#left_bottom_block { display: none; }

h2.main:first-child { margin-top: 0.25rem; }

div#page { padding: 0.25rem; margin-top: 0rem; }
div#main { display: block; margin-top: 0.25rem; }
div#left { width: 100%; }
div#left div#menu a { text-align: center; }
div#left div.banners { display: none; }
div#content { width: 100%; }
div#content div#mainpage { width: 100%; position: static; padding: 0rem; }
div#content div#right { width: 100%; position: static; }
div#content div#right div.banners a img { width: 50%; height: auto; }
div#content h1 { margin-top: 1rem; }
div#content div#detail div.detail { padding: 1rem; }
div#content div#detail div.detail img { width: 100%; height: auto; float: none !important; margin: 0rem !important; }

div#content.internal { padding: 0.25rem; }

h2.main { margin-top: 0.25rem; height: auto; line-height: 2rem; padding: 0.5rem 0; }
div.content_block, div.content_block_small { margin-top: 0.25rem; }
div#footer { margin-top: 0.25rem; margin-bottom: 0.25rem; }

div#menu_top { margin-top: 0.25rem; }

div.magazine_list a { width: 44%; }

div.photogallery div.container a.item { width: 33%; }

div#footer div.column { width: 50%; }
div#footer div.column:nth-child(n+3) { margin-top: 1rem; }
}

@media (max-width: 480px)
{
div#header { height: 7rem; }
div#header input { position: static; margin-top: 5rem; width: 75%; background-position: center left; margin-left: 1.5rem; padding-left: 1.5rem; }

a#feedback { right: 1.5rem; top: 3rem; }
a#subscribe { right: 4rem; top: 3rem; }
a#elk { right: 6.5rem; top: 3rem; }
a#special { display: none; }

div.magazine_list a { width: 100%; }

div#calendar_main_container { display: block; padding: 0.25rem 0 0 0; }
div#calendar_main_container table { width: 100%; }
div#calendar_main_container div.list { width: 100%; margin: 1rem 0 0 0; }

div.subcontainer { padding: 0.5rem 0.5rem 1rem 0.5rem; }

form.vulgaris div.captcha input { display: block; margin-left: 0; }

div#footer { margin-bottom: 0; }
div#footer div.column { width: 100%; text-align: center; }
div#footer div.column:nth-child(n+2) { margin-top: 1rem; }
}