@charset "UTF-8";

*: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: url(/sm.aspx?guid=188383) 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; text-decoration: none;}
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 {margin-top: 20px; font-size: 1.3em;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: left; }

.header_bar .contacts em {display: inline-block; margin-right: 15px;}
.header_bar .contacts em i {margin-right: 4px;}


.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.65) no-repeat 50% 40%;background-size: cover;padding: 25px 20px 15px;position: relative;margin: 0 auto 5px;border-radius: 10px;}


#logo {overflow: hidden;padding: 0 10px 0;margin-bottom: 10px;text-align: center;}
#logo .emblem {/* float: left; *//* margin-right: 25px; */text-align: center;display: inline-block;vertical-align: middle;text-decoration: none;}
#logo .emblem img {height: 80px; max-height: 95px;display: inline-block; transition: 1.5s; filter: brightness(95%) ; -webkit-filter: brightness(95%) ;}
#logo .emblem:hover img {height: 95px;display: inline-block; transition: 1.5s; filter: brightness(135%) contrast(135%); -webkit-filter: brightness(135%) contrast(135%);}
#logo .emblem img+img {margin-left: 5px; }
#logo .caption {margin: 10px 0 0;overflow: hidden;display: block;vertical-align: middle;}

#logo .title {color: #222;display: block;font-family: "Roboto Condensed", Arial, sans-serif;text-align: center;}
#logo .title .row0 {display: block;font-size: 0.9em;font-weight: 400;/* text-transform: uppercase; */}
#logo .title .row1 {display: block;font-size: 1.8em;color: #004487;font-weight: 500;/* text-transform: uppercase; */}
#logo .title .row2 {display: block;font-size: 2.1em;color: #004487;font-weight: 600;/* text-transform: uppercase; */}


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


/* строка поиска */
.search_field {text-align: left;padding: 0 32px 0 0;position: relative;margin: 0 0 30px;}
.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;}


@media only screen and (max-width: 767px) {
	#header_body {margin-top: 10px; padding: 60px 15px 40px;}
	#header_info {max-width: 100%; }

	#logo {text-align: center; font-size: .8em; }
	#logo .emblem {display: block; margin: 0 0 5px;}
	#logo .emblem img {max-height: 110px; }
}


@media only screen and (max-width: 420px) {
	#logo {font-size: .7em; }
	#logo .emblem img {max-width: 44%; }
}

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


