@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("/files/template5/img/bg.jpg") 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: 10px auto 0;transition: margin .25s ease;z-index: 1;}

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

.header_bar {line-height: 24px;font-family: "Roboto Condensed", Arial, sans-serif;padding: 10px 30px;}

#top_bar {background: rgba(255, 255, 255, 0.45);color: #aaa;padding: 5px 30px;display: none;}

#date_time {float: left; }

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


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

.lng_select {display: inline-block;}
.lng_select .active {pointer-events: none;font-weight: 600;}


.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: 22px;margin-right: 3px;vertical-align: middle;color: inherit;margin-top: -4px;}
.header_bar .wep_toggle span {display: inline-block;vertical-align: middle;color: inherit;}


#header {}
#header_body {background: rgba(255, 255, 255, 0.5);background-size: cover;padding: 35px 15px 35px;position: relative;text-align: center;border-top: 8px solid #8ac4ff;backdrop-filter: blur(4px);}


#logo {padding: 0 10px 0;margin: 0 auto 0;text-align: center;display: inline-flex;align-items: center;}
#logo .emblem {margin-right: 25px;text-align: center;vertical-align: middle;text-decoration: none;}
#logo .emblem img {max-height: 115px;display: inline-block;}
#logo .emblem img+img {margin-left: 5px; }

#logo .caption {font-family: "Roboto Condensed", Arial, sans-serif;text-align: left;}

#logo p {margin: 0 auto 10px;font-size: 1.2em;}
#logo .subtitle {display: block;font-size: 1.8em;font-weight: 400;/* text-transform: uppercase; */}
#logo .title {display: block;font-size: 2em;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: 420px) {
	#logo {font-size: .9em;}
	#logo .emblem img {max-width: 44%; }
}


@media only screen and (min-width: 992px) {
	#top_bar {}
}


#menu_toggle {display: none;}

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

	.mod_buttons {float: right;}
	
	#main_menu {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: 22px 15px;font-size: 1.3em;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 ul ul {display: none;position: absolute;z-index: 100;width: 220px;top: 0;left: 100%;background: #2558a5;text-align: left;padding: 5px 0 10px;}
	#main_menu li:hover > ul {display: block; }
	#main_menu .level_1 {top: 100%;left: 0;}
	#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: #004388;color: #fff;}
	
	#main_menu .level_1 .parent > a {padding-right: 25px;position: relative;}
	#main_menu .level_1 .parent > a:after {content: "\f054";font-family: FontAwesome;display: block;width: 12px;height: 12px;line-height: 12px;font-size: 10px;text-align: center;position: absolute;right: 7px;top: 50%;margin-top: -6px;}
	
	#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: #004488;}


	#main_menu .right ul {right: 100%; left: auto;}
	#main_menu .right .level_1 {right: 0;left: auto;}
	#main_menu .right .level_1 li > a {padding-left: 25px; padding-right: 10px;}
	#main_menu .right .level_1 .parent > a:after {left: 7px; right: auto; content: "\f053";}
}


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

	#layout {margin: 5px auto 0;}
	#top_bar {/* line-height: 22px; *//* padding: 0 20px 2px; */padding-left: 72px;/* z-index: 9100; */}
	
	#header_info {max-width: 100%; }

	#logo {display: block;}
	#logo .emblem {display: block; margin: 0 0 5px;}
	#logo .emblem img {max-height: 110px; }

	#logo .caption {text-align: center;}
	
	.header_bar {text-align: right;line-height: 24px;padding: 9px 15px;}

	#header_body {border-top-width: 4px;border-bottom: 6px solid #0b4586;padding: 30px 15px 30px;}

	
	#main_menu {position: fixed;display: none;top: 0;left: 0;height: auto;z-index: 9000;max-height: 100vh;overflow-y: auto;margin: 0;background: #004488;font-family: "Roboto Condensed", Arial, sans-serif;}
	#main_menu > .container {padding: 0 0; }
	
	#main_menu a {display: block; color: #fff;}
	#main_menu ul {color: #fff;list-style: none;padding: 0;}

	#main_menu .level_0 {display: block;border-bottom: solid 6px #5785c9;padding: 15px 15px 30px;margin: 0;}
	#main_menu .level_0 > li {display: block;margin: 0 auto;}
	#main_menu .level_0 > li > a {display: block;font-weight: 600;color: #fff;font-size: 1.4em;padding: 6px 0;}

	#main_menu .level_1 {display: block;position: static;font-size: 1.15em;margin: 0 auto 15px 5px;}
	#main_menu .level_1 ul {margin-left: 11px;margin-bottom: 15px;border-left: 1px solid #fff;}
	#main_menu .level_1 > li.cloned {display: none; }
	#main_menu .level_1 a {padding: 6px 10px;}

	#main_menu .level_2 {font-size: .86em;}



		
	.menu_toggled #main_menu {display: block;}
	
	#menu_toggle {display: block;position: fixed;top: 0;left: 0;height: 42px;width: 42px;line-height: 40px;padding: 0;border-radius: 0;text-align: center;font-size: 22px;border: none;z-index: 9100;background: #134684;}
	#menu_toggle:before {content: "\f0c9";font-family: 'FontAwesome';}
	
	.menu_toggled #menu_toggle {left: auto;right: 0;}
	.menu_toggled #menu_toggle:before {content: "\f00d";}
}



