@charset "UTF-8";

html {font-size: 16px;}
body {background: #fff;font-family: "PT Sans", sans-serif;font-size: 1em;line-height: 1.4;}

.index_page body {background: #597ea5;}


*:focus {outline: none; }

a {color: #185996; transition: all .25s ease;}
a:hover, a:focus {color: #2196F3; }
a:visited {color: #44515d; }



#layout {position: relative;top: 0;bottom: 0;left: 0;overflow: hidden;width: 100%;min-width: 320px;background: #165494;padding-left: 25%;/* min-height: 100vh; */}

#aside {position: fixed;top: 0;left: 0;width: 25%;bottom: 0;overflow: hidden;background: #175494;/* max-width: 350px; */color: #fff;z-index: 5;}
#aside > .frame {position: relative;overflow: hidden;padding-right: 50px;margin-right: -50px;height: 100%;overflow-y: auto;}
#aside > .frame > .wrapper {position: relative;padding: 0 20px 0;padding-bottom: 160px;min-height: 100%;width: 25vw;/* overflow-y: auto; */}


#main {/* position: absolute; */top: 0;right: 0;/* width: 75%; */bottom: 0;/* height: 100%; */overflow: hidden;background: #fff;z-index: 10;}
#main > .frame {overflow-y: auto;padding-right: 50px;margin-right: -50px;position: relative;height: 100%;}
#main > .frame > .wrapper {position: relative;padding: 0 30px 0;padding-bottom: 150px;min-height: 100vh;}


@media screen and (max-width: 992px) {
	#layout {position: static;overflow: auto;padding-top: 52px;padding-left: 0;}
	#aside {position: static;width: 100%;max-width: 100%;}
	#main {position: static;width: 100%;}
}

@media screen and (min-width: 1710px) {
	#layout {/* width: 1680px; */padding-left: 420px;}
	
	#aside {width: 420px;}
	#main {width: 1260px;}

	#aside > .frame > .wrapper {width: 100%; }
}

#header {margin: 0 -20px 60px; }

#logo {padding: 15px 20px 30px;}
#logo img {max-width: 72px; height: 72px; }
#logo h1 {font-size: 1.4em;}

#main_menu_mobile {display: none; }

#main_menu {display: block;/* position: sticky; */top: 0;}
#main_menu ul {list-style: none; margin: 0; padding: 0; }
#main_menu li {position: relative; }
#main_menu a {display: block;color: #fff;text-decoration: none;cursor: pointer;}


#main_menu .level_0 {text-align: left;}
#main_menu .level_0 > li {display: block;vertical-align: middle;border-bottom: solid 1px rgba(255, 255, 255, 0.25);}

#main_menu .level_0 > .active > a {background-color: #1c75d2;}
#main_menu .level_0 > .parent_active > a {background-color: #1c75d2;}

#main_menu .level_0 > li.parent_active:nth-child(1) > a {background-color: transparent; }

#main_menu .level_0 > li > a {padding: 12px 20px;text-decoration: none;font-size: 1em;font-weight: 500;position: relative;}
#main_menu .level_0 > li > a:hover {background: #4593e4 !important;/* color: #000; */}


#main_menu .level_0 > li.parent > a:after {content: "\f054";display: block;width: 14px;height: 14px;position: absolute;right: 10px;top: 50%;margin-top: -8px;text-align: center;font-family: "FontAwesome";font-size: 12px;color: #70b6ff;}
#main_menu .level_0 > li.parent_active:nth-child(n+2) > a:after {content: "\f078"; }
#main_menu .level_0 > li.opened > a:after {content: "\f078"; display: none;}
#main_menu .level_0 > li.parent > a:hover:after {color: #fff;}

 


#main_menu .level_0 ul {position: relative;display: none;margin: 5px auto 15px;padding: 0 25px;padding-right: 10px;/* width: 230px; */text-align: left;font-size: .96em;}
#main_menu .level_0 .parent.active > ul, #main_menu .level_0 .parent_active > ul  {display: block; }

#main_menu .level_0 .parent.opened > ul {display: block; }


#main_menu .level_1 li+li {margin-top: 2px;}
#main_menu .level_1 li a {padding: 6px 10px;line-height: 1.1em;color: #fff;border-radius: 3px;}
#main_menu .level_1 li > a:hover {background: #6cb4ff;color: #000;}

#main_menu .level_1 .parent_active> a {font-weight: 700;background: #1c75d2;}

#main_menu .level_1 .active > a {font-weight: 700;background: #4593e4;}



#main_slider {margin: 0 -30px 0;z-index: 1;}
#main_slider .item {position: relative; display: block;}

#main_slider .preview {background-color: #ccc;background-position: center center;background-repeat: no-repeat;background-size: cover;padding-bottom: 44%;position: relative;/* min-height: 300px; */display: block;}

#main_slider .content {position: absolute;left: 0;right: 0;bottom: 0;color: #fff;padding: 15px 20px 15px;background: rgba(0,0,0,0.59);}
	#main_slider:hover .content {}
#main_slider a {color: inherit;text-decoration: none;}
#main_slider h3 {margin: 0 0 0;font-size: 1.8em;}
#main_slider p {margin: 0;line-height: 1.1em;font-size: 1rem;}


#main_slider .owl-nav {display: none;position: absolute;bottom: 0;right: 0;opacity: 0;}
	#main_slider:hover .owl-nav {opacity: 1;}
	#main_slider .owl-nav button {font-size: 36px;background: #5abb67;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;bottom: 15px;right: 15px;}
	#main_slider .owl-dot {display: inline-block;width: 24px;height: 5px;background: #ffffff;margin-left: 5px;opacity: .5;}
	#main_slider .owl-dot.active {background: #1c75d2;}
	#main_slider .owl-dot:hover, #main_slider .owl-dot.active {opacity: 1;}
	


@media screen and (max-width: 992px) {
	#aside > .frame > .wrapper {padding: 20px 15px 0;width: 100%;}
	#aside #copyright {position: static; margin: 30px -20px 0; }
	
	#main > .frame > .wrapper {padding: 0 15px;padding-bottom: 45px;min-height: 50vh;}

	
	#header {position: fixed;left: 0;right: 0;top: 0;z-index: 10;background: #0c3b6c;margin: 0 auto;max-height: 100vh;overflow-y: auto;}
	
	#logo {display: none; margin: 0 auto 0; padding: 0 15px; }

	#main_menu {margin: 0 auto 0;line-height: 1.1em;display: none;}


	#main_menu_mobile {display: block;position: sticky;padding: 0 10px;height: 52px;line-height: 52px;padding-right: 50px;/* min-width: 320px; */top: 0;background: #165494;z-index: 200;overflow: hidden;}
	#main_menu_mobile a {display: inline-block;vertical-align: middle;color: #fff;/* height: 48px; */line-height: 15px;font-size: 14px;max-width: 300px;/* font-weight: 600; */margin-top: -2px;}

	#main_menu_mobile button {position: absolute;right: 6px;top: 6px;width: 40px;height: 40px;text-align: center;padding: 0;font-size: 21px;background: 0;color: #fff !important;}
	
	#main_slider h3 {font-size: 1.2em;}
}

@media screen and (min-width: 992px) {
	#main_menu {display: block !important;}
}




/* слайдер баннеров */
#banners_slider {/* overflow: hidden; */padding: 20px 60px 30px;/* margin: 0 -30px 0; */background: #e5f4ff;position: absolute;left: 0;right: 0;bottom: 0;height: 115px;}

#banners_slider .item {height: 64px;line-height:  64px;}
#banners_slider .item img {max-width:  100%;width: auto;max-height:  64px;height: auto;display: inline-block;}


.owl-banners {height: 64px;line-height: 64px; }
.owl-banners .owl-stage {white-space: nowrap; }
.owl-banners .owl-item {float: none; display: inline-block; vertical-align: middle; overflow: hidden; opacity: 0.7; transition: opacity 0.3s ease; }
.owl-banners .owl-item:hover {opacity: 1; }

.owl-banners .owl-nav {position: absolute;top: 50%;margin-top: -12px; width: 100%;}
.owl-banners .owl-nav button.owl-prev,
.owl-banners .owl-nav button.owl-next {font-size: 0;width: 24px;height: 24px;background: transparent 50% no-repeat;opacity: 0.3;background-size: 100%;position: absolute;}
	
.owl-banners .owl-nav button.owl-prev {right: 100%; margin-right: 10px; background-image: url("/files/00096/img/slider_prev.png");}
.owl-banners .owl-nav button.owl-next {left: 100%; margin-left: 10px; background-image: url("/files/00096/img/slider_next.png");}




#hot_links {padding: 0;font-size: 0;display: flex;flex-wrap: wrap;margin: 0 -30px 0;}
#hot_links .item {font-size: 1.25rem;width: 25%;display: inline-block;padding: 30px 15px;background: #1c75d2;text-align: center;color: #fff;line-height: 1.1em;margin: 0 0 1px;}
#hot_links .item:hover {background: #165494;}
#hot_links .item + .item {box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.35);}

#hot_links .item a {color: inherit;display: block;width: 100%;text-decoration: none;}


#hot_links .item .preview {margin: 0 auto 20px; }
#hot_links .item .preview img {display: inline-block; max-width: 72px; }

@media only screen and (max-width: 768px) {
	#hot_links .item {width: 50%; }
}

@media only screen and (max-width: 480px) {
	#hot_links .item {width: 100%; }
}


.hot_news {margin: 0 -30px 30px;padding: 0 30px 0;}



.block_title {background: #ededed;line-height: 1.5em;padding: 15px 30px;color: #000;clear: both;overflow: hidden;text-align: right;margin: 0 -30px 15px;}
.block_title h2 {float: left;margin: 0;padding: 0;font-size: 1.5em;}
.block_title .more {/* float: right; */display: inline-block;font-size: 1em;vertical-align: middle;}



/* объявления */
.announcements {border: solid 1px #1c75d2; margin-bottom: 30px; overflow: hidden; }
	.announcements .item:not(:first-of-type) {margin-top: 15px; border-top: dashed 2px #ccc; }


/* последние новости */
.hot_news .item {clear: both; overflow: hidden; padding: 15px 0 30px; border-bottom: dashed 2px #ccc; }
	.hot_news .item:last-of-type {border-bottom: none; }
		.hot_news h3 {margin: 0 auto 5px;font-size: 1.2em;}
		.hot_news .date {font-size: 0.86em;margin: 0 auto 10px;}
		.hot_news .preview {display: block; float: left; background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 160px; height: 120px; margin-right: 15px; }
		.hot_news .content {}
		.hot_news .anno {margin-bottom: 15px; }
		.hot_news .read_more { }
		
		.hot_news .more_news {text-align: right; }
		
				
.page_header {padding: 15px 0 0;}

.breadcrumbs {border-bottom: solid 2px #1c75d2;margin-bottom: 30px;padding: 0 0 15px;font-size: 1.2em;}


.page_header h1 {margin: 0 auto 30px;font-size: 2.4em;font-weight: 600;}




.entry {padding: 0 0 30px;overflow-x: auto;word-break: break-word;}
	
	.spoiler .preview {min-height: 80px; }
		.spoiler .preview img {display: inline-block; }
		
	.spoiler .anno {overflow: hidden;}
	.spoiler .content {display: none;clear: both;}
	#body_content .spoiler.entry:not(:last-of-type) {margin-bottom: 15px; border-bottom: dashed 2px #ccc; }
	.spoiler .button {margin: 15px 0 0; }


@media only screen and (max-width: 768px) {
	.spoiler .preview {margin-bottom: 15px; text-align: center; }
	.spoiler .anno {clear: both; overflow: initial; }
}


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

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






.page_share_buttons {margin-top: 45px;/* margin-bottom: -15px; */text-align: right;}




/* Боковая колонка */
#sidebar {padding-left: 0; padding-right: 0; }




/* поле поиска */
.search_field {border: 1px solid #DADADA; background: #fff url("/files/00096/img/search.png") 99% 50% no-repeat; text-align: left; padding: 6px 24px 6px 6px; margin-bottom: 15px; }
.search_form {line-height: 1em; }
.search_form input[type="search"] {background: none; color: #979797; border: 0; width: 100%; padding: 0; margin: 0; outline: none; font-size: 0.9em; }


/* блок "обратите внимание" */
.attention_block {overflow: hidden; }
.attention_block .item {margin: 10px 0; text-align: center; }
.attention_block img {display: inline-block; max-width: 100%; }


/* опросы на главной */
.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; }






/* ****** */
.archive_header {margin: 1.5em 0 1em; }
	.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: 1.3em;}
		.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; }
		
		
/* тип 3: настраиваемый */
	.archive_header > span,
	.archive_header > a
		{display: inline-block; line-height: 32px; padding: 0 0.4em; margin-right: 0.3em; }

	.archive_header > span	{font-weight: 600; background-color: #f5f5f5; }
	.archive_header > a:hover {background-color: #2265A4; }


/* тип 2: закладки */
.archive_header .MapTabs {border-bottom: solid 4px #165494;}
.archive_header .MapTabs .tabSelect {font-weight: 600;background-color: #165494;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; font-weight: 600; padding: 0 0.4em; }
.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: #f5f5f5; }

/* */



/* Фотогалереи */
.gallery {overflow: hidden; }
	.gallery > .item {display: block; float: left; margin: 5px; position: relative; overflow: hidden; }
		.gallery > .item > span {opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; height: 22px; line-height: 22px; background: rgba(34, 101, 164, 0.75); color: #ccc; font-size: 14px; overflow: hidden; text-align: center;
	transition: opacity 0.3s ease-in; }
		.gallery > .item:hover > span {opacity: 1; }





/* карточка сотрудника, учащегося, вакансия, продукция и т.п. */
.item_card {overflow: hidden; padding: 15px 0; }
	.item_card h3 {margin-top: 0; }
	.item_card .preview {display: block; float: left; background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 96px; height: 96px; margin-right: 15px; }
	.item_card .content {float: left; }



/* формы обратной связи */
.ww_form {list-style-type: square; padding: 15px; }
	.ww_form li {padding: 15px 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; }
	
	.ww_form input[type="text"],
	.ww_form input[type="email"],
	.ww_form select,
	.ww_form textarea {border: solid 2px #bbb; line-height: 1.6em;  }

	.ww_form input:focus,
	.ww_form select:focus,
	.ww_form textarea:focus {border-color: #2265A4; }
	
	.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; }
	
	
	[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 {min-width: 350px; width: 50%; }
	}




/* кнопки */
button, .button {color: #fff !important;background: #165494;padding: 8px 12px;font-size: .8em;line-height: 1.1em;display: inline-block;text-decoration: none;border: none;/* border-radius: 5px; */cursor: pointer;}
	button:hover, .button:hover {background: #4593e4;color: #fff !important;text-decoration: none;}




.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: #4593e4; border-color: #4593e4; color: #fff;}
		.pagination span:hover a { }
	.pagination .page_hidden {margin: 0 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;}





#footer {
	margin: 0 -15px 0;
	/* position: sticky; */
	bottom: 0;
}

#copyright {color: #ddd;background: #0b3b6d;text-align: center;padding: 15px 20px 20px;/* margin: 30px -20px 0; */font-size: .8em;opacity: 1;position: absolute;left: 0;bottom: 0;right: 0;}


#aside .contacts {font-size: .9em;}

.site_by {margin-top: 30px; font-size: .8em; opacity: .5;}
.site_by a {display: inline-block;color: #fff !important; }




/* mini-framework */
.no-list {list-style-type: none; }

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



#scroll_up_button {position: fixed;bottom: 45px;right: 45px;display: none;width: 42px;height: 42px;font-size: 26px;line-height: 42px;opacity: 0.5;text-align: center;cursor: pointer;z-index: 999;padding: 0;}
	#scroll_up_button:hover {opacity: 1; transition: opacity 0.5s ease; }




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

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

.tbl thead td, .cool-table thead td,
.tbl th, .cool-table th {
	background: #3883cc;
	color: #fff;
	border: 1px solid #185995;
	padding: 12px 8px;
}

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





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



#region_map {position: relative;width: 642px;margin: 0 auto;}

#mrmap{position: relative; padding: 0; margin: 0 0 0 auto;width: 422px;background: url(/files/00864/obj/110/15463/img/2813.gif) no-repeat left top;height: 538px;display: inline-block;vertical-align: top;margin-right: 20px;}

#mrmapin {top: 0; left: 0; right: 0; bottom: 0; position: absolute; }

.ms00{background: none;}
.ms01{background: url(/files/00864/obj/110/15463/img/2823.gif) no-repeat left top;}
.ms02{background: url(/files/00864/obj/110/15463/img/2833.gif) no-repeat left top;}
.ms03{background: url(/files/00864/obj/110/15463/img/2843.gif) no-repeat left top;}
.ms04{background: url(/files/00864/obj/110/15463/img/2853.gif) no-repeat left top;}
.ms05{background: url(/files/00864/obj/110/15463/img/2863.gif) no-repeat left top;}
.ms06{background: url(/files/00864/obj/110/15463/img/2873.gif) no-repeat left top;}
.ms07{background: url(/files/00864/obj/110/15463/img/2883.gif) no-repeat left top;}
.ms08{background: url(/files/00864/obj/110/15463/img/2893.gif) no-repeat left top;}
.ms09{background: url(/files/00864/obj/110/15463/img/2903.gif) no-repeat left top;}
.ms10{background: url(/files/00864/obj/110/15463/img/2913.gif) no-repeat left top;}
.ms11{background: url(/files/00864/obj/110/15463/img/2923.gif) no-repeat left top;}
.ms12{background: url(/files/00864/obj/110/15463/img/2933.gif) no-repeat left top;}
.ms13{background: url(/files/00864/obj/110/15463/img/2943.gif) no-repeat left top;}
.ms14{background: url(/files/00864/obj/110/15463/img/2953.gif) no-repeat left top;}
.ms15{background: url(/files/00864/obj/110/15463/img/2963.gif) no-repeat left top;}
.ms16{background: url(/files/00864/obj/110/15463/img/2973.gif) no-repeat left top;}
.ms17{background: url(/files/00864/obj/110/15463/img/2983.gif) no-repeat left top;}
.ms18{background: url(/files/00864/obj/110/15463/img/1203.gif) no-repeat left top;}
.ms19{background: url(/files/00864/obj/110/15463/img/1233.gif) no-repeat left top;}
.ms20{background: url(/files/00864/obj/110/15463/img/1273.gif) no-repeat left top;}
.ms21{background: url(/files/00864/obj/110/15463/img/1493.gif) no-repeat left top;}
.ms22{background: url(/files/00864/obj/110/15463/img/1513.gif) no-repeat left top;}

#txl{width: 180px;padding: 0;margin: 0;/* position: absolute; */right: 0;display: inline-block;vertical-align: top;}

/*Карта*/