#main_menu .level_1 .home {display: none !important;}

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

	#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 {}

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

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

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


	#main_menu ul ul {display: none; position: absolute; z-index: 100; width: 230px; }
	#main_menu li:hover > ul {display: block; }
	#main_menu .level_1 {top: 100%;left: 0;background: #2558a5;text-align: left;padding: 5px 0 10px;}
	#main_menu .level_1 > li {}
	#main_menu .level_1 > li > a {display: block;padding: 7px 15px;color: #fff;font-size: 1.2em;}
	#main_menu .level_1 > li:hover > a {background: #89c4fe;color: #004488; font-size: 1.2em;}

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

	#main_menu .level_0 > li:first-child span {display: none;}
	#main_menu .level_0 > li:first-child a:before {display: inline-block; vertical-align: middle; font-family: "FontAwesome"; content: "\f015"; font-size: 24px;}

	.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 {margin-top: 0px;  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 {margin-top: 0px; background: transparent;position: relative;line-height: 48px;height: 48px;padding-left: 48px;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: 48px;width: 48px;border: none;background: #ab0a09;color: #fff;font-size: 24px;top: 0;left: 0;}

	#main_menu a {color: #fff; }


	#main_menu .level_0 {border-bottom: solid 5px #ab0a09;display: none;padding: 25px 20px 40px;min-height: 150px;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.4em;}


	#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: #f1f1f1;background-position: center center;background-repeat: no-repeat;background-size: contain;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: 18px;}
#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: 36px;background: #2558a5;opacity: .5;width: 36px;height: 36px;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 0 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 {margin: 0 0 30px;/* overflow: hidden; */font-size: 1.2em;}
#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;}
h1.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; color: #ff6600;}
.spoiler .preview {min-height: 80px; }
.spoiler .preview img {display: inline-block;  }
.spoiler .preview img:hover {display: inline-block; -webkit-filter: grayscale(0); filter: grayscale(0); }
.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;}




#main .owl-announces .owl-nav {position: absolute;bottom: 100%;right: 0;/* opacity: 0; */margin-bottom: 15px;}
#main .owl-announces:hover .owl-nav {opacity: 1;}
#main .owl-announces  .owl-nav button {font-size: 36px;background: #87b4e2 !important;opacity: .75;width: 36px;height: 36px;line-height: 1;margin: 0;/* position: absolute; */z-index: 300;color: #fff !important;}
#main .owl-announces .owl-nav button:hover {opacity: 1;background: #ff8701;}
#main .owl-announces .owl-prev {left: 0; }
#main .owl-announces .owl-next {right: 0; }


.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 {text-decoration: none; color: #ff6600;}
.hot_items .item .date {display: inline-block;font-family: "Roboto Condensed";font-size: .9em; color: #999999;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;}
.hot_items .item .preview1 {margin-bottom: 5px; }
.hot_items .item .preview > a {display: block;padding-bottom: 60%;background-color: #f1f1f1;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat; filter: brightness(85%) ; -webkit-filter: brightness(85%) ;  transition: 1.5s; }
.hot_items .item .preview > a:hover {display: block;padding-bottom: 60%;background-color: #f1f1f1;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat; filter: brightness(101%) ; -webkit-filter: brightness(101%) ; transform: scale(1.1); transition: 1.5s;}


.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: 1rem;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; font-weight: 900; color: #2458ab; padding: 2px; }
.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 > 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: 50px;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 {}

#main .owl-banners1.owl-carousel {padding: 0 25px; height: 250px;}
#main .owl-banners1 .item {height: 250px; line-height: 250px; }
#main .owl-banners1 .item img {max-height: 250px; display: inline-block;  vertical-align: middle; }
#main .owl-banners1 .owl-nav {position: absolute;left: 0;right: 0;top: 50%;margin-top: -25px;}
#main .owl-banners1 .owl-nav button {display: block;height: 50px;text-align: center;position: absolute;font-size: 50px;line-height: 30px;left: 0;outline: none;color: #4c8fc4 !important;}
#main .owl-banners1 .owl-nav .owl-next {right: 0; left: initial; }

#main .owl-banners1 .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 {max-width: 100%;  -webkit-filter: opacity(40%); filter: opacity(40%);}
#attention_banners img:hover {max-width: 100%;  -webkit-filter: opacity(100%); filter: opacity(100%);}


#attention_banners1 {margin: 0 0 30px;}
#attention_banners1 .item {text-align: center;margin: 0 0 10px;}
#attention_banners1 img {max-width: 100%; -webkit-filter: grayscale(20%) ; filter: grayscale(20%) ;}
#attention_banners1 img:hover {max-width: 100%; -webkit-filter: grayscale(0) ; filter: grayscale(0) ;}

#banners_slider_top {margin: 0 0 30px;height: 90px;}
#banners_slider_top .owl-stage-outer {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_top1 {margin: 0 0 30px; height: 250px;}
#banners_slider_top1 .owl-stage-outer {height: 250px;}
#banners_slider_top1 .owl-banners.owl-carousel {height: 250px; }
#banners_slider_top1 .owl-banners .item {height: 250px; line-height: 80px; }
#banners_slider_top1 .owl-banners .item img {max-height: 250px; }


#banners_slider {margin: 0 0 0; }
#banners_slider img {-webkit-filter: grayscale(100%) opacity(40%); filter: grayscale(100%) opacity(40%);}
#banners_slider img:hover {-webkit-filter: grayscale(0) opacity(100%); filter: grayscale(0) opacity(100%); }

#banners_new .black {background: black; opacity: 1; }
#banners_new .black:hover .image {opacity: 0.8; }



.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: 2rem;font-weight: 600;font-family: "Roboto Condensed", Arial, sans-serif;/* text-transform: uppercase; */}
.block_title h4 {float: left;margin: 0;padding: 0;font-size: 1.4rem;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;}


.social_networks {margin: 0 0 30px;}
.social_networks a {display: inline-block;line-height: 1em;font-size: 32px;color: #2558a6 !important;margin: 2px 5px;}
.social_networks a:hover {color: #8ac4ff !important; }


#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; }
#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 15px 70px;/* 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;font-size: 20px;word-break: break-word;}
.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; color: #ff6600;}
.item_card .preview {text-align: center; display: inline-block; padding-right: 0;}
.item_card .preview img {-webkit-filter: grayscale(50%); filter: grayscale(50%);}
.item_card .preview img:hover {-webkit-filter: grayscale(0); filter: grayscale(0);}

.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; padding-left: 15px; padding-right: 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: #fff;padding: 6px 6px;display: inline-block;line-height: 1em;border-radius: 1px;transition: background .3s ease, border-color 1.2s ease;cursor: pointer;}
button:hover, .button:hover {background: #ab0a09;border-color: #ab0a09;}
a.button:visited, a.button:hover {color: #fff; text-decoration: none; }


a.site_by {float:right;font-weight: bold;opacity: 0.6;color: #004388;text-decoration: none;}
a.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;
vertical-align: top;
}

.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;}

/* слайдер на странице   */

div#posiblepons-managemean {
  overflow: hidden;
  margin: auto;
  width: 80%;
  max-width: 1200px;
  max-height: 600px;
}
div#posiblepons-managemean div {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  font-size: 0;
  animation: 20s slider infinite;
}
div#posiblepons-managemean div img {
  width: 20%;
  float: left;
}
@keyframes slider {
  0% {
  left: 0%;
  }
  20% {
  left: 0%;
  }
  25% {
  left: -100%;
  }
  45% {
  left: -100%;
  }
  50% {
  left: -200%;
  }
  70% {
  left: -200%;
  }
  75% {
  left: -300%;
  }
  95% {
  left: -300%;
  }
}



/* div в одну строку без ширины */
.imgblock {
  
    border: 0px;
    width: device-width; /* Ширина */
	
	vertical-align: top;
	margin: 0 10px 10px 0; /* Отступы */
    text-align: center; /* Выравнивание по центру */
    display: inline-block; /* Строчно-блочный элемент */
}

/* div в одну строку профсоюз */
.imgblock1 {
  
    border: 0px;
    width: device-width; /* Ширина */
	max-width: 560px;
	vertical-align: top;
	margin: 0 10px 10px 0; /* Отступы */
    
    display: inline-block; /* Строчно-блочный элемент */
}


/* div в одну строку - расписание */
.imgblock2 {
  
  width: 100%;
  max-width: 440px;
  border: 0px;
  vertical-align: top;
  display: inline-block;
}

/* div в одну строку - вселенная */
.imgblock22 {
  
  width: 100%;
  max-width: 450px;
  border: 0px;
  vertical-align: top;
  display: inline-block;
}

/* div в одну строку - три */
.imgblock3 {
  
  width: 300px;
  border: 0px;
  vertical-align: top;
  display: inline-block;
}


/* div в одну строку - главная */
.imgblock4 {
  
  width: 100%;
  max-width: 420px;
  border: 0px;
  margin: 0 10px 10px 0; /* Отступы */
  vertical-align: top;
  display: inline-block;
}

/* div в одну строку - кнопки главная */
.imgblock5 {
  
  width: 100%;
  max-width: 285px;
  border: 0px;
  margin: 0 10px 10px 0; /* Отступы */
  vertical-align: top;
  display: inline-block;
}


/* div в одну строку - кнопки проекты */
.imgblock6 {
  
  width: 100%;
  max-width: 110px;
  border: 0px;
  margin: 0 10px 10px 0; /* Отступы */
  vertical-align: top;
  display: inline-block;
}


/* Зебра */
.zebra {
  list-style: none;
  border-left: 10px solid #ccc;
  padding: 0;
  
}
.zebra li {padding: 10px;}
.zebra li:nth-child(odd) {background: #E1F1FF;}
.zebra li:nth-child(even) {background: white;}

/* Список закругленный */
.pills {
  margin-left: 0;
  list-style: none;
  counter-reset: li;
  font-family: calibri;
}
.pills li {
  padding: 10px 0;
  position: relative;
  left: 1.5em;
  margin-bottom: 0.75em;
  padding-left: 1em;
  background: #E3DEDC;
}
.pills li:before {
  padding: 10px 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.5em;
  width: 1.875em;
  text-align: center;
  color: white;
  font-weight: bold;
  background: #D66786;
  border-bottom-left-radius: 70em;
  border-top-left-radius: 70em;
  counter-increment: li;
  content: counter(li);
}

/* Список линия */
.push {
  list-style: none;
  
}
.push li {
  position: relative;
  padding: 20px 0 20px 40px;
  color: #D29D25;
  cursor: pointer;
}
.push li:before {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4F5151;
  content: "";
  left: 0;
  transition: .3s ease-in-out;
  top: 27px;
}
.push li:after {
  position: absolute;
  border-left: 1px dotted #4F5151;
  width: 1px;
  bottom: -12px;
  content: "";
  left: 3px;
  top: 48px;
}
.push li:hover:before{box-shadow: 0 0 0 10px rgba(0,0,0,.2)}
.push li:last-child:after {content: none;}



/* 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; }

.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 {display: block; position: fixed; bottom: 95px;right: 20px; border-radius: 50%;width: 65px;height: 65px;font-size: 24px;line-height: 65px;opacity: 0.7;background: #87b4e2;text-align: center;cursor: pointer;color: #fff;z-index: 999; transition: bottom .5s ease, opacity .5s ease; }
#scroll_up_button:hover {opacity: 1;transition: opacity 0.5s ease;}









#service_items {margin: 0 auto 45px;}
#service_items .list_empty {display: none; }
#service_items .empty .list_empty {display: block; }

#service_items .search {margin: 0 auto 20px;border: 2px solid #ebebeb;border-radius: 3px;}
#service_items .search input {width: 100%;border: none;height: 32px;line-height: 32px;padding: 0 5px;font-style: oblique;}

#service_items .item {padding: 10px;box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.5);margin: 0 auto 20px;border-radius: 3px;background: #fafafa;}
#service_items .item.search_hidden {display: none !important;}


#service_items li [data-filter-name] span {display: inline-block;margin: 0 2px 3px;font-style: oblique;padding: 3px 5px;background: #f1f1f1;border-radius: 3px;line-height: 1.1em;/* max-width: 200px; */vertical-align: middle;font-weight: normal;}





#service_filters {margin: 0 auto 60px;}
#service_filters .block_title {margin: 15px auto 15px; }
#service_filters .block_title h3 {font-size: 1.4em;margin: 0 auto 0; }

#service_filters .options label {position: relative;display: block;}
#service_filters .options label > div {padding: 3px 10px;display: block;margin: 5px 0;padding-left: 32px;cursor:pointer;clear: both;position: relative;min-height: 26px;line-height: 20px;background: #f1f1f1;border-radius: 3px;transition: all .25s ease;}
#service_filters .options label:hover > div {background: #87b4e2;}
#service_filters .options input {margin-right: 5px;position: absolute;top: 50%;margin-top: -8px;left: 7px;width: 16px;height: 16px;z-index: 10;border: solid 2px #9c9c9c;background: #fff;-webkit-appearance: none;cursor: pointer;}
#service_filters .options label input:checked {border-color: #004488;}
#service_filters .options label input:checked:before {content: "";position: absolute;width: 8px;height: 8px;display: block;top: 50%;background: #757575;left: 50%;margin-top: -4px;margin-left: -4px;}

#service_filters .options label input:checked + div {font-weight: 500;background: #5484cd;color: #fff;}
#service_filters .options label span {display: inline-block;/* vertical-align: middle; */line-height: 1.1em;}


.services_toggle {display: none !important;}


@media only screen and (max-width: 768px) {
	#service_filters {position: fixed;padding: 0 10px 20px;top: 0;right: -300px;bottom: 0;/* overflow: visible; */overflow-y: auto;background: rgba(255,255,255,0.95);z-index: 10000;margin: 0;/* display: none; */width: 220px;box-shadow: 0 0 10px;transition: right .5s ease;}
	#service_filters .options label > div {background: none; }
	
	#service_filters.toggled {display: block;right: 0;}
	
	#service_filters .services_toggle {display: inline-block !important;position: fixed;top: 100px;right: 220px;z-index: 1001;width: 42px;height: 42px;line-height: 40px;font-size: 32px;padding: 0;margin: 0;text-align: center;border: none;/* box-shadow: 0 0 10px; */background: #fff;opacity: 0;/* transition: opacity 1s ease .2s; */}
	#service_filters.toggled .services_toggle {opacity: 1;transition: opacity 1s ease .2s;}

	
	#service_items .services_toggle {margin: 0 auto 10px;display: inline-block !important; }
	#service_items .services_toggle.floating {position: fixed;bottom: 40px;right: 20px;width: 42px;height: 42px;line-height: 42px;margin: 0;padding: 0;border: 0;background: #fe8800;text-align: center;color: #000;font-size: 30px;}
	
}

/* Черно-белые картинки */
.grey-image {
    border-radius: 20%;
    filter: grayscale(1); /* Черно-белый фильтр для изображения */
    transition: 1s; /* Время изменения цвета изображения */
    
}
.grey-image:hover {
    border-radius: 20%;
    filter: grayscale(0); /* Цветное изображение при наведении */
    
}

/* Черно-белые картинки с увеличением */
.grey-image9 {
    border-radius: 20%;
    filter: grayscale(1); /* Черно-белый фильтр для изображения */
    transition: 1s; /* Время изменения цвета изображения */
    
}
.grey-image9:hover {
    border-radius: 20%;
    filter: grayscale(0); /* Цветное изображение при наведении */
    width: 190px;height: 190px;
}

/* Черно-белые картинки */
.grey-image1 {
    border-radius: 10%;
    filter: grayscale(0.5); /* Черно-белый фильтр для изображения */
    transition: 2s; /* Время изменения цвета изображения */
    
}
.grey-image1:hover {
    border-radius: 10%;
    filter: grayscale(0); /* Цветное изображение при наведении */
}

/* Получерно-белые картинки */
.grey-image2 {
    -webkit-filter: grayscale(50%); 
    filter: grayscale(50%);
}
.grey-image2:hover {
    
	-webkit-filter: grayscale(0);
    filter: grayscale(0); /* Цветное изображение при наведении */
}

/* НГ гирлянда вверху */
.averin_newyear {
		position: fixed;
		right: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		z-index: 500;
		display: block;
		background: url(sm_full.aspx?guid=208163) repeat-x top center;
	}

/* Кнопка на главной */

a.button2 {
    display: inline-block;
 margin: auto;
     background: #2758a5; /* Цвет фона */
     padding: 10px; /* Поля вокруг текста */
  
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;  
  
  text-align: center;
  position: relative;
  transition: all .35s;
  -webkit-transition: all .35s;
}

a.button2:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
 
}

a.button2:hover{
  color: #ff6600;
  font-size: 1.1em;
}


a.button2:hover:after{
  width: 110%;
  
}

.overlay {
	background:transparent; 
	position:relative; 
	width:100%;
	height:550px;
	top:550px;
	margin-top:-550px;
}

/* Используем 800px для мобильного экрана */
@media(max-width: 800px) {
    /* Скрываем заголовки таблицы */
    table thead {
        left: -9999px;
        position: absolute;
        visibility: hidden;
    }
    table tr {
        border-bottom: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    table td {
        border: 1px solid;
        margin: 0 -1px -1px 0; /* Удаляем двойную границу */
        width: 50%;
    }
}



/* На картинке текст + подробнее */
/* Настройки маркированного списка */
.hover-effect-cover {
    list-style:none;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 0;
}
.hover-effect-cover li {
    position: relative;
    width: 49%; /* Задаем ширину элемента списка с картинкой*/
    display: inline-block;
    background-color: #fff;
    margin: 0;
    border: 5px solid #fff;
    box-shadow: 1px 3px 1px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
}
/* Заголовок, текст и ссылка */
.hover-effect-cover li h3{
    color: #fff;
    margin: 5px;
}
.hover-effect-cover li p{
    color: #fff;
    margin: 5px;
}
.hover-effect-cover li a {
    display: block;
    text-decoration: none;
    padding: 15px;
    color: #fff;
    background: #000;
    border-radius: 5px;
    margin: 0 auto;
    transition: all 0.4s ease-in-out;
}
.hover-effect-cover li a:hover {
    background: #454545;
    color: #fff;
}
/* Выезжающий блок с текстом для панели слева направо */
.hover-effect-cover li > div.effect-to-right {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.hover-effect-cover li:hover > div.effect-to-right {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.hover-effect-cover li div.effect-to-right {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3); /* Фон блока при наведении */
    transition: all 0.4s ease-in-out;
    color: #fff;
    transform: translate(-250px, 0px) rotate(0deg); /* Направление выезжающей панели */
}
.hover-effect-cover li:hover div.effect-to-right {
    opacity: 1;
    transform: translate(0px, 0px) rotate(0deg);
}


/* Кнопки справа сбоку сайта */
     
/* Стиль ссылки внутри sidenav */
#mySidenav a {
  position: fixed; /* Расположите их относительно окна браузера*/
  z-index: 100;
  right: -15px; /* Расположите их за пределами экрана */
  transition: 0.3s; /* Добавить переход при наведении курсора */
  padding: 15px; /* 15px отступы */
  width: 80px; /* Установите определенную ширину */
  text-decoration: none; /* Удалить подчеркивание */
  font-size: 20px; /* Увеличить размер шрифта */
  background-color: #a0c6ea;
  opacity: 0.7;
  color: white; /* Белый цвет текста */
  border-radius:  5px 0 0 5px; /* Закругленные углы на верхней правой и нижней правой стороне */
}

#mySidenav a:hover {
  right: 0; /* При наведении курсора мыши, сделать элементы отображаются так, как они должны */
  background-color: #0260b8;
  opacity: 1;
}

/* Цвета ссылок и расположение */
#knopka1 {
  top: 200px;
  
}

#knopka2 {
  top: 290px;
  
}

#knopka3 {
  top: 380px;
  
}

/* Бегущая строка */
.run_line {
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		z-index: 500;
		display: block;
		
	}

/* Обводка текста */
.obvod p{
color:#2558a5;
text-shadow: 1px 0 1px #000, 
0 1px 1px #000, 
-1px 0 1px #000, 
0 -1px 1px #000;
}