#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: 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 15px 75px;}
#main img {max-width: 100%; height: auto; }


@media only screen and (max-width: 767px) {
	#main {padding-left: 0; padding-right: 0;}
}


.sidebar {margin-bottom: 30px; }

#popular_pages {margin: 0 0 30px; }




.hot_tiles {margin-bottom: 30px;}
.hot_tiles div[class*=col-] {padding-bottom: 15px;}
.hot_tiles .item {height: 100%; text-align: center;}

.hot_tiles .item a {display: block;text-align: center;background: #f1f1f1;color: inherit;font-weight: 600;line-height: 1em;height: 100%;text-decoration: none;padding: 15px 10px 20px;}
.hot_tiles .item a:hover {background: #8ac4ff;color: inherit;}

.hot_tiles .preview {padding: 0;margin-bottom: 10px;}
.hot_tiles .item img {display: inline-block;max-width: 100%;max-height: 128px;height: auto;display: inline-block;}




#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 {margin: 0 auto 20px;border-bottom: 1px solid #dddddd;font-style: oblique;padding: 15px 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;}
.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;}
.hot_items .item .preview > a {display: block;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: 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;margin: 0 auto 30px;}
#hot_announcements .item .preview {margin-bottom: 10px;}
#hot_announcements .item .preview img {margin: 0 auto;}


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

#social_networks {margin: 0 0 30px;}
#social_networks a {display: inline-block;text-align: center;margin: 2px 0;font-size: 20px;width: 30px;height: 30px;line-height: 30px;}
#social_networks a:hover {background-color: #f1f1f1; color: #000;}
#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%; }

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

#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: 1.6rem;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 8px #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 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_body ul {display: inline-block;text-align: left;margin-top: 15px;}
	
	#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: 1.25em;}
.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: #d5eaff;padding: 3px 5px;font-size: .9em;line-height: 1em;}
.archive_list .item .anno {line-height: 1.2em; font-size: 0.86em; margin: 10px auto 10px;}


.archive_header .MapTabs {border-bottom: solid 2px #0b4586;}
.archive_header .MapTabs .tabSelect {font-weight: 600;background-color: #0b4586;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: #8dc5fd;/* color: #fff; */}
.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: #eee;}



/* Фотогалереи */
.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;clear: both;}
.item_card h3 {margin-top: 0; }
.item_card .preview {display: block; float: left; background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 96px; height: 96px; margin-right: 15px; }

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



.guestbook_post {padding: 15px 0 15px;border-bottom: dotted 1px #ccc;}
.guestbook_post h3 {margin-top: 0; }
.guestbook_post .date {font-size: 0.9em; color: #777; }

.guestbook_post .message {}
.guestbook_post .reply {margin: 15px auto;margin-left: 15px;padding: 5px 10px;border-left: 4px solid  #ccc;font-size: 0.9em;font-style: oblique;}
.guestbook_post .reply p:last-child {margin-bottom: 0;}


/* формы обратной связи */
.ww_form {list-style-type: square;padding: 15px;padding-left: 20px;}
.ww_form li {padding: 10px 0;clear: both;}
.ww_form li > * {}
.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[type="text"]:focus,
.ww_form input[type="email"]: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[type="text"],
.ww_form input[type="email"],
.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;}

.ww_disabled {opacity: .5; pointer-events: none;}

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


@media (min-width: 768px) {		
	.ww_form input[type="text"],
	.ww_form input[type="email"],
	.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;}
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%;
	word-break: initial;
}

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

.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;right: 15px;display: none;width: 44px;height: 44px;font-size: 24px;background: #f1f1f1;color: #004388;line-height: 36px;opacity: 0.75;text-align: center;cursor: pointer;z-index: 999;border: none;padding: 0;border-top: solid 5px #5484cc;}
#scroll_up_button:hover {opacity: 1;transition: opacity 0.5s ease;/* color: #444; */background: #8ac4ff;border-color: #87b4e2;}