@charset "UTF-8";

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap&subset=cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap&subset=cyrillic-ext');


*:focus {outline: none; }
html {font-size: 14px; }
body {line-height: 1.2;color: #222;font-family: "Roboto", Arial, sans-serif;font-size: 1em;}


#body_bg {position: fixed;z-index: -1;background:#e2f3ff
 url("../sm_full.aspx?guid=8653") 50% 0 no-repeat;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: translateZ(0);background-size: cover;}

a {color: #0e60ab; }
a:hover, a:focus {color: #038acc;}
a:visited {color: #44515d; }


#layout {overflow: hidden;position: relative;margin: 0 auto;transition: margin .25s ease;z-index: 1;}

@media only screen and (min-width: 1200px) {
	#layout {/* margin: 20px auto 35px; */}
}

.header_bar {font-size: 1em;line-height: 24px;font-family: "Roboto Condensed", Arial, sans-serif;right: 0;left: 0;top: 0;padding: 4px 10px;/* background: rgb(128, 128, 128); *//* color: #004388; */z-index: 10;}

#date_time {float: right; }

.header_bar .contacts em {display: inline-block; margin-right: 15px;}
.header_bar .contacts em i {margin-right: 4px;}
.header_bar .contacts a, a:hover, a:focus, a:visited{color: #333333;}




.mod_buttons {float: right;}
.mod_buttons a {display: inline-block; vertical-align: middle; }
.mod_buttons img {height: 24px;}


.header_bar .wep_toggle {margin-right: 30px;display: inline-block;cursor: pointer;text-decoration: none;color: #333;}
.header_bar .wep_toggle i {display: inline-block;font-size: 24px;margin-right: 6px;vertical-align: middle;color: inherit;float: left;}
.header_bar .wep_toggle span {display: inline-block;vertical-align: middle;color: inherit;}


#header {}
#header_body {background: rgba(255, 255, 255, 0.5) no-repeat 50% 40%;background-size: cover;padding: 25px 10px ;position: relative;margin: 0 auto 5px; border-radius:0px;}






#logo .title {color: #222;display: block;font-family: "Roboto Condensed", Arial, sans-serif;text-align: center;}
#logo .title .row0 {display: block;}
#logo .title .row1 {display: block;font-size: 1.6em;font-weight: 400;text-transform: uppercase;}
#logo .title .row2 {display: block;font-size: 2.4em;font-weight: 600;text-transform: uppercase;}
#logo .title .row3 {display: block;font-size: 3.0em;font-weight: 600;text-transform: uppercase;color: #1e96c8}
#logo img {max-height: 190px; border-radius: 0%;}
.emblem {overflow: hidden; padding-left: 30px !important;}


#header_info {position: absolute;right: 30px;bottom: 0;max-width: 33%;}


/* строка поиска */
.search_field {text-align: left;padding: 0 32px 0 0;position: relative;float: right;  margin: 0 0 0 0;}
.search_field:hover {opacity: 1; }

.search_form {line-height: 1em; }
.search_form input[type="search"] {background: #f1f1f1;color: #222;border: none;width: 100%;padding: 0 2px;padding-left: 5px;margin: 0;outline: none;font-size: 0.9em;height: 32px;display: block;box-sizing: border-box;}

.search_form .button {border: 0;position: absolute;width: 32px;height: 32px;right: 0;top: 0;margin: 0;line-height: 32px;font-size: 18px;text-align: center;padding: 0;border-radius: 0;color: #fff;}


.excerpt_text {text-align:justify;}

/* Пункт "Главная" (значок) */
/*
.home-icon a {background: url(sm.aspx@guid=1463) center no-repeat; display: inline-block; min-width: 32px; padding: 0 0.8em; text-indent: -9999px; }
*/
.home-icon {display: inline-block;width: 0;}
.home-icon a{position: relative;}
/*.home-icon a:hover, .home-icon-active a {background: #288AC8;}*/


@media only screen and (min-width: 768px) {

.level_0 img {display:none}


	#main_menu {margin-top: 10px;display: block !important;background: #004488;font-family: "Roboto Condensed", Arial, sans-serif;border-top: solid 6px #8ac4ff;}
	#main_menu > .container {text-align: center;}

	#main_menu ul {margin: 0; padding: 0; list-style: none; }
	#main_menu li {position: relative; }
	#main_menu a {display: block; color:white;}
	#main_menu a:hover {text-decoration: none; }

	#main_menu .level_0 {text-align: center;display: inline !important;flex-wrap: wrap;}
	#main_menu .level_0 > li { display: inline-block; }
	#main_menu .level_0 > li {padding: 10px 10px;font-size: 1em;font-weight: 600;text-transform: uppercase;text-decoration: none;/* max-width: 160px; */line-height: 1em;transition: background .3s ease;/* display: flex; */align-items: center;color: #fff;}
	#main_menu .level_0 > li:hover > a:hover {color: #fff;}

	#main_menu .level_0 > li:hover > a {background: #2558a5;color: #fff;text-decoration: underline;}
	#main_menu .level_0 > li > a > span {display: inline-block;vertical-align: middle;text-decoration: inherit;}

#main_menu li.parent_active, li.parent_active.parent, .menu_active, .home-icon-active {color: #8ac4ff}

        


	#main_menu ul ul {display: none; position: absolute; z-index: 100; width: 270px; }
	#main_menu li:hover > ul {display: block; }
	#main_menu .level_1 {top: 100%;left: 0;background: #2558a5;text-align: left;padding: 5px 0 10px; text-transform: none; font-weight:normal}
	#main_menu .level_1 > li {}
	#main_menu .level_1 > li > a {display: block;padding: 7px 15px;color: #fff;}
	#main_menu .level_1 > li:hover > a {background: #004388;color: #fff;}
        #main_menu .level_1 > li > span {display: block;padding: 7px 15px;}

	#main_menu .level_1 > li.cloned {background: #484848;}

	
	
	.fixed_menu #main_menu {position: fixed;top: 0;z-index: 100;left: 0;right: 0;background: none; -webkit-transform: translateZ(0);}
	.fixed_menu #main_menu > .container {background: #ab0a09;}
}


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

#main_menu .home-menu {di}
	#main_menu {position: fixed;top: 0;left: 0;height: auto;z-index: 9000;max-height: 100vh;overflow-y: auto;margin: 0;background: transparent;font-family: "Roboto Condensed", Arial, sans-serif;transition: background .3s ease;}

	#main_menu_mobile {background: transparent;position: relative;line-height: 35px;height: 40px;padding-left: 40px;transition: background .3s ease;}
	#main_menu_mobile > a {display: inline-block;color: #fff;padding: 10px 15px;line-height: 14px;font-size: 14px;text-decoration: none;float: right;text-align: right;font-weight: bold;font-family: "Roboto Condensed", Arial, sans-serif;display: none;}
	#menu_toggle {position: absolute;height: 40px;width: 40px;border: none;background: #ab0a09;color: #fff;font-size: 24px;top: 0;left: 0;}

	#main_menu a {color: #fff; }


	#main_menu .level_0 {display: none;padding: 0px 20px;transition: opacity .5s ease;margin: 0;opacity: 0;}
	#main_menu .level_0 > li {display: block;height: auto;margin: 0 0 5px;}
	#main_menu .level_0 > li > a {font-weight: bold;color: #f17d7d;font-size: 1.3em;}


	#main_menu .level_1 {display: block !important;position: static !important;clear: both;padding: 5px 10px 10px;font-size: 1.15em;}
	#main_menu .level_1 > li {display: inline-block; margin: 0 7px 7px; }
	#main_menu .level_1 ul {display: none; }

	#main_menu .level_1 > li.cloned {display: none; }



	#layout {margin: 0 0 0;border-radius: 0;}
	#top_bar {/* line-height: 22px; *//* padding: 0 20px 2px; */padding-left: 72px;/* z-index: 9100; */}


	#main_menu.toggled {background: #353535 no-repeat 75% 50%;background-size: cover;}
	#main_menu.toggled #main_menu_mobile {background: rgba(255,255,255,.1); }
	#main_menu.toggled #main_menu_mobile > a {display: inline-block; }

	#main_menu.toggled .level_0 {opacity: 1; }
}



#main_slider {margin-bottom: 30px; z-index: 1;}
#main_slider .item {background-color: #ccc;background-position: center center;background-repeat: no-repeat;background-size: cover;padding-bottom: 44%;position: relative;/* min-height: 300px; */}

#main_slider .content {position: absolute;left: 0;/* right: 0; */max-width: 75%;bottom: 0;color: #fff;padding: 10px 10px 15px;background: rgba(37, 88, 165, 0.6);}
#main_slider:hover .content {background: #2558a5;}
#main_slider a {color: inherit; }
#main_slider h3 {margin: 0 0 2px;font-size: 14px;}
#main_slider p {margin: 0;line-height: 1.1em;font-size: 1rem;}


#main_slider .owl-nav {position: absolute;bottom: 0;right: 0;opacity: 0;}
#main_slider:hover .owl-nav {opacity: 1;}
#main_slider .owl-nav button {font-size: 50px;background: #2558a5;opacity: .5;width: 36px;height: 50px;line-height: 36px;margin: 0;/* position: absolute; */z-index: 300;color: #fff;}
#main_slider .owl-nav button:hover {opacity: 1; }
#main_slider .owl-prev {left: 0; }
#main_slider .owl-next {right: 0; }


#main_slider .owl-dots {position: absolute; }



#main {background: #fff;min-height: 800px;padding: 30px 15px 75px;}

#main img {max-width: 100%; height: auto; }



.sidebar {margin-bottom: 30px; }

#popular_pages {margin: 0 0 30px; }



#polls {margin: 0 0 30px; }
.poll_answers {margin-top: 5px; }

.poll_answers label {display: block; margin: 0; }
.poll_answers > span {display: block; clear: both; }
.poll_answers input {margin-right: 0.3em; }

.poll_submit button {margin-top: 10px; }


#article iframe {max-width: 100%; }
#article img {}	

img[align="left"] {margin: 5px 10px 5px 0; }
img[align="right"] {margin: 5px 0 5px 10px; }

.entry {padding: 0 0 30px; margin-bottom: 15px; overflow-x: auto; word-break: break-word;}
.entry .anno {font-style: oblique;margin: 0 0 15px;}


.page_share_buttons {border-top: solid 2px #ddd; text-align: right; padding: 10px 0 0; margin: 30px 0 30px; }


.breadcrumbs {margin: 0 0 15px;text-align: right;font-size: 1rem;}
.breadcrumbs a, .breadcrumbs span {color: #777;display: inline-block;/* margin: 0px 5px; */}

.page_title {/* background: #808080; */line-height: 1.1em;padding: 10px 15px 15px;color: #2558a5;clear: both;overflow: hidden;margin: 0 0 15px;border-bottom: solid 4px #87b4e2;}
.page_title {font-size: 2em;font-weight: 600;font-family: "Roboto Condensed", Arial, sans-serif;/* text-transform: uppercase; */}

.page_title .more {float: right;display: inline-block;background: #edc529;padding: 5px;margin-top: -10px;margin-right: -15px;}




.nav-tabs {text-align: left;border-bottom: solid 2px #4a9cc5;padding: 0 7px;}
.nav-tabs > li {display: inline-block;color: #000;border: solid 1px #f2f2f2;margin: 0 0 3px;background: #f2f2f2;font-size: .95em;vertical-align: bottom;}
.nav-tabs > li:hover {background: #edc529;color: #333;border-color: #edc529;}
.nav-tabs > li.active {background: #4a9cc5;color: #fff;border-color: #4a9cc5;/* font-size: 1em; */}

.nav-tabs > li > a {display: block;position: relative;padding: 8px 12px;color: inherit;line-height: 1.1em;text-decoration: none;font-weight: 500;font-family: "Roboto Condensed", Arial, sans-serif;}
.nav-tabs > li > a:hover {}

.tab-content {padding: 5px 0 15px;clear: both;margin: 0 0 30px;border-bottom: solid 3px #eee;}
.tab-content .entry {padding: 5px 0 0;}




.spoiler {}
.spoiler h2 {font-size: 1.5em;margin: 0 auto 10px;}
.spoiler .preview {min-height: 80px; }
.spoiler .preview img {display: inline-block; }
.spoiler .content {display: none;clear: both;}	
.spoiler .anno {overflow: hidden;}
.spoiler .button {margin: 15px 0 0;font-style: normal;font-size: .9em;}

#article .spoiler.entry:not(:last-of-type) {margin-bottom: 15px;border-bottom: solid 1px #eee;}




.hot_items {}
.hot_items .item {padding: 15px 0;overflow: hidden;}
.hot_items .item h3 {margin: 0 0 5px;font-size: 1.5rem; line-height: 1;}
.hot_items .item h3 a {text-decoration: none; }
.hot_items .item h3 a:hover {}
.hot_items .item .date {display: inline-block;font-family: "Roboto Condensed";font-size: .9em;color: #ab0a09;font-weight: bold;}
.hot_items .item .date i {display: inline-block; margin-right: 5px; color: #2487b8; }

.hot_items .item .preview {margin-bottom: 5px;position: relative; overflow: hidden;height: 175px}
.hot_items .item .preview > a {padding-bottom: 60%;background-color: #f1f1f1;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;}

.hot_items .item .preview .date {position: absolute;left: 0;bottom: 0;padding: 3px;background: rgba(241, 125, 125, 0.8);padding-right: 7px;font-size: 1rem;}

.hot_items .item .anno {display: inline-block;font-size: 1.2rem;text-align: justify;color: #777;margin: 0 0 5px;line-height: 1.1em;}
.hot_items .item .content {}

.hot_items .read_more {display: inline-block;}

#hot_news .more {float: right; }


#hot_announcements {margin: 0 0 30px; }
#hot_announcements .item {padding: 0 15px; }


.section_menu {margin: 0 0 30px; }
.section_menu .level_0 {list-style-type: none; padding: 0; }
.section_menu .level_0 li {margin: 0 0 5px; }
.section_menu .level_0 > li > a {font-weight: 500;text-decoration: none;background: #f1f1f1;padding: 10px;display: block;transition: background .3s ease;}
.section_menu .level_0 > li > span {font-weight: 500;text-decoration: none;background: #8ac4ff;padding: 10px;display: block;transition: background .3s ease;}
.section_menu .level_0 > li > a:hover {background: #8ac4ff;color: #222;}

.section_menu .level_0 ul {padding-left: 25px;margin-top: 10px;margin-bottom: 15px;}



#fresh_items {margin: 0 0 30px; }


.rss_news {margin: 0 0 30px;}
.rss_news .item {padding: 5px 5px 5px;margin: 0 0 5px; }
.rss_news a {display: block;font-weight: 400;margin: 0 0 2px;text-decoration: none;line-height: 1.1em;}
.rss_news .date {color: #777; font-size: .9em;}
.rss_news .date i {margin-right: 3px;}



#main .owl-banners.owl-carousel {padding: 0 25px; height: 64px;}
#main .owl-banners .item {height: 64px; line-height: 64px; }
#main .owl-banners .item img {max-height: 64px; width: auto; display: inline-block; vertical-align: middle; }

#main .owl-banners .owl-nav {position: absolute;left: 0;right: 0;top: 50%;margin-top: -25px;}
#main .owl-banners .owl-nav button {display: block;height: 15px;text-align: center;position: absolute;font-size: 50px;line-height: 50px;left: 0;outline: none;color: #4c8fc4 !important;}
#main .owl-banners .owl-nav .owl-next {right: 0; left: initial; }

#main .owl-banners .owl-nav button:hover {}

#social_networks {margin: 0 0 30px;}
#social_networks .item {display: inline-block;text-align: center;margin: 2px 0;}
#social_networks .item+.item {margin-left: 5px;}
#social_networks img {max-width: 100%; }

#attention_banners {margin: 0 0 30px;}
#attention_banners .item {text-align: center;margin: 0 0 10px;}
#attention_banners img {width: 100%; }

#banners_slider_top {margin: 0 0 30px;height: 90px;}
#banners_slider_top .owl-banners.owl-carousel {height: 90px; }
#banners_slider_top .owl-banners .item {height: 90px; line-height: 90px; }
#banners_slider_top .owl-banners .item img {max-height: 90px; }

#banners_slider {margin: 0 0 0;}



.block_title {/* background: #808080; */line-height: 1.1em;padding: 10px 15px 5px;color: #2558a5;clear: both;overflow: hidden;margin: 0 0 15px;border-bottom: solid 4px #87b4e2;}
.block_title h2 {float: left;margin: 0;padding: 0;font-size: 2.2rem;font-weight: 600;font-family: "Roboto Condensed", Arial, sans-serif;/* text-transform: uppercase; */}

.block_title .more {float: right;display: inline-block;background: #c12d2c;padding: 5px;margin-top: -10px;margin-right: -15px;font-size: 1rem;color: #fff;}


#footer {}
#footer_body {padding: 30px 15px 50px;color: #fff;background: #004488 no-repeat 50% 75%;background-size: cover;border-bottom: solid 6px #8ac4ff;font-family: "Roboto Condensed", Arial, sans-serif;font-size: 1.2em;}
#footer_body a {color: #fff; padding-top: 20px;}
#footer_body #rss {display: inline-block;margin-right: 30px;text-decoration: none;}
#footer_body #rss img {display: inline-block;width: 24px;height: 24px;vertical-align: middle;}
#footer_body #rss:hover span {text-decoration: underline; }



#footer_bottom {padding: 20px 30px 45px;/* background: #353535; *//* color: #f5f5f5; */font-family: "Roboto Condensed", Arial, sans-serif;font-size: 1.1em;}

.copyright {margin: 0 0 5px;font-size: 1.1em;}
.copyright_notes {font-size: .8em;display: inline-block; opacity: .5;}


@media screen and (max-width: 767px) {
	#footer_body {text-align: center; }
	#footer .hover_em i {font-size: 26px;}
}

@media screen and (min-width: 768px) {
	#footer .hover_em {display: block;clear: both; margin: 0; }
	#footer .hover_em+.hover_em {margin-top: 20px; }
	#footer .hover_em i {display: inline-block; vertical-align: middle; font-size: 22px; margin-right: 3px; }
}




/* Архивы по датам (новости, фотогалереи) */
.archive_header {margin: 1.5em 0 1em;font-family: "Roboto Condensed", Arial, sans-serif;}
.archive_header.item {overflow: hidden; padding: 15px 0; }
.archive_list .item {overflow: hidden; margin-bottom: 30px; }
.archive_list .item h3 {margin-top: 0;  }
.archive_list .item .preview {display: block; float: left; background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 96px; height: 96px; margin-right: 15px; }
.archive_list .item .content {overflow: hidden; }
.archive_list .item .date {display: inline-block;background: rgb(241, 125, 124);padding: 3px 5px;font-size: .9em;line-height: 1em;}


.archive_header .MapTabs {border-bottom: solid 2px #ab0a09;}
.archive_header .MapTabs .tabSelect {font-weight: 600;background-color: #ab0a09;color: #fff;}
.archive_header .MapTabs span {display: inline-block; line-height: 32px; padding: 0 0.4em; margin-right: 0.3em; cursor: pointer; }

.archive_header .MapTabsBody {/* padding: 2px; */}
.archive_header .MapTabsBody > span {line-height: 32px; margin-right: 0.3em; }

.archive_header .MapTabsBody > span > span {display: inline-block;padding: 0 0.4em;background: #f17d7c;}
.archive_header .MapTabsBody > span > a {display: inline-block; text-decoration: underline; padding: 0 0.4em; }
.archive_header .MapTabsBody > span > a:hover {text-decoration: none;background-color: #ddd;}



/* Фотогалереи */
.gallery {overflow: hidden; }
.gallery > .item {display: block;float: left;/* margin: 5px; */position: relative;overflow: hidden;border: solid 4px transparent;}
.gallery > .item > span {opacity: 0;position: absolute;bottom: 0;left: 0;right: 0;height: 22px;line-height: 22px;background: rgba(171, 10, 9, 0.75);color: #fff;font-size: 12px;overflow: hidden;text-align: center;transition: opacity 0.3s ease-in;}

.gallery > .item:hover {border-color: #ab0a09;}
.gallery > .item:hover > span {opacity: 1; }

/* карточка сотрудника, учащегося, вакансия, продукция и т.п. */
.item_card {overflow: hidden; padding: 15px 0; }
.item_card h3 {margin-top: 0; }
.item_card .preview {text-align: center; display: inline-block;}
.item_card .preview img {}
.item_card .content {/* overflow: hidden; */}

.item_card .button {margin: 15px 0 0;}

@media only screen and (max-width: 768px) {
.item_card .preview {margin-bottom: 15px; }	
}


/* формы обратной связи */
.ww_form {list-style-type: square; padding: 15px; }
.ww_form li {padding: 10px 0;/* border-bottom: dotted 2px #ccc; */clear: both;color: #2265A4;}
.ww_form li > * {color: #222; }
.ww_form li:last-of-type {border-bottom: none; }

.ww_form label {display: block;margin: 0 0 5px;}

.ww_form input[type="text"],
.ww_form input[type="email"],
.ww_form select,
.ww_form textarea {border: solid 2px #ddd;line-height: 1.6em;}

.ww_form input:focus,
.ww_form select:focus,
.ww_form textarea:focus {border-color: #4a9cc4;outline: solid 5px rgba(237, 197, 41, .33);outline-offset: 0;}

.ww_form input,
.ww_form select,
.ww_form textarea,
.ww_form .Captcha {width: 100%;font-size: 0.8em;max-width: 100%;padding: 0 0.2em;min-height: 28px;}

.ww_form .er {/* display: block; */padding: 0 5px;clear: both;font-size: .9em;color: darkred;font-weight: bold;font-family: "Roboto Condensed", Arial, sans-serif;line-height: 1em;vertical-align: middle;}

[data-bind="u"] {display: none; }
[field="captcha"] {display: block; width: 100%; clear: both; margin-top: 15px;  }


@media (min-width: 768px) {		
.ww_form input,
.ww_form select,
.ww_form textarea {min-width: 350px; width: 50%; }
}



.pagination {text-align: center; display: block; margin: 15px 0; padding: 15px; font-weight: bold; }
.pagination span {border: solid 1px #ccc;display: inline-block;line-height: 26px;height: 28px;width: 28px;margin: 0 3px;padding: 0; overflow:  hidden;}
.pagination span:hover {background: #ab0a09; border-color: #ab0a09; color: #fff;}
.pagination span:hover a { }
.pagination .page_hidden {margin: 3px; background: none; }
.pagination span a {color: inherit; display: block; text-decoration: none; }
.pagination .page_current {border: solid 1px #2265a4;background: #2265a4;margin: 0 5px;color:  #fff;}



button, .button {background: #5484cc;outline: none;border: solid 2px transparent;text-decoration: none;color: #222;padding: 6px 6px;display: inline-block;line-height: 1em;border-radius: 1px;transition: background .3s ease, border-color 1.2s ease;}
button:hover, .button:hover {background: #ab0a09;border-color: #ab0a09;}
a.button:visited, a.button:hover {color: #fff; text-decoration: none; }


#footer .site_by {float:right;font-weight: bold;opacity: 0.6;color: #004388;text-decoration: none;}
#footer .site_by:hover {opacity: 1; }


/* Красивые таблицы в содержании */
.tbl, .cool-table {
border-collapse: collapse;
border-spacing: 0;
max-width: 100%;
}

.tbl td, .cool-table td {
border: 1px solid #0069a9;
border-bottom-width: 1px;
padding: 8px;
}

.tbl thead td, .cool-table thead td,
.tbl th, .cool-table th {
/*background: #0096dc;*/
background: #4a9cc5;
color: #fff;
border: 1px solid #0069a9;
padding: 12px 8px;
}

.tbl tr:hover, .cool-table tr:hover {background: #f1f7fb;color: #000;}
.tbl tr:hover td:hover, .cool-table tr:hover td:hover {background: #ddeef7;color: #000;}




/* mini-framework */
.no-list {list-style-type: none; }
.wrapper {position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; }

.container.row {margin-left: auto; margin-right: auto; padding-left: 0 !important; padding-right: 0 !important; }

.pl-0 {padding-left: 0 !important;}
.pr-0 {padding-right: 0 !important;}
.ml-0 {margin-left: 0 !important;}
.mr-0 {margin-right: 0 !important;}
.p-0 {padding: 0 !important;}
.m-0 {margin: 0 !important;}

.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
flex-wrap: wrap;
}

.pre_wrap {white-space: pre-wrap; }



/* GoogleTranslate hack */
body {top: 0 !important;}
#google_translate_element,
.skiptranslate,
.goog-te-banner-frame {display: none !important;}


#scroll_up_button {position: fixed;bottom: 30px;left: 30px;display: none;width: 44px;height: 44px;font-size: 24px;background: #f1f1f1;color: #004388;line-height: 40px;opacity: 0.75;text-align: center;cursor: pointer;z-index: 999;border: none;padding: 0;border-top: solid 4px #5484cc;}
#scroll_up_button:hover {opacity: 1;transition: opacity 0.5s ease;/* color: #444; */background: #8ac4ff;border-color: #87b4e2;}
.lng_select {
padding-left: 10px	
}


/* Мои стили */

.contacts {margin-top:10px}


/*--------------*/
/* Выбор языков */
/*--------------*/

   #lng {height: 22px; line-height: 22px; float: left; font-size: 14px; padding-top: 1px; }
     
   #lng > span, #lng > a {padding: 0 0.3em; }
       #lng > span:hover, #lng > a:hover {background: #288AC8; }
       #lng > span span {margin: 0 0.6em; }
       #lng img {height: 16px; width: auto; display: block; float: left; margin: 3px 0;}

.lng_active {background-color: #a0ccec;}
#lang {
    float: right;
    margin-right: 25px;
}



/* ----------------- */
/*  Формы обращения  */
/* ----------------- */

.form_structure {list-style-type: none; padding: 0px}
.form_structure li {clear: both; display: block; margin-bottom: 1em; width: 100%; float: left; }
.form_structure .info_field {display: block; float: left; width: 35%; padding-right: 10px; }
.form_structure .input_field {display: block; float: left; width: 65%;}
.form_structure input[type="button"] {border: none; font-size: 1em; }

.form_structure input[type="text"], .form_structure textarea, .form_structure select {width: 100%; max-width: 100%; box-sizing: border-box; border: solid 2px #87b4e2; border-radius: 3px; padding: 0.3em; font-size: 1em; }

.form_structure select {cursor: pointer; background: #fff;}


.form_structure input[type="text"]:valid, .form_structure textarea:valid {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1ElEQVQ4T6WT4Q3CIBSEj+B/beIAjtAmDqAjuEGZxFHoKA6gqW7gAE3KAoiBFIIIlCo/gfve8e5B8Ociv+h5P9asqe5auxjAb0NLFDiArt1v2SKAJ7bGu2JARAwF9SgCpMSgq4MBTBfOitKTbY71mBOzphIkuCAUpUcLmRObFPh1EARYe3EaCF6ynrrtjvSbtW1d2W4SnSmkvIQQABt/RmJiNwcJSLayc+CaFXdiogpt+84+YgydzImjo2whgHrmKn89wbfF+3EHQPjdTn26oknM/dg3BfKDm4nsiKYAAAAASUVORK5CYII='); background-position: right 5px center; background-repeat: no-repeat; }

.form_structure input[type="text"]:focus, .form_structure textarea:focus, .form_structure select:focus {border: solid 2px #d1ecff; font-weight: bold; }

.form_structure input[type="text"]:focus:valid, .form_structure textarea:focus:valid {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1klEQVQ4T6WTMRKCMBBF/55AGnqPwBH0CBbMWOo5KLRBj6E9jUfwCHoDe5qUgsU6m3GdkAkQNCWT//L5+5fw56Ff9GleZnVV3EQ7GZDm5YaITsx8rqtiOwmgYnUtkGiALxYIA/coQJ/41bYLC/hc2DHzSsNRm0Nic9kbci8wswGwVMiY2E4hzQ+GCDMnGAsBkEna7pjln8W2vKzfxUEG0NWHEFEyJv72IASJEXeK1AcJ2XbhnTH6kDFxsMoKAeHhBxbam2CRkvVxjmdj3LT7li6qiUMb+wYA3IxQS8gWoAAAAABJRU5ErkJggg=='); }


#pmgimg {float: left; margin-right: 1em; width: 200px; height: 50px; }
#pmgimg img {width: 200px; height: 50px; }
#pmgtext {width: auto; }

#pin_reload {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuZJREFUeNqkU9tLVGEQn3Pb21HX1V1dV0hbL2mBUadwS7qR+FARJXSh3oOgP6GH3noK6rGX7GHtwaKCwCQiiMUoYgsltXDX9dKalz3pupdzvu/cmuOaGQU9dGC+73zfzPxm5jfzMZZlwf98vL0c61u6i5v0F30c5SaKgJLHYLJpGFTXddA17ReAYRgxsCzpQk9IIqSUEc8x8OjVPJw9WtcgZ2kgnVHp7IKSNw2YQPW3nxFYe0G0KKIO9Q/OxhnLhEJOA0IMsCNp1GREgattCXoaTh4I7HLwVg8GC/8GoBESAkPrOtVZI2WWiuBy4p2qoTOFhy9TuXdji+V5hTSvympTzz7/HgaM85ZpVmI5GxlQ2tsYdDVnV4rA8xY8GJyMCw68JwTQKD6bzr54HptRVErD8lKheZvf2YE+hwzkYZ0DSkhXtchXUaLBaEpO4vnt/SfjpRwRhGXZD0hgcDSRkdpDFfX+cp6gzRHUPiuVoKotHAseHetPppZXDV2/htFvo8SVfB5yKyt2loNTqWUH2tSjbRh99qNsZlBQdGtN0631f7OIpQhCFPsRxRLsFscKa2tRjufFgm5VCLBuJ262karq++UcqTAYzhnwizQ9lzmBkQcFpxM25sOWSDDorZRVEzjQiugzubULr2e/ZiZkEKZ82+sVZP8w1rxXxUxQB8d7D0q4R/w7m5rQBubS8nc8D9u6EgClsekvM6OuSjGR5sSpcHfEXV7r60EuJEwVkkUWdp/rlhIKC6bogcTYdAJ9HtvTuA6Ada6q+eJAfGDoo8frTs67vAmzM5Kru3imHMmDLOeAkRwHvioPjESfxmmhMIwlzOeHbpQ4yPVfArambYrsOK18uqe0e1vDZUK40UHqgpY9TKZDADdrwYIJ0H71sjR6p892+6wvjkcZ+zUyDGNf2KwGGLevGgJtIpSFBIauGVDTcQWqW1r/eGby5IT55tb1rQA4e+BBcaMw/3jF9ovTbfp+CDAAIqquPExvnOoAAAAASUVORK5CYII=') 0 50% no-repeat; display: inline-block; padding-left: 20px; margin-bottom: 0.6em;}

.feedback_anno {clear: both; border-top: dotted 2px #288AC8; margin-top: 2em; padding-top: 1em; text-align: justify; }



/*--------------------------------------------------------*/
/* Вкладки на главной: пользовательская тема edu_by theme */
/*--------------------------------------------------------*/

.ajax__tab_default .ajax__tab_tab {padding: 4px 1em 0; margin-right: 0 !important; text-align: left !important; cursor: pointer; display: -moz-inline-box; display: inline-block; line-height: 1.2em; overflow: auto; }

.edu_by .ajax__tab_header {font-size: 1em;}

.edu_by .ajax__tab_header .ajax__tab_outer {border-radius: 3px 3px 0 0; background: #E2F3FF; margin-right:1px; }
.edu_by .ajax__tab_header .ajax__tab_outer:hover{background: #a0ccec;}

.edu_by .ajax__tab_header .ajax__tab_tab {font-size: 0.9em;}
.link-button:hover { background:#d1ecff; text-decoration: none; }


.edu_by .ajax__tab_active .ajax__tab_outer {background: #5ea3e894;font-weight:bold;}
.edu_by .ajax__tab_active .ajax__tab_tab {font-size: 1em;}

.edu_by .ajax__tab_body {font-size: 1em; border:2px solid #87b4e2; padding: 1em; background-size: 300px 450px;}

#content .ajax__tab_body h1 {font-size: 1.3em; text-align: right; padding-bottom: 0.3em; margin: 0 auto 0.5em; border-bottom: dotted 2px #A4C8E2; }

.ajax__tab_inner {overflow-wrap: break-word;}



/*----------------------------------------------------------------*/
/* Содержание блоков с информацией (новости, план 6-го дня и т.п.) */
/*----------------------------------------------------------------*/
#region_2_default .content_box {padding: 0 10px 3em 20px;}
#region_2_default .content_box h1 {color: #2558a5; border-bottom: solid 4px #87b4e2; font-size: 2.6rem;
    font-weight: 600;}



.content_box h1, .content_box p {margin-bottom: 1em;}

.content_box h2 {margin-bottom: 1em;}
.content_box h3 {margin-bottom: 0.8em;}
.content_box img {
  height: auto;
  /*width: 100%;*/
  /* еще больше контроля с max-width */
  max-width: 600px;}

.post {margin-bottom: 1em;overflow-x: auto; }

.post ul, .post ol {padding-left: 2em; margin: 0.5em 0 1em; }
.post h1 {font-size: 1.8em; margin: 0 0 1em; }
.post_content {margin-bottom: 2em;overflow-x:auto;}

.post img {
height: auto;
width: 100%;
  /* еще больше контроля с max-width */
  max-width: 600px; 
margin: 0 0.5em; }

.post h2 {font-size: 1.5em; margin: 0.5em 0 1em; }
.post h3 {font-size: 1.2em; margin: 0.5em 0 1em; }

.news-post h3 {margin: 0; font-size: 1em; margin: 0 0 0.2em; color: #333;}
.news-post h1 {margin: 0 0 0.5em;}

.excerpt {clear: both; border-bottom: dotted 2px #A4C8E2; padding: 0.5em 0em 1.5em; margin: 0 0 1em; overflow: hidden; }
.excerpt:last-child {border-bottom: none; }


/* --------------------------------------------------------------------------- */
/* Эскизы-превью в архивах новостей, записях, горячих новостях, отчетах и т.п. */
/* --------------------------------------------------------------------------- */
.excerpt_preview  {
    float:left;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: block;
    width: 20%;
    height: auto;
}
.w_card .excerpt_preview {max-width: 200px; min-width: 35%; margin-top: -5px}
/* .excerpt_preview {display: block; float:left; max-height: 90px; width: 90px; min-width: 80px;padding: 0px; margin-right: 15px; }*/

   .excerpt_preview img {min-width: 0; height: auto; display: block; margin: 0 auto; }

.excerpt_content {margin-left: auto; overflow-x: auto; padding-left: 15px;}
   .excerpt_content h3 {margin: 0; font-size: 1.2em; font-weight: bold;}
   .excerpt_content h2 {margin-bottom: 0.5em; font-size: 1.2em; }

.news .excerpt_content ul {list-style-type: square; padding-left: 2em;}

.anno {margin-bottom: 1em;}

.date {display: block; font-size: 0.9em; color: #288ac8;font-weight:bold;}
.title, .name, .nazv  {display: block; clear: both; font-weight: bold;}

ul.no-list {list-style-type: none; padding-left: 0;}
ul.rss {list-style-type: none; }
.rss li {margin: 0 0 1em; border-bottom: dotted 2px #A4C8E2; padding: 0 0 1em; }
.rss .title {margin-bottom: 0.5em; line-height: 1.2em; font-weight: normal; }

.own_product, .pay_service {display: inline-block; margin-right: 30px;}

.adm_procedure li, .hyperlinks li {margin-bottom: 1em; overflow: hidden; border-bottom: dotted 2px #A4C8E2; padding: 0 0 1em;}
.adm_procedure li:last-child, .hyperlinks li:last-child {border-bottom: none; }

.show-hide, .read_more {display: block; clear: both; margin: 1em 0 1em; text-decoration: none; font-size:0.8em}
.show-hide:hover, .read_more:hover {text-decoration: underline;}

.spoiler {border-top: dotted 1px #bbb; padding: 1em 0 2em;}
   .spoiler .show-hide {float: right;}

.banners {text-align: center;}
   .banners a {display: inline-block; margin: 5px; }

.off-banners {}
.off-banners img {max-height: 50px; width: auto;}

.random_quote {clear:both; padding: 1em 0; font-size: 0.9em;}

.link-button {background-color: #e2f3ff; display: inline-block;padding: 0.2em 2em; border-radius: 3px; text-decoration: none; margin-bottom: 1em;margin-top: 1em;}
.link-button:hover {cursor: pointer;}


/*-------------------*/
/* Фото-видео эскизы */
/*-------------------*/

.thumbs {clear:both; list-style-type: none; padding: 1em 1em 2em; border-top: solid 2px #E2F3FF; margin-top: 1em; }
.thumbs li {display: inline-block; }
.thumbs_box {}
.thumbs_box h3 {float: left; font-size: 1em; padding: 0 1em; background: #E2F3FF; border-radius: 3px 3px 0 0; line-height: 1.6em; margin-bottom: 0; }
.thumbs a img {border: solid 3px #fff; width: 120px; height: 90px; transition: all 0.2s ease-in .1s; }
.thumbs a:hover {z-index: 999; }
.thumbs a:hover img {transform: scale(1.2); }

.thumbs-random {padding: 1em 0 2em; border-top: none;}


/*-----------------*/
/* Архивы объектов */
/*-----------------*/

td.ArxiwDetail {width: 100%;}

/* Отображение архива объектов как вкладок */
.MapYear, .MapMonth {clear: both; border-bottom: solid 2px #d1ecff; overflow: hidden;}
    .MapYear span {display: block; float: left; line-height: 1.4em; height: 1.4em; padding: 0 1em; margin-right: 1px; cursor: pointer; background: #E2F3FF; border-radius: 3px 3px 0 0; margin-top: 0.2em;}
     
    .MapYear span:hover {background: #288AC8; color: #fff; }
    .MapYear span.sel {color: #fff; background: #d1ecff; height: 1.6em; line-height: 1.6em; margin-top: 0;}

.MapMonth {padding: 1px 0 2px; margin-bottom: 1.5em; border-bottom: dotted 1px #A4C8E2; text-align: left;}
    .MapMonth span a, .MapMonth span b {color: #000; display: inline-block; padding: 0 0.6em; height: 2em; line-height: 2em; text-decoration: none; font-size:0.9em;}
       .MapMonth span a {}
       .MapMonth span b {background: #d1ecff; color: #fff; font-weight: normal; }
       .MapMonth span a:hover {background: #288AC8; }


/* Хлебные крошки */
#breadcrumbs {padding: 0.5em 10px 0.5em 20px;}


/*-----------Адаптив------------------*/

@media only screen and (max-width: 767px) {
	#header_body {padding: 0px 15px 0px;}
	#header_info {max-width: 100%; }

	#logo {text-align: center; font-size: .8em; }
	#logo .title {text-align: center;}
	.header_bar {
    font-size: 0.7em;
    line-height: 15px;
    padding: 0px 10px;    
}
	.contacts {margin-top:0px !important; padding-left: 20px !important;}
	#logo .title .row2 {font-size: 2.0em;}
	#logo .title .row1 {font-size: 1.4em;}
	#main {padding: 10px 15px 10px;}
	#hot_announcements .item {padding: 0px !important;}
	.counter{padding: 0px !important;}
	.excerpt_text {font-size:0.9em !important;}
	.hot_items .item .anno {line-height: 1.4em  !important;}
}
}



@media screen and (max-width: 424px) {
	#logo {font-size: .7em; }
	
}

@media screen and (max-width: 348px) {
 .header_bar {
    font-size: 0.6em;       
}
}

@media only screen and (min-width: 992px) {
	#top_bar {/* text-align: center; */}
}



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

  #h_menu li.parent_active{background:#C8E8FF;}
  #h_menu .level_0{margin: 0}  
  #main_nav.active-main_nav{width: 100%;top: 0;position:absolute;z-index:1001}
  .active-main_nav #h_menu .level_0 ul{visibility: visible;position:static;}
  .active-main_nav .parent{margin: 20px auto;width: 85%;background: #C8E8FF;border-radius: 15px;}
  #main_nav.active-main_nav .parent:hover{background-color:#C8E8FF;}
  #main_nav.active-main_nav .parent li:hover a,
  #main_nav.active-main_nav .parent li:hover .menu_active{padding-left: 25px;transition:padding-left .5s ease;}  
  #main_nav.active-main_nav .parent > a{border-radius: 15px 15px 0 0;color:black;}
  #main_nav.active-main_nav .parent > a:hover{background-color:#288AC8;}
  #main_nav.active-main_nav #h_menu li:hover{color:black}
  #main_nav.active-main_nav .parent li:last-child,
  #main_nav.active-main_nav .parent li:last-child a{border-radius: 0 0 15px 15px;}
  .active-main_nav #h_menu{background: none;}
  #main_nav.active-main_nav #transparent-bg-for-modal{display:block;}
  #main_nav.active-main_nav .home-icon{display:block;margin: 50px auto 20px auto;width: 40%;background: aqua;border-radius: 15px;}
  .active-main_nav .glyphicon-home{top: -50px;left: 50%;margin-left: -20px;border-radius: 50%;background:#C8E8FF;}
  .active-main_nav .level_0.parent_active > .active > .menu_active {border-radius: 13px 13px 0 0;}  
  .internal-indentation{text-align:center;}
  .edu_by .ajax__tab_body{padding: 20px 10px 0 10px;border-top: 2px solid #d1ecff;border-left:none;border-right:none;border-bottom:none;}
  #region_2_default .content_box{padding:0;}
  .excerpt{padding: 0;margin: 10px 5px 0px 0px;}
  .bx-wrapper .bx-controls-direction a{width: 0;height: 0;bottom: -8px;}
  .bx-wrapper .bx-prev{right: 100px;margin: 0;left: initial;}
  .bx-wrapper .bx-next{right: 77px;margin: 0;}
  .glyphicon-chevron-left:before,
  .glyphicon-chevron-right:before{font-size: 14px;top: -18px;}
  .content_box{margin: 20px 0;}
  #layout{padding: 0 5px;}
  #h_menu{display:none;border-bottom:none;}
  #h_menu li{display:block;}
  #content > .wrapper{padding: 0 10px 0 10px;} 
  #logo{padding:0px;}
  #logo_block{width:100%;height: auto;}
  #logo_block_content{padding:0;}
  #logo_image{float:none;text-align: left;}
  #logo_image img{height: 70px;}
  #optMenu .opt-block{padding:0;min-height:65px;}
  #aside{margin:0 auto;padding: 0 15px;}
  #body > .wrapper {width:100%;}
  .column-width{width:100%;max-width: 767px;}
  #aside > .wrapper{padding: 0 15px;}
  .menu__icon{display: inline-block;}
  .menu__icon span {background:#3CA0D0;}
  .active-main_nav .menu__icon span {background:red;}
  .ajax__tab_outer {display: block;border-radius:0;width: 70%;max-width: 500px;min-width: 243px;}   
  .ajax__tab_default .ajax__tab_header {white-space: normal!important;}
  .ui-tabs-nav li{float:none;display: block;margin-bottom: -3px;}
  .ArxiwMap,#scroll_up{display:none;}
  .ArxiwMap,.ArxiwDetail{display:block;margin-bottom: 30px;}
  
  #footer_block_content {margin-bottom: 1em;margin-top: 1em; }
  body.colorSiteBlack #main_nav.active-main_nav .parent{background:black;}
  body.colorSiteBlack #main_nav.active-main_nav .parent a{color:white!important;}
  body.colorSiteBlack #transparent-bg-for-modal{background: rgba(255,255,255,.8);}
  body.colorSiteBlack #main_nav.active-main_nav .home-icon{background: black;}  
  body.colorSiteWhite #main_nav.active-main_nav .parent{background:white;}
  body.colorSiteWhite #main_nav.active-main_nav .parent a{color:black!important;}
  body.colorSiteWhite #transparent-bg-for-modal{background: rgba(0,0,0,.8);}
  body.colorSiteWhite #main_nav.active-main_nav .home-icon{background: white;}
  body.colorSiteBlue #main_nav.active-main_nav .parent{background:#9dd1ff;}
  body.colorSiteBlue #main_nav.active-main_nav .parent a{color:#063462!important;}
  body.colorSiteBlue #transparent-bg-for-modal{background: rgba(6,52,98,.8);}
  body.colorSiteBlue #main_nav.active-main_nav .home-icon{background:#9dd1ff;}
  body.colorSiteBlue #h_menu li:hover a{background:#7CE700;}
  body.colorSiteBlack #header{box-shadow: 0px 1px 20px white;border-bottom: 2px solid white;}
  body.colorSiteWhite #header{box-shadow: 0px 1px 20px black;border-bottom: 2px solid black;}
  body.colorSiteBlue #header{box-shadow: 0px 1px 20px #063462;border-bottom: 2px solid #063462;}
  body.colorSiteBeige #header{box-shadow: 0px 1px 20px #3d4144;border-bottom: 2px solid #3d4144;}
  body.colorSiteWhite #main_nav.active-main_nav .level_1 > li:hover > a, 
  body.colorSiteWhite #main_nav.active-main_nav .level_0 > li > a:hover {background:black;color:white!important;}
  body.colorSiteBeige .active-main_nav .parent{background:#f7f3d6;color:#4d4b43;}
  body.colorSiteBeige #h_menu li:hover a{background:#f7f3d6;}
  body.colorSiteBlue #h_menu li.parent_active a{background-color:#9dd1ff;}
  #carousel-default{width:91%;}




.excerpt_preview {
float:left;
    padding: 4px;
    margin: 0;
    margin-top: 5px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: block;
    max-width: 30% !important;
    height: auto;
    min-height: 70px;
    min-width: 120px;
    margin-bottom: 10px !important;
 }

.excerpt_preview img {min-width: 0; max-width: 200px; height: auto; display: block; margin: 0 auto;}
.excerpt_content {font-size: 12px;}
.excerpt_content h2 {margin-bottom: 0.5em;font-size: 0.9em;}



}



@media screen and (min-width: 768px) {
  #h_menu{display:block;border-bottom: solid 3px #d1ecff;}  
}

@media screen and (max-width: 600px) {
  #bxslider .slider-text > span{font-size: 10px;}
  .form_structure .info_field,.form_structure .input_field{width:100%;float:none;}
  .form_structure .info_field{padding-right: 0;}
  .link-button{font-size: 11px;}
}

@media screen and (max-width: 767px) {
  .edu_by .ajax__tab_header > span {display:block;}  
}

@media screen and (max-width: 991px) {
  .tbl{min-width:650px;}
}

@media only screen and (max-width: 1199px) {
    #optMenu .item-settings{padding:0 15px;}
    #optMenu .wrapperr > div{border-right:none;}
}



.counter_cy {font-size: 0.9em; }



.mytree img {
    vertical-align: middle;
    cursor: pointer;
    max-width: 35px !important;
}


/*-------------------------------------------*/
/* Вкладки с содержанием (объекты "Вкладка") */
/*-------------------------------------------*/

#tabs .ui-tabs-nav {padding: 0; list-style-type: none; } 

.ui-tabs-nav li {display:inline-block; margin-right: 1px;}
      .ui-tabs-nav li a {display:block; padding: 0 1em; text-decoration: none; color: #000; background: #E2F3FF; height: 1.4em; line-height: 1.4em; border-radius: 3px 3px 0 0; margin-top: 0.2em;}
.ui-tabs-nav li a:hover {background: #a0ccec;}

.ui-tabs-panel {clear:both;font-size:1em;border-top:2px solid #a0ccec;padding:0.5em;overflow-x: auto;}
.ui-tabs-panel h1 {font-size: 1.4em;}

li.ui-tabs-active {}

.ui-tabs-nav li.ui-tabs-active a {font-weight: bold;background: #a0ccec;margin-top: 0; }