@charset "UTF-8";

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


/* Главное меню */
#main_menu {background: #005c4c; color: #eee; padding: 0; }
#main_menu.fixed-top {position: fixed; top: 0; margin: 0 auto; width: 100%; z-index: 1000;
	-webkit-transform: translateZ(0); backface-visibility: hidden;
}
.main_menu_wrapper {overflow: hidden; padding: 0; }

#main_menu a {color: #f5f5f5; position: relative; display: block; text-decoration: none; padding: 0 10px; line-height: inherit; }
#main_menu a:first-letter {text-transform: uppercase; }
#main_menu a:hover, #main_menu .clicked:hover {background-color: #943019; }
#main_menu a:focus {background-color: green; }

#main_menu .level_0 > .parent_active,
#main_menu .level_0 > .active {background-color: #006d5a; }

#main_menu .level_0 > .parent > a:after {font-family: 'Glyphicons Halflings'; content: "\e114"; display: inline-block; line-height: initial; font-size: 12px; font-weight: normal; margin-left: 0.3em; vertical-align: middle; }

#nav_head {line-height: 64px; position:relative; }
#nav_head > a {float: left; line-height: 64px; min-width: 72px; text-align: center; }

#nav_body {}
#nav_body ul {margin: 0; list-style-type: none; }

#nav_body .level_0 {padding: 0; line-height: 64px; }
#nav_body .level_0 > li {float: left; }

#nav_body .level_1 {display: none; padding: 5px 0; position: absolute; line-height: 36px; background-color: #006d5a; background-color: rgba(0, 107, 72, 0.95); font-size: 0.9em; max-width: 20vw; z-index: 1000; min-width: 220px; }
#nav_body .level_1 > li > a {padding: 5px 15px; line-height: 1em; }

.nav_toggle {margin: 0; }








#hot_links {margin: 0 0 15px; }
#hot_links div[class*=col-] {padding-bottom: 15px; }
#hot_links .item {height: 100%; }
#hot_links .item a {display: block;text-align: center;background: #dcdcdc;padding: 15px 15px 20px;font-size: 1em;line-height: 1em;height: 100%;text-decoration: none;color: #222;font-weight: 600;}
#hot_links .item a:hover {background: #fff; }

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



