@charset "UTF-8";

html {font-size: 14px; }
body {font-size: 1em; }

a:link {color: #005cc3;}
a:visited {color: #555;}
a:hover {color: #019ece;}

#layout {position: relative;overflow: hidden;}

#top_bar {background: #F5F5F5;padding: 10px 10px;color: #fff;min-height: 50px;/* line-height: 30px; */}

#header {position: relative;background: #F5F5F5;}
.header_body {padding: 30px 0;}

#logo {display: inline-block;/* padding: 30px 0; */}
#logo > a {text-decoration: none !important; }
	
#logo .preview {width: 72px;display: inline-block;padding-right: 10px;vertical-align: middle;/* border-radius: 3px; */overflow: hidden;}
#logo .preview img {max-width: 100%;max-height: 100%;width: auto;height: auto;/* display: inline-block; */border-radius: 3px;}
#logo .caption {display: inline-block; color: #034ea2; font-size: 1.4em;font-weight: bold;line-height: 1.1em;vertical-align: middle;}
#logo .caption span {color: #222; }
#logo .address {margin: 10px auto 0;clear: both;}



#header .phones {line-height: 1.1em; }
#header .phones .item {margin: 0 auto 7px;color: #555;font-weight: 500;}
#header .phones .item a {display: inline-block;color: #333333;font-weight: 600;}

/* строка поиска */
.search_field {/* float: right; */text-align: left;padding: 0 45px 0 0;position: relative;display: block;overflow: hidden;/* width: 225px; */}
.search_field:hover {opacity: 1;}
	
.search_form {line-height: 1em; }
.search_form input[type="search"] {color: #222;width: 100%;padding: 0 2px;padding-left: 10px;margin: 0;outline: none;font-size: 1em;height: 45px;display: block;box-sizing: border-box;border: solid 1px rgba(0,0,0,.15);border-right: none;}
.search_form input[type="search"]:focus {border-color: #80bdff;}
.search_form .button {border: 0;position: absolute;width: 45px;height: 45px;right: 0;top: 0;margin: 0;line-height: 45px;font-size: 16px;text-align: center;padding: 0;border-radius: 0;background: #333333;color: #fff !important;cursor: pointer;}




#main_menu {background: #333;/* position: sticky; *//* top: 0; */}

#main_menu li {display: inline-block;position: relative;z-index: 200;}
#main_menu a {text-decoration: none;color: #ffffff;display: block;}
#main_menu a > span {position: relative;line-height: 1.1em;display: inline-block;}

#main_menu .level_0 {text-align: center;margin: 0;list-style: none;position: relative;}
#main_menu .level_0 > li {}
#main_menu .level_0 > li > a {padding: 15px 15px;text-transform: uppercase;font-weight: 600;font-size: 1.1em;}

#main_menu .level_0 > .parent > a:after {content: "\f107";font-family: "FontAwesome";display: inline-block;margin-left: 7px;vertical-align: middle;}

#main_menu .level_0 > li.active > a,
#main_menu .level_0 > li.parent_active:not(:nth-child(1)) > a,
#main_menu .level_0 > li:hover > a {background: #034ea2;color: #fff;}

#main_menu .level_1 {display: none; text-align: left; }

#mobile_logo {display: none; }
	



@media screen and (min-width: 768px) {
	#main_menu {display: block !important; }
	#main_menu .level_0 ul {display: none;text-align: left;position: absolute;top: 100%;left: 0;z-index: 100;padding: 0;box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);width: 230px;margin-top: 20px;}

	#main_menu .level_1:before {content: "";display: block;position: absolute;bottom: 100%;z-index: 1;left: 0;right: 0;height: 30px;background: rgba(255, 255, 255, 0.01);opacity: .01;}
	#main_menu .level_1:after {content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 0 12px 12px 12px;border-color: transparent transparent #fff transparent;bottom: 100%;position: absolute;left: 15%;z-index: 2;}
	
	#main_menu .parent:hover > ul {display: block;}
	#main_menu .level_1 li {display: block;background: #fff;}
	#main_menu .level_1 li > a {color: #333333;padding: 8px 10px;position: relative;overflow: hidden;font-size: 1.1em;}
	#main_menu .level_1 li > a:hover {color: #fff; }
	#main_menu .level_1 li > a:before {content: "";display: block;position: absolute;top: 50%;bottom: 50%;left: 0;right: 0;transition: all .33s ease;background: #044ea1;opacity: 0;}
	#main_menu .level_1 li > a:hover:before {top: 0;bottom: 0;opacity: 1;}

	#menu_toggle {display: none; }
}


#main_menu.fixed_top {position: fixed; top: 0; left: 0; right: 0; z-index: 9000;-webkit-transform: translate3d(0, 0, 0); transform : translate3d(0, 0, 0);}



#body {background: #E2E2E2;min-height: 50vh;}
#sidebar {padding: 0 15px 30px;min-height: 0;margin-bottom: 60px;}

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

.page-home #sidebar,
.page-default #sidebar {margin-bottom: 0; }


.page_header {background: url(/files/00453/img/page_header.png);padding: 25px 0;margin-bottom: 50px;}

.page_note {margin: 0 auto 30px;background: #fafafa;padding: 10px;border: solid  2px #044ea1;}
.page_note .widget_title {text-transform: none; margin-bottom: 15px; font-size: 1.3em;}
.page_note + .page_note {}


.page_note + .section_menu {margin-top: 90px; }



@media screen and (max-width: 767px) {
	#layout {padding-top: 48px;}
	#sidebar {margin-bottom: 0; }
	#header_top {border-bottom: none;height: auto;padding: 0 15px 0;text-align: center;}
	#header_top .pull-right {float: none !important;display: inline;}

	#header_top .address {display: none; }
	#sidebar {/* padding: 0px; */}

	#logo_menu {margin-top: 0 !important; position: fixed; z-index: 9000; top: 0; right: 0; left: 0; text-align: left; min-height: 55px; line-height: 52px; padding: 0; border-bottom: solid 3px #4ca200; overflow: hidden; -webkit-transform: translateZ(0);}

	#logo {display: none; }
	#mobile_logo {display: block;padding: 0;line-height: inherit;text-align: left;overflow: hidden;height: inherit;float: left;margin-left: 12px;margin-top: 9px;}
	#mobile_logo a {color: #fff; }
	#mobile_logo img {margin: 0;max-width: 40px;max-height: 40px;}
	#mobile_logo h1 {font-size: 1em;display: inline-block;vertical-align: middle;margin: 0;}


	#main_menu {background: #333;padding: 0;overflow: hidden;min-height: 48px;position: fixed;left: 0;right: 0;top: 0;z-index: 9000;}

	#main_menu.toggled {overflow-y: auto;}


	#menu_toggle {display: block;float: right;width: 48px;height: 48px;border: 0;outline: 0;color: #fff;line-height: 48px;right: 0;top: 0;background: transparent;font-size: 20px;}
	#menu_toggle:hover {background: #044ea1;}


	#main_menu .level_0 {display: none;padding: 15px 15px 30px; clear: both;max-height: 80vh; }
	#main_menu .level_0 > li {display: block; clear: both; }
	#main_menu .level_0 > li > a {border-bottom: solid 1px #044ea1;padding: 5px 5px;margin-bottom: 5px;text-transform: uppercase;}


	#main_menu .level_1 {display: block; position: static !important; columns: 2; padding: 5px 15px 10px; font-weight: normal; }
	#main_menu .level_1 li {display: inline; }
}





/* main-slider */
#main_slider {position: relative;}

#main_slider .item {background-color: #eee;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;padding-bottom: 39%;position: relative;min-height: 500px;overflow: hidden;}
#main_slider .item:before {display: block; content: ""; background: linear-gradient(200deg, rgba(70, 199, 207, 0.8) 0%,rgba(123,100,203,0.8) 100%); position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: .85; }


#main_slider .content,
#slider_info {position: absolute;bottom: 100px;left: 0;right: 0px;/* background: rgba(255,255,255,0.8); */padding: 15px 15px 45px 0;/* overflow: hidden; */padding: 15px;z-index: 10;text-align: center;}
#main_slider h3 {display: block; font-size: 2.4em; line-height: 1.1em; font-weight: bold; padding: 0 15px; color: #fff; margin: 1em 0 15px; text-shadow: 1px 1px 5px #000, 0px 0px 100px #000; }
#main_slider p {clear: both; display: block; margin: 0 0 10px; font-size: 1.4em; line-height: 1.1em; color: #fff;  text-shadow: 1px 1px 5px #000, 0px 0px 60px #000; } 

#slider_info a {display: inline-block; clear: both; }

#main_slider .content .button {display: inline-block;color: #fff;padding: 10px 15px;text-decoration: none;margin-top: 15px;}
#main_slider .content .button:hover {background: #044ea1;color: #fff;}

@media (max-width: 768px) {
	#main_slider .content {width: 100%; left: 0; right: 0; padding: 0 10px 25px; }
	#main_slider h3 {font-size: 1.6em; }
	#main_slider p {font-size: 1em; }

	.owl-main .owl-nav {top: 65%; }
		.owl-main .owl-prev {/* left: -15px; */}
		.owl-main .owl-next {/* right: -15px; */}

	#slider_info {position: static; padding: 15px 15px 30px; width: 100%; margin-top: 15px; border-bottom: solid 2px orange; }

}





/* главный внутренний баннер */
#main_banner {/* margin: 20px auto 20px; */text-align: center;padding: 15px 0;}
#main_banner .banner {display: inline-block; max-width: 100%;position: relative; color: #111;text-decoration: none;}
#main_banner .banner img {max-width: 100%; max-height: 100%;width: auto; height: auto;}
#main_banner .banner.bg {display: inline-flex; flex-flow: column; align-content: center; justify-content: center; width: 100%;/* min-height: 150px; */background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
#main_banner .banner .content {margin: auto;padding: 30px;min-width: 100%;}
#main_banner .banner .annotation {font-size: 1.25em;line-height: 1.1;}
/**/



#article {padding: 0 15px 30px;font-size: 1.2em;}
#article .main_title {margin: 15px 0 15px; text-align: center; }

.breadcrumbs {margin-bottom: 15px;margin-left: 10px;text-align: right;float: right; max-width: 33%;}
.breadcrumbs > .wrapper {display: inline-block;padding: 12px 15px;background: #fff;}
.breadcrumbs a {color: #444;display: inline-block; vertical-align: middle; }
.breadcrumbs a:hover {color: #019ece;}
.breadcrumbs a:nth-child(1):before {content: "\f015"; font-family: "FontAwesome"; display: inline-block; vertical-align: middle; font-size: 20px; }
.breadcrumbs a:nth-child(1) span {display: none; }

.breadcrumbs .wrapper > span {display: inline-block;vertical-align: middle;opacity: .5;display: none;}
.breadcrumbs i {display: inline-block; vertical-align: middle; font-size: 10px; color: #aaa; margin: 0 5px; }

.breadcrumbs a:last-of-type + i {display: none; }

@media only screen and (max-width: 768px) {
	.breadcrumbs {float: none;max-width: 100%;text-align: left;margin-left: 0;}
}

.main_title {margin: 10px auto 0;line-height: 1.1em;font-weight: 600;font-size: 2.4em;}

.entry {margin-bottom: 30px;overflow-x:  auto;/* clear: both; */}
.entry .date {font-weight: bold; display: inline-block; margin: 0 0 5px; color: #009fce; }
.entry img {max-width: 100%; height: auto; }
.entry iframe {max-width: 100%; border: none; min-height: 250px; max-height: 50vh;}

.page_contacts {margin-bottom: 45px;}
.page_contacts p {padding: 15px 0;margin: 0 auto 0;padding-left: 30px;position: relative;}
.page_contacts p:nth-child(1) {padding-top: 0; }
.page_contacts p + p {border-top: solid 1px #ccc; }
.page_contacts em.fa {position: absolute;left: 0;color: #044ea0;font-size: 20px;display: inline-block;text-align: left;width: 30px;/* height: 30px; *//* margin-left: 5px; */}



.nav-tabs {clear: both;/* overflow: hidden; */text-align: left;margin-bottom: 0;margin-left: 0;padding-left: 0;display: flex;}
.nav-tabs > li {display: inline-block;float: none;border: solid 2px #eeeeee;line-height: 1.1em;vertical-align:  bottom;margin-top: 5px;/* margin-right: 2px; */background: #eeeeee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 33.3333%;}
.nav-tabs > .active {background-color: #044ea1;border-color: #044ea1;color: #fff;}
.nav-tabs > li > a {color: inherit;display: block;line-height: 1.1em;padding: 10px 15px;text-decoration: none;white-space: normal;}
.nav-tabs > li > a span {display: block;line-height: 1em;vertical-align: middle;}
.nav-tabs > .active > a {/* padding: 5px 15px; */}
		
.tab-content {clear: both;border-top: solid 2px #044ea0;padding: 15px 0 30px;z-index: 2;position: relative;}
.nav-tabs + .tab-content {margin-top: -2px;}

.tab-content > .tab-pane { display: none;}
.tab-content > .active { display: block;}

@media screen and (max-width: 991px) {
	.nav-tabs > li {display: block; clear: both; width: 100%; max-width: 100%; }
}






/* Фотогалереи */
.gallery {overflow: hidden; text-align: left; }
.gallery > .item {display: inline-block;margin: 5px;position: relative;overflow: hidden;/* padding-bottom: 24px; *//* border: solid 2px #0189d9; */}
.gallery > .item:hover {/* border: solid 2px #444; */}

.gallery > .item img {transition: transform 1.2s linear .3s; }
.gallery > .item:hover img {transform: scale(1.1); }

.gallery > .item > span {opacity: 0;position: absolute;bottom: 0;left: 0;right: 0;/* color: #fff; */font-size: 0.9em;overflow: hidden;text-align: center;/* background: #0189d9c9; */transition: opacity 0.3s ease-in;line-height: 1.1em;padding: 5px 10px;background: rgba(1, 181, 242, 0.75);color: #fff;text-shadow: 0 0 3px #222;}
.gallery > .item:hover > span {/* background: #01b5f2a6; */opacity: 1;/* color: #fff; */}




#hot_announcements {padding: 40px 0 40px;background: #F5F5F5;}
#hot_announcements .item {background: #F5F5F5;margin: 0 -15px 15px;padding: 30px 30px 30px;clear: both;overflow: hidden;border: 1px solid #252525;}

#hot_announcements .preview {text-align: center;/* float: left; */width: 110px;padding-right: 30px;display: inline-block;vertical-align: middle;}
	#hot_announcements .preview  img {display: inline-block;max-width: 80px;height: auto;max-height: 100px;width: auto;}

#hot_announcements .content {} 
#hot_announcements .preview+.content {display: inline-block;vertical-align: middle;}

#hot_announcements .anno {line-height: 1.1em;margin: 0 0 15px;}

#hot_announcements .content h4 {margin: 0 auto 15px;}





#hot_links {padding: 40px 0 40px;text-align: center;font-size: 0;}
#hot_links .item {display: inline-block;width: 25%;vertical-align: middle;margin: 15px auto 15px;text-align: center;font-size: 1rem;}
#hot_links a {}
#hot_links a:hover {}
#hot_links .preview {}
#hot_links .preview img {display: inline-block;max-width: 100px;max-height: 100px;vertical-align: middle;}
#hot_links .content {margin: 20px 0;}
#hot_links .content > h3 {vertical-align: middle;display: inline-block;font-size: 1.2em;line-height: 1.1em;position: relative;z-index: 10;font-weight: 600;color: #333;text-transform: uppercase;margin: 0 auto;}





#hot_feedback {padding: 40px 0 0;}
#hot_feedback .img {text-align: center;/* position: absolute; */width: 100%;/* bottom: 0; *//* height: 100%; */}
#hot_feedback .ww_form {margin-bottom: 40px; }

@media screen and (min-width: 992px) {
	#hot_feedback h2 {text-align: left; }
#hot_feedback .section_title:before {left: 0; margin-left: 0;}
#hot_feedback .section_title:after {left: 30px;margin-left: 0;}
}


/* баннеры платных услуг */
#hot_banners {padding: 45px 0 30px;text-align: center;border-top: solid 4px #009fce;border-bottom: solid 3px #009fce;/* background: #f5f5f5; */overflow: hidden;}
#hot_banners .item {display: inline-block; width: 24%; position: relative; vertical-align: top; }
	
#hot_banners .preview {display: inline-block; width: 100%; height: 128px; /* transform: rotate(15deg); background: #ccc; border-radius: 15px; */ transition: transform 1s ease;
-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
#hot_banners .preview img {max-width: 128px; max-height: 128px; }
	
#hot_banners.departments .preview img {max-width: 96px; max-height: 96px; }
#hot_banners .content {display: inline-block;background: rgba(236, 180, 97, 0.8);color: #333;padding: 4px 6px;position: relative;bottom: 40px;line-height: 1.2em;font-style: italic;max-width: 160px;vertical-align: middle;font-weight: bold;}
#hot_banners .item:hover .preview { transform: rotate(15deg) scale(1.2); }

@media screen and (max-width: 991px) {
	#hot_banners .item {width: 32%; }
}

@media screen and (max-width: 600px) {
	#hot_banners .item {width: 49%; }
}


#section_banners {padding: 10px 0;background: #f9f9f9;background: #E2E2E2;}




/* owl-banners */
.owl-banners {position: relative; padding: 30px 30px 30px; }
.owl-banners .item {margin: 0 15px; max-height: 64px; text-align: center; }
	.owl-banners .owl-item {float: none; display: inline-block; vertical-align: middle; overflow: hidden; opacity: 0.9; transition: opacity 0.3s ease; }
		.owl-banners .owl-item:hover {opacity: 1; }
	
	.owl-banners .owl-item img {display: inline-block; max-height: 64px; width: auto; max-width: 100%; }








/* баннеры отделений */
#departments {padding: 40px 0 40px;text-align: center;overflow: hidden;background: #f5f5f5;background: #F5F5F5;}
#departments .item {display: block;position: relative;padding: 10px;border: solid 1px #ccc;margin-bottom: 45px;border-bottom: solid 4px #034ea2;text-align: left;min-height: 220px;background: #fff;}
#departments .item:before, #departments .item:after {content: ""; display: block; opacity: 0; background: #044ea1; transition: all .25s ease; width: 50%; position: absolute; width: 0; top: 0; bottom: 0; z-index: 0; }
#departments .item:before {left: 0; }
#departments .item:after {right: 0; }

#departments .item:hover {border-color: #044ea1; border-bottom-color: #252525; color: #fff; }
#departments .item:hover:before, #departments .item:hover:after {width: 60%; opacity: 1; }

#departments .preview {display: block;padding-bottom: 55%;position: relative;overflow: hidden;z-index: 1;}
#departments .preview_img {background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}	
#departments .content {margin-top: 15px;line-height: 1.2em;z-index: 1;position: relative;}
#departments .content h4 {font-size:16px;}
#departments h4 {margin: 0 auto 10px;text-transform: uppercase;}
#departments .item .read_more {position: absolute; top: 100%; left: -1px; text-decoration: none; }

#departments .item:hover .read_more {background: #252525; }

#departments .owl-carousel {padding-top: 60px;margin-top: -45px;}
#departments .owl-nav {top: auto;right: 0;left: auto;margin-top: 0;bottom: 100%;width: 72px;}
#departments .owl-nav > * {background: #044ea1;color: #fff;font-size: 20px;width: 32px;line-height: 36px;}




#hot_news {padding: 40px 0 40px;text-align: center;border-bottom: solid 30px whitesmoke;border-bottom: solid 30px #00608f;}
#hot_news .wrapper {margin-bottom: 30px; }
#hot_news .item {display: block;line-height: 1.1em;margin-bottom: 15px;padding: 0;transition: border-color .5s ease;border: 1px solid #252525;height: 100%;text-align: left;}
#hot_news .item:hover {border-color: #044ea1;}
#hot_news .item:hover .date {background: #044ea1; color: #fff; }

#hot_news .preview {position: relative;overflow: hidden;}
#hot_news .img {display: block;padding-bottom: 66%;background-size: cover;background-position: center center;background-repeat: no-repeat;background-color: #f5f5f5;}
#hot_news .content {padding: 30px 15px 20px;position: relative;}
#hot_news .content .date {display: inline-block;top: 0;position: absolute;left: 15px;margin-top: -16px;background: #f5f5f5;color: #777;height: 32px;line-height: 32px;border-radius: 6px;padding: 0 8px;transition: all .4s ease;font-size: 1.1em;}
#hot_news .content h3 {margin: 0 auto 15px;font-size: 1.5em;}

#hot_news .anno {margin: 0 auto 15px; font-size: 1em;}

#hot_news .item div.read_more {text-align: right;}
#hot_news .item div.read_more a {display: inline-block; font-weight: 600; color: #044ea1; }


.section_title {display: block;position: relative;padding-bottom: 20px;text-align: center;margin: 0 auto 45px;font-weight: 600;font-size: 2em;}
.section_title span {color: #044ea1;}
.section_title:before {content: "";display: block;position: absolute;width: 70px;height: 2px;background: #333;top: 100%;left: 50%;margin-left: -35px;}
.section_title:after {content: "";width: 10px;height: 10px;background: #333;left: 50%;margin-left: -5px;margin-top: -4px;top: 100%;position: absolute;border-radius: 50%;}


.section_intro {text-align: center;font-size: 1.2em;color: #777777;margin: 0 auto 45px;max-width: 650px;}




.widget_title {display: block;position: relative;padding-bottom: 10px;margin: 0 auto 20px;font-weight: 600;font-size: 1.4em;border-bottom: 3px solid #ddd;text-transform: uppercase;line-height: 1.1em;}
.widget_title:before {content: "";display: block;position: absolute;width: 50px;height: 2px;background: #034ea2;top: 100%;left: 0;}
.widget_title span {color: #044ea1;}


/* карточка сотрудника, учащегося, вакансия, продукция и т.п. */
.item_card {padding: 15px 0 0;margin: 0 auto 20px;}
.item_card:after {content: ""; display: table; clear: both; }
.item_card .preview {padding-bottom: 15px; }
.item_card h3 {margin-top: 0; }
.item_card .button {display: inline-block; padding: 5px 10px; border-radius: 3px; margin-top: 10px; }


	



/* ************************************** */
/* Архивы по датам (новости, фотогалереи) */
/* ************************************** */
.archive_header {margin: 0 0 30px; }
.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: 1em; }
.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; }


/* тип 2: закладки */
.archive_header .MapTabs {border-bottom: solid 2px #333333;}
.archive_header .MapTabs .tabSelect {font-weight: 600;background-color: #333333;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: 0 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: #204ea2;color: #fff;}


/* */

.year_hidden .archive_header .MapTabs {display: none; }

.archive_list .date,
.archive_list h3 {font-weight: bold; }





.section_menu {}
.section_menu ul {list-style: none;margin: 0;padding: 0;}
.section_menu li {display: block;position: relative;/* border-left: solid 1px #ccc; *//* border-right: solid 1px #ccc; *//* padding-left: 45px; */margin: 0 auto 5px;}
.section_menu li a, .section_menu li span {display: block;padding: 10px 10px;background: #f6f6f6;line-height: 1.2em;color: #333;}
.section_menu li span {font-weight: bold;margin: 10px 0 10px;background: #044ea1;color: #fff;}

.departments_menu {}
.departments_menu ul {list-style: none; margin: 0; padding: 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.departments_menu li {display: block;position: relative; border-left: solid 1px #ccc; border-right: solid 1px #ccc; padding-left: 45px; }
.departments_menu li:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 40px; background: #ededed; }
.departments_menu li:after {content: "\f0da";font-family: "FontAwesome";display: block;width: 24px;line-height: 24px;height: 24px;position: absolute;left: 10px;top: 50%;margin-top: -12px;text-align: center;}
.departments_menu li + li {border-top: solid 1px #ccc;}

.departments_menu li a {display: block;padding: 10px 10px 10px;line-height: 1em;color: #333;position: relative;min-height: 34px;}
.departments_menu li a:hover {text-decoration: none; }

.departments_menu li:hover {background: #ededed; }
.departments_menu li:hover:before {background: #044ea1; }
.departments_menu li:hover:after {color: #fff; }

.departments_menu li:hover a {color: #044ea1; }


.departments_menu li.active {background: #044ea1; }
.departments_menu li.active:before {background:#333333; }
.departments_menu li.active:after {color: #fff; }
.departments_menu li.active a {color: #fff; }
.departments_menu li.active a:after {content: "";position: absolute;left: 100%;top: 50%;margin-top: -17px;display: inline-block;width: 0;height: 0;border-style: solid;border-width: 17px 0 17px 17px;border-color: transparent transparent transparent #044ea0;}

.departments_menu + .section_menu {display: none; }



/* спойлеры */
.spoiler {}
.spoiler .spoiler_content {display: none; }
.spoiler_toggle {display: block;padding: 12px 15px;background: #eee;cursor: pointer;text-decoration: none;color: #044ea1;}
.opened > .spoiler_toggle, .spoiler_toggle:hover {background: #034ea2;box-shadow: 0 2px 10px -2px #aaa;color: #fff;text-decoration: none;}

.spoiler_toggle h3 {margin: 0; font-size: 1.2em; }

.spoiler_slideup {text-align: right ;margin-bottom: 30px;}
.spoiler_slideup .spoiler_toggle {display: inline-block;padding: 5px 15px;/* font-size: 0.9em; */}
	
.spoiler_well {margin-bottom: 15px; }
.spoiler_well > .content {padding: 15px; }
	



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

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

.ww_form input[type="number"],
.ww_form input[type="text"],
.ww_form input[type="email"],
.ww_form select,
.ww_form textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: .5rem .75rem;
	font-size: 1rem;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin: 0 0 0;
	border-radius: 0;
	min-height: 50px;
}

.ww_form input:focus,
.ww_form select:focus,
.ww_form textarea:focus {
	border-color: #044ea1;
	color: #044ea1;
	background-color: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/* padding: 10px 8px 22px; */
	/* font-size: 13px; */
}

.ww_form textarea {min-width: 100%; }

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


.ww_form input[type="number"] {max-width: 200px;}

@media screen and (min-width: 768px) {		
	.ww_form input[type="number"],
	.ww_form input[type="text"],
	.ww_form input[type="email"],
	.ww_form select {/* min-width: 350px; *//* width: 50%; */}
}


._we.images_off .Captcha > img {
	opacity: 1 !important;
	visibility: visible !important;
	display: inline-block !important;
}

._we #layout .Captcha > .Re,
.Captcha > .Re {
	display: inline-block !important;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-color: transparent !important;
	background-image: url('/Templates/reload.png')  !important;
	background-position: 50% 50%  !important;
	background-repeat: no-repeat  !important;
	vertical-align: middle;
	margin: 10px;
}



.ww_form .er {color: #b90000;font-size: 0.9em;display: inline-block;position: relative;right: 0;}

.ww_form a {text-decoration: underline; color: #337ab7;}




#footer {background: #252525;color: #ccc;}
#footer a:link {color:#ccc;}
#footer a:visited {color: #fff;}
#footer a:hover {color: #fff;}
#footer_body {padding: 75px 0 75px;font-size: 1.2em;}
#footer_bottom {padding: 30px 0;background: #222;/* line-height: 26px; */font-size: 1.1em;}




.wep_toggle {display: inline-block;position: relative;color: #222;text-align: left;cursor: pointer;vertical-align: middle;margin-right: 30px;line-height: 30px;text-decoration: none;}
.wep_toggle:hover {text-decoration: none; }
.wep_toggle i {font-size: 26px;display: inline-block;vertical-align: middle;color: #034ea2;margin-right: 3px;}
.wep_toggle span {display: inline-block;line-height: 1em; font-size: 12px;text-transform: uppercase;}
.wep_toggle span br {display: none; }



.lng_select {display: inline-block; margin-right: 30px; }
.lng_select a {text-decoration: none;opacity: 0.9;}
.lng_select a:hover {opacity: 1; }
.lng_select img {max-height: 24px;}

.social_networks {font-size: 0;float: right;}
.social_networks a {display: inline-block;position: relative;font-size: 20px;color: #ccc;width: 50px;height: 50px;line-height: 50px;margin-top: -10px;margin-bottom: -10px;text-align: center;}
.social_networks a:before {display: block;content: "";position: absolute;top: 0;left: 0;bottom: 0;background: #fff;width: 0;opacity: .25;transition: all .5s ease;}
.social_networks a:hover:before {width: 100%;opacity: 1;}
.social_networks a:hover {color: #044ea1 !important;}

.social_networks a i {position: relative; }



@media only screen and (max-width: 768px) {
	.wep_toggle span {display: none; }
	.social_networks a {width: 40px;/* height: 40px; *//* line-height: 40px; */}
}







.button {background: #034ea2;color: #fff !important;padding: 10px 15px;line-height: 1em;font-size: 1em;/* text-transform: uppercase; */display: inline-block;cursor: pointer;text-decoration: none;}
.button:hover {background: #252525;text-decoration: none;}



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

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

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

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

.row-eq-height {flex-wrap: wrap; display: flex; }


#scroll_up_button {display: none;position: fixed;bottom: 24px;right: 30px;display: none;width: 36px;height: 36px;font-size: 24px;background: #044ea1;color: #fff;line-height: 36px;/* opacity: 0.5; */text-align: center;cursor: pointer;/* box-shadow: 0 2px 30px -5px #222; */z-index: 999;}
	#scroll_up_button:hover {opacity: 1;transition: opacity 0.5s ease;background: #333333;}





.popup_layer {display: block;text-align: center;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.4);font-size: 0;z-index: 500;padding: 0 10px;}
.popup_layer:before {content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}

.popup_layer .popup_window {display: inline-block;vertical-align: middle;width: 100%;font-size: 1rem;max-width: 600px;max-height: 100vh;background: #fff;padding: 40px 0 0;position: relative;text-align: left;box-shadow: 0 5px 25px 0 rgba(0,0,0,.5);border: 5px solid red;}
.popup_layer .popup_window .caption {position: absolute;height: 40px;top: 0;left: 0;right: 0;background: red;text-align: left;padding: 0 15px;line-height: 40px;}
.popup_layer .popup_window .caption .close {display: block;color: #fff;width: 30px;height: 30px;position: absolute;right: 5px;top: 5px;line-height: 30px;opacity: 1;font-weight: 400;text-align: center;cursor: pointer;}

.popup_layer .popup_window .title {/* text-align: center; */font-weight: 600;font-size: 1em;color: #fff;padding-right: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.popup_layer .popup_window .body {height: 100%;max-height: calc(70vh - 55px);overflow: hidden;overflow-y: auto;padding: 7px;}
.popup_layer .popup_window .content {padding: 9px;/* border: 2px dashed red; */}





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




.container.row,
.no-gutter {margin-right: auto; margin-left: auto; }

.container.row,
.no-gutter [class*="col-"] {padding-right: 0; padding-left: 0; }