@charset "UTF-8";

:root {
	--bg-image: url("/files/template5/img/bg.jpg");
	
	--link-color: #0e60ab;
	--link-hover-color: #4b8ed5;
	--link-visited-color: #44515d;
	
	--color-0: #fff;
	--color-1: #222;
	--color-2: #f1f1f1;
	--color-3: #82bbf5;
	--color-4: #0b4586;
	--color-5: #2d6fba;
	--color-6: #4b8ed5;
	--color-7: #c6e2ff;
	--color-8: #eee;
	--color-9: #0b4586;	/* текст цвета под подвалом зависит от фона */
}

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


#body_bg {position: fixed;z-index: -1;background: var(--bg-image) 50% 100% no-repeat;background-size: cover;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: translateZ(0);}

a {color: var(--link-color);}
a:hover, a:focus {color: var(--link-hover-color);}
a:visited {color: var(--link-visited-color);}


#layout {overflow: hidden;position: relative;margin: 0 auto 0;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: var(--color-1);}
.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 {
    margin-top: 10px;
}
#header_body {background: rgba(255, 255, 255, 0.65);background-size: cover;padding: 35px 15px 35px;position: relative;text-align: center;border-top: 8px solid var(--color-3);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: var(--color-2);color: var(--color-1);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: var(--color-0);}


@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: var(--color-4);font-family: "Roboto Condensed", Arial, sans-serif;/* border-top: solid 6px var(--color-3); */}
	#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;line-height: 1em;transition: background .3s ease;/* display: flex; */align-items: center;color: var(--color-0);}
	#main_menu .level_0 > li:hover > a:hover {color: var(--color-0);}

	#main_menu .level_0 > li:hover > a {background: var(--color-5);color: var(--color-0);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;min-width: 100%;width: 220px;max-width: 320px;top: 0;left: 100%;background: var(--color-5);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: var(--color-0);font-size: 1.2em;}
	#main_menu .level_1 li:hover > a {background: var(--color-4);color: var(--color-0);}
	
	#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: var(--color-4);}


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

	#header {margin-top: 5px;}
	#top_bar {padding-left: 72px;}
	
	#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 var(--color-5);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: var(--color-4);font-family: "Roboto Condensed", Arial, sans-serif;}
	#main_menu > .container {padding: 0 0;}
	
	#main_menu a {display: block; color: var(--color-0);}
	#main_menu ul {color: var(--color-0);list-style: none;padding: 0;}

	#main_menu .level_0 {display: block;border-bottom: solid 6px var(--color-6);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: var(--color-0);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 var(--color-0);}
	#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: var(--color-4);}
	#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: var(--color-8);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;max-width: 75%;bottom: 0;color: var(--color-0);padding: 10px 15px 10px;background: var(--color-6);opacity: .8;}
#main_slider:hover .content {background: var(--color-5);}
#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: var(--color-5);opacity: .5;width: 36px;height: 36px;line-height: 36px;margin: 0;z-index: 300;color: var(--color-0);}
#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: var(--color-0);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;}




/* главный внутренний баннер */
#main_banner {margin: 0 auto 30px;text-align: center;}
#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.3em;line-height: 1.1;font-weight: 500;}
/**/



.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: var(--color-2);color: inherit;font-weight: 600;line-height: 1em;height: 100%;text-decoration: none;padding: 15px 10px 20px;}
.hot_tiles .item a:hover {background: var(--color-3);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;line-height: 1.4;}

.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;line-height: 1.4;}
.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;}

.page_title {line-height: 1.1em;padding: 10px 15px 15px;color: var(--color-4);clear: both;overflow: hidden;margin: 0 0 15px;border-bottom: solid 4px var(--color-3);}
h1.page_title {font-size: 2em;font-weight: 600;font-family: "Roboto Condensed", Arial, sans-serif;}

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



.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 var(--color-8);}




.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: var(--color-5);font-weight: bold;}
.hot_items .item .date i {display: inline-block; margin-right: 5px;}

.hot_items .item .preview {margin-bottom: 5px;position: relative;}
.hot_items .item .preview > a {display: block;padding-bottom: 60%;background-color: var(--color-2);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: var(--color-2);padding: 10px;display: block;transition: background .3s ease;}
.section_menu .level_0 > li > a:hover {background: var(--color-7);color: var(--color-1);}

