@charset "UTF-8";

/* ****************************** */
/* Типовой шаблон #8 	 */
/* ВЕБ-МАСТЕРСКАЯ.БЕЛ */
/* ****************************** */

/* palette 1 */
:root {
	--color0: #fff;
	--color1: #000;
	--color2: #7d0000;
	--color3: #da1600;
	--color4: #a30303;
	--color5: #cf0404;
	--color6: #b40101;
	--color7: #ff3019;
	--color8: #eee;
	--color9: #f5f5f5;
}
/**/

/* palette 2 (blue) *
:root {
	--color0: #fff;
	--color1: #000;
	--color2: #00377d;
	--color3: #008ada;
	--color4: #005aa7;
	--color5: #0189d9;
	--color6: #0176c4;
	--color7: #35b4ff;
	--color8: #eee;
	--color9: #f5f5f5;
}
/**/

/* palette 3 (green) *
:root {
	--color0: #fff;
	--color1: #000;
	--color2: #006b11;
	--color3: #1d8f00;
	--color4: #127100;
	--color5: #026300;
	--color6: #098f00;
	--color7: #07941e;
	--color8: #eee;
	--color9: #f5f5f5;
}
/**/



html {font-size: 16px;}
body {font-family: "Roboto Condensed", sans-serif; font-size: 1em; background: #fff; min-height: 100vh; position: relative; background: url("/files/template8/img/header-4.png") right top no-repeat;}


a {color: var(--color2);}
a:hover, a:focus {color: var(--color3);}
a:visited {color: #444;}
ul, ol {margin: 0;}

@media (min-width: 768px) and (max-width: 1200px) {
	/* html {font-size: 14px;} */
}


/* **************************** */
/* Секции и основное содержание */
/* **************************** */

#header {padding-bottom: 24px;}
.header_bar {height: 22px;line-height: 22px;overflow: hidden;color: var(--color0);font-size: 0.8em;background: var(--color4);background: linear-gradient(to bottom, var(--color4) 0%,var(--color3) 100%);}

.header_bar a {color: var(--color0);}

.help_menu {float: left;}
.help_menu a {display: inline-block; margin-right: 30px;}


.logo {display: flex;margin: 20px 0 30px;align-items: center;}
.logo_img {margin-right: 30px;display: inline-block;}
.logo_img img {max-height: 130px; display: inline-block;}
.logo_content {display: inline-block; vertical-align: middle;}

.logo_title {font-weight: 600;color: var(--color6);font-size: 2em;line-height: 1em;}
.logo_subtitle {color: #777;line-height: 1.1em;}
.logo_subtitle + .logo_title {margin-top: 10px;}
.logo_title + .logo_subtitle {font-weight: 600;font-size: 1.2em;margin-top: 5px;}


@media screen and (max-width: 768px) {
	.logo {display: block;}
	.logo_img {display: block; text-align: center; margin: 0 0 15px; float: none;}
	.logo_content {display: block; text-align: center;}
}


.header_aside {margin: 15px 0 30px; text-align: right;}


/* строка поиска */
.search_field {text-align: left;padding: 0 28px 0 0;position: relative;display: block;opacity: 0.4;clear: both;}
.search_field:hover {opacity: 1;}


.search_form {line-height: 1em;}
.search_form input[type="search"] {background: none;color: var(--color5);border: 2px solid var(--color5);width: 100%;padding: 0 5px;margin: 0;outline: none;font-size: 0.9em;height: 28px;border-radius: 3px 0 0 3px;}

.search_form .button {border: 0; position: absolute; width: 28px; height: 28px; right: 0; top: 0; margin: 0; line-height: 28px; text-align: center; padding: 0; border-radius: 0 3px 3px 0; color: var(--color0); background: var(--color5);}


#header .search_field {margin-top: 20px;}	



/* выбор языка и вызов версии для слабовидящих */
.mod_buttons {display: block;line-height: 22px;margin: 0 auto 10px;}
.mod_buttons a {text-decoration: none;cursor: pointer;display: inline-block;vertical-align: middle;}
.mod_buttons img {max-height: 24px;}

.lng_select {margin-top: 15px;margin-bottom: 10px;}
.lng_select a {margin-left: 4px;}
.lng_select .active {pointer-events: none;font-weight: 600;}


.mod_buttons .wep_toggle {color: var(--color6);display: inline-block;white-space: nowrap;}
.mod_buttons .wep_toggle i {display: inline-block;vertical-align: middle;font-size: 20px; margin-top: -1px;}
.mod_buttons .wep_toggle span {display: inline-block;vertical-align: middle;margin-left: 5px;font-size: .9em;line-height: 1.1;white-space: normal;/* max-width: 100px; */text-align: left;}



@media (max-width: 767px) {
	
	.header_aside {margin: 0;}
	#header .search_field {margin-top: 0;}

	.mod_buttons {text-align: center;}
	.lng_select {display: inline-block; margin-bottom: 0;}
	.mod_buttons .wep_toggle {margin-left: 30px;}
}

@media (max-width: 42px) {
	.mod_buttons .wep_toggle span {display: none;}
}

#main_menu {}
#main_menu ul {margin: 0; padding: 0; list-style-type: none;}
#main_menu li {display: inline-block; position: relative;}
#main_menu a {color: var(--color0);}

#main_menu .level_0 > li > a {display: block; height: 48px; line-height: 48px; padding: 0 1.2em; color: var(--color0); font-size: 1.1em; margin-right: 1px;}
#main_menu .level_0 > .active > a { background: var(--color5); background: linear-gradient(to bottom, var(--color5) 0%,var(--color7) 100%);}

#main_menu .level_1 span {display: inline-block; line-height: 1.1em; vertical-align: middle;}

#menu_toggle {display: none;}


@media (min-width: 768px) {
	#doc_time {float: right;}
	
	#main_menu .level_0 {display: block !important; background: var(--color6);border-radius: 3px;}
	#main_menu .level_0 ul {display: none; position: absolute; top: 100%; left: 0; width: 250px; padding: 5px 0 10px; z-index: 900; background: var(--color6); box-shadow: 2px 5px 10px -5px #000;}

	#main_menu .level_0 > li:hover,
	#main_menu .level_0 > li:hover > a {background-color: var(--color7); text-decoration: none; background: var(--color7); background: linear-gradient(to bottom, var(--color7) 0%,var(--color5) 100%);}
	
	#main_menu .level_0 li:hover > ul {display: block;}

	#main_menu .level_0 .level_1 {background: var(--color5);}

	#main_menu .level_1 ul {left: 100%; top: 0; padding: 5px 3px 10px;}
	#main_menu .level_1 li {display: block; clear: both;}

	#main_menu .level_1 > li:hover {background: var(--color6);}
	#main_menu .level_1 a {display: block; padding: 2px 15px 3px;}
	
	#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_2 > li:hover {background: var(--color5);}
	#main_menu .level_2 a {font-size: 0.9em;}

	#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 (max-width: 767px) {

	body:before {content: "";display: block;position: fixed;top: 0;left: 0;right: 0;height: 5px;background: var(--color4);z-index: 4000;opacity: .55;}
	
	
	.header_bar {height: 40px;text-align: right;padding-top: 12px;}
	
	#main_menu {position: fixed;display: none;top: 0;left: 0;right: 0;max-height: 100vh;overflow-y: auto;border-radius: 0;z-index: 1000;padding: 10px 15px 15px 10px;line-height: 1;/* border-top: 5px solid var(--color7); */border-bottom: solid 5px var(--color7);background: var(--color4);}
	/*#main_menu .nav_head {overflow: hidden; background: var(--color5); padding: 0 0 0 0;}*/

	#main_menu .level_0 {clear: both;}
	#main_menu .level_0 > li {display: block; clear: both;}
	#main_menu .level_0 > li > a {height: auto;line-height: 1.2em;padding: 6px 10px;border: none;border-radius: 3px;}
	#main_menu .level_0 > li:first-child {display: inline-block;}
	
	#main_menu .level_1 {padding-left: 15px;margin: 0 auto 20px;}
	#main_menu .level_1 li {display: block;}
	#main_menu .level_1 a {display: block;padding: 6px 10px;}
	
	#main_menu .level_1 ul {margin-bottom: 15px;font-size: .9em;border-left: 3px solid var(--color7);margin-left: 10px;}

	#main_menu .home {display: block; height: 45px; min-width: 45px; line-height: 45px; margin: 0; color: var(--color0); float: left; font-weight: bold; padding: 0 10px; background: var(--color7); background: linear-gradient(to bottom, var(--color7) 0%,var(--color5) 100%);}

	.menu_toggled #main_menu {display: block;}
	
	#menu_toggle {display: block;position: fixed;top: 0;left: 0;height: 40px;width: 40px;line-height: 39px;padding: 0;border-radius: 0 0 3px 0;text-align: center;font-size: 22px;/* background: none; */z-index: 9100;/* box-shadow: -1px 0 5px 0 rgba(0, 0, 0, .25); */}
	#menu_toggle:before {content: "\f0c9";font-family: 'FontAwesome';}

	.menu_toggled #menu_toggle {left: auto;right: 0;background: none;box-shadow: none;height: 48px;line-height: 48px;width: 48px;font-size: 24px;border-radius: 0;}
	.menu_toggled #menu_toggle:before {content: "\f00d";}
}

@media (min-width: 768px) and (max-width: 1200px) {
	#main_menu {font-size: 0.88em;}
}



/* Хлебные крошки */
.breadcrumbs {font-size: 0.9em; margin: 10px 0 30px; line-height: 1.1em;}
.breadcrumbs span {color: var(--color6);}



/* Вкладки */
.nav-tabs {clear: both;/* overflow: hidden; */text-align: left;margin: 0;padding: 0;}
.nav-tabs > li {display: inline-block;border: solid 1px transparent;line-height: 1.1em;vertical-align: bottom;}
.nav-tabs > .active {background-color: var(--color6);color: var(--color0);}
.nav-tabs > li > a {color: inherit;display: block;line-height: 1.1em;padding: 5px 15px;text-decoration: none;}
.nav-tabs > li > a:hover {background: var(--color8);}
.nav-tabs > .active > a {padding: 5px 15px;}
.nav-tabs > .active > a:hover {background: none;}

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

.tab-content {border-top: solid 5px var(--color6);padding: 15px 15px 30px;}



/* Стили основного содержания */
.article img {max-width: 100%; height: auto;}
.article img[align="left"] {float: left; margin-right: 15px; margin-bottom: 5px; margin-top: 5px;}
.article img[align="right"] {float: right; margin-left: 15px; margin-bottom: 5px; margin-top: 5px;}
.article img[align="center"] {display: block; margin: 5px auto;}

.article iframe {display: block; max-width: 100%;}

.article .entry {margin-bottom: 30px; padding-bottom: 15px; overflow-x: auto; word-break: break-word;}
.entry .date {font-size: 0.9em; color: #777;}
.entry .anno {margin: 0 auto 20px;border-bottom: 1px solid var(--color5);font-style: oblique;padding: 5px 0 15px;}

.entry .content {/* clear: both; */margin-bottom: 1em;}

.spoiler .content {display: none;}

.item_card {margin: 0 auto 15px;}
.item_card:after {content: ""; display: table; clear: both;}
.item_card .preview {display: block;float: left;background-position: 50%;background-repeat: no-repeat;background-size: cover;width: 96px;height: 96px;padding: 0;margin-right: 15px;text-align: center;}
.item_card .preview img {display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.item_card h3 {margin-top: 0;}



.page_share_buttons {margin-top: 45px; padding-top: 15px; border-top: solid 4px var(--color5); margin-bottom: 60px;}



/* ************************************** */
/* Архивы по датам (новости, фотогалереи) */
/* ************************************** */
.archive_header {margin: 1.5em 0 1em;}

.archive_list h3 {margin-top: 0;}
.archive_list .item {padding: 15px 0 15px;border-bottom: dotted 1px #ccc;clear: both;}
.archive_list .item:after {content: ""; clear:both; display: table;}
.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 .date {font-size: 0.9em; color: #777;}
.archive_list .button {clear: both; float: right;}



/* тип 2: закладки */
.archive_header .MapTabs {border-bottom: solid 4px var(--color5);}
.archive_header .MapTabs span {display: inline-block; line-height: 32px; padding: 0 0.4em; margin-right: 0.3em; cursor: pointer;}

.archive_header .MapTabs .tabSelect {font-weight: 600; color: var(--color0); padding: 0 12px; background-color: var(--color5); background: var(--color4); background: linear-gradient(to bottom, var(--color4) 0%,var(--color3) 100%);}

.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: var(--color9);}
/* */


.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;}
.ww_form li {padding: 15px 0; border-bottom: dotted 2px #ccc; clear: both; color: var(--color6);}
.ww_form li > * {color: var(--color1);}
.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 #ccc; 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: var(--color6);}

.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_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 {min-width: 350px; width: 50%;}
}


.ww_form .er {margin-left: 5px; color: var(--color6); font-size: 0.9em;}



/* **************************** */
/* Контент на главной странице */
/* **************************** */


/* Главный Слайдер */
#main_slider {margin-bottom: 30px;border-radius: 5px;overflow: hidden;}

#main_slider .owl-stage {display: flex; flex-wrap: nowrap;}
#main_slider .owl-item {flex-shrink: 0; flex-grow: 1;}

#main_slider .owl-nav {position: absolute; top: 50%; margin-top: -15px; width: 100%; opacity: 0.2; font-size: 0;}
#main_slider .owl-nav button.owl-prev,
#main_slider .owl-nav button.owl-next {width: 30px;height: 30px;position: absolute;font-family: "FontAwesome";font-size: 30px;color: var(--color6) !important;border-radius: 100%;text-align: center;line-height: 30px;}
#main_slider .owl-nav button.owl-prev {left: 10px;}
#main_slider .owl-nav button.owl-next {right: 10px;}

#main_slider .owl-nav button.owl-prev:after {display: inline-block; content: "\f137";}
#main_slider .owl-nav button.owl-next:after {display: inline-block; content: "\f138";}

#main_slider .owl-nav button.owl-prev:hover,
#main_slider .owl-nav button.owl-next:hover {text-shadow: 0 0 8px var(--color0);}


#main_slider .owl-dots {display: block; text-align: center; position: absolute; bottom: 15px; right: 0; width: 33%; padding: 5px; opacity: 0.2;}
#main_slider .owl-dot {display: inline-block; border-radius: 4px; width: 14px; height: 14px; margin: 0 4px; background: var(--color5);}
#main_slider .owl-dot:hover {border: solid 2px var(--color0);}
#main_slider .owl-dot.active {background: var(--color0);}


#main_slider .owl-nav,
#main_slider .owl-dots {transition: opacity 0.3s ease;}

#main_slider:hover .owl-nav,	
#main_slider:hover .owl-dots {opacity: 0.5;}

#main_slider .owl-nav:hover,
#main_slider .owl-dots:hover {opacity: 1;}


#main_slider .item {position: relative;border-top: solid 6px var(--color6);border-bottom: solid 6px var(--color6);padding-right: 33%;background: var(--color9);height: 100%;border-radius: 5px;overflow: hidden;}
#main_slider .bg {background-color: #ccc;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;padding-bottom: 50%;position: relative;min-height: 300px;overflow: hidden;}

#main_slider .content {position: absolute;top: 0;bottom: 0;width: 33%;right: 0;padding: 15px 30px 45px 0;overflow: hidden;}
#main_slider h3 {display: block;font-size: 1.5em;line-height: 1.1em;font-weight: bold;padding: 0 15px;color: var(--color6);margin: 0;}
#main_slider p {clear: both;display: block;font-size: 1.1em;margin: 0;line-height: 1.1em;padding: 15px;overflow: hidden;} 

@media (max-width: 767px) {

	#main_slider {/* overflow: visible; *//* margin: 0 -15px; *//* width: auto; */}
	
	#main_slider .item {padding-right: 0;}
	#main_slider .bg {padding-bottom: 33%;min-height: 160px;}
	#main_slider .content {width: 100%;left: 0;top: initial;padding: 0 10px 25px;position: static;}
	#main_slider h3 {font-size: 1.2em;}
	#main_slider p {font-size: 1.1em;}

	#main_slider .owl-dots {position: static; width: 100%;}
	
	#main_slider .owl-nav {display: none;}
	#main_slider .owl-nav button.owl-prev {left: 5px;}
	#main_slider .owl-nav button.owl-next {right: 5px;}
}





/* главный внутренний баннер */
#main_banner {text-align: center;}
#main_banner .banner {display: inline-block;max-width: 100%;position: relative;color: var(--color1);text-decoration: none;padding: 0;border-bottom-style: 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;vertical-align: top;}
#main_banner .banner .content {margin: auto;padding: 30px;min-width: 100%;}
#main_banner .banner .annotation {font-size: 1.4em;line-height: 1.1;}
/**/




.hot_tiles .item_wrapper {position: relative;padding-bottom: 30px;}
.hot_tiles .item {height: 100%;}
.hot_tiles .item .preview {margin-bottom: 15px;}
.hot_tiles .item img {max-width: 100%;max-height: 128px;width: auto;height: auto;display: inline-block;}

.hot_tiles .item a {display: block;text-align: center;border-radius: 5px;color: inherit;padding: 10px;font-weight: 600;background: var(--color8);height: 100%;text-decoration: none;}
.hot_tiles .item a:hover {color: var(--color0); background: var(--color7); background: linear-gradient(to bottom, var(--color7) 0%,var(--color5) 100%);}



#hot_links {text-align: center;/* padding: 0 0 30px; */}
#hot_links .row {justify-content: center;}



#attention_banners {}
#attention_banners .item {text-align: center; margin-bottom: 15px;}
#attention_banners img {display: inline-block;}



/* owl-banners */
#banners_slider {padding: 30px 30px 30px;position: relative;}
#banners_slider .item {margin: 0 15px;}
#banners_slider .owl-item {float: none; display: inline-block; vertical-align: middle; overflow: hidden; opacity: 0.9; transition: opacity 0.3s ease;}
#banners_slider .owl-item:hover {opacity: 1;}

#banners_slider .owl-item img {max-height: 60px; max-width: 230px; width: auto; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%);}

#banners_slider .owl-item:hover img {filter: none;}


#banners_slider .owl-nav {position: absolute;top: 50%;left: 0;right: 0;opacity: 0.2;margin-top: -12px;}
#banners_slider .owl-nav:hover {opacity: 1;}

#banners_slider .owl-nav button {width: 24px;height: 24px;position: absolute;font-family: "Glyphicons Halflings";font-size: 22px;color: var(--color6) !important;border-radius: 100%;text-align: center;line-height: 30px;z-index: 10;}
#banners_slider .owl-nav button:hover {text-shadow: 0 0 8px var(--color0);}

#banners_slider .owl-nav button.owl-prev {left: -10px;}
#banners_slider .owl-nav button.owl-next {right: -10px;}

#banners_slider .owl-nav button:after {display: inline-block;}
#banners_slider .owl-nav button.owl-prev:after {content: "\e132";}
#banners_slider .owl-nav button.owl-next:after {content: "\e131";}




/* горячие новости */
.hot_news .item {padding: 10px 0 20px; border-bottom: dotted 1px #ccc;}
.hot_news .preview {padding-left: 0;}
.hot_news .content {overflow: hidden;}
.hot_news .date {font-size: 0.9em; color: #777;}
.hot_news .button {clear: both; float: right;}
.hot_news h3 {margin-top: 0;}
.hot_news .more {display: inline-block; margin-top: 10px;}

@media (max-width: 767px) {
	.hot_news .content {overflow: visible;}
}



/* Панели */
.panel {position: relative;margin-bottom: 30px;}
.panel-heading {font-weight: 600; font-size: 1.4em; color: var(--color6); padding: 15px 15px 3px; border-bottom: solid 4px var(--color6);}
.panel-body {padding: 15px 15px 15px;}

.aside .panel {margin-bottom: 20px;}


.block {background: #f1f1f1; background: linear-gradient(to bottom, #fff 0%,#fff 25%,#f1f1f1 65%,#f1f1f1 65%,#fff 95%,#fff 100%);}
.block .panel-heading {font-weight: 600; font-size: 1.4em; color: var(--color6); padding: 15px 15px 0; border-bottom: none;}
.block .panel-body {border-radius: 5px 5px 10px 10px; border-top: solid 4px var(--color6); border-bottom: dotted 2px var(--color6); padding: 15px 15px 45px;}

.block:after {content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.6); box-shadow: 0 0 40px rgba(0,0,0,0.6); bottom: 0px; width: 70%; height: 50%; -moz-border-radius: 100%; border-radius: 100%; left: 15%; right: 15%;	}
.aside .panel.block {margin-bottom: 30px;}

.panel-body-heading {font-size: 1.4em; font-weight: 600; color: var(--color6); margin-bottom: 5px;}


/* меню раздела */
.section_menu {}
.section_menu ul {margin: 0; padding-left: 1.2em;}



/* кнопки */
button, .button, input[type="submit"] {padding: 8px 10px; font-size: inherit; line-height: 1em; display: inline-block; text-decoration: none; text-transform: uppercase; border: none; cursor: pointer; border-radius: 2px; background: var(--color3); background: linear-gradient(to bottom, var(--color3) 0%,var(--color4) 100%); color: var(--color0);}

button:hover, .button:hover, input[type="submit"]:hover {color: var(--color0); text-decoration: none; background: var(--color5); background: linear-gradient(to bottom, var(--color7) 0%,var(--color5) 100%);}

button:focus, .button:focus, input[type="submit"]:focus {background: var(--color5); background: linear-gradient(to bottom, var(--color5) 0%,var(--color7) 100%);}

a.button {color: var(--color0);}




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

.gallery > .item > span {opacity: 1; position: absolute; bottom: 0; left: 0; right: 0; height: 24px; line-height: 24px; color: var(--color1); font-size: 14px; overflow: hidden; text-align: center; background: var(--color5);
transition: opacity 0.3s ease-in;}
.gallery > .item:hover > span {background: #444; opacity: 1; color: var(--color0);}



/* Опросы */
.poll_answers {margin-top: 10px;}
.poll_answers label {display: block; clear: both;}
.poll_answers input {margin-right: 5px;}
.poll_submit {margin-top: 15px; margin-bottom: 15px;}



/* ****** */
/* Подвал */
/* ****** */
#footer {color: var(--color0);min-height: 72px;padding: 25px 0 25px;background: var(--color6);background: linear-gradient(to bottom, var(--color4) 0%,var(--color3) 100%);}


#footer a {color: var(--color0);}


.social_networks {margin: 15px auto 30px;}
.social_networks a {display: inline-block;width: 28px;height: 28px;line-height: 28px;color: inherit;font-size: 22px;text-align: center;opacity: .85;}
.social_networks a:hover {opacity: 1;}


.site_by {opacity: 0.5; font-weight: 600; font-size: 0.9em; float: right;}



.tbl, .cool-table {border-collapse: collapse;border-spacing: 0;max-width: 100%;word-break: initial;}

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

.tbl thead td, .cool-table thead td,
.tbl th, .cool-table th {background: #e59e9d;border: 1px solid #e59e9d;padding: 12px 8px;}
.tbl tr:hover td, .cool-table tr:hover td {background: var(--color9);color: var(--color1);}






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



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



#main_menu li:first-letter,
#main_menu li span:first-letter,
.section_menu li:first-letter,
.hot_menu li:first-letter,
.self_title:first-letter,
h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter,
h6:first-letter,
#footer .level_0 li:first-letter,
.panel-heading:first-letter,
.panel-body-heading:first-letter
{text-transform: uppercase;}


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