@charset "UTF-8";

/* ****************************** */
/* Типовой шаблон #1 - "Flat" 	  */
/* v20201120                      */
/* ВЕБ-МАСТЕРСКАЯ.БЕЛ             */
/* ****************************** */
/*/files/01935/img/book.png*/
*:focus {outline: none; }

html {}
body {background: #D2691E; font-size: 20px; font-family: 'Fira Sans Condensed', sans-serif; position: relative; }


a {color: #800000; }
a:hover, a:focus {color: #800000; }
a:visited {color: #800000; }


.header_bg {position: absolute; left: 0; right: 0; width: 100%; top: 0; height: 500px; background-color: none; background-image: url("/files/01935/img/39a7099985bbf6f907480f18e9786e7d.jpg"); background-position: 100% 0%; background-repeat: no-repeat; background-size: cover; z-index: -100; }
.header_bg:after {position: absolute; content:""; top:0; left:0; width: 100%; height:510%; opacity: 0.65; background-color: /*#8B4513*/; }



#header_caption {min-height: 180px; color: #8B4513; padding: 8px 0 30px; text-align: center; text-shadow: 0 1px 0.5px #222; font-size: 16px; position: relative; }

#header_caption .logo {text-align: center; }
#header_caption .logo img {display: inline-block; max-height: 150px; vertical-align: middle; }

#header_caption .logo+.content {text-align: left; }

#header_caption .content {padding: 15px 0 20px; }

#header_caption p {margin: 0; line-height: 1em; }
#header_caption p:nth-child(5) {font-size: 20px; margin: 1.2em auto 0.3em; }
#header_caption p:nth-child(6) {font-size: 28px; }

#header_caption .contacts {font-size: .9em;}


#header_bar {padding-top: 4px; }
#date_time {font-size: 0.7em; color: #8B4513; opacity: 0.7; }


.mod_buttons {float: right; text-align: right; position: relative; z-index: 10; }
.mod_buttons img {max-height: 24px; }
.mod_buttons a {opacity: 0.7;margin-left: 3px;text-decoration: none;cursor: pointer;line-height: 24px;color: #8B4513;display: inline-block;vertical-align: middle;} 
.mod_buttons a:hover {opacity: 1; }

.mod_buttons .wep_toggle {margin-right: 30px;display: inline-block; color: #8B4513; }
.mod_buttons .wep_toggle span {display: inline-block;vertical-align: middle;}





/* Главное меню */
#main_menu {background: #D2B48C; color: #8B4513; 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: none; 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: #F4A460; }
#main_menu a:focus {background-color:#F4A460; }

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

#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: #F4A460; background-color:#FFDEAD; 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; }




.nav_search {display: none !important; overflow: hidden; }
.nav_search input {width: 100%; line-height: 32px; display: inline-block; vertical-align: middle; border: none; padding: 0 0.4em; }

.search_bar_toggle,
.search_submit {position: relative; z-index: 1010; float: right; border: none; background: none; height: 64px; width: 64px; text-align: center; }
.search_bar_toggle:focus,
.search_submit:focus {outline: 0; background: none; }
.search_bar_toggle:hover,
.search_submit:hover {background: none; }
.search_submit {margin-left: 15px; }
.gerb_h{position:absolute;left: 11%;top: 67px;}
.footer-col {display: flex;}
.footer-col>div {margin-right: 55px;}


/* на мобильных устройствах */
@media (max-width: 767px) {
	#nav_head {overflow: hidden; }
	#nav_body {display: none; clear: both; max-height: 75vh; overflow-y: auto; padding: 10px 0; border-top: solid 2px #aaa; margin-top: 5px; }
	#nav_body .level_0 {display: block; line-height: 32px;}
	#nav_body .level_0 > li {float: none; }
	#nav_body .level_1 {background-color: #F4A460; position: static; line-height: 24px; min-width: none; max-width: none; font-size: 0.8em;  }
	.nav_search {display: block; width: 100%; clear: both; }
}
@media screen and (max-width: 768px) {
	.gerb_h{left: 0%;}
}

@media screen and (max-width: 640px) {
	.gerb_h {position: initial;width: 46px;}
	.footer-col {display: block; margin-bottom: 40px;}
	.footer-col>div {margin-right: 5px;}
}

@media (min-width: 768px) {
	#nav_body {display: block !important; }
	/* Don't drop menu on hover - drop on click via JS */
	/* #nav_body .parent:hover > ul {display: block; } */

	.nav_search {float: right; z-index: 1010; overflow: hidden; width: 64px; line-height: 64px; height: 64px; }
	.nav_search.toggled {position: absolute; right: 0; width: 500px; background-color: #F4A460; }

	.search_bar_toggle {z-index: 1020; }
	.nav_search.toggled .search_bar_toggle {float: left; }
}





/* поле поиска */
.search_field {border: 2px solid #8B4513; text-align: left; padding: 4px 36px 4px 6px; margin-bottom: 15px; position: relative; }
.search_field:hover {border-color: #8B4513); }
.search_field:hover input[type="search"] {color: #8B4513; }

.search_form {line-height: 1em; }
.search_form input[type="search"] {background: none; color: #8B4513; border: 0; width: 100%; padding: 0; margin: 0; outline: none; font-size: 0.9em; line-height: 24px; }
.search_form .button {border: 0; position: absolute; width: 32px; height: 32px; right: 0; top: 0; margin: 0; background: none; line-height: 32px; color: #8B4513; }
.search_form .button:hover {color: #8B4513; }




/* слайдер на главной */
.main_slider {background: #F4A460; padding-bottom: 42.5%; position: relative; border-top: solid 3px #8B4513; margin-bottom: 1em; min-height: 260px; }
.main_slider .item {position: relative; }

.main_slider .item .content {position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 30px 45px; color: #fff; text-shadow: 0 1px 6px #8B4513; }
.main_slider .item h3 {font-weight: 500; }

.main_slider .item p {font-size: 0.85em; font-weight: 400; display: inline-block; margin-right: 10px; }
.main_slider .item .button {display: inline-block; margin: 0; background: #F4A460; color: #8B4513; text-decoration: none; font-size: 0.75em; text-shadow: none; }




#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: #FFDEAD;padding: 10px 10px 10px;font-size: 1em;line-height: 1em;height: 100%;text-decoration: none;color: #222;font-weight: 600;}
#hot_links .item a:hover {background: #8B4513; }

#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: #F4A460; 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:#8B4513; }

.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: #F4A460; margin: 15px 0; overflow: hidden; max-height: 190px; min-height: 190px; text-overflow: ellipsis; padding: 15px; }
.hot_news .item:hover {background-color: #8B4513); }
.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: #F4A460; }
.misc_news .item .date {font-weight: 600; }


/* слайдер баннеров */
#banners_slider {padding: 30px 0;background: #F4A460; }
#attention_slider {padding: 0 15px 60px;background: #F4A460; }
.banners {overflow: hidden; }
.banners .item {line-height: 80px; margin: 0 15px; }
.banners img {display: inline-block !important; vertical-align: middle; max-height: 60px; }


/* слайдер карточек */
.section_about {padding: 100px 0 30px;}
.section_about .item {padding: 10px;height: 100%;/* display: flex; */}
.section_about .item_body {padding: 8px 10px 10px;background: #FFDEAD;height: 100%;color: #8B4513;}
.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: #F4A460; }

.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: #FFDEAD; }
.accent {background: #FFDEAD;}


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


/* кнопки */
input[type="submit"],
button,
.button {display: inline-block; background-color: #FFDEAD; line-height: 1.6em; padding: 0 0.5em; margin-top: 1em; border: none; cursor: pointer; }
input[type="submit"]:hover,
button:hover,
.button:hover {background-color: #FFDEAD; }



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


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

.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 #F4A460; 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: #F4A460; }

.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: #FFDEAD; padding-bottom: 2em; border-top: solid 3px #FFDEAD; 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: #8B4513; color: #8B4513; 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: #FFDEAD; }
.pagination span a {color: #8B4513;display: block;text-decoration: none;}
.pagination span a:hover {background-color: #FFDEAD; color: #8B4513; }

.pagination .page_current {background-color: #FFDEAD; }
.pagination .page_hidden {margin: 3px; background: #8B4513; }




/* ************************************** */
/* Архивы по датам (новости, фотогалереи) */
/* ************************************** */
.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: #FFDEAD; }
.archive_header > a:hover {background-color: #8B4513; }


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

/* */



/* карточка сотрудника, учащегося, вакансия, продукция и т.п., запись */
.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; }
}



/* Подвал */
#footer {min-height: 300px; padding: 1.5em 0 3em; color: #8B4513; background: #FFDEAD; font-size: 80%; }
.bonus_menu a:link,
.bonus_menu a:visited {color: #8B4513; }

.fixed-footer {position: relative; min-height: 100vh; }
.fixed-footer #footer {position: absolute; left: 0; right: 0; bottom: 0; }


.social_networks {margin: 30px auto 15px; }
.social_networks a {display: inline-block; width: 26px; height: 26px; line-height: 26px; color: #FFDEAD; font-size: 20px; text-align: center; }
.social_networks a:hover {opacity: .75; }


.yandex_informer {opacity: 0.5; margin-bottom: 10px; display: inline-block; }

.page_share_buttons {border-top: solid 2px #ccc; margin-top: 45px; padding-top: 15px; margin-bottom: -30px; }



.nav-tabs {border-bottom: solid 2px #FFDEAD; 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: #F4A460; border-color: #8B4513; }

.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:#FFDEAD; border-color: #8B4513; }


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


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





#scroll_up_button {position: fixed; bottom: 45px; right: 45px; display: none; width: 48px; height: 48px; font-size: 28px; background: none; color: #F4A460; line-height: 48px; opacity: 0.5; text-align: center; cursor: pointer; z-index: 999; }
#scroll_up_button:hover {opacity: 1; transition: opacity 0.5s ease; color: #8B4513; background: #F4A460; }




/* 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 #F4A460;
	border-bottom-width: 3px;
	padding: 5px;
}

.tbl thead td, .cool-table thead td,
.tbl th, .cool-table th {
	background: #F4A460;
	color: #8B4513;
	border: 1px solid #8B4513;
	padding: 10px 8px;
}

.tbl tr:hover td, .cool-table tr:hover td {background: #FFDEAD;color: #8B4513;}