/* объявления */
.announcements {min-height: 100px; background: #fff; padding-top: 1em; padding-bottom: 1em; margin-bottom: 1em; }
.announcements .item {margin-bottom: 1.5em;clear: both;overflow: hidden;}
.announcements .content {font-size: 0.9em; color: #555; }

.announcements h4 {margin: 0 auto 10px; }
.announcements .read_more {margin-top: 0; }




/* горячие новости на главной */
.hot_news {padding-bottom: 3em; padding-top: 15px; }
.hot_news .item {background-color: rgba(255,255,255,0.6); margin: 15px 0; overflow: hidden; max-height: 190px; min-height: 190px; text-overflow: ellipsis; padding: 15px; }
.hot_news .item:hover {background-color: rgba(255,255,255,1); }
.hot_news .preview {display: block; float: left; background-position: 50%; background-repeat: no-repeat; background-size: cover; width: 130px; height: 130px; margin-right: 15px; }
.hot_news .content .date {display: inline-block; font-size: 0.8em; }
.hot_news .content h3 {margin-top: 0; font-size: 1.1em; line-height: 1.1em; max-height: 3.3em; overflow: hidden; text-overflow: ellipsis; }
.hot_news .read_more {display: block; }

.misc {padding-top: 15px; }




/* другие новости */
.misc_news {padding-bottom: 3em; padding-top: 45px; }
.misc_news .item {font-size: 0.8em; line-height: 1.1em; padding: 15px; margin-bottom: 0; }
.misc_news .item:hover {background: #eee; }
.misc_news .item .date {font-weight: 600; }


/* слайдер карточек */
.section_about {padding: 30px 0 30px;}
.section_about .item {padding: 10px;height: 100%;/* display: flex; */}
.section_about .item_body {padding: 8px 10px 10px;background: #9acab7;height: 100%;color: #005c4c;}
.section_about .item .preview {background-position: 50% 15%;background-repeat: no-repeat;background-size: cover;padding-bottom: 100%;}
.section_about .item h3 {font-weight: 600;font-size: .8em;margin: 10px auto 5px;}
.section_about .item h3 > a {text-decoration: none; color: inherit; }

.section_about .item .position {font-size: .6em; line-height: 1; }

.section_about .slick-track {display: flex !important; }
.section_about .slick-slide {height: inherit !important;}




/* оформление отдельных секций (фон) */
.vivid {background: #9acab7; }
.accent {background: #dedede;}


.section h2 {margin-bottom: 15px; }

/* блоки содержания */
.panel-body {font-size: 0.9em; }
.panel-body ul,
.panel-body ol {padding-left: 1em; }


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




/* опросы на главной */
.poll_answers label {display: block; margin: 0; }
.poll_answers > span {display: block; clear: both; }
.poll_answers input {margin-right: 0.3em; }
.poll_results {margin-top: 15px; display: block; font-size: 0.9em; }



/* диаграммы */
.chart {min-height: 350px; }


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

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

.ww_form input[type="text"],
.ww_form input[type="email"],
.ww_form select,
.ww_form textarea {border: solid 2px #bbb; line-height: 1.6em;  }

.ww_form input[type="text"]:focus,
.ww_form input[type="email"]:focus,
.ww_form select:focus,
.ww_form textarea:focus {border-color: green; }

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


[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%; }
}





/* основное содержание страниц: блоки html, записи, новости и пр. */
.main {background: #fff; padding-bottom: 2em; border-top: solid 3px #9acab7; margin-bottom: 1em; }
.breadcrumbs {font-size: 0.9em; padding-top: 0.2em; padding-bottom: 0.3em;}
.main .article {padding-bottom: 1.8em; /* overflow: hidden; */ }
.main .aside {padding-top: 1em; }

.article .entry {margin-bottom: 3em;clear: both;overflow-y: hidden;overflow-x: auto;}
.article .content {word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

.article img {max-width: 100%; height: auto; }

.article iframe {max-width: 100%; }
.article table {max-width: 100%; word-wrap: break-word; /* word-break: break-all; */ }

.article .gallery {overflow: hidden; }
.article .gallery > .item {display: inline-block; margin: 5px; position: relative; overflow: hidden; vertical-align: middle; }
.article .gallery > .item img {transition: transform 1s 0.5s ease; }
.article .gallery > .item:hover img {transform: scale(1.05); }
.article .gallery > .item > span {opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; height: 22px; line-height: 22px; background: rgba(0, 92, 76, 0.65); color: #ccc; font-size: 14px; overflow: hidden; text-align: center;
	transition: opacity 0.3s ease-in; }
.article .gallery > .item:hover > span {opacity: 1; }

.spoiler .spoiler_content {display: none; }
.spoiler .button {float: inherit;clear: both;margin-top: 10px;font-size: 0.9em;}



/* боковое меню (меню раздела) */
.section_menu .panel-body {font-size: 0.9em; }
.section_menu ul:not(.parent_active) {display: none; }
.section_menu .active > ul {display: block; }

.section_menu li:first-letter {text-transform: uppercase; }



/* переходы по страницам */
.pagination {text-align: center; display: block; margin: 15px 0; padding: 15px; }
.pagination span {display: inline-block;line-height: 28px; height: 28px; width: 28px; margin: 0 3px; padding: 0; background-color: #f5f5f5; }
.pagination span a {color: inherit;display: block;text-decoration: none;}
.pagination span a:hover {background-color: #006d5a; color: #fff; }

.pagination .page_current {background-color: #9acab7; }
.pagination .page_hidden {margin: 3px; background: none; }




/* ************************************** */
/* Архивы по датам (новости, фотогалереи) */
/* ************************************** */
.archive_header {margin: 1.5em 0 1em; }
.archive_header.item {overflow: hidden; padding: 15px 0; }
.archive_list .item {overflow: hidden; margin-bottom: 30px; }
.archive_list .item h3 {margin-top: 0; font-size: 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; }


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

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


/* тип 2: закладки */
.archive_header .MapTabs {border-bottom: solid 2px #0ec5a5; color: #fff; }
.archive_header .MapTabs span {display: inline-block; line-height: 32px; padding: 0 1em; margin-right: 0.3em; cursor: pointer; border-radius: 4px 4px 0 0;     background: #f8f9fa;
    color: #a4aaaf;}
.archive_header .MapTabs .tabSelect {font-weight: 600; background-color: #0ec5a5; color:#ffffff; }


.archive_header .MapTabsBody {padding: 2px; }
.archive_header .MapTabsBody > span {line-height: 32px; margin-right: 0.3em; }

.archive_header .MapTabsBody > span > span {display: inline-block; font-weight: 600; padding: 0 0.4em; }
.archive_header .MapTabsBody > span > a {display: inline-block; text-decoration: underline; padding: 0 0.4em; }
.archive_header .MapTabsBody > span > a:hover {text-decoration: none; background-color: #f5f5f5; }

/* */



/* карточка сотрудника, учащегося, вакансия, продукция и т.п., запись */
.item_card, .spoiler.item {overflow: hidden;padding: 15px 0;clear: both;margin-bottom: 15px;}
.item_card h3, .spoiler.item h3 {margin-top: 0; font-size: 1em; }

.item_card .preview, .spoiler .preview {padding: 0;/* text-align: center; */margin-bottom: 15px;margin-right: 15px;}
.item_card .preview img, .spoiler .preview img {display: inline-block; }

.spoiler .preview + .content {clear: none; overflow: hidden; }

.spoiler {margin-bottom: 15px; }


@media screen and (max-width: 767px) {
	.spoiler .content {clear: both !important; }
}





.nav-tabs {border-bottom: solid 2px #9bcbb6; text-align: center; }
.nav-tabs > li {display: inline-block; float: none;  margin-right: 0; margin-bottom: -2px; vertical-align: bottom; }
.nav-tabs > li > a {padding: 10px 10px; border-radius: 0; border: solid 2px transparent; background: none; border-bottom: 0;line-height: 1; font-size: 0.8em; max-width: 360px;
	/* max-width: 360px; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; */
}

.nav-tabs > li > a:hover {background-color: transparent; border-color: #9bcbb6; }

.nav-tabs > li.active > a {font-size: 1em; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {background-color: #9bcbb6; border-color: #9bcbb6; }


.tab-pane {padding-top: 15px; }

/*

.no-list {list-style-type: none; }
.wrapper {position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; }


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

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

@media (max-width: 768px) {
	.no-gutter > [class*="col-"] {padding-right: 15px; padding-left: 15px; }
}
@media screen and (min-width: 768px) {
	.no-gutters [class*="col-"] {padding: 0; }
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	flex-wrap: wrap;
}

.pre_wrap {white-space: pre-wrap; }

.no_select, .no_select > * {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

*/



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




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

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

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

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