@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

:root {
	--header-BG: #FFFFE0;
	--title-text-color: #6e4306;
	--main-menu-bg: #FECE44;
	--green-bg: #9FD8A5;
}

 
*:focus {outline: none; }

html { 
	overflow-x: hidden;
}
body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 18px;
  line-height: 1.4;
  overflow-x: hidden;
}
 
 
a {
	text-decoration: none;
}

#top_bar {min-height: 32px; padding: 5px 0 5px; }


.top_bar-seatch, .top_bar-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}




.instagram_button {
  display: grid;
  place-items: center;
}

#date_time { font-size: 16px; }

.mod_buttons {
	position: relative;  
	display: flex; 
	align-items: center;
	gap: 20px;
}

 
 .form-select {
 border-radius: 0px;
 }
.d-flex .form-control {
    border-radius: 0px;  
    border: 1px solid #DEE2E6;  
  
}

.btn-outline-success {
    border-radius: 0px;  
    padding: 10px 25px;
    border: none;
    font-weight: 500;
	background-color: gray;
	height: 100%;
	margin:0;
	color: white;
	}

.d-flex .btn:hover {
	background-color: black;
 
}
.btn-outline-success:active:focus {
    background-color: black !important;
    border-color: black !important;
}
#languageSelector {
height: 100%;
}
 
.mod_buttons a {opacity: 0.7;  text-decoration: none; cursor: pointer;  color: black; font-size: 14px;} 
.mod_buttons a:hover {opacity: 1;}

.mod_buttons  .wep_toggle ,.lang{
	display: grid; 
	place-items: center;
}
.mod_buttons .wep_toggle span {display: inline-block;  font-size: 20px; color: black;}

.space {
min-height: 41px; width:100%;  
}




#hot_links {text-align: center;padding: 0 0 30px; display: flex; justify-content: center; gap:10px; flex-wrap: wrap; font-size:14px; }
#hot_links .item {text-align: center;border-radius: 5px; color: #000;padding: 10px;font-weight: bold; display: flex; justify-content: center;   -webkit-transition-duration: 0.3s;   transition-duration: 0.3s; width: max-content;}
#hot_links .item .preview {height: 128px;  line-height: 128px; margin-bottom: 15px;}
#hot_links .item img {max-height: 128px; display: inline-block;}
#hot_links .item:hover {background-color: #185996; color: white; transform: translate(3px, -3px); box-shadow: rgba(0, 0, 0, 0.19) 0px 5px 10px, rgba(0, 0, 0, 0.23) 0px 3px 3px;}
#hot_links .item:hover a {color: inherit; text-decoration: none; }



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

/* слайдер на главной */
#main_slider {margin-bottom: 25px; }
#main_slider .item {
	background-color: #ccc;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	min-height: 300px;
}



#main_slider .content {position: absolute; left: 0; right: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,1); color: #eee; padding: 15px; opacity: 0.6; }
#main_slider a {color: inherit; }
#main_slider h3 {margin: 0 0 5px; font-size: 18px; }
#main_slider p {margin: 0; }



/* слайдер баннеров */
#banners_slider {padding: 0; }
#banners_slider .item {margin: 5px;height: 64px;line-height:  64px;}
#banners_slider .item img {max-width:  100%; width: auto;   height: auto; display:  block;}



