@charset "UTF-8";

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

*:focus {outline: none; }


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


a {color: #00794e; }
a:hover, a:focus {color: #006d5a; }
a:visited {color: #5a5a5a; }


.header_bg {position: absolute; left: 0; right: 0; width: 100%; top: 0; height: 370px; background-color: #137a68; background-image:url("/files/00514/img/фон школа.jpg") ; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; z-index: -100; }
	.header_bg:after {position: absolute; content:""; top:0; left:0; width: 100%; height:100%; opacity: 0.45; background-color: #006142 /*#00483b*/; }



#header_caption {min-height: 210px; color: #f0f0f0; padding: 8px 0 24px; 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 30px; }

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




#header_bar {padding-top: 4px; }
	#date_time {font-size: 0.7em; color: #eee; 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;} 
			.mod_buttons a:hover {opacity: 1; }
		
		.mod_buttons .wep_toggle {margin-right: 30px;display: inline-block; color: #eee; }
		
			.mod_buttons .wep_toggle span {display: inline-block; vertical-align: middle; }
	
	

/* ************ */
/* Главное меню */
/* ************ */
#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; }




.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: transparent; height: 64px; width: 64px; text-align: center; }
	.search_bar_toggle:focus,
	.search_submit:focus {outline: 0; background: green; }
	.search_bar_toggle:hover,
	.search_submit:hover {background: #943019; }
.search_submit {margin-left: 15px; }



/* на мобильных устройствах */
@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: transparent; position: static; line-height: 24px; min-width: none; max-width: none; font-size: 0.8em;  }
		
	.nav_search {display: block; width: 100%; clear: both; }
}


@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: #2a7858; }
		
		.search_bar_toggle {z-index: 1020; }
		.nav_search.toggled .search_bar_toggle {float: left; }
}
/* */





/* поле поиска */
.search_field {border: 2px solid rgba(255,255,255,0.2); text-align: left; padding: 4px 36px 4px 6px; margin-bottom: 15px; position: relative; }
	.search_field:hover {border-color: rgba(255,255,255,0.4); }
		.search_field:hover input[type="search"] {color: #eee; }
		
    .search_form {line-height: 1em; }
	.search_form input[type="search"] {background: none; color: #979797; 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: #9acab7; }
		.search_form .button:hover {color: #eee; }





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

/* слайдер на главной */
.main_slider {background: #e6d298; padding-bottom: 40%; position: relative; border-top: solid 3px #9acab7; 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 #222; }
	.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: #eee; color: #000; text-decoration: none; font-size: 0.75em; text-shadow: none; }







#hot_links {margin: 0 0 15px; }

.hot_tiles div[class*=col-] {padding-bottom: 15px; }
.hot_tiles .item {height: 100%; }
.hot_tiles .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_tiles .item a:hover {background: #9bc9b7;}

.hot_tiles .preview {padding: 0 15px; }
.hot_tiles .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; }


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

	



/* оформление отдельных секций (фон) */
.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; }


/* кнопки */
input[type="submit"],
button,
.button {display: inline-block; background-color: #9acab7; 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: #30cc4c; }



/* диаграммы */
.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:focus,
	.ww_form select:focus,
	.ww_form textarea:focus {border-color: green; }
	
	.ww_form input,
	.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,
		.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 #9acab7; }
	.archive_header .MapTabs .tabSelect {font-weight: 600; background-color: #9acab7; }
	.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: #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; }
}


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

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


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


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



#scroll_up_button {position: fixed; bottom: 45px; right: 45px; display: none; width: 48px; height: 48px; font-size: 28px; background: #fff; color: #222; 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: #fff; background: #9acab7; }






/* 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: #015c4b;
	color: #fff;
	border: 1px solid #015c4b;
	padding: 12px 8px;
}

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