.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: var(--color-6) !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: var(--color-2); color: var(--color-1);}
#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 {line-height: 1.1em;padding: 10px 15px 5px;color: var(--color-4);clear: both;overflow: hidden;margin: 0 0 15px;border-bottom: solid 4px var(--color-3);}
.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: var(--color-0);}


#footer {}
#footer_body {padding: 30px 15px 50px;color: var(--color-0);background: var(--color-4) no-repeat 50% 75%;background-size: cover;border-bottom: solid 8px var(--color-3);font-family: "Roboto Condensed", Arial, sans-serif;font-size: 1.2em;line-height: 1.4;}

#footer_body a {color: var(--color-0);}
#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;color: var(--color-9);font-family: "Roboto Condensed", Arial, sans-serif;font-size: 1.1em;}
#footer_bottom a {color: inherit;}



.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 {}
.archive_list .item .date {display: inline-block;background: var(--color-8);padding: 4px 5px;font-size: .85em;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 3px var(--color-5);}
.archive_header .MapTabs span {display: inline-block;line-height: 1.1;padding: 8px 12px;margin-right: 3px;cursor: pointer;}
.archive_header .MapTabs span:hover {background: var(--color-7);}
.archive_header .MapTabs span.tabSelect {font-weight: 500;background-color: var(--color-5);color: var(--color-0);}

.archive_header .MapTabsBody {}
.archive_header .MapTabsBody > span {line-height: 32px; margin-right: 3px;}

.archive_header .MapTabsBody > span > span {display: inline-block;padding: 0 0.4em;background: var(--color-7);}
.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: var(--color-8);color: var(--color-4);}



/* Фотогалереи */
.gallery {overflow: hidden;}
.gallery > .item {display: block;float: left;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: var(--color-0);font-size: 12px;overflow: hidden;text-align: center;transition: opacity 0.3s ease-in;}

.gallery > .item:hover {border-color: var(--color-4);}
.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 var(--color-8);}
.guestbook_post h3 {margin-top: 0;}
.guestbook_post .date {font-size: 0.9em; color: #777;}
.guestbook_post .message {line-height: 1.4;}
.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: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 {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%;}
}





.nav-tabs {text-align: left;border-bottom: solid 3px var(--color-5);padding: 0;margin-top: 30px;}
.nav-tabs > li {display: inline-block;border: solid 1px var(--color-2);background: var(--color-2);color: var(--color-1);font-size: .95em;vertical-align: bottom;}
.nav-tabs > li:hover {background: var(--color-7);border-color: var(--color-7);}
.nav-tabs > li.active {background: var(--color-5);color: var(--color-0);border-color: var(--color-5);}

.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 var(--color-8);}
.tab-content .entry {padding: 5px 0 0;}



.pagination {text-align: center;display: block;margin: 15px 0;padding: 15px;font-weight: bold;display: flex;align-items: center;justify-content: center;}
.pagination span {display: inline-block;vertical-align: top;line-height: 28px;height: 28px;width: 28px;margin: 0 2px;padding: 0;overflow: hidden;}
.pagination a {display: block;background: var(--color-2);color: inherit;text-decoration: none;}
.pagination a:hover {background: var(--color-5);color: var(--color-0);}
.pagination .page_hidden {background: none !important;border: none;}

.pagination .page_current {background: var(--color-5);color: var(--color-0);}



button, .button {background: var(--color-6);outline: none;border: solid 2px transparent;text-decoration: none;color: var(--color-0);padding: 6px 8px;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: var(--color-5);border-color: var(--color-5);}
a.button:visited, a.button:hover {color: var(--color-0); text-decoration: none;}


#footer .site_by {float:right;font-weight: bold;opacity: 0.5;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 #777;
	border-bottom-width: 1px;
	padding: 8px;
}

.tbl thead td, .cool-table thead td,
.tbl th, .cool-table th {
	background: #eee;
	border: 1px solid #555;
	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: #f1f1f1;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: 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: var(--color-4);line-height: 36px;opacity: 0.75;text-align: center;cursor: pointer;z-index: 999;border: none;padding: 0;border-top: solid 5px var(--color-6);}
#scroll_up_button:hover {opacity: 1;transition: opacity 0.5s ease;background: var(--color-3);border-color: var(--color-4);}