/* последние новости (учреждения) */
.hot_news .item {clear: both;overflow: hidden;padding: 15px 0 30px;border-bottom: dashed 1px #ccc;}
.hot_news .item:last-of-type {border-bottom: none; }
.hot_news h3 {margin: 0; }
.hot_news .date {margin-bottom: 10px; font-size: 0.9em; }
.hot_news .preview {display: block;float: left;background-position: 50%;background-repeat: no-repeat;background-size: cover;width: 160px;height: 120px;margin-right: 15px;margin-bottom: 10px;}
.hot_news .content {}
.hot_news .anno {margin-bottom: 15px;}
.hot_news .read_more { }

.hot_news .more_news {display: grid;place-items: center; margin-top: 15px;}
.hot_news .more_news a{color: black;display: flex;
	align-items: center; justify-content: center; gap: 10px; font-size: 20px;transition: 120ms; width: max-content;}
.hot_news .more_news a:hover{color: white; }
.hot_news .more_news span {
font-size:40px;
}

.hot_news.v2 {}
.hot_news.v2 .row {margin-left: 0; margin-right: 0; }
.hot_news.v2 .item {border-bottom: none;margin-left: -15px; margin-right: -15px; padding: 15px 15px 15px;/* margin-bottom: 15px; */}
.hot_news.v2 .item:hover {background: #f5f5f5;}

.hot_news.v2 .preview {width: 144px;height: 108px;}
.hot_news.v2 .anno {font-size: .9em;line-height: 1.2em;}




/* объявления */
.announcements {border: solid 1px #2265A4; margin-bottom: 30px; overflow: hidden; }
.announcements .item {padding: 0;}
.announcements .item:not(:first-of-type) {margin-top: 15px; border-top: dashed 2px #ccc; }



/* RSS-новости на главной */
.rss_news {}
.rss_news .item {font-size: 0.85em; color: #555; }



#body {clear: both; }

		
/* **************************** */
/* Контент на обычных страницах */
/* **************************** */


/* Основное содержание страницы */
#body_content {margin-top: 60px; padding: 15px 15px 25px;   }
	#body_content_wrapper {padding-left: 0;margin-bottom: 30px;}

@media only screen and (max-width: 768px) {
	#body_content_wrapper {padding-right: 0; }
}

h1,	h2,	h3,	h4,	h5,	h6,
.panel-heading { margin-bottom: 15px;}


h1 {color: var(--title-text-color); padding: 0; font-size: 36px;   }
h2 {font-size: 40px; }
h3 {font-size: 24px; }

.section_heading {padding-bottom: 10px;display: block;border-bottom: dashed 1px #ccc;margin-bottom: 15px;color: #0B4881;}

.breadcrumbs {border: 1px dotted #ccc; margin-bottom: 15px; padding: 5px; }

.entry {padding: 0 0 30px;overflow-x: auto;word-break: break-word;}
	
	.spoiler .preview {min-height: 80px; }
		.spoiler .preview img {display: inline-block; }
		
	.spoiler .anno {overflow: hidden;}
	.spoiler .content {display: none;clear: both;}
	#body_content .spoiler.entry:not(:last-of-type) {margin-bottom: 15px; border-bottom: dashed 2px #ccc; }
	.spoiler .button {margin: 15px 0 0; }


@media only screen and (max-width: 768px) {
	.spoiler .preview {margin-bottom: 15px; text-align: center; }
	.spoiler .anno {clear: both; overflow: initial; }
}


#body_content iframe {max-width: 100%; }
#body_content img {max-width: 100%; height: auto; }	

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






.page_share_buttons {margin-top: 45px; margin-bottom: -15px; }




/* Боковая колонка */
#sidebar {padding-left: 0; padding-right: 0; }
#sidebar .panel {margin: 0 0 15px 0; color: #185996; }

#sidebar ul,
.cool_list {list-style-type: none; list-style: none; margin: 0px; padding: 0px;	}

#sidebar ul li,
.cool_list li {padding: 2px 0 2px 12px; background: url("/files/00096/img/list.png") 0 10px no-repeat; }


.section_menu li {display: none; }

/*
.section_menu .level_0 > li,
.section_menu .level_1 > li {display: block; }
*/

.section_menu .parent_active,
.section_menu .parent_active > ul,
.section_menu .parent_active > li,
.section_menu .active,
.section_menu .parent.active > ul > li {display: block; }



/* поле поиска */
.search_field {border: 1px solid #DADADA; background: #fff url("/files/00096/img/search.png") 99% 50% no-repeat; text-align: left; padding: 6px 24px 6px 6px;   }
.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; }


/* блок "обратите внимание" */
.attention_block {overflow: hidden; }
.attention_block .item {margin: 10px 0; text-align: center; }
.attention_block img {display: inline-block; width: 100%; height: auto;}


/* опросы на главной */
.poll_answers {margin-top: 5px; }

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




/* ************************************** */
/* Архивы по датам (новости, фотогалереи) */
/* ************************************** */
.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;  }
.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: #2265A4; }


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

/* */



/* Фотогалереи */
.gallery {overflow: hidden; }
.gallery > .item {display: block; float: left; margin: 5px; position: relative; overflow: hidden; }
.gallery > .item > span {opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; height: 22px; line-height: 22px; background: rgba(34, 101, 164, 0.75); color: #ccc; font-size: 14px; overflow: hidden; text-align: center;
transition: opacity 0.3s ease-in; }
.gallery > .item:hover > span {opacity: 1; }



/* карточка сотрудника, учащегося, вакансия, продукция и т.п. */
.item_card {overflow: hidden; padding: 15px 0; }
.item_card h3 {margin-top: 0; }
.item_card .preview {display: block; float: left; background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 96px; height: 96px; margin-right: 15px; }
.item_card .content {float: left; }



/* формы обратной связи */
.ww_form {list-style-type: square; padding: 15px; }
.ww_form li {padding: 15px 0; border-bottom: dotted 2px #ccc; clear: both; color: #2265A4; }
.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: #2265A4; }

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




/* блоки-панели */
.panel {}
.panel-heading {  margin: 0 0 10px; padding: 10px; text-decoration: none; text-transform: uppercase; }
.panel-body {padding: 0 10px 15px; }
.panel-body ul,
.panel-body ol {padding-left: 1em; font-size: 0.9em;  }

.grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  	gap: 16px;
  	grid-auto-rows: 8px;
	 -webkit-overflow-scrolling: touch;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
  will-change: transform;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
  grid-auto-rows: 8px;
  /* Важно для iOS */
  overflow-anchor: none;
  -webkit-overflow-scrolling: auto;
}

.grid__item {
  transform: translateZ(0);
  /* Предотвращаем нежелательное поведение на iOS */
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.grid__item img {
	width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}



@media (hover: none) and (pointer: coarse) {
  .grid__item {
    transition: none !important;
  }
}

.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: #2266a5;color: #fff;}
.nav-tabs > li > a {color: inherit;display: block;line-height: 1.1em;padding: 5px 15px;text-decoration: none;}
.nav-tabs > li > a:hover {background: #eeeeee;}
.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 2px #2266a5;padding: 15px 15px 30px;}




.pagination {text-align: center; display: block; margin: 15px 0; padding: 15px; font-weight: bold; }
.pagination span {border: solid 1px #ccc;display: inline-block;line-height: 26px;height: 28px;width: 28px;margin: 0 3px;padding: 0; overflow:  hidden;}
.pagination span:hover {background: #dcb15d; border-color: #dcb15d; color: #fff;}
.pagination span:hover a { }
.pagination .page_hidden {margin: 3px; background: none; }
.pagination span a {color: inherit; display: block; text-decoration: none; }
.pagination .page_current {border: solid 1px #2265a4;background: #2265a4;margin: 0 5px;color:  #fff;}





#footer {margin-bottom: 15px;}
#footer_content {  border-top: 4px solid #185996; padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 30px; }


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


#copyrights {color: black;  text-align: center; padding: 20px 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 {margin-left: auto; margin-right: auto; padding-left: 0 !important; padding-right: 0 !important; }




#scroll_up_button {
	background: #AA8F29;
	position: fixed; 
	bottom: 45px; 
	right: 45px; 
	display: none; 
	width: 42px; 
	height: 42px; 
	font-size: 26px; 
	line-height: 42px; 
	opacity: 1; 
	text-align: center; 
	cursor: pointer; 
	z-index: 999; 
	padding: 0; 
	transition: 0.5s ease;
	border-radius: 0px; 
	margin: 0; border: none;
}

#scroll_up_button .material-symbols-outlined {
	color: black;
}
.#scroll_up_button  .custom-icon{
color: white;
}

#scroll_up_button:hover {
  background: #FFF3B0; 
  box-shadow: none;
 
 }




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

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

.tbl thead td, .cool-table thead td,
.tbl th, .cool-table th {
	background: #3883cc;
	color: #fff;
	border: 1px solid #185995;
	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: #e9f4ff; color: #000;}





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



#main_menu li:first-letter,
.section_menu li: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,
.label:first-letter
{text-transform: uppercase; }

.fixed {position: fixed; top:0; width: 100%; z-index:100;  }

#important-inf .content {
	background: #80808000;
	opacity: 1;
	height: 100%;
	display:block;
	padding: 0px;
}

	
#important-inf a {
	height: 100%;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	background: #00000014;
	transition: 150ms ease-in;
	text-decoration: none;
	color: #ABADC6;
}

#important-inf a:hover {
	background: #00000000;
	color: white;
	
}

#important-inf h3 {
	background: #000000ab;
	padding: 10px;
	margin:0;
	flex: 0.2;
	box-sizing: border-box;
}

#main_slider_style .owl-stage-outer,  #main_slider_style .owl-stage .item, #main_slider_style .active, #main_slider_style .owl-stage {
	height: calc(100vh - 335px);
	min-height: 300px;
}



#main_slider_style .owl-stage {
	height: calc(100vh - 335px);
	min-height: 300px;
}
#important-inf .owl-nav, #main_slider_style .owl-nav {
	width:auto;
}

#important-inf .owl-nav {
  	top: 20px;
  	right:0;
}

