html { height: 100%; width: 100%; }
body { width: 100%; padding: 0; margin: 0; background: #f5f5f5; font: 85% 'Open Sans', Arial, sans-serif; color: #111; }
body.text-page {  }
body.error-page { background: #274f8c }

span, div { box-sizing: border-box }	
	
a { color: #274f8c; outline: none }	
a:hover { color: #1fa2e6; }

img, form, p, ul, ol, li, table, tr, td, div { padding: 0; margin: 0; border: 0; }
	
p { padding-bottom: 1.9em; }
	
ul { padding: 0 0 1.5em 0; clear: left }	
ul > li { list-style: none; list-style-type: none; padding: 0 0 .5em 30px; position: relative }
ul > li:before { content: ''; width: 20px; height: 1px; position: absolute; top: 1em; left: 0; background: #a1a1a1; }
ul ul > li:before { content: ''; width: 4px; height: 4px; position: absolute; top: .9em; left: 0; background: #a1a1a1; border-radius: 50% }
ul ol > li { list-style: auto; }	

ol { padding: 0 0 1.5em 20px; clear: left  }	
ol > li { padding: 0 0 .5em 10px; }	

ol ul, ul ul, ul ol, ol ol { padding: 1em 0 0 0; } 
	
h1 { font-size: 44px; font-weight: normal; margin: 0; padding: 0 0 .8em 0; color: #000; line-height: normal }	
h2 { font-size: 32px; font-weight: normal; margin: 0; padding: 0 0 .7em 0; color: #000; line-height: normal }	
h3 { font-size: 24px; font-weight: bold; margin: 0; padding: 0 0 1em 0; color: #000; line-height: normal }	
h4 { font-size: 18px; font-weight: bold; margin: 0; padding: 0 0 1em 0; color: #000; line-height: normal }	
h6 { font-size: 100%; font-weight: bold; margin: 0; padding: 0 0 .5em 0; color: #000; line-height: normal }
	
input, select, textarea { font-family: inherit; padding: 0 0 .1em 4px; font-size: 100%; outline: none; box-sizing: border-box; }

button, input[type="submit"] { -webkit-appearance: none;}
	
a img { border: none; }
	
.img-lft { float: left; margin: 0 20px 20px 0; }	
.img-rgh { float: right; margin: 0 0 20px 20px; }
	
cite { font-style: italic; }

table { font-size: 100%; }
	
.table { border-collapse: collapse; margin: .5em 0 2em 0 }	
.table th { padding: 14px 16px 11px 16px; text-align: left; background: #ffc421; font-size: 100%; font-weight: bold; line-height: normal }	
.table td { padding: 10px 16px; vertical-align: top; font-size: 14px; border-bottom: 1px solid #ffc421; line-height: normal; font-size: 90%  }	

.content-right table {}
.content-right table th { font-size: 13px; padding: 5px 8px; }
.content-right table td { font-size: 13px; padding: 5px 8px; }
.content-right table th p, .content-right table td p { padding-bottom: 0; }

.table-overwrapper { overflow-x: auto; width: 100%; margin-bottom: 2em }
.table-overwrapper table { margin-bottom: 0; }
	
blockquote { margin: 0 0 2em 0; background: none; padding: 10px 20px 10px 30px; border-left: 10px solid #ffc421; font-size: 90%; line-height: 1.7 }
	
.clear { clear: both }	
.shadow { box-shadow: 0 0 6px #3577db; transition: border linear 0.2s, box-shadow linear 0.2s; }

input.infocus { color: #000 !important; font-style: normal !important }

article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }

/*=========================*/
.container { max-width: 1360px; min-width: 320px; margin: 0 auto; background: #fff }
.error-page  .container { background: none }
.container:before { content: ''; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 21; background: #000; transition: all .3s ease 0s; opacity: 0; visibility: hidden }
.container.disabled:before { opacity: .4; visibility: visible }

.container div, .container a, .container span { transition: all .3s ease 0s; }	

.main-slider { height: 650px; overflow: hidden }
.main-slider-item { position: relative; height: 650px; background-size: cover } 
.main-slider-item:before { content: ''; background: #233a55; opacity: .6; top: 0; left: 0; position: absolute; width: 100%; height: 100%; }
.main-slider a, .main-slider a:hover { text-decoration: none !important; }

.main-slider .owl-nav { position: relative; max-width: 1280px; margin: 0 auto; z-index: 20 }
.main-slider .owl-nav .owl-prev { position: absolute; bottom: 104px; right: 90px; width: 50px; height: 50px; background: url(img/slider_nav.png) no-repeat 0 0; font-size: 0 }
.main-slider .owl-nav .owl-prev:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 3px solid #ffc421; box-sizing: border-box; border-radius: 50%; opacity: 0; transition: all .3s ease 0s; }
.main-slider .owl-nav .owl-prev:hover:before { opacity: 1 }
.main-slider .owl-nav .owl-prev.disabled { opacity: .3; cursor: default }
.main-slider .owl-nav .owl-prev.disabled:before { display: none }
.main-slider .owl-nav .owl-next { position: absolute; bottom: 104px; right: 20px; width: 50px; height: 50px; background: url(img/slider_nav.png) no-repeat 100% 0; font-size: 0 }
.main-slider .owl-nav .owl-next:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 3px solid #ffc421; box-sizing: border-box; border-radius: 50%; opacity: 0; transition: all .3s ease 0s; }
.main-slider .owl-nav .owl-next:hover:before { opacity: 1 }
.main-slider .owl-nav .owl-next.disabled { opacity: .3; cursor: default }
.main-slider .owl-nav .owl-next.disabled:before { display: none }

.main-slider-title { color: #fff; font-size: 54px; position: relative; z-index: 1; font-weight: bold; max-width: 1280px; margin: 0 auto; padding: 290px 40px 0 75px; line-height: 1.15em; }

.main-slider-brd { position: absolute; width: 100%; bottom: 0; left: 0; }
.main-slider-brd-in { max-width: 1280px; margin: 0 auto; position: relative; z-index: 20; }
.main-slider-brd-in:before { content: ''; height: 10px; background: #fff; position: absolute; width: 0; top: -10px; left: 0; transition: none } 
.active .main-slider-brd-in:before { width: 100%; /*transition: all 6s linear 0s*/ }

.header { position: relative; z-index: 22; max-width: 1280px; margin: 0 auto; }
.header-in { position: absolute; width: 100%; top: 0; left: 0; background: #f5f5f5; border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; height: 50px; padding-top: 10px; }
.header-in:after { content: ''; position: absolute; top: 0; right: -40px; height: 100%; width: 40px; background: #f5f5f5; border-bottom: 1px solid #e8e8e8; display: none }
.login-block { display: inline-block; margin-left: 100px; font-size: 0 !important }
.login-block a { color: #000; text-decoration: none; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 300 }
.login-block a:hover { color: #1fa2e6 }
/*
.login-block .enter { font-weight: bold; margin-right: 15px; position: relative; top: 1px }
.login-block .enter:before { content: ''; width: 24px; height: 24px; background: url(img/enter.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin-right: 14px; }
.login-block .enter:after { content: ''; width: 24px; height: 24px; background: url(img/enter.png) no-repeat 0 100%; position: absolute; top: 0; left: 0; top: 0; opacity: 0; transition: all .3s ease 0s; }
.login-block .enter:hover:after { opacity: 1 }
*/

.links-block { font-size: 0 !important; position: absolute; top: 0; right: 160px; padding-top: 10px }
.links-block a { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 30px; position: relative }
.links-block a:before { content: ''; width: 22px; height: 22px; display: inline-block; vertical-align: middle; margin: 0 15px 2px 0 }
.links-block a:after { content: ''; width: 22px; height: 22px; position: absolute; top: 0; left: 0; opacity: 0; transition: all .3s ease 0s; }
.links-block a:hover:after { opacity: 1 }
.links-block .internet:before { background: url(img/top_ico1.png) no-repeat 0 0; }
.links-block .internet:after { background: url(img/top_ico1.png) no-repeat 0 100%;  }
.links-block .corruption:before { background: url(img/top_ico2.png) no-repeat 0 0; }
.links-block .corruption:after { background: url(img/top_ico2.png) no-repeat 0 100%; }
.links-block .questions:before { background: url(img/top_ico3.png) no-repeat 0 0; }
.links-block .questions:after { background: url(img/top_ico3.png) no-repeat 0 100%; }
.links-block .opendata:before { background: url(img/top_ico4.png) no-repeat 0 0; }
.links-block .opendata:after { background: url(img/top_ico4.png) no-repeat 0 100%; }


.search-top { position: absolute; width: 40px; height: 100%; border-top: 2px solid #1fa2e6; top: 0; right: 120px; background: url(img/top_ico_search.png) no-repeat 50% 45%; cursor: pointer;  }
.search-top.active { border-color: #ffc422 }
.impaired-top { position: absolute; width: 40px; height: 100%; border-top: 2px solid #1fa2e6; top: 0; right: 70px; background: url(img/top_ico_impaired.png) no-repeat 50% 45%; cursor: pointer }
.impaired-top.active { border-color: #ffc422 }

.sitemap-top { position: absolute; width: 40px; height: 100%; border-top: 2px solid #1fa2e6; top: 0; right: 20px; background: url(img/sitemap.png) no-repeat 50% 40%; cursor: pointer;  }

.top-block-wrapper { position: relative; max-width: 1280px; margin: 0 auto; }
.top-white-block { position: fixed; border: 1px solid #e8e8e8; border-top: 0; background: #fff; height: 120px; width: 500px; position: absolute; left: 0; top: 50px; z-index: 1 }
.top-white-block .logo { position: absolute; top: 18px; left: 20px; width: 416px; overflow: hidden }
.top-white-block .logo:before { content: ''; display: block; width: 416px; height: 87px; background: url(img/logo_n3.jpg) no-repeat 0 0; background-size: contain; }
/*
.fixed .top-white-block { width: 165px; }
.fixed .top-white-block .logo { width: 80px; }
*/

.mobile-icon { position: absolute; width: 26px; height: 22px; top: 12px; left: 22px; cursor: pointer }
.top-block-wrapper .mobile-icon { display: none }
.mobile-icon i { position: absolute; top: 50%; left: 0; height: 2px; width: 100%; background: #615734; margin-top: -1px }
.mobile-icon:before { content: ''; position: absolute; top: 0; left: 0; height: 2px; width: 100%; background: #615734 }
.mobile-icon:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: #615734 }

.top-menu { position: absolute; width: 100%; top: 79px; right: 0; padding-left: 540px; }
/*
.fixed .top-menu { display: none }
*/
.top-menu-item { width: 34%; display: inline-block; vertical-align: top; padding: 0 20px 24px 0; font-size: 16px; font-weight: bold }
.top-menu-item:first-child { width: 26% }
.top-menu-item:nth-child(4n) { width: 26% }
.top-menu-item:last-child { position: absolute; bottom: 0; right: 0; width: auto }
.top-menu-item a { color: #fff; text-decoration: none; transition: none }
.top-menu-item a:hover { border-bottom: 2px solid #ffc421 }

.header-wrapper { position: absolute; width: 100%; top: 0; left: 0; z-index: 30;  }

.main-news { background: #fff; max-width: 1360px; margin: 0 auto; }
.main-news-in { max-width: 1240px; margin: 0 auto; padding: 5px 0 20px 0; }
.main-title { font-size: 40px; font-weight: 600; padding-bottom: 20px }
.main-news-list { overflow: hidden; }
.main-news-list-in { font-size: 0 !important; width: 103%; }
.main-news-item { font-size: 14px; width: 22%; margin-right: 3%; margin-bottom: 3%; display: inline-block; vertical-align: top; font-weight: 300 }
.main-news-image { height: 190px; background-size: cover; background-position: 50% 50%; margin-bottom: 18px; position: relative }
.main-news-image a { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.main-news-date { padding-bottom: 10px }
.main-news-text { line-height: 1.7em }
.main-news-name { font-size: 24px; font-weight: 600; line-height: 1.2em; padding-bottom: 25px }
.main-news-name a { text-decoration: none; color: #000 }
.main-news-name a:hover { color: #1fa2e6 }

.congrat .main-news-in { padding-bottom: 0; padding-top: 20px }
.congrat .inner-news-list-in { width: auto }
.congrat .inner-news-item { width: auto; margin: 0; display: flex }
.congrat .inner-news-image { width: 22.5%; margin-right: 3% }

.main-anonses { background: #fcfcfc; max-width: 1360px; margin: 0 auto; position: relative }
.main-anonses-in { max-width: 1240px; margin: 0 auto; padding: 35px 0 60px 0; min-height: 600px }

.vote-wrapper { position: absolute; height: 100%; background: #2e68ab url(img/votebg.png) no-repeat 100% 0; top: 0; right: 0; width: 340px; padding: 42px 39px; color: #fff; overflow: hidden }
.vote-wrapper:before { content: ''; position: absolute; bottom: 0; left: 0; height: 50%; width: 100%; background: linear-gradient(to top, #285391 28%, transparent 100%); z-index: 1 }
.vote-wrapper-overlink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1 }
.vote-title { font-size: 40px; font-weight: 600; padding-bottom: 15px; line-height: 1.2em; }
.vote-text { font-size: 24px; font-weight: 600; padding-bottom: 30px; line-height: 1.3em }  

.vote-form { overflow: hidden }  
.vote-form-item label { display: block; position: relative; padding: 0 25px 26px 35px; font-size: 14px; font-weight: 300; line-height: 1.6 }
.vote-form-item input { position: absolute; left: -99999px; }
.vote-form-item label:before { content: ''; width: 18px; height: 18px; background: #fff; border-radius: 50%; position: absolute; top: 3px; left: 0; }

.vote-form-link { width: 150px; background: #1fa2e6; color: #fff; font-size: 16px; position: absolute; z-index: 1; bottom: 45px; left: 39px; text-align: center; padding: 10px 0; font-weight: 600; text-decoration: none }
.vote-form-link:hover { background: #088cd1; color: #fff }

.info-slider { height: 500px; overflow: hidden }
.info-slider-flex { width: 100% }
.owl-stage-outer { z-index: 1 }
.info-slider-item { height: 500px; background-position: 0 50%; background-size: cover; position: relative; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0 15% 50px 15%;  }
.info-slider-city { position: relative; z-index: 1; font-size: 20px; font-style: italic; padding-bottom: 20px }
.info-slider-city strong { font-style: normal; font-size: 30px }
.info-slider-title { position: relative; z-index: 1; font-size: 50px; font-weight: 600; margin-bottom: 30px; line-height: 55px }
.info-slider-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 21 }

.info-slider-item:before { content: ''; background: #233a55; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: .4 }

.info-slider-infoblock-wrapper { display: flex; justify-content: center; font-size: 20px; position: relative; z-index: 1 }
.info-slider-infoblock { display: flex; align-items: center; margin: 0 30px }
.info-slider-infoblock span { text-align: left; white-space: nowrap }
.info-slider-infoblock span:first-child { font-size: 68px; font-weight: bold; margin-right: 20px; }

.info-slider-infotext-wrapper { position: relative; z-index: 1; }
.info-slider-infotext { font-size: 20px; display: flex; margin-bottom: 20px; justify-content: center }
.info-slider-infotext strong { width: 25%; text-align: right; }
.info-slider-infotext span { text-align: left; width: 55% }
.info-slider-infotext i { height: 1px; background: #fff; width: 10%; margin: 0 3%; position: relative; top: 14px }

.info-slider-wright { text-align: left; padding-left: 30%; position: relative; }
.info-slider-wright .info-slider-infotext { justify-content: flex-start }
.info-slider-wright .info-slider-infotext strong { width: auto; }
.info-slider-wright .info-slider-infotext span { width: 65% }
.info-slider-wright .info-slider-infotext i { width: 20% }
.info-slider-rightblock { border: 1px solid #fff; padding: 25px; position: absolute; left: 0; top: 12px; width: 23%; font-size: 20px; text-align: center }
.info-slider-rightblock strong { display: block; font-size: 40px ;line-height: 1em; font-weight: 900; padding-bottom: 20px }
.info-slider-rightblock strong sup { font-size: 19px }



.info-slider .owl-nav { position: absolute; width: 100%; margin: 0 auto; height: 100%; top: 0; left: 0  }
.info-slider .owl-nav .owl-prev { position: absolute; margin-top: 0; top: 50%; left: 60px; width: 50px; height: 50px; background: url(img/slider_nav.png) no-repeat 0 0; font-size: 0; z-index: 2 }
.info-slider .owl-nav .owl-prev:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 3px solid #ffc421; box-sizing: border-box; border-radius: 50%; opacity: 0; transition: all .3s ease 0s; }
.info-slider .owl-nav .owl-prev:hover:before { opacity: 1 }
.info-slider .owl-nav .owl-prev.disabled { opacity: .3; cursor: default }
.info-slider .owl-nav .owl-prev.disabled:before { display: none }
.info-slider .owl-nav .owl-next { position: absolute; top: 50%; right: 60px; width: 50px; height: 50px; background: url(img/slider_nav.png) no-repeat 100% 0; font-size: 0; z-index: 2 }
.info-slider .owl-nav .owl-next:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 3px solid #ffc421; box-sizing: border-box; border-radius: 50%; opacity: 0; transition: all .3s ease 0s; }
.info-slider .owl-nav .owl-next:hover:before { opacity: 1 }
.info-slider .owl-nav .owl-next.disabled { opacity: .3; cursor: default }
.info-slider .owl-nav .owl-next.disabled:before { display: none }
.info-slider .owl-dots { position: absolute; width: 100%; bottom: 75px; left: 0; z-index: 2; text-align: center }
.info-slider .owl-dot { width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; display: inline-block; vertical-align: middle; margin: 0 12px }
.info-slider .owl-dot.active { background: #f5cf00; border-color: #f5cf00 }

.index-ya-map { position: relative; height: 580px }
.index-ya-map-list { position: absolute; width: 340px; z-index: 10; right: 0; top: 0; }
.index-ya-map-list-in { background: url(img/ymapbg.jpg) no-repeat 0 0; padding: 34px 0 0 40px; height: 480px; margin: 0 0 0 0; }
.index-ya-map-title { color: #fff; font-size: 30px; font-weight: 600; padding-bottom: 26px }
.index-ya-map-link { font-size: 18px; padding-bottom: 10px }
.index-ya-map-link a { color: #fff; text-decoration: none; cursor: pointer; transition: none }
.index-ya-map-link a:hover { border-bottom: 2px solid #f5cf00 }
.index-ya-map-link.active a { border-bottom: 2px solid #f5cf00 }

.baloon-wrapper { padding: 5px 20px 5px 5px; font-size: 14px }
.baloon-title { font-size: 24px; font-weight: bold; padding-bottom: 15px }

.logos-wrapper { background: #fcfcfc } 
.logos-wrapper.nobg { background: none }
.logos-list { max-width: 1240px; margin: 0 auto; padding: 0 50px }
.logos-list-item { font-size: 0; text-align: center; padding: 60px 0 30px 0; }
.logos-list-item img { display: inline-block; vertical-align: top; margin: 0 10px 20px 10px; width: auto !important; display: inline !important; border-bottom: 2px solid #fff; transition: all .3s ease 0s; filter: grayscale(100%); }
.logos-list-item img:hover { border-color: #f5cf00; filter: grayscale(0); }

.logos-wrapper .owl-nav { position: relative; z-index: 20 }

.logos-wrapper .owl-nav .owl-prev { position: absolute; bottom: 145px; left: -50px; width: 50px; height: 50px; background: url(img/logo_nav.png) no-repeat 0 0; font-size: 0; opacity: .7 }
.logos-wrapper .owl-nav .owl-prev:hover { opacity: 1 }
.logos-wrapper .owl-nav .owl-prev.disabled { opacity: .3; cursor: default }

.logos-wrapper .owl-nav .owl-next { position: absolute; bottom: 145px; right: -50px; width: 50px; height: 50px; background: url(img/logo_nav.png) no-repeat 100% 0; font-size: 0; opacity: .7 }
.logos-wrapper .owl-nav .owl-next:hover { opacity: 1 }
.logos-wrapper .owl-nav .owl-next.disabled { opacity: .3; cursor: default }

.footer-wrapper { height: 540px; background: #274f8c url(img/footer-bg.png) no-repeat 0 0; padding: 85px 0 0 0; color: #fff; font-weight: 300 }
.footer-wrapper a { color: #fff }
.footer-in { max-width: 1240px; margin: 0 auto; position: relative; height: 380px }
.footer-contacts { position: relative; padding-left: 120px; font-size: 16px; overflow: hidden }
.footer-logo { position: absolute; width: 67px; height: 83px; background: url(img/footer-logo.png) no-repeat 0 0; top: 0; left: 0 }
.footer-contacts-item { float: left; width: 270px; margin-right: 50px }
.footer-contacts-title { font-weight: bold; padding-bottom: 12px }

.footer-menu { position: absolute; top: 0; right: 0; font-size: 16px; width: 500px }
.footer-menu-col { width: 320px; float: left }
.footer-menu-item { font-weight: bold; padding: 0 30px 15px 0 }
.footer-menu-item a { text-decoration: none; transition: none }
.footer-menu-item a:hover { border-bottom: 2px solid #ffc421 }

.footer-copy { position: absolute; width: 100%; bottom: 0; left: 0; font-size: 14px; }

.footer-developer { padding-bottom: 32px }
.footer-developer a { text-decoration: none; }
.footer-developer a:before { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(img/developer.png) no-repeat 0 0; margin: 0 10px .2em 0 }
.footer-developer a span { transition: none; }
.footer-developer a:hover span { border-bottom: 1px solid #f5cf00 }

.footer-copy-text { display: inline-block; vertical-align: middle; padding: 0 20px 10px 0; }
.footer-wrapper .wd { display: inline-block; width: 21px; vertical-align: middle }

.to-top { position: absolute; right: 0; top: -11px; font-size: 16px; cursor: pointer }
.to-top span { color: #f5cf00; font-weight: bold }
.to-top i { width: 50px; height: 50px; background: url(img/totop.png) no-repeat 0 0; display: inline-block; vertical-align: middle; margin-left: 8px; position: relative }  
.to-top i:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 2px solid #ffc421; box-sizing: border-box; border-radius: 50%; opacity: 0; transition: all .3s ease 0s }
.to-top:hover i:before { opacity: 1 }

.search-block { background: #274f8c; transition: none !important; position: relative; z-index: 22; max-width: 1360px; margin: 0 auto }
.search-block-in { max-width: 1240px; margin: 0 auto; position: relative }
.search-block input[type=text] { width: 100%; height: 100px; color: #fff; background: #274f8c; border: none; font-size: 25px; }
.search-block input[type=submit] { position: absolute; width: 40px; height: 100%; background: url(img/search_active.png) no-repeat 50% 50%; top: 0; right: 0; border: none; cursor: pointer }

.search-block input[type=text]::-moz-placeholder { color: #fff; opacity: 1 }
.search-block input[type=text]::-webkit-input-placeholder { color: #fff; opacity: 1 }
.search-block input[type=text]:-ms-input-placeholder { color: #fff; opacity: 1 }
.search-block input[type=text]::-ms-input-placeholder { color: #fff; opacity: 1 }
.search-block input[type=text]::placeholder { color: #fff; opacity: 1 } 

.mobile-menu-wrapper { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; max-height: 100vh; }
.mobile-menu-wrapper.active { opacity: 1; visibility: visible; top: 50px }
.mobile-menu { position: relative; }
.mobile-menu-list { background: #fff; width: 500px; padding: 35px 0 20px 102px; }
.mobile-menu-list:after { content: ''; background: #fff; position: absolute; width: 500px; height: 100%; top: 0; left: 0;  }
.mobile-menu-item { font-size: 20px; }
.mobile-menu-item.active { border-right: 1px solid #f5cf00 }
.mobile-menu-item .mobile-menu-link, .mobile-menu-item .formobile-menu-link { color: #5c6166; text-decoration: none; display: block; padding: 5px 50px 5px 0; margin-bottom: 20px; position: relative; font-weight: bold; line-height: 1.2em; position: relative; z-index: 1; cursor: pointer }
.mobile-menu-item:hover .mobile-menu-link, .mobile-menu-item:hover .formobile-menu-link { color: #1fa2e6; z-index: 1; border-right: 1px solid #f5cf00 }
.mobile-menu-item span { font-size: 14px; color: #9a9a9a; position: absolute; top: 3px; left: -27px; font-weight: 300; display: none }
.mobile-menu-close { position: absolute; width: 22px; height: 22px; background: url(img/close.png) no-repeat 50% 50%; top: 30px; left: 24px; cursor: pointer; z-index: 1; background-size: cover }
/*.mobile-menu-close:hover { transform: rotate(90deg) }*/

.mobile-submenu { position: absolute; top: 0; left: 500px; min-height: 100%; background: #fcfcfc; transition: all .4s ease .3s !important; width: calc(100% - 500px); transform: translateX(-500px); opacity: 0; visibility: hidden }
.mobile-submenu-in { padding: 40px 20px 20px 60px; min-width: 500px; }
.mobile-menu-item:hover .mobile-submenu { transform: translateX(0); opacity: 1; visibility: visible }
.mobile-submenu:after { content: ''; min-height: 100%; width: 40px; position: absolute; top: -1px; right: -40px; background: #fcfcfc; border-top: 1px solid #e8e8e8 }
.mobile-submenu-item { font-size: 17px; padding-bottom: 15px }
.mobile-submenu-item a { text-decoration: none; }

.mobile-menu-item .formobile-menu-link { display: none }

.mobile-menu .login-block { text-align: right; display: none; padding: 0 40px 25px 0 }

.mobile-menu .links-block { position: relative; top: 0; right: 30px; padding: 20px 0 40px 0; display: none }
.mobile-menu .links-block a { display: block; margin: 0 0 26px 0; color: #111; text-decoration: none }
.mobile-menu .links-block a:hover { color: #2fa8e7 }

.mobile-menu .search-block { background: none; left: -60px; margin-bottom: 50px; display: none !important }
.mobile-menu .search-block input[type=text] { height: 57px; background: #f5f5f5; font-size: 15px; padding: 0 20px; color: #111 }
.mobile-menu .search-block input[type=submit] { width: 70px; background: url(img/search_mobile.png) no-repeat 50% 50%;  }

.mobile-menu .search-block input[type=text]::-moz-placeholder { color: #111; opacity: 1 }
.mobile-menu .search-block input[type=text]::-webkit-input-placeholder { color: #111; opacity: 1 }
.mobile-menu .search-block input[type=text]:-ms-input-placeholder { color: #111; opacity: 1 }
.mobile-menu .search-block input[type=text]::-ms-input-placeholder { color: #111; opacity: 1 }
.mobile-menu .search-block input[type=text]::placeholder { color: #111; opacity: 1 } 

.page-info { background-position: 50% 50%; background-size: cover; position: relative }
.page-info:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #233a55; opacity: .6 }
.page-info.apart { background-color: #274f8c; background-image: url(img/apart.jpg); background-position: 0 100%; background-repeat: no-repeat; background-size: auto  }
.page-info.noillustr { background-color: #274f8c; background-image: url(img/apart.jpg); background-position: 0 100%; background-repeat: no-repeat; background-size: auto  }
.page-info.apart:before, .page-info.noillustr:before { display: none }
.page-info.leader { background: #274f8c; height: 500px }
.page-info.leader:before { display: none }

.page-title-wrapper { position: relative; max-width: 1280px; margin: 0 auto; min-height: 420px; padding: 250px 0 60px 0; display: flex; align-items: flex-end;  }
.apart .page-title-wrapper { justify-content: center }
.page-title { position: relative; padding-left: 33%; font-size: 44px; color: #fff; font-weight: bold; }
.page-title h1 { font-size: 44px; color: #fff; font-weight: bold; padding: 0; line-height: 1.3em }

.apart .page-title { padding-left: 0; text-align: center; padding: 0 10%;  }
.page-title.preimage { padding-bottom: 60px }

.content-wrapper { max-width: 1280px; margin: 0 auto; padding-bottom: 65px; }
.content-left { width: 33%; float: left }
.content-right { overflow: hidden; padding: 20px 0 25px 0; font-size: 16px; line-height: 1.9em }

.content-right.apart { overflow: visible; max-width: 1280px; margin: 0 auto;  }
.content-right.wide { max-width: 900px; margin: 0 auto; }
.content-right.full { overflow: visible }

.side-menu { width: 88%; border-top: 10px solid #ffc421; background: #f5f5f5; box-shadow: 0 0 6px #dde; padding: 30px 20px 20px 20px; position: relative; top: -100px; font-size: 0 }
.side-menu-item { padding-bottom: 16px; font-size: 16px }
.side-menu-item1 { font-weight: bold }
.side-menu-item.hasitem i { display: inline-block; background: url(img/hasitem.png) no-repeat 0 0; width: 8px; height: 14px; vertical-align: middle; margin: 0 0 .1em 9px; cursor: pointer; transition: all .3s ease 0s } 
.side-menu-item.opened i { transform: rotate(90deg); }
.side-menu-item a { text-decoration: none }
.side-menu-item.selected a { color: #111; border-bottom: 2px solid #ffc421 }
.side-menu-title { font-size: 18px; font-weight: bold; margin-bottom: 25px }
/*
.side-menu-item2 { padding-left: 25px; }
.side-menu-item3 { padding-left: 50px; }
*/

.side-menu_sublist { padding: 0 0 5px 25px; display: none; transition: none !important }
.side-menu_sublist .side-menu-item { padding-bottom: 12px; }
.selected + .side-menu_sublist { display: block }


div.error-page { display: flex; min-width: 650px; height: 100vh; background: url(img/error.jpg) no-repeat 50% 100%; position: relative; align-items: center; justify-content: center; text-align: center }

.error-info { text-align: center; padding-top: 200px }
.error-title { font-weight: bold; color: #fff; font-size: 44px; padding-bottom: 50px }
.error-title h1 { color: #fff; font-weight: bold }
.error-path { font-size: 16px; font-weight: bold; padding-bottom: 25px }
.error-path a { color: #ffc421; text-decoration: none }
.error-path a:hover { color: #f5cf00 }

.error-text { color: #fff; font-size: 18px; font-weight: 300; padding: 0 20px 80px 20px }

.inner-news-list { overflow: hidden; }
.inner-news-list-in { font-size: 0 !important; width: 103%; }
.inner-news-item { font-size: 14px; width: 30.3%; margin-right: 3%; display: inline-block; vertical-align: top; font-weight: 300; margin-bottom: 45px }
.inner-news-image { height: 190px; background-size: cover; background-position: 50% 50%; margin-bottom: 18px; position: relative }
.inner-news-image a { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.inner-news-date { padding-bottom: 10px }
.inner-news-text { line-height: 1.7em }
.inner-news-name { font-size: 24px; font-weight: 600; line-height: 1.2em; padding-bottom: 25px }
.inner-news-name a { text-decoration: none; color: #000 }
.inner-news-name a:hover { color: #1fa2e6 }

.pagination { overflow: hidden; margin: 20px 0 0 0; position: relative; font-size: 0 }
.pagination a { margin-right: 14px; display: inline-block; vertical-align: top; text-decoration: none; font-size: 16px; padding: 7px 0; min-width: 46px; text-align: center; font-weight: bold; border-radius: 50% }
.pagination a.active { border: 3px solid #7cbce2; color: #222;  }

.pagination .next { position: absolute; right: 0; top: 0; border-radius: none }

.pagination .next i { display: inline-block; width: 18px; height: 16px; background-image: url(img/parr.png); vertical-align: middle; margin: 0 0 3px 10px; position: relative; opacity: 1; background-size: cover }
.pagination .next i:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(img/parr_h.png); opacity: 0; transition: all .3s ease 0s; background-size: cover }
.pagination .next:hover i:before { opacity: 1 }

.path { font-size: 16px; padding-bottom: 6px }
.path a { text-decoration: none; color: #ffc421 }
.path a:hover { color: #fdd25a }

.sep-date { text-transform: uppercase; text-align: center; font-weight: 300; font-size: 18px; padding-bottom: 30px }

.apart-image {height: 430px; background-size: cover; position: relative; top: -110px; margin-bottom: -80px; box-shadow: 0 0 7px #666}

.content-right.apart p {margin-top: 0.1em; margin-bottom: 0.1em;  padding-bottom: 5px; text-indent: 47px;}
.content-right.apart img {max-width:100%; margin: 0 auto; display: block; background-size: cover; position: relative;}

.back-link-wrapper { background: #274f8c; padding: 15px 20px; color: #fff; position: relative }
.back-link { display: inline-block }
.back-link span { display: inline-block; vertical-align: middle; }
.back-link a { font-size: 16px; text-decoration: none; color: #fff; font-weight: 300; position: relative; display: inline-block }
.back-link a:before { content: ''; display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: url(img/slider_nav.png) no-repeat 0 0; margin: 0 22px 1px 0 }
.back-link a:after { content: ''; position: absolute; width: 50px; height: 50px; border-radius: 50%; border: 3px solid #ffc421; top: 0; left: 0; box-sizing: border-box; opacity: 0; transition: all .3s ease 0s }
.back-link a:hover:after { opacity: 1 }

.back-link-apart { text-align: center; padding-top: 50px }
.back-link-apart .back-link a { color: #13519c }
.back-link-apart .back-link a:before { background: url(img/logo_nav.png) no-repeat 0 0; }
.back-link-apart .back-link a:after { border-color: #7cbce2; opacity: 1 }
.back-link-apart .back-link a:hover:after { opacity: 0 }

.back-link-wrapper { margin-top: 30px }
.back-link-wrapper .socnets { position: absolute; top: 26px; right: 30px; line-height: normal }
.socnets span { display: inline-block; vertical-align: middle; font-weight: 300; font-size: 16px; margin-right: 15px }
.socnets a { display: inline-block; vertical-align: middle; width: 22px; height: 17px; margin: 0 5px; opacity: .9 }
.socnets a:hover { opacity: 1 }
.socnets a.vk { background: url(img/socnets.png) no-repeat 0 0 }
.socnets a.fb { background: url(img/socnets.png) no-repeat -41px 0 }
.socnets a.tw { background: url(img/socnets.png) no-repeat -80px 0 }

.image-gallery { padding: 20px 0 40px 0 }
.lSPager, .lightSlider { padding: 0 !important; }
.lSPager li, .lightSlider li { padding: 0 !important; background-size: contain; background-repeat: no-repeat; background-position: 50% 50% }
.lSPager li:before, .lightSlider li:before { display: none !important }

.gallery-list { overflow: hidden }
.gallery-list-in { width: 103%; font-size: 0 !important }
.gallery-image { position: relative; height: 190px; margin-bottom: 15px; background-size: cover }
.gallery-image a { position: absolute; width: 100%; height: 100%; top: 0; left: 0 }
.gallery-item { width: 30.3%; display: inline-block; vertical-align: top; margin-right: 3%; margin-bottom: 45px }
.gallery-link { font-size: 24px; font-weight: 600 }
.gallery-link a { color: #000; text-decoration: none }
.gallery-link a:hover { color: #1fa2e6 }

.form-content { padding-top: 20px; max-width: 560px }
.form-content.apart { margin: 0 auto }
.form-content input { transition: all .2s ease 0s }
.input { padding-bottom: 30px; position: relative }
.input input[type=text] { width: 100%; height: 50px; border: 1px solid #e2e1e1; background: #f5f5f5; font-size: 14px; padding: 0 20px; }
.input input[type=text]:focus { border-color: #7cbce2 }
.input textarea { width: 100%; height: 120px; border: 1px solid #e2e1e1; background: #f5f5f5; font-size: 14px; padding: 15px 20px; max-width: 100% }
.input textarea:focus { border-color: #7cbce2 }
.form-content .submit { padding-top: 10px }
.form-content .submit input { height: 50px; background: #1fa2e6; color: #fff; font-size: 16px; border: none; width: 160px; cursor: pointer }
.form-content .submit input:hover { background: #088cd1 }

.form-content .input input.error, .form-content .input textarea.error { border-color: #e61f28 }
.form-content label.error { color: #e61f28; left: 0; bottom: 0; font-size: 12px; display: block; line-height: 12px; margin: 10px 0 -10px 0 }

.form-content .input.select { position: relative }
.form-content .input.select input { background-image: url(img/select.png); background-position: 100% 50%; background-repeat: no-repeat; position: relative; z-index: 1 }

.form-content .file-input-title { border: 1px solid #7bbbe1; font-size: 16px; width: 180px; text-align: center; color: #274f8c; padding: 2px 0; background: #f5f5f5; display: inline-block; cursor: pointer; margin-right: 20px; vertical-align: middle; transition: all .3s ease 0s }
.form-content .file-input-title:hover { background: #7bbbe1; color: #fff }
.file-input input { position: absolute; left: -99999px }
.file-input_text { display: inline-block; vertical-align: middle }

.top-navigation { padding: 0 0 15px 0; overflow: hidden }
.top-navigation li { padding: 0 40px 15px 0; float: left; font-weight: 600 }
.top-navigation li:before { display: none; }
.top-navigation a { text-decoration: none; font-weight: normal }

.to-link { padding-bottom: 45px }
.to-link a { display: inline-block; background: #1fa2e6; color: #fff; font-size: 16px; border: none; width: 180px; cursor: pointer; padding: 10px 0; text-align: center; text-decoration: none; cursor: pointer }
.to-link a:hover { background: #088cd1 }

.faq-one { background: #fcfcfc; padding: 15px 20px; margin-bottom: 45px }
.faq-one-title { font-size: 24px; font-weight: 600; padding-bottom: 15px }
.faq-one-name { font-weight: 300; font-size: 95%; padding-bottom: 5px }
.faq-one-part { font-size: 12px; font-weight: 600; color: #818181 }
.faq-one blockquote { margin: 20px 0; cursor: pointer }
.faq-one blockquote i { padding-left: 5px; font-weight: 300 }

.faq-toggle { display: none; transition: none !important }
.faq-form { padding-top: 60px }

.select-list-wrapper { position: relative; z-index: 1; }
.select-list { position: absolute; width: 100%; top: 0; background: #f5f5f5; border: 1px solid #e2e1e1; border-top: none; box-shadow: 0 0 6px #ddd; opacity: 0; visibility: hidden }
.active .select-list { opacity: 1; visibility: visible }
.select-list-item { padding: 5px 15px; font-size: 95%; cursor: pointer }
.select-list-item:hover { background: #e9e9e9 }

.search-page { margin-bottom: 30px; position: relative }
.search-page input[type=text] { width: 100%; height: 60px; color: #000; background: #f5f5f5; border: none; font-size: 16px; padding: 0 20px; }
.search-page input[type=submit] { position: absolute; width: 55px; height: 60px; background: url(img/search_mobile.png) no-repeat 50% 50%; top: 0; right: 0; border: none; cursor: pointer }
.search-result { font-size: 14px; font-weight: 300; padding-top: 16px }
.search-result b { font-weight: 600 }

.search-page-item { padding-bottom: 40px }
.search-page-link { font-size: 24px; font-weight: 600; padding-bottom: 25px; line-height: 1.2em }
.search-page-link a { color: #000; text-decoration: none }
.search-page-link a:hover { color: #1fa2e6 }
.search-page-text { font-weight: 300; font-size: 95%; line-height: normal } 
.search-page-list .sbg { background: #ffc421 }

.vote-list {}
.vote-one { background: #fcfcfc; padding: 20px; margin-bottom: 40px }
.vote-link { font-size: 24px; font-weight: 600; margin-bottom: 20px }
.vote-link a { color: #000; text-decoration: none;  }
.vote-link a:hover { color: #1fa2e6 }
.vote-info { font-weight: 300; font-size: 95%; line-height: normal; padding-bottom: 5px }

.columns { overflow: hidden; padding-bottom: 20px }
.columns-in { width: 104% }
.column-one { float: left; width: 46%; margin-right: 4% }

.vote-archive { text-align: center }
.vote-archive a { display: inline-block; border: 3px solid #7cbce2; color: #1fa2e6; font-size: 16px; font-weight: 600; text-decoration: none; padding: 7px 10px; min-width: 160px; cursor: pointer }
.vote-archive a:hover { background: #7cbce2; color: #fff }

.vote-one-top { overflow: hidden; padding-bottom: 50px }
.vote-one-top-item { float: left; font-size: 110%; font-weight: 300 }
.vote-one-top-item:last-child { float: right }

.vote-one-wrapper { max-width: 720px; margin: 0 auto }
.vote-one-title { font-size: 24px; font-weight: bold; padding-bottom: 35px }

.vote-one-form { padding-bottom: 40px }
.vote-one-line { padding-bottom: 15px }
.vote-one-line label { padding-left: 18px; display: block; overflow: hidden; }
.vote-one-line input[type=radio] { float: left }
.hidden-input { padding: 15px 0 0 30px; opacity: 0; visibility: hidden; height: 0 }
.hidden-input input { height: 50px; background: #f5f5f5; border: 1px solid #e2e1e1; font-size: 95%; padding: 0 20px; width: 80% }
input:checked ~ .hidden-input { opacity: 1; visibility: visible; height: 100% }

.vote-one-submit { margin: -20px 0 60px 0 }
.vote-one-submit input { background: #1fa2e6; color: #fff; border: none; width: 180px; height: 50px; text-align: center; cursor: pointer }
.vote-one-submit input:hover { background: #088cd1 }

.vote-one-result { padding-bottom: 40px }
.vote-one-result-item { padding-left: 30px; position: relative; padding-bottom: 20px }
.vote-one-result-name span { position: absolute; top: 0; left: 0; font-weight: 600 }
.vote-one-result-data { position: relative; padding-left: 65px; font-size: 95%; max-width: 400px }
.vote-one-result-data span { position: absolute; top: 0; left: 0 }
.vote-one-result-data .data { position: relative; height: 1.4em }
.vote-one-result-data .data span { background: #ffc421; height: 10px; top: auto; bottom: 0 }

.leader-page .content-right { padding-top: 0; position: relative; top: -300px; margin-bottom: -300px }
.leader-page .side-menu { top: -300px } 

.leader-block { overflow: hidden; margin-bottom: 60px }
.leader-image { width: 280px; height: 420px; background-position: 50% 50%; background-size: cover; float: left; margin: 0 40px 0 0 }
.leader-info { overflow: hidden; max-width: 400px; color: #fff; position: relative; top: -.4em }
.leader-name { font-size: 32px; line-height: 1.4em; padding-bottom: 30px; max-width: 260px;  }
.leader-status { font-size: 16px; font-weight: 600; line-height: normal }

.spoiler-wrapper { padding-bottom: 22px; }

.spoiler-title { background: #fcfcfc; font-size: 18px; font-weight: 900; padding: 25px 30px; position: relative; color: #274f8c; cursor: pointer }
.spoiler-title span { position: relative; z-index: 1 }
.spoiler-title:before { content: ''; width: 10px; height: 100%; top: 0; left: 0; position: absolute; background: #7bbbe1; transition: all .3s ease 0s }
.spoiler-title:hover, .spoiler-title.active { color: #fff }
.spoiler-title:hover:before, .spoiler-title.active:before { width: 100% }
.spoiler-title i { position: absolute; border: 3px solid #7bbbe1; width: 50px; height: 50px; top: 50%; right: 15px; margin-top: -25px; border-radius: 50%; box-sizing: border-box }
.spoiler-title:hover i, .spoiler-title.active i { border-color: #cae4f3 }
.spoiler-title i:before { content: ''; width: 16px; height: 2px; background: #13519c; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -1px; transition: all .3s ease 0 }
.spoiler-title i:after { content: ''; height: 16px; width: 2px; background: #13519c; position: absolute; left: 50%; top: 50%; margin-top: -8px; margin-left: -1px; transition: all .3s ease 0 }
.spoiler-title:hover i:before, .spoiler-title:hover i:after { background: #fff; transition-delay: .3s }
.spoiler-title.active i:before  { background: #fff; transition-delay: .3s }
.spoiler-title.active i:after { display: none }

.spoiler-text { padding: 0 30px; background: #fcfcfc; height: 0; opacity: 0; visibility: hidden; }
.spoiler-text dl { overflow: hidden }
.spoiler-text dt { width: 135px; float: left; font-size: 30px; color: #7bbbe1; font-weight: bold; clear: both;  }
.spoiler-text dd { overflow: hidden; min-height: 50px; padding-bottom: 40px }

.spoiler-title.active + .spoiler-text { height: auto; opacity: 1; visibility: visible; padding: 30px; }

.oms-leader { position: relative; padding-bottom: 60px }
.oms-leader-info { overflow: hidden }

.oms-leader-status { font-size: 32px; line-height: 1.4em; padding-bottom: 30px }
.oms-leader-name { color: #274f8c; font-weight: bold; font-size: 24px; padding-bottom: 40px }
.oms-leader-image { width: 33%; float: left; }
.oms-leader .leader-image { position: relative; top: -220px; margin-right: 0; margin-bottom: -220px; float: none }

.oms-leader-list { font-size: 0; }
.oms-leader-list-item { display: inline-block; vertical-align: middle; border: 1px solid #7bbbe1; color: #274f8c; background: #f5f5f5; text-decoration: none; padding: 5px 16px; font-size: 16px; margin-right: 20px }
.oms-leader-list-item:hover { background: #7bbbe1; color: #fff }

.oms-org-list { padding: 0 20px 40px 20px }
.oms-org-list-item { width: 45%; margin: 0 5% 40px 0; float: left; border: 1px solid #7bbbe1; color: #274f8c; background: #f5f5f5; text-decoration: none; padding: 10px 40px; font-size: 20px; box-sizing: border-box; display: flex; height: 98px; line-height: 1.3em; align-items: center }
.oms-org-list-item:nth-child(2n) { margin-right: 0 }
.oms-org-list-item:hover { background: #7bbbe1; color: #fff }

.document-one { font-weight: 300; font-size: 95%; padding-bottom: 2.5em }
.document-one-title { font-size: 24px; font-weight: 600; margin-bottom: .6em }
.document-type { display: inline-block; vertical-align: middle; margin-right: 50px }
.document-type a { font-weight: 600; text-decoration: none; display: inline-block; margin-right: 10px }
.document-date { display: inline-block; vertical-align: middle }
.document-one .doc:before { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 22px; background: url(img/doc.png) no-repeat 0 0; margin: 0 12px 6px 0 }
.document-one .pdf:before { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 22px; background: url(img/pdf.png) no-repeat 0 0; margin: 0 12px 6px 0 }
.document-one blockquote { margin: 1.2em 0 0 0 }
.document-one blockquote .document-type { display: block; padding-bottom: 8px }
.document-one blockquote .document-type:last-child { padding-bottom: 0 }

.text-spoiler-wrapper { margin-bottom: 20px } 
.text-spoiler-content { height: 0; overflow: hidden; opacity: 0; visibility: hidden }
.text-spoiler-title { font-size: 16px; padding: 0 0 0 20px; position: relative; cursor: pointer }
.text-spoiler-title:hover { background: #ecf2fb }
.text-spoiler-title:before { content: ''; background: url(img/st_ico.png) no-repeat 0 0; width: 7px; height: 11px; position: absolute; top: 50%; left: 0; margin-top: -6px; transition: all .3s ease 0s }
.text-spoiler-title span { border-bottom: 2px dashed #ffc421; color: #274f8c;  }

.text-spoiler-title.active + .text-spoiler-content { height: auto; opacity: 1; visibility: visible; padding-top: 20px }
.text-spoiler-title.active:before { transform: rotate(90deg); left: 5px; margin-top: -4px }

.bx-breadcrumb { margin-bottom: 20px }
.leader-content .bx-breadcrumb, .leader-content .bx-breadcrumb a { color: #fff }  

.freeman-item { overflow: hidden; margin-bottom: 30px }
.freeman-image { width: 190px; height: 190px; position: relative; float: left; background-position: 0 0; background-repeat: no-repeat; background-size: contain; margin: 0 20px 20px 0 }
.freeman-info { overflow: hidden; line-height: normal }
.freeman-title { font-weight: bold; padding-bottom: 4px; color: #13519c }
.freeman-title a { text-decoration: none }
.freeman-date { color: #13519c; font-weight: 300; padding-bottom: 10px; }
.freeman-desc { font-size: 95% }
.freeman-desc p { padding-bottom: .8em }

.apart .freeman-info { overflow: visible; }
.apart .freeman-title { font-size: 18px } 
.apart .freeman-desc { font-size: 100%; line-height: 1.7em }
.apart .freeman-desc p { padding-bottom: 1.8em }

.footer-socnets { display: flex; background: #ffc421; max-width: 1200px; margin: 0 auto; margin-bottom: -30px; position: relative; z-index: 1 }
.footer-socnets-item { flex-grow: 1; height: 60px; border: 1px solid #ffc421; font-size: 15px; text-decoration: none; display: flex; align-items: center; justify-content: center; color: #274f8c; }
.footer-socnets-item:hover { background: #274f8c; color: #ffc421; border-color: #4b6d9f }
.footer-socnets-item:before { content: ''; display: inline-block; background-image: url(img/footer_socn.png); background-repeat: no-repeat; margin-right: 20px }

.footer-socnets .vk:before { width: 31px; height: 18px; background-position: 0 0; } 
.footer-socnets .vk:hover:before { background-position: 0 -35px }
.footer-socnets .odn:before { width: 21px; height: 33px; background-position: -36px 0; } 
.footer-socnets .odn:hover:before { background-position: -36px -35px }
.footer-socnets .fb:before { width: 14px; height: 30px; background-position: -65px 0; } 
.footer-socnets .fb:hover:before { background-position: -65px -35px; }
.footer-socnets .tw:before { width: 34px; height: 26px; background-position: -84px 0; } 
.footer-socnets .tw:hover:before { background-position: -84px -35px; }
.footer-socnets .in:before { width: 33px; height: 33px; background-position: -123px 0; } 
.footer-socnets .in:hover:before { background-position: -123px -35px; }

.leader-content{ margin-top:85px;}