#important-inf button, #main_slider_style button {
  	opacity: 1;
	margin: 0px;
}


 #main_slider_style .owl-nav {
  	top: 100px;
  	right:15%;
}

#main_slider_style .content {
	height: 100%;
	background: none;
	opacity: 1;
	display: grid;
	align-items: flex-end;
	color: white;
}

@media (prefers-contrast: high) {
  #main_slider_style .content {
    background-color: var(--background-color) !important;
  }
  
  /* Явное запрещение белого фона */
  #main_slider_style .content {
    background-color: #f5f5f5 !important;
  }
}


#main_slider_style .content h3 {
	font-size: 34px;
	font-weight: 300;
}


#main_slider_style .content .container {
	padding-bottom: 60px;
	display: flex;
	gap: 5px;
}

#main_slider_style .slider_logo {
	background: red;
	display: #FFFFE0;
	place-items: center;
}

#main_slider_style a {
	display: block;
	text-decoration: none;
	background: #402000c4;
	max-width: max-content;
	padding: 2%;
	transition: 120ms;
	width: auto;
	
}

#main_slider_style a:hover {
	background: #251200e3;
}
#main_slider_style .logo-slider_img {
	width: 80px;
	background: #FFFFE0;
	padding: 10px;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
.accordions li {
  list-style:none;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion-active, .accordion:hover {
  background-color: #ccc;
}



/* Style the accordion panel. Note: hidden by default */
.accordion-panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.scroll_up_button__cont {
  display: grid;
  place-items: center;
  border: none;
}

#run_stroce {
  display: none;
  position: absolute;
  z-index:99;
  overflow: hidden;
  background-color: var(--green-bg);
  width: 100%;
}

.marquee__track {
  display: inline-flex;   
  white-space: nowrap;
  animation: scroll-left 80s linear infinite;
}

.marquee__content {
  display: flex;
}

.marquee__content span {
  white-space: nowrap;
  font-size: 20px;
  padding: 12px;
  margin-right: 3rem;
}

.container__right {
	max-width: 1300px;
	margin: auto;
   padding-left: 15px;
   padding-right: 15px;
   margin-bottom: 100px;
	
}

#important-inf   .owl-stage-outer {
	min-width: 1900px;
	 
}

@keyframes scroll-left {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}


#important-inf  .owl-dots {
  background-color: transparent;
  text-align: right;
}

#important-inf button.owl-dot {
   width: 20px;
   height: 20px;
}

.card-img-top {
	max-height: 300px;
	object-fit: cover;
	object-position: top;
}

#g-4 .col {
	padding: 0px 20px 0px 0px;
}
 .card {border: none;
	border-radius: 0px;}
#g-4 a{
 
	padding: 5px 10px;
	font-size: 16px;
	background-color: #AA8F29;
	border: none;
	border-radius: 0px;
	height: 40px;
}

#g-4 a:hover{
	background-color: #917A23;
}

.hot_news h2{margin-top: 60px; padding: 0px 0px 15px 0px;  color: black }


.news_bg {
background-color: var(--main-menu-bg);
padding-bottom: 100px;
}