PageSourceSearch

https://klimovo-tsdb.ru/about/

html klimovo-tsdb.ru collected 2026-10-09 21:27:40 UTC 141,611 bytes, 2,202 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html style="font-size: 16px;" lang="ru">
5
6	<head>
7		<meta name="viewport" content="width=device-width,initial-scale=1">
8		<style>
9	@media (min-width: 1200px){.container {max-width: 1200px!important; }}
10	body {font-family: "Roboto", sans-serif!important}
11	h1.sf-title, h2.sf-title, h3.sf-title, h4.sf-title, h5.sf-title, h6.sf-title, .sf-title {font-family: "Fira Sans", sans-serif!important}
12	h1.sf-title, h2.sf-title, h3.sf-title, h4.sf-title, h5.sf-title, h6.sf-title, .sf-title {font-weight: bold!important}
13.c-primary {color: #E64A19!important}
14.c-secondary {color: #495057!important}
15.bg-primary {background: #E64A19!important}
16.bg-secondary {background: #495057!important}
17.hover\:bg-primary:hover {background: #E64A19!important}
18.hover\:bg-secondary:hover {background: #495057!important}
19.b-primary {border-color: #E64A19!important}
20.b-secondary {border-color: #495057!important}
21.f-primary {fill: #E64A19!important}
22.f-secondary {fill: #495057!important}
23.s-primary {stroke: #E64A19!important}
24.s-secondary {stroke: #495057!important}
25
26/* border radius */
27.r-default{border-radius: 0.5rem}
28.rt-default {border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem;}
29.rr-default {border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}
30.rb-default {border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}
31.rl-default {border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;}
32
33
34/* link */
35a.l-primary, .l-primary a {color: #E64A19!important}
36a.l-secondary, .l-secondary a {color: #495057!important}
37a.l-hover-primary:hover, .l-hover-primary a:hover {color: #E64A19!important}
38a.l-hover-secondary:hover, .l-hover-secondary a:hover {color: #495057!important}
39a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #E64A19!important;}
40a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #495057!important;}
41
42/* button */
43.btn-primary {background-color: #E64A19!important; border-color: #da3e0d!important;}
44.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle {background-color: #cd3100!important; border-color: #c82c00!important;}
45.btn-primary.disabled, .btn-primary:disabled {background-color: #ff6332!important; border-color: #f25625!important;}
46.btn-secondary {background-color: #495057!important; border-color: #3d444b!important;}
47.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-secondary.dropdown-toggle  {background-color: #30373e!important; border-color: #2b3239!important;}
48.btn-secondary.disabled, .btn-secondary:disabled {background-color: #626970!important; border-color: #555c63!important;}
49
50.btn-outline.btn-primary:active, .btn-outline.btn-primary.active, .btn-outline.btn-primary.focus, .btn-outline.btn-primary:focus, .show > .btn-outline.btn-primary.dropdown-toggle {background-color: #E64A19 !important; border-color: #E64A19 !important;}
51.btn-outline.btn-secondary:active, .btn-outline.btn-secondary.active, .btn-outline.btn-secondary.focus, .btn-outline.btn-secondary:focus, .show > .btn-outline.btn-secondary.dropdown-toggle {background-color: #495057 !important; border-color: #495057 !important;}
52
53.btn-outline.btn-primary {color: #E64A19!important; border-color: #E64A19!important; background-color: transparent!important; background-image: none!important;}
54.btn-outline.btn-primary:hover, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus {background-color: #E64A19!important; border-color: #E64A19!important; color: white!important;}
55.btn-outline.btn-secondary {color: #495057!important; border-color: #495057!important; background-color: transparent!important; background-image: none!important;}
56.btn-outline.btn-secondary:hover, .btn-outline.btn-secondary:active, .btn-outline.btn-secondary:focus {background-color: #495057!important; border-color: #495057!important; color: white!important;}
57
58.btn-primary.btn-flat {background: transparent!important; color: #E64A19!important;}
59.btn-secondary.btn-flat {background: transparent!important; color: #495057!important;}
60
61/* navbar */
62.light.sf-left-catalog ul li a span.submenu-indicator:hover {background-color: #E64A19!important}
63@media (min-width: 768px) {
64
65	.sf-nav section.center-section > ul > li.active > a.underline span.item-hover,
66	.sf-nav section.center-section > ul > li:hover > a.underline span.item-hover,
67	.sf-nav section.center-section > ul > li.focus > a.underline span.item-hover {
68		border-bottom-color: #E64A19!important;
69	}
70
71	.sf-nav section.center-section > ul > li.active > a.fill,
72	.sf-nav section.center-section > ul > li:hover > a.fill,
73	.sf-nav section.center-section > ul > li.focus > a.fill {
74		background: #E64A19!important;
75	}
76}
77
78@media (min-width: 768px) {
79	.center-section li.item-mega:hover > a > span.item-hover,
80	.center-section li.item-mega.hover > a > span.item-hover,
81	.center-section li.item-mega.focus > a > span.item-hover {
82		border-bottom-color: #E64A19!important;
83	}
84}
85
86/* tabs */
87.sf-tabs-topline nav li.sf-tab-current {border-top-color: #E64A19!important;}
88.sf-tabs-topline nav li.sf-tab-current a {box-shadow: inset 0 3px 0 #E64A19!important;}
89.sf-tabs-topline nav a:hover {color: #E64A19!important;}
90
91/*title*/
92.sf-title-underline-center .sf-title:after,
93.sf-title-underline-center.sf-title:after,
94.sf-title-underline-center-double .sf-title:before,
95.sf-title-underline-center-double.sf-title:before,
96.sf-title-underline-center-double .sf-title:after,
97.sf-title-underline-center-double.sf-title:after,
98.sf-title-underline-left .sf-title:after,
99.sf-title-underline-left.sf-title:after
100	{background: #E64A19!important}
101
102.sf-nav-full-screen .sf-nav-full-screen-content .sf-nav-full-screen-lists ul li a span.submenu-indicator:hover
103	{background: #E64A19!important;}
104
105.settings-panel .sf-tab-nav li.active {background-color: #E64A19;}
106
107/* form */
108.form-control:focus {box-shadow: 0 0 0 2px #E64A19!important;}
109</style>
110
111<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
112<style type="text/css">.bx-composite-btn {background: url(/bitrix/images/main/composite/sprite-1x.png) no-repeat right 0 #e94524;border-radius: 15px;color: #fff !important;display: inline-block;line-height: 30px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-size: 12px !important;font-weight: bold !important;height: 31px !important;padding: 0 42px 0 17px !important;vertical-align: middle !important;text-decoration: none !important;}@media screen   and (min-device-width: 1200px)   and (max-device-width: 1600px)   and (-webkit-min-device-pixel-ratio: 2)  and (min-resolution: 192dpi) {.bx-composite-btn {background-image: url(/bitrix/images/main/composite/sprite-2x.png);background-size: 42px 124px;}}.bx-composite-btn-fixed {position: absolute;top: -45px;right: 15px;z-index: 10;}.bx-btn-white {background-position: right 0;color: #fff !important;}.bx-btn-black {background-position: right -31px;color: #000 !important;}.bx-btn-red {background-position: right -62px;color: #555 !important;}.bx-btn-grey {background-position: right -93px;color: #657b89 !important;}.bx-btn-border {border: 1px solid #d4d4d4;height: 29px !important;line-height: 29px !important;}.bx-composite-loading {display: block;width: 40px;height: 40px;background: url(/bitrix/images/main/composite/loading.gif);}</style>
113<script data-skip-moving="true">(function(w, d) {var v = w.frameCacheVars = {"CACHE_MODE":"HTMLCACHE","banner":{"url":"https:\/\/www.1c-bitrix.ru\/composite\/","text":"Быстро с 1С-Битрикс","bgcolor":"#E94524","style":"white"},"storageBlocks":[],"dynamicBlocks":{"tULhhN":"d41d8cd98f00","kgs83W":"4c59ba150c70"},"AUTO_UPDATE":true,"AUTO_UPDATE_TTL":120,"version":2};var inv = false;if (v.AUTO_UPDATE === false){if (v.AUTO_UPDATE_TTL && v.AUTO_UPDATE_TTL > 0){var lm = Date.parse(d.lastModified);if (!isNaN(lm)){var td = new Date().getTime();if ((lm + v.AUTO_UPDATE_TTL * 1000) >= td){w.frameRequestStart = false;w.preventAutoUpdate = true;return;}inv = true;}}else{w.frameRequestStart = false;w.preventAutoUpdate = true;return;}}var r = w.XMLHttpRequest ? new XMLHttpRequest() : (w.ActiveXObject ? new w.ActiveXObject("Microsoft.XMLHTTP") : null);if (!r) { return; }w.frameRequestStart = true;var m = v.CACHE_MODE; var l = w.location; var x = new Date().getTime();var q = "?bxrand=" + x + (l.search.length > 0 ? "&" + l.search.substring(1) : "");var u = l.protocol + "//" + l.host + l.pathname + q;r.open("GET", u, true);r.setRequestHeader("BX-ACTION-TYPE", "get_dynamic");r.setRequestHeader("X-Bitrix-Composite", "get_dynamic");r.setRequestHeader("BX-CACHE-MODE", m);r.setRequestHeader("BX-CACHE-BLOCKS", v.dynamicBlocks ? JSON.stringify(v.dynamicBlocks) : "");if (inv){r.setRequestHeader("BX-INVALIDATE-CACHE", "Y");}try { r.setRequestHeader("BX-REF", d.referrer || "");} catch(e) {}if (m === "APPCACHE"){r.setRequestHeader("BX-APPCACHE-PARAMS", JSON.stringify(v.PARAMS));r.setRequestHeader("BX-APPCACHE-URL", v.PAGE_URL ? v.PAGE_URL : "");}r.onreadystatechange = function() {if (r.readyState != 4) { return; }var a = r.getResponseHeader("BX-RAND");var b = w.BX && w.BX.frameCache ? w.BX.frameCache : false;if (a != x || !((r.status >= 200 && r.status < 300) || r.status === 304 || r.status === 1223 || r.status === 0)){var f = {error:true, reason:a!=x?"bad_rand":"bad_status", url:u, xhr:r, status:r.status};if (w.BX && w.BX.ready && b){BX.ready(function() {setTimeout(function(){BX.onCustomEvent("onFrameDataRequestFail", [f]);}, 0);});}w.frameRequestFail = f;return;}if (b){b.onFrameDataReceived(r.responseText);if (!w.frameUpdateInvoked){b.update(false);}w.frameUpdateInvoked = true;}else{w.frameDataString = r.responseText;}};r.send();var p = w.performance;if (p && p.addEventListener && p.getEntries && p.setResourceTimingBufferSize){var e = 'resourcetimingbufferfull';var h = function() {if (w.BX && w.BX.frameCache && w.BX.frameCache.frameDataInserted){p.removeEventListener(e, h);}else {p.setResourceTimingBufferSize(p.getEntries().length + 50);}};p.addEventListener(e, h);}})(window, document);</script>
113
114
115
116<link href="/bitrix/cache/css/s2/simai.sf4biblio/template_6bd6076cdace74753b8adff6438a02ac/template_6bd6076cdace74753b8adff6438a02ac_v1.css?1790873943994307" type="text/css" rel="stylesheet" data-template-style="true"/>
117<script>if(!window.BX)window.BX={};if(!window.BX.message)window.BX.message=function(mess){if(typeof mess==='object'){for(let i in mess) {BX.message[i]=mess[i];} return true;}};</script>
vendor: 1 bytes, line 117
117
118<script>(window.BX||top.BX).message({"MAIN_BASELINE_BROWSER_OUTDATED":"Вы используете устаревшую версию браузера. Обновите его для безопасной и стабильной работы","MAIN_BASELINE_DETAILS":"Подробнее","MAIN_BASELINE_CLOSE":"Закрыть"});</script>
118
119
120<script type="extension/settings" data-extension="main.baseline">{"collectData":false,"helpUrl":"https:\/\/helpdesk.bitrix24.ru\/open\/code_27229654\/","helpCode":"redirect=detail\u0026code=27229654"}</script>
vendor: 1 bytes, line 120
120
121<script src="/bitrix/js/main/baseline/dist/baseline.bundle.min.js?17881719564439"></script>
121
122
123<script>(window.BX||top.BX).message({"JS_CORE_LOADING":"Загрузка...","JS_CORE_NO_DATA":"- Нет данных -","JS_CORE_WINDOW_CLOSE":"Закрыть","JS_CORE_WINDOW_EXPAND":"Развернуть","JS_CORE_WINDOW_NARROW":"Свернуть в окно","JS_CORE_WINDOW_SAVE":"Сохранить","JS_CORE_WINDOW_CANCEL":"Отменить","JS_CORE_WINDOW_CONTINUE":"Продолжить","JS_CORE_H":"ч","JS_CORE_M":"м","JS_CORE_S":"с","JSADM_AI_HIDE_EXTRA":"Скрыть лишние","JSADM_AI_ALL_NOTIF":"Показать все","JSADM_AUTH_REQ":"Требуется авторизация!","JS_CORE_WINDOW_AUTH":"Войти","JS_CORE_IMAGE_FULL":"Полный размер"});</script>
123
124
125<script src="/bitrix/js/main/core/core.min.js?1788171956181629"></script>
125
126
127<script>BX.Runtime.registerExtension({"name":"main.core","namespace":"BX","loaded":true});</script>
vendor: 1 bytes, line 127
127
128<script>BX.setJSList(["\/bitrix\/js\/main\/core\/core_ajax.js","\/bitrix\/js\/main\/core\/core_promise.js","\/bitrix\/js\/main\/polyfill\/promise\/js\/promise.js","\/bitrix\/js\/main\/loadext\/loadext.js","\/bitrix\/js\/main\/loadext\/extension.js","\/bitrix\/js\/main\/polyfill\/promise\/js\/promise.js","\/bitrix\/js\/main\/polyfill\/find\/js\/find.js","\/bitrix\/js\/main\/polyfill\/includes\/js\/includes.js","\/bitrix\/js\/main\/polyfill\/matches\/js\/matches.js","\/bitrix\/js\/ui\/polyfill\/closest\/js\/closest.js","\/bitrix\/js\/main\/polyfill\/fill\/main.polyfill.fill.js","\/bitrix\/js\/main\/polyfill\/find\/js\/find.js","\/bitrix\/js\/main\/polyfill\/matches\/js\/matches.js","\/bitrix\/js\/main\/polyfill\/core\/dist\/polyfill.bundle.js","\/bitrix\/js\/main\/core\/core.js","\/bitrix\/js\/main\/polyfill\/intersectionobserver\/js\/intersectionobserver.js","\/bitrix\/js\/main\/lazyload\/dist\/lazyload.bundle.js","\/bitrix\/js\/main\/polyfill\/core\/dist\/polyfill.bundle.js","\/bitrix\/js\/main\/parambag\/dist\/parambag.bundle.js"]);
129</script>
vendor: 1 bytes, line 129
129
130<script>BX.Runtime.registerExtension({"name":"ui.dexie","namespace":"BX.DexieExport","loaded":true});</script>
vendor: 1 bytes, line 130
130
131<script>BX.Runtime.registerExtension({"name":"fc","namespace":"window","loaded":true});</script>
vendor: 1 bytes, line 131
131
132<script>(window.BX||top.BX).message({"LANGUAGE_ID":"ru","FORMAT_DATE":"DD.MM.YYYY","FORMAT_DATETIME":"DD.MM.YYYY HH:MI:SS","COOKIE_PREFIX":"BITRIX_SM","SERVER_TZ_OFFSET":"10800","UTF_MODE":"Y","SITE_ID":"s2","SITE_DIR":"\/"});</script>
132
133
134
135<script src="/bitrix/js/ui/dexie/dist/dexie.bundle.min.js?1788171958102530"></script>
vendor: 1 bytes, line 135
135
136<script src="/bitrix/js/main/core/core_frame_cache.min.js?178817195610246"></script>
vendor: 1 bytes, line 136
136
137<script>BX.setJSList(["\/simai\/asset\/lazysizes\/lazysizes-5.1.0\/lazysizes.min.js","\/simai\/asset\/lazysizes\/lazysizes-5.1.0\/plugins\/respimg\/ls.respimg.min.js","\/simai\/asset\/lazysizes\/lazysizes-5.1.0\/plugins\/unveilhooks\/ls.unveilhooks.min.js","\/simai\/asset\/jquery\/jquery-3.3.1\/jquery.min.js","\/simai\/asset\/popper\/popper-1.14.5\/js\/popper.min.js","\/simai\/asset\/simai.framework\/sf4.master\/core\/js\/sf-full.min.js","\/simai\/asset\/simai.framework\/sf4.master\/plugin\/navigation\/js\/sf-nav.min.js","\/simai\/asset\/fancybox\/fancybox.master\/js\/jquery.fancybox.min.js","\/simai\/asset\/swiper\/swiper-4.4.2\/js\/swiper.min.js","\/simai\/asset\/wow\/wow-1.1.3\/wow.min.js","\/bitrix\/components\/bitrix\/search.title\/script.js","\/bitrix\/templates\/simai.sf4biblio\/components\/bitrix\/search.title\/nav.search\/script.js","\/simai\/asset\/social-likes\/social-likes-3.1.2\/social-likes.min.js","\/bitrix\/components\/simai\/feedback.error\/templates\/.default\/script.js"]);</script>
vendor: 1 bytes, line 137
137
138<script>BX.setCSSList(["\/simai\/asset\/simai.framework\/sf4.master\/core\/css\/sf-full.min.css","\/simai\/asset\/simai.framework\/sf4.master\/plugin\/navigation\/css\/sf-nav.min.css","\/simai\/asset\/simai.framework\/sf4.master\/plugin\/md-color\/css\/md-color.min.css","\/simai\/asset\/simai.bx-panel\/bx-panel-1.0.0\/bx-panel.css","\/simai\/asset\/font-awesome\/sf-icon-5.26\/css\/all.min.css","\/simai\/asset\/fancybox\/fancybox.master\/css\/jquery.fancybox.min.css","\/simai\/asset\/swiper\/swiper-4.4.2\/css\/swiper.min.css","\/simai\/asset\/animate\/animate-3.7.2\/css\/animate.min.css","\/bitrix\/components\/simai\/sf.banner.main\/templates\/.default\/style.css","\/bitrix\/components\/simai\/sf.swiper.nav\/templates\/sf-swiper-nav-circle-in\/style.css","\/bitrix\/components\/simai\/sf.share\/templates\/.default\/style.css","\/bitrix\/components\/simai\/feedback.error\/templates\/.default\/style.css","\/bitrix\/templates\/simai.sf4biblio\/styles.css","\/bitrix\/templates\/simai.sf4biblio\/template_styles.css"]);</script>
138
139<meta name="author" content="SIMAI Studio — http://simai.studio" />
140<meta name="copyright" content="© SIMAI Ltd." />
141<meta name="author" content="Rim Zabarov" />
142<meta name="copyright" content="© 2019 Rim Zabarov" />
143<meta name="distributor" content="SIMAI Studio - https://simai.studio" />
144<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">
145<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400,600&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">
146<script type="text/javascript">BX.message({'SF_SPECIAL__SPECIAL_WHITE':'Белая','SF_SPECIAL__SPECIAL_BLACK':'Черная','SF_SPECIAL__SPECIAL_YELLOW':'Желтая','SF_SPECIAL__SPECIAL_BLUE':'Голубая','SF_SPECIAL__SPECIAL_GREEN':'Зеленая','SF_SPECIAL__SPECIAL_KEGL':' пунктов','SF_SPECIAL__KEGL_16':'16 пунктов','SF_SPECIAL__KERNING_NORMAL':'Нормальный','SF_SPECIAL__KERNING_MIDDLE':'Средний','SF_SPECIAL__KERNING_BIG':'Большой','SF_SPECIAL__IMG_OFF':'Выключены','SF_SPECIAL__IMG_ON_BLACK':'Чёрно-белые','SF_SPECIAL__IMG_ON_COLOR':'Цветные','SF_SPECIAL__INTERVAL_1_0':'Одинарный','SF_SPECIAL__INTERVAL_1_5':'Полуторный','SF_SPECIAL__INTERVAL_2_0':'Двойной','SF_SPECIAL__FONT_DEFAULT':'Стандартный','SF_SPECIAL__FONT_SANS':'Без засечек','SF_SPECIAL__FONT_SERIF':'С засечками','SF_SPECIAL__FONT_MONO':'Моноширинной','SF_SPECIAL__SOUND_ON':'Включен','SF_SPECIAL__SOUND_OFF':'Выключен','SF_SPECIAL__BTN_SANS_ARIAL':'Шрифт Arial(без засечек)','SF_SPECIAL__BTN_SANS':'Без засечек','SF_SPECIAL__BTN_SERIF_TIMES':'Шрифт Times(c засечками)','SF_SPECIAL__BTN_SERIF':'С засечками','SF_SPECIAL__BTN_MONO_COURIER':'Шрифт Courier New','SF_SPECIAL__BTN_MONO':'Моноширинной','SF_SPECIAL__BTN_MORE':'Уменьшить шрифт','SF_SPECIAL__BTN_LESS':'Увеличить шрифт','SF_SPECIAL__BTN_NORMAL':'Нормальный','SF_SPECIAL__BTN_MIDDLE':'Средний','SF_SPECIAL__BTN_BIG':'Большой','SF_SPECIAL__INTERVAL':'Интервал','SF_SPECIAL__BTN_ONE':'Одинарный','SF_SPECIAL__BTN_HALF':'Полуторный','SF_SPECIAL__BTN_TWO':'Двойной','SF_SPECIAL__COLOR':'Цвет','SF_SPECIAL__SCHEMA':' схема','SF_SPECIAL__BTN_WHITE':'Белая схема','SF_SPECIAL__BTN_BLACK':'Черная схема','SF_SPECIAL__BTN_YELLOW':'Желтая схема','SF_SPECIAL__BTN_BLUE':'Голубая схема','SF_SPECIAL__BTN_GREEN':'Зеленая схема','SF_SPECIAL__IMG':'Изображения','SF_SPECIAL__IMG_BTN_OFF':'Выключить изображения','SF_SPECIAL__IMG_BTN_BW':'Черно-белые изображения','SF_SPECIAL__IMG_BTN_COLOR':'Цветные изображения','SF_SPECIAL__PANEL':'Панель','SF_SPECIAL__BTN_OFF':'Выключить версию для слабовидящих','SF_SPECIAL__BTN_DEFAULT':'Сбросить настройки','SF_SPECIAL__BTN_UP':'Свернуть панель','SF_SPECIAL__KERNING':'Кернинг','SF_SPECIAL__KEGL':'Размер шрифта','SF_SPECIAL__FONT':'Шрифт','SF_SPECIAL__BTN_OFF_TEXT':'Выкл','SF_SPECIAL__BTN_BW_TEXT':'Ч/Б','SF_SPECIAL__IMG_BTN_COLOR_TEXT':'Цвет'})</script>
146
147<meta property="og:url" content="https://klimovo-tsdb.ru/about/" />
148<meta property="og:type" content="website" />
149<meta property="og:title" content="Визитная карточка библиотеки" />
150<meta property="og:description" content="Детский отдел Климовской межпоселенческой центральной библиотеки" />
151<meta property="og:image" content="https://klimovo-tsdb.ru/simai.data/image/default/share.png" />
152<meta name="twitter:card" content="summary" />
153<meta name="twitter:site" content="https://klimovo-tsdb.ru/about/" />
154<meta name="twitter:title" content="Визитная карточка библиотеки" />
155<meta name="twitter:description" content="Детский отдел Климовской межпоселенческой центральной библиотеки" />
156<meta name="twitter:image" content="https://klimovo-tsdb.ru/simai.data/image/default/share.png" />
157
158
159
160<script  src="/bitrix/cache/js/s2/simai.sf4biblio/template_c654bddeb4bb05fc44b931142d0b744d/template_c654bddeb4bb05fc44b931142d0b744d_v1.js?1790873943494992"></script>
160
161
162		<title> Визитная карточка библиотеки</title>
163					<link rel="shortcut icon" href="/simai.data/image/favicon/web-app-manifest-192x192.png" type="image/x-icon">
164				<link rel="manifest" href="/ru/vote-search/manifest.json">
165	</head>
166
167	<body 
168		class = 
169		"
170			lazyload 
171			sf-pagewrap-area-layout-narrow 
172			sf-pagewrap-area-container-fixed 
173			container-size-1200 
174			roboto 
175			theme-light 
176			 
177		"
178		style = 
179		"
180			background-color: #A0BD3E;
181			background-repeat: repeat-y;
182			background-position-x: center;
183			background-position-y: ;
184			background-size: ;
185			font-size: 16px;
186							background-attachment: fixed; 
187					"
188					data-bg="/simai.data/image/body/page_bg_light.png" 
189			>
190				
191		<section class="sf-service-top-area d-print-none">
192					</section>
193
194		<section 
195			class = 
196				"
197					sf-pagewrap-area 
198					overflow-hidden d-flex flex-col justify-content-start				"
199			style = "background-color: #FAFAFA"
200		>
201		
202							
203								<header 
204					class = 
205					"
206						header-area d-print-none 
207						theme-inherit 
208						bg-theme-0 mb-4					"
209					style = 
210					"
211						background-color: ;
212				       						background-repeat: ;
213						background-position-x: ;
214						background-position-y: ;
215						background-size: ;
216					"
217				>
218					 
219<div style="position:relative">
220  <section class="sf-grid-area  ">
221
222										<div class="container-wrap bg-theme-1 bb-1 b-theme-3 " style="">
223										
224					<div class="container ">
225						<div class="row ">
226																								<div class=" col-12 ">
227									  										 																																																<div class=" ">
228																												
229
230
231<style>
232   .overflow-hidden {
233        overflow: hidden!important;
234    }
235    .text-t-u {
236        text-transform: uppercase;
237    }
238	
239	
240.sf-left-catalog > ul > li > .catalog-submenu > .submenu a span.submenu-indicator{
241    height: 1.5rem;
242    width: 1.5rem;
243    top: 7px;
244}
245
246.sf-nav-fixed .container-wrap .nav-container .sf-nav section.right-section .nav-search form .inner-search {
247    z-index: 99;
248}
249
250@media (max-width: 768px) {
251	
252	.mobile-level{
253		flex-direction: column !important;
254	}
255	.item-text{
256		white-space: normal !important;
257	}
258}
259
260</style>
261
262            <style>
263                            .sf-nav-fixedMDzWJ4 {background: transparent!important;}
264                                        .child-color-submenu-MDzWJ4 {background:white;}
265                                        @media (max-width: 768px) {
266                    .mobile-viewMDzWJ4 {background: #2C3944!important;}
267                }
268                                    
269            
270
271                             
272                .nav-fixed-MDzWJ4 {background: rgba(255, 255, 255, 1)!important;}
273                
274                                    .nav-fixed-MDzWJ4 .fixed-submenu-colorMDzWJ4 {background: white!important;}
275                            
276
277        </style>
278	            <div class="navigation-container sf-nav-fixedMDzWJ4 no-fixed sf-nav-fixed 
279                                        fixed-theme-light             
280            vertical-submenu"
281            id="sf-fixed-id-MDzWJ4">      
282             <div class="container-wrap">
283            <div class="w-100 nav-container">
284    
285             <nav data-nav id="sf-nav-MDzWJ4"
286            class="sf-nav w-100 m-0 p-0 d-flex align-items-streach justify-content-between flex-row flex-wrap">
287                <section class="left-section d-flex align-items-streach justify-content-between flex-row flex-wrap">
288                                                        <!--<a class="nav-logo" href="/">
289                <img src="image/list.jpg"
290                    class="hidden-md-down d-inline mr-2 w-75">
291            </a>-->
292        </section>
293                                <section style="justify-content:flex-start!important;" class="center-section align-items-streach mobile-level sf-scroll 
294            justify-content-start                            mobile-theme-dark mobile-viewMDzWJ4                        ">
295				            <button class="mobile-close sf-close" style="display:none"></button>
296            <h3 class="mobile-header m-0" style="display: none">
297                Меню            </h3>
298                   <ul class="nav-items d-inline-flex align-items-streach justify-content-start p-0 m-0">
299                                
300                                                                                                                            	
301                                    <li class="nav-item ">
302                                        <a class="p-2 t--1 allotment                                             item-link                                                                                        "
303                                            href="/resource/">
304                                                                                                                                        <sp
304an class="item-text">
305                                                    Полезные ссылки                                                </span>
306                                                                                        <span class="item-hover" style="display:none"></span>
307                                        </a>
308                                    </li>
309                                                                                                                                                                                        
310                                                                                                                            	
311                                    <li class="nav-item ">
312                                        <a class="p-2 t--1 allotment                                             item-link                                                                                        "
313                                            href="/noko/">
314                                                                                                                                        <span class="item-text">
315                                                    Независимая оценка качества                                                </span>
316                                                                                        <span class="item-hover" style="display:none"></span>
317                                        </a>
318                                    </li>
319                                                                                                                                                                                        
320                                                                                                                            	
321                                    <li class="nav-item ">
322                                        <a class="p-2 t--1 allotment                                             item-link                                                                                        "
323                                            href="/e-book-library/">
324                                                                                                                                        <span class="item-text">
325                                                    Электронные книги                                                </span>
326                                                                                        <span class="item-hover" style="display:none"></span>
327                                        </a>
328                                    </li>
329                                                                                                                                                                    
330                            </ul>
331                 </section>
332                                    <section class="right-section d-inline-flex align-items-streach justify-content-end flex-row flex-wrap">
333                                                                     
334                                                                                                    <button class="btn-mobile b-0 p-2 t--1"> 
335                            <i class="far fa-bars fa-lg" aria-hidden="true"></i>
336                        </button>
337                                       
338                         
339                                        				            </section>
340                </nav>
341                        </div>
342        </div>
343    
344     </div>  
345
346
347
348
349
350
351<script>
352    window.addEventListener("DOMContentLoaded", function() {
353        $('#sf-nav-MDzWJ4').sfNavMulti({
354                                        searchContainer: false,
355                horizontalSubmenu: false,
356                                        transferHeadingItem: false,
357            //===================== ФИКСИРОВАННОЕ =====================//
358                                    fixedFlag: false,
359                //===================== ПОЛНОЭКРАННОЕ =====================//
360                                    fullScreenFlag: false,
361                //===================== ТРАНСФОРМ =====================//
362                                    transformFlag: true,
363                    transformPaddingOne: 'p-2 t--1',
364                    transformPaddingLower: ' t--1',
365                    transformEffectHover: 'allotment',
366                                            transformTheme: 'theme-light child-color-submenu-MDzWJ4                                                                                                                                    fixed-theme-light-submenu fixed-submenu-colorMDzWJ4                                                                                    ', 
367                                    //===================== МОБИЛЬНОЕ =====================//
368                                    mobileFlag: true,
369                                    });
370
371    });
372</script>
372
373
374													</div>
375																																										 									</div>
376																					</div>
377					</div>
378					
379										
380				</div>
381												<div class="container-wrap py-4 " style="">
382										
383					<div class="container ">
384						<div class="row ">
385																								<div class=" col-12 col-lg-5 mb-3 mb-lg-0">
386									  										 <div class="d-flex align-items-center ">																																																<div class="mr-3 safari-logo-width ">
387																												
388	<a href="/">
389		<img src="/simai.data/image/logo/tsdb_logo_dark.png"  class="" style="max-height:4rem"/>
390	</a>
391													</div>
392																																																												<div class="t-solid ">
393																												
394
395	<a href="/" class="l-inherit l-underline-none m-0 c-text-primary t-title l-hover-underline-none">
396		<span class="t-0   ">
397			«Климовская детская библиотека»<br> Детский отдел МБУК КМЦБ		</span>
398	</a>
399													</div>
400																																	</div>									 									</div>
401																	<div class=" col-12 col-lg-4 t--1 d-flex align-items-center mb-3 mb-lg-0">
402									  										 <div class="">																																																<div class=" ">
403																												
404<i class="far fa-fw fa-map-marker-alt mr-2 c-primary" aria-hidden="true"></i>
405<span class="c-text-primary">
406	рп Климово, пл. Ленина 2, 2-й этаж</span>													</div>
407																																																												<div class=" ">
408																												
409	<i class="far fa-fw fa-phone mr-2 c-primary" aria-hidden="true"></i>
410		  		<span style="white-space:nowrap">
411			<a class="c-text-primary sf-link sf-link-theme sf-link-dashed"  href="tel:+7 (483) 473-0027">+7 (483) 473-0027</a>		</span>
412				
413													</div>
414																																																												<div class=" ">
415																												
416<i class="far fa-fw fa-envelope mr-2 c-primary " aria-hidden="true"></i>
417<a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="mailto:[email protected]">
418	[email protected]</a>													</div>
419																																	</div>									 									</div>
420																	<div class=" col-12 col-lg-3 t--1 d-flex align-items-center">
421									  										 <div class="">																																																<div class="mb-2 ">
422																												
423<div  itemprop="copy" class=" position-relative d-inline-block">
424    <i class="far fa-fw fa-eye mr-2 c-primary" aria-hidden="true"></i>
425	<a class="c-text-primary sf-link sf-link-theme sf-link-dashed">
426	 Версия для слабовидящих	</a>
427		   <a href="#"  sf-special id ="special-link" style="position: absolute;width: 100%;height: 100%;top: 0px;left: 0px; background:none!important;"></a>
428	   	</div>
429													</div>
430																																																												<div class=" ">
431																												
432<span class="t--1 pt-1 pb-1 pl-2 pr-2 bg-red c-white r-1">
433	0+</span class="">													</div>
434																																	</div>									 									</div>
435																					</div>
436					</div>
437					
438										
439				</div>
440												<div class="container-wrap  " style="">
441										
442					<div class="">
443						<div class="row ">
444																								<div class=" col-12 ">
445									  										 																																																<div class=" ">
446																												
447
448
449
450
451
452
453<section class="swiper-container d-none d-sm-block" id="slider-FfYdzeGk">
454	<div class="swiper-wrapper" style="height: 281px">
455						<div 
456				id="bx_230391042_1659" 
457				class="swiper-slide sf-viewbox-wrap position-relative" 
458				style="height: 281px;"
459			>
460				<!-- image banner -->	
461									<!-- banner background color -->
462											<div class="sf-viewbox" style="background-color: #607D8B"></div>
463										
464					<!-- banner background image -->
465											<div class="sf-viewbox swiper-lazy" data-background="/upload/iblock/265/0dm4zyzxyf267k04mzs28ipy22vf73mi.jpg" style="background-size: cover; background-position: top center">
466							<div class="swiper-lazy-preloader sf-swiper-nav-circle-in">
467								<div class="sf-progress">
468									<div class="sf-progress-animation"></div>
469								</div>
470							</div>
471						</div>
472										
473					<!-- banner background video -->			
474										
475					<!-- banner color mask -->	
476										
477					<!-- banner pattern mask -->	
478							
479					
480					<!-- banner data -->	
481					<div class="sf-viewbox theme-light bg-transparent">
482						<div class="container h-100">
483							<div class="d-flex justify-content-between align-items-stretch sf-banner-main-wrap ">
484								
485
486															</div>
487						</div>
488					</div>
489					
490					<!-- fullbanner link -->	
491									
492								
493					
494				
495			</div>
496		</div>
497	
498	<!-- navigation -->	
499	<div class="sf-swiper-button sf-swiper-button-next sf-swiper-nav-circle-in" style="display:none"></div>
500	<div class="sf-swiper-button sf-swiper-button-prev sf-swiper-nav-circle-in" style="display:none"></div>
501	<div class="sf-swiper-pagination sf-swiper-nav-circle-in" style="display:none"></div>
502
503	</section>
504
505<script>
506// animation function
507function animationIn(animationId, msDelay, nameAnimation) {
508	animationId.css('animation-delay', msDelay/1000 + 's');
509	//console.log(nameAnimation);
510	animationId.addClass(nameAnimation + ' animated').on('animationend webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationEnd',
511	function() {
512		$(this).removeClass(nameAnimation + ' animated');
513	});
514}
515$titleS = $(document.querySelector('.title-animation'));
516$descriptionS = $(document.querySelector('.description-animation'));
517$imageS = $(document.querySelector('.image-animation'));
518$buttonS = $(document.querySelector('.button-animation'));
519
520// start animation on load slider
521	animationIn($titleS, '250', 'fadeInUp');
522	animationIn($descriptionS , '500', 'fadeInUp');
523	animationIn($imageS, '750', 'fadeInUp');
524	animationIn($buttonS, '1000', 'fadeInUp');
525	
526
527var arTitle = [],
528	arDesc = [],
529	arImage = [],
530	arButton = [];
531
532		var ar = ['250', 'fadeInUp'];
533		arTitle.push(ar);
534		var ar = ['500', 'fadeInUp'];
535		arDesc.push(ar);
536		var ar = ['750', 'fadeInUp'];
537		arImage.push(ar);
538		var ar = ['1000', 'fadeInUp'];
539		arButton.push(ar);
540	
541$(document).ready(function (){
542	var Aswiper = new Swiper({
543		el: '#slider-FfYdzeGk',
544		pagination: {
545			el: '.sf-swiper-pagination',
546		},
547		initialSlide: 0,
548		on : {
549			slideChangeTransitionStart : function() {
550				$title = $(this.slides[this.activeIndex]).find('.title-animation');
551				$description = $(this.slides[this.activeIndex]).find('.description-animation');
552				$image = $(this.slides[this.activeIndex]).find('.image-animation');
553				$button = $(this.slides[this.activeIndex]).find('.button-animation');
554
555															$title.css("opacity", "0");
556																$description.css("opacity", "0");
557																$image.css("opacity", "0");
558																$button.css("opacity", "0");
559									
560			},
561			slideChangeTransitionEnd : function() {
562				$title = $(this.slides[this.activeIndex]).find('.title-animation');
563				$description = $(this.slides[this.activeIndex]).find('.description-animation');
564				$image = $(this.slides[this.activeIndex]).find('.image-animation');
565				$button = $(this.slides[this.activeIndex]).find('.button-animation');
566					if(typeof(arTitle[this.realIndex]) != 'undefined'){
567						if(arTitle[this.realIndex][0] != '') {
568							$title.css("opacity", "1");
569							animationIn($title, arTitle[this.realIndex][0], arTitle[this.realIndex][1]);
570						}
571					}
572					
573				   if(typeof(arDesc[this.realIndex]) != 'undefined'){
574					  if(arDesc[this.realIndex][0] != '') {
575						 $description.css("opacity", "1");
576						 animationIn($description, arDesc[this.realIndex][0], arDesc[this.realIndex][1]);
577					  }
578				   }
579				   
580				   if(typeof(arImage[this.realIndex]) != 'undefined'){
581				  	 if(arImage[this.realIndex][0] != '') {
582						$image.css("opacity", "1");
583					 	animationIn($image, arImage[this.realIndex][0], arImage[this.realIndex][1]);
584					 }
585				   }
586				   
587				   if(typeof(arButton[this.realIndex]) != 'undefined'){
588					   
589					 if(arButton[this.realIndex][0] != '') {
590						$button.css("opacity", "1");
591						animationIn($button, arButton[this.realIndex][0], arButton[this.realIndex][1]);
592					 }
593					 
594				   }
595			},
596		},
597		loop: true,
598		navigation: {
599			nextEl:'.sf-swiper-button-next',
600			prevEl: '.sf-swiper-button-prev',
601		},
602		lazy: true,
603		effect: 'fade',
604		autoHeight: false,
605			});
606
607
608	var flag = false,
609		flag2 = false;
610
611	setInterval(function() {
612
613		var element = Aswiper.slides[Aswiper.activeIndex];
614		var container = document.getElementById(Aswiper.el.id);
615		
616		if(typeof element == "undefined"){
617			var dark = null;
618			var light = null;
619		}else{
620		    var dark = element.querySelector('.theme-dark');
621		    var light = element.querySelector('.theme-light');
622		}
623
624		if(dark != null) {
625			if(dark.classList.contains('theme-dark') && !container.classList.contains('theme-dark'))
626				container.classList.add('theme-dark');
627			else if(!dark.classList.contains('theme-dark') && container.classList.contains('theme-dark'))
628				container.classList.remove('theme-dark');
629		} else if(container.classList.contains('theme-dark')) {
630			container.classList.remove('theme-dark');
631		}
632			
633		if(light != null) {
634			if(light.classList.contains('theme-light') && !container.classList.contains('theme-light'))
635				container.classList.toggle('theme-light');
636			else if(!light.classList.contains('theme-light') && container.classList.contains('theme-light'))
637				// Удаляем
638				container.classList.remove('theme-light');
639		}  else if(container.classList.contains('theme-light')) {
640			container.classList.remove('theme-light');
641		}
642
643	}, 100);
644});
645</script>
645
646													</div>
647																																										 									</div>
648																					</div>
649					</div>
650					
651										
652				</div>
653												<div class="container-wrap  " style="">
654										
655					<div class="">
656						<div class="row ">
657																								<div class=" col-12 ">
658									  										 																																																<div class=" ">
659																												
660
661
662<style>
663   .overflow-hidden {
664        overflow: hidden!important;
665    }
666    .text-t-u {
667        text-transform: uppercase;
668    }
669	
670	
671.sf-left-catalog > ul > li > .catalog-submenu > .submenu a span.submenu-indicator{
672    height: 1.5rem;
673    width: 1.5rem;
674    top: 7px;
675}
676
677.sf-nav-fixed .container-wrap .nav-container .sf-nav section.right-section .nav-search form .inner-search {
678    z-index: 99;
679}
680
681@media (max-width: 768px) {
682	
683	.mobile-level{
684		flex-direction: column !important;
685	}
686	.item-text{
687		white-space: normal !important;
688	}
689}
690
691</style>
692
693            <style>
694                            .sf-nav-fixed6q6k5Z {background: #963000!important;}
695                                        .child-color-submenu-6q6k5Z {background:#f8f9fa;}
696                                        @media (max-width: 768px) {
697                    .mobile-view6q6k5Z {background: #2C3944!important;}
698                }
699                                        .full-screen-color-6q6k5Z {background: white!important;}
700                        
701            
702
703                             
704                .nav-fixed-6q6k5Z {background: white!important;}
705                
706                                    .nav-fixed-6q6k5Z .fixed-submenu-color6q6k5Z {background: white!important;}
707                            
708
709        </style>
710	            <div class="navigation-container sf-nav-fixed6q6k5Z no-fixed sf-nav-fixed 
711                            theme-dark 
712                                        fixed-theme-light             
713            vertical-submenu"
714            id="sf-fixed-id-6q6k5Z">      
715             <div class="container-wrap">
716            <div class="w-100 nav-container">
717    
718             <nav data-nav id="sf-nav-6q6k5Z"
719            class="sf-nav w-100 m-0 p-0 d-flex align-items-streach justify-content-between flex-row flex-wrap">
720                <section class="left-section d-flex align-items-streach justify-content-between flex-row flex-wrap">
721                                                        <!--<a class="nav-logo" href="/">
722                <img src="image/list.jpg"
723                    class="hidden-md-down d-inline mr-2 w-75">
724            </a>-->
725        </section>
726                                <section style="justify-content:flex-start!important;" class="center-section align-items-streach mobile-level sf-scroll 
727            justify-content-start                            mobile-theme-dark mobile-view6q6k5Z                        ">
728				            <button class="mobile-close sf-close" style="display:none"></button>
729            <h3 class="mobile-header m-0" style="display: none">
730                Меню            </h3>
731                   <ul class="nav-items d-inline-flex align-items-streach justify-content-start p-0 m-0">
732                                
733                                                                                                                                                        <li class="nav-item  active">
734
735                                    <a class="p-3 t--1 blackout                                         item-link                                                                                 text-t-u" 
736                                        href="/about/">
737                                                                                                                            <span class="item-text">
738                                                О нас                                            </span>
739                                                                                                                            <span class='item-icon submenu-indicator nav-next-level submenu-indicator-minus'> 
740                                                <i class="far fa-angle-down" aria-hidden="true"></i>
741                                            </span>
742                                                                                <sp
742an class="item-hover" style="display:none"></span>
743                                    </a>
744                                    
745                                    <!-- -->
746                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
747                                                                                            theme-light child-color-submenu-6q6k5Z 
748                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color6q6k5Z                                                                                                                                                                                        mobile-theme-dark mobile-view6q6k5Z                                            " style="z-index:100">
749                                            <div class="content-mobile-horizontal" style="display:none">
750                                                <h3 class="mobile-header m-0" style="display:none">
751                                                    О нас                                                </h3>
752                                                <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
753                                                    <span class="back-icon mr-2">
754                                                        <i class="far fa-arrow-left"></i>
755                                                    </span>
756                                                    <span class="back-text">
757                                                        Назад                                                    </span>
758                                                </a>
759                                            </div>
760                                            <ul class="nav-items submenu-items p-0 container w-100">
761                                                <li class="nav-item one-mobile active one-link">
762                                                <a class="p-3 t-0                                                     item-link" 
763                                                        href="/about/">
764                                                        <span class="item-text">
765                                                            О нас                                                        </span>
766                                                    </a>
767                                                                                                                                                                                            
768                                                                                                                                                                <li class="nav-item active">
769                                        <a class="p-3 t-0 item-link" href="/about/">
770                                                                                        <span class="item-text">
771                                                О нас                                            </span>
772                                        </a>
773                                    </li>													
774                                                                                                                                                                                        
775                                                                                                                                                                <li class="nav-item ">
776                                        <a class="p-3 t-0 item-link" href="/about/employee/">
777                                                                                        <span class="item-text">
778                                                Сотрудники                                            </span>
779                                        </a>
780                                    </li>													
781                                                                                                                                                                                        
782                                                                                                                                                                <li class="nav-item ">
783                                        <a class="p-3 t-0 item-link" href="/about/stru
783ct/">
784                                                                                        <span class="item-text">
785                                                Структура организации                                            </span>
786                                        </a>
787                                    </li>													
788                                                                                                                                                                                        
789                                                                                                                                                                <li class="nav-item ">
790                                        <a class="p-3 t-0 item-link" href="/about/award/">
791                                                                                        <span class="item-text">
792                                                Достижения                                            </span>
793                                        </a>
794                                    </li>													
795                                                                                                                                                                                        
796                                                                                                                                                                <li class="nav-item ">
797                                        <a class="p-3 t-0 item-link" href="/about/rules/">
798                                                                                        <span class="item-text">
799                                                Правила поведения                                            </span>
800                                        </a>
801                                    </li>													
802                                                                                                                                                                                        
803                                                                                                                                                                <li class="nav-item ">
804                                        <a class="p-3 t-0 item-link" href="/about/partners/">
805                                                                                        <span class="item-text">
806                                                Партнёры                                            </span>
807                                        </a>
808                                    </li>													
809                                                                                                                                                                                        
810                                                                                                                                                                <li class="nav-item ">
811                                        <a class="p-3 t-0 item-link" href="/about/contact/">
812                                                                                        <span class="item-text">
813                                                Контакты                                            </span>
814                                        </a>
815                                    </li>													
816                                                                                                                                                                                                                                            </ul>
817                                </div>
818                                    </li>
819                    
820                                                                                                                                                        <li class="nav-item  ">
821
822                                    <a class="p-3 t--1 blackout                                         item-link                                                                                 text-t-u" 
823                                        href="/event/">
824                                                                                                                            <sp
824an class="item-text">
825                                                События                                            </span>
826                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
827                                                <i class="far fa-angle-down" aria-hidden="true"></i>
828                                            </span>
829                                                                                <span class="item-hover" style="display:none"></span>
830                                    </a>
831                                    
832                                    <!-- -->
833                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
834                                                                                            theme-light child-color-submenu-6q6k5Z 
835                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color6q6k5Z                                                                                                                                                                                        mobile-theme-dark mobile-view6q6k5Z                                            " style="z-index:100">
836                                            <div class="content-mobile-horizontal" style="display:none">
837                                                <h3 class="mobile-header m-0" style="display:none">
838                                                    События                                                </h3>
839                                                <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
840                                                    <span class="back-icon mr-2">
841                                                        <i class="far fa-arrow-left"></i>
842                                                    </span>
843                                                    <span class="back-text">
844                                                        Назад                                                    </span>
845                                                </a>
846                                            </div>
847                                            <ul class="nav-items submenu-items p-0 container w-100">
848                                                <li class="nav-item one-mobile  one-link">
849                                                <a class="p-3 t-0                                                     item-link" 
850                                                        href="/event/">
851                                                        <span class="item-text">
852                                                            События                                                        </span>
853                                                    </a>
854                                                                                                                                                                                            
855                                                                                                                                                                <li class="nav-item ">
856                                        <a class="p-3 t-0 item-link" href="/event/">
857                                                                                        <span class="item-text">
858                                                Мероприятия                                            </span>
859                                        </a>
860                                    </li>													
861                                                                                                                                                                                        
862                                                                                                                                                                <li class="nav-item ">
863                                        <a class="p-3 t-0 item-link" href="/event/project/">
864                                                                                        <sp
864an class="item-text">
865                                                Проекты и конкурсы                                            </span>
866                                        </a>
867                                    </li>													
868                                                                                                                                                                                                                                            </ul>
869                                </div>
870                                    </li>
871                    
872                                                                                                                                                        <li class="nav-item  ">
873
874                                    <a class="p-3 t--1 blackout                                         item-link                                                                                 text-t-u" 
875                                        href="/nashi-proekty/">
876                                                                                                                            <span class="item-text">
877                                                Наши проекты                                            </span>
878                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
879                                                <i class="far fa-angle-down" aria-hidden="true"></i>
880                                            </span>
881                                                                                <span class="item-hover" style="display:none"></span>
882                                    </a>
883                                    
884                                    <!-- -->
885                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
886                                                                                            theme-light child-color-submenu-6q6k5Z 
887                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color6q6k5Z                                                                                                                                                                                        mobile-theme-dark mobile-view6q6k5Z                                            " style="z-index:100">
888                                            <div class="content-mobile-horizontal" style="display:none">
889                                                <h3 class="mobile-header m-0" style="display:none">
890                                                    Наши проекты                                                </h3>
891                                                <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
892                                                    <span class="back-icon mr-2">
893                                                        <i class="far fa-arrow-left"></i>
894                                                    </span>
895                                                    <span class="back-text">
896                                                        Назад                                                    </span>
897                                                </a>
898                                            </div>
899                                            <ul class="nav-items submenu-items p-0 container w-100">
900                                                <li class="nav-item one-mobile  one-link">
901                                                <a class="p-3 t-0                                                     item-link" 
902                                                        href="/nashi-proekty/">
903                                                        <span class="item-text">
904                                                            Наши проекты                                                        </span>
905                                                    </a>
906                                                                                                                                                                                            
907                                                                                                                                                                <li class="nav-item ">
908                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/zametki/">
909                                                                                        <span class="item-text">
910                                                Заметки                                            </span>
911                                        </a>
912                                    </li>													
913                                                                                                                                                                                        
914                                                                                                                                                            <li class="nav-item ">
915                                    <a class="p-3 t-0                                         item-link" 
916                                        href="/nashi-proekty/kopilka-opyta/">
917
918                                                                                        
919                                            <span class="item-text">
920                                                Копилка опыта                                            </span>
921                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
922                                                    <i class="far fa-angle-down" aria-hidden="true"></i>
923                                                </span>
924                                                                                    </a>
925                                        
926                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
927                                                                                                    theme-light child-color-submenu-6q6k5Z 
928                                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color6q6k5Z                                                                                                                                                                                                        mobile-theme-dark mobile-view6q6k5Z                                                ">
929                                                <div class="content-mobile-horizontal" style="display:none">
930                                                    <h3 class="mobile-header" style="display:none">Копилка опыта</h3>
931                                                    <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
932                                                        <span class="back-icon mr-2">
933                                                            <i class="far fa-arrow-left"></i>
934                                                        </span>
935                                                        <span class="back-text">
936                                                            Назад                                                        </span>
937                                                    </a>
938                                                </div>
939                                                <ul class="nav-items submenu-items p-0 container w-100">
940                                                <li class="nav-item one-mobile ">
941                                                <a class="p-3 t-0                                                     item-link"
942                                                            href="/nashi-proekty/kopilka-opyta/">
943                                                                                                                        <sp
943an class="item-text">
944                                                                Копилка опыта                                                            </span>
945                                                        </a>
946                                                                                                                                                                                                
947                                                                                                                                                                <li class="nav-item ">
948                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/zdorovyy-obraz-zhizni/">
949                                                                                        <span class="item-text">
950                                                Здоровый образ жизни                                            </span>
951                                        </a>
952                                    </li>													
953                                                                                                                                                                                        
954                                                                                                                                                                <li class="nav-item ">
955                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/patrioticheskoe-vospitanie/">
956                                                                                        <span class="item-text">
957                                                Патриотическое воспитание                                            </span>
958                                        </a>
959                                    </li>													
960                                                                                                                                                                                                                                            </ul>
961                                </div>
962                                    </li>
963                    
964                                                                                                                                                            <li class="nav-item ">
965                                    <a class="p-3 t-0                                         item-link" 
966                                        href="/nashi-proekty/pravovaya-gostinaya/">
967
968                                                                                        
969                                            <span class="item-text">
970                                                Правовая гостиная                                            </span>
971                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
972                                                    <i class="far fa-angle-down" aria-hidden="true"></i>
973                                                </span>
974                                                                                    </a>
975                                        
976                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
977                                                                                                    theme-light child-color-submenu-6q6k5Z 
978                                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color6q6k5Z                                                                                                                                                                                                        mobile-theme-dark mobile-view6q6k5Z                                                ">
979                                                <div class="content-mobile-horizontal" style="display:none">
980                                                    <h3 class="mobile-header" style="display:none">Правовая гостиная</h3>
981                                                    <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
982                                                        <span class="back-icon mr-2">
983                                                            <i class="far fa-arrow-left"></i>
984                                                        </span>
985                                                        <span class="back-text">
986                                                            Назад                                                        </span>
987                                                    </a>
988                                                </div>
989                                                <ul class="nav-items submenu-items p-0 container w-100">
990                                                <li class="nav-item one-mobile ">
991                                                <a class="p-3 t-0                                                     item-link"
992                                                            href="/nashi-proekty/pravovaya-gostinaya/">
993                                                                                                                        <span class="item-text">
994                                                                Правовая гостиная                                                            </span>
995                                                        </a>
996                                                                                                                                                                                                
997                                                                                                                                                                <li class="nav-item ">
998                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/velikaya-otechestvennaya-voyna/">
999                                                                                        <span class="item-text">
1000                                                Великая Отечественная война                                            </span>
1001                                        </a>
1002                                    </li>													
1003                                                                                                                                                                                                                                            </ul>
1004                                </div>
1005                                    </li>
1006                    
1007                                                                                                                                                            <li class="nav-item ">
1008                                    <a class="p-3 t-0                                         item-link" 
1009                                        href="/nashi-proekty/strana-chitlyandiya/">
1010
1011                                                                                        
1012                                            <span class="item-text">
1013                                                Страна Читляндия                                            </span>
1014                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1015                                                    <i class="far fa-angle-down" aria-hidden="true"></i>
1016                                                </span>
1017                                                                                    </a>
1018                                        
1019                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
1020                                                                                                    theme-light child-color-submenu-6q6k5Z 
1021                                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color6q6k5Z                                                                                                                                                                                                        mobile-theme-dark mobile-view6q6k5Z                                                ">
1022                                                <div class="content-mobile-horizontal" style="display:none">
1023                                                    <h3 class="mobile-header" style="display:none">Страна Читляндия</h3>
1024                                                    <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1025                                                        <span class="back-icon mr-2">
1026                                                            <i class="far fa-arrow-left"></i>
1027                                                        </span>
1028                                                        <span class="back-text">
1029                                                            Назад                                                        </span>
1030                                                    </a>
1031                                                </div>
1032                                                <ul class="nav-items submenu-items p-0 container w-100">
1033                                                <li class="nav-item one-mobile ">
1034                                                <a class="p-3 t-0                                                     item-link"
1035                                                            href="/nashi-proekty/strana-chitlyandiya/">
1036                                                                                                                        <span class="item-text">
1037                                                                Страна Читляндия                                                            </span>
1038                                                        </a>
1039                                                                                                                                                                                                
1040                                                                                                                                                                <li class="nav-item ">
1041                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/tematicheskie-vystavki/">
1042                                                                                        <span class="item-text">
1043                                                Тематические выставки                                            </span>
1044                                        </a>
1045                                    </li>													
1046                                                                                                                                                                                        
1047                                                                                                                                                                <li class="nav-item ">
1048                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/prodvizhenie-chteniya/">
1049                                                                                        <span class="item-text">
1050                                                Продвижение чтения                                            </span>
1051                                        </a>
1052                                    </li>													
1053                                                                                                                                                                                        
1054                                                                                                                                                                <li class="nav-item ">
1055                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/sovetuem-prochitat-knigi-o-voyne/">
1056                                                                                        <span class="item-text">
1057                                                Советуем прочитать: книги о войне                                            </span>
1058                                        </a>
1059                                    </li>													
1060                                                                                                                                                                                                                                            </ul></div></li>                                                    </ul>
1061                                </div>
1062                                    </li>
1063                    
1064                                                                                                                            	
1065                                    <li class="nav-item ">
1066                                        <a class="p-3 t--1 blackout                                             item-link                                                                                         text-t-u"
1067                                            href="/tematicheskie-vystavki/">
1068                                                                                                                                        <sp
1068an class="item-text">
1069                                                    Тематические выставки                                                </span>
1070                                                                                        <span class="item-hover" style="display:none"></span>
1071                                        </a>
1072                                    </li>
1073                                                                                                                                                                                        
1074                                                                                                                            	
1075                                    <li class="nav-item ">
1076                                        <a class="p-3 t--1 blackout                                             item-link                                                                                         text-t-u"
1077                                            href="/novelty/">
1078                                                                                                                                        <span class="item-text">
1079                                                    Новинки                                                </span>
1080                                                                                        <span class="item-hover" style="display:none"></span>
1081                                        </a>
1082                                    </li>
1083                                                                                                                                                                                        
1084                                                                                                                                                        <li class="nav-item  ">
1085
1086                                    <a class="p-3 t--1 blackout                                         item-link                                                                                 text-t-u" 
1087                                        href="/press-center/">
1088                                                                                                                            <span class="item-text">
1089                                                Пресс-центр                                            </span>
1090                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1091                                                <i class="far fa-angle-down" aria-hidden="true"></i>
1092                                            </span>
1093                                                                                <span class="item-hover" style="display:none"></span>
1094                                    </a>
1095                                    
1096                                    <!-- -->
1097                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
1098                                                                                            theme-light child-color-submenu-6q6k5Z 
1099                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color6q6k5Z                                                                                                                                                                                        mobile-theme-dark mobile-view6q6k5Z                                            " style="z-index:100">
1100                                            <div class="content-mobile-horizontal" style="display:none">
1101                                                <h3 class="mobile-header m-0" style="display:none">
1102                                                    Пресс-центр                                                </h3>
1103                                                <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1104                                                    <span class="back-icon mr-2">
1105                                                        <i class="far fa-arrow-left"></i>
1106                                                    </span>
1107                                                    <span class="back-text">
1108                                                        Назад                                                    </span>
1109                                                </a>
1110                                            </div>
1111                                            <ul class="nav-items submenu-items p-0 container w-100">
1112                                                <li class="nav-item one-mobile  one-link">
1113                                                <a class="p-3 t-0                                                     item-link" 
1114                                                        href="/press-center/">
1115                                                        <span class="item-text">
1116                                                            Пресс-центр                                                        </span>
1117                                                    </a>
1118                                                                                                                                                                                            
1119                                                                                                                                                                <li class="nav-item ">
1120                                        <a class="p-3 t-0 item-link" href="/press-center/announce/">
1121                                                                                        <span class="item-text">
1122                                                Объявления                                            </span>
1123                                        </a>
1124                                    </li>													
1125                                                                                                                                                                                        
1126                                                                                                                                                                <li class="nav-item ">
1127                                        <a class="p-3 t-0 item-link" href="/press-center/photo/">
1128                                                                                        <span class="item-text">
1129                                                Фотогалерея                                            </span>
1130                                        </a>
1131                                    </li>													
1132                                                                                                                                                                                        
1133                                                                                                                                                                <li class="nav-item ">
1134                                        <a class="p-3 t-0 item-link" href="/press-center/video/">
1135                                                                                        <span class="item-text">
1136                                                Видеогалерея                                            </span>
1137                                        </a>
1138                                    </li>													
1139                                                                                                                                                                                        
1140                                                                                                                                                                <li class="nav-item ">
1141                                        <a class="p-3 t-0 item-link" href="/press-center/presentation/">
1142                                                                                        <sp
1142an class="item-text">
1143                                                Презентации                                            </span>
1144                                        </a>
1145                                    </li>													
1146                                                                                                                                                                    
1147                                                                </ul>
1148                        </div>
1149                    </li>
1150                            </ul>
1151                 </section>
1152                                    <section class="right-section d-inline-flex align-items-streach justify-content-end flex-row flex-wrap">
1153                                                                     
1154                                                                                                    <button class="btn-mobile b-0 p-3 t--1"> 
1155                            <i class="far fa-bars fa-lg" aria-hidden="true"></i>
1156                        </button>
1157                                       
1158                         
1159                                                    <style>
1160	.nav-live-search {
1161		top: 100%!important;
1162		left: 0!important;
1163	}
1164	.title-search-selected {
1165		background-color: rgba(0,0,0,0.12);
1166	}
1167</style>
1168		<div class="nav-search">
1169			<form action="/search/index.php" class="search-form w-100 h-100 align-items-center justify-content-between m-0 mb-0" style="display: none;">
1170				<div id="title-search" class="inner-search d-block w-100 h-100">
1171					<div class="d-flex align-items-center justify-content-center h-100 w-100">
1172						<input id="title-search-input" class="input-search d-block p-2 m-0" style="width:inherit" type="" name="q" placeholder="Поиск" autocomplete="off"/>
1173					</div>
1174					<button class="sf-close t-1 sf-close-center"></button>
1175				</div>
1176			</form>
1177			<div class="btn-search b-0 p-3 t--1">
1178				<i class="far fa-search fa-lg" aria-hidden="true"></i>
1179			</div>
1180		</div>
1181<script>
1182	BX.ready(function(){
1183		new JCTitleSearch({
1184			'AJAX_PAGE' : '/about/',
1185			'CONTAINER_ID': 'title-search',
1186			'INPUT_ID': 'title-search-input',
1187			'MIN_QUERY_LEN': 2
1188		});
1189	});
1190</script>
1190
1191                                        				            </section>
1192                </nav>
1193                        </div>
1194        </div>
1195    
1196     </div>  
1197
1198
1199
1200
1201
1202
1203<script>
1204    window.addEventListener("DOMContentLoaded", function() {
1205        $('#sf-nav-6q6k5Z').sfNavMulti({
1206                                        searchContainer: false,
1207                horizontalSubmenu: false,
1208                                        transferHeadingItem: false,
1209            //===================== ФИКСИРОВАННОЕ =====================//
1210                                    fixedFlag: false,
1211                //===================== ПОЛНОЭКРАННОЕ =====================//
1212                                    fullScreenFlag: false,
1213                //===================== ТРАНСФОРМ =====================//
1214                                    transformFlag: true,
1215                    transformPaddingOne: 'p-3 t--1',
1216                    transformPaddingLower: ' t-0',
1217                    transformEffectHover: 'blackout',
1218                                            transformTheme: 'theme-light child-color-submenu-6q6k5Z                                                                                                                                    fixed-theme-light-submenu fixed-submenu-color6q6k5Z                                                                                    ', 
1219                                    //===================== МОБИЛЬНОЕ =====================//
1220                                    mobileFlag: true,
1221                                    });
1222
1223    });
1224</script>
1224
1225
1226													</div>
1227																																										 									</div>
1228																					</div>
1229					</div>
1230					
1231										
1232				</div>
1233												<div class="container-wrap l-inherit l-underline-none shadow-2 " style="">
1234										
1235					<div class="container ">
1236						<div class="row ">
1237																								<div class=" col-12 d-block col-sm-12 d-sm-block col-md-12 d-md-block col-lg-8 d-lg-block col-xl-8 d-xl-block py-3 align-self-center">
1238									  										 																																																<div class=" ">
1239																												<ol class="t-list m-0 p-0" itemscope itemtype="http://schema.org/BreadcrumbList"><li class="float-left"><a href="/"><i class="fa fa-home fa-fw"></i></a><li class="float-left" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><i class="far fa-angle-right mx-2" aria-hidden="true"></i> <a href="/about/" title="О нас"  itemprop="item"><span itemprop="name">О нас</span></a><meta itemprop="position" content="0" /></li></ol>													</div>
1240																																										 									</div>
1241																	<div class=" d-none d-sm-none d-md-none col-lg-4 d-lg-block col-xl-4 d-xl-block py-3 align-self-center">
1242									  										 																																																<div class=" ">
1243																												<section 
1244	class="
1245		sf-share
1246		 
1247			theme-dark 
1248				 
1249			justify-content-end 
1250				bg-transparent
1251	"
1252>
1253 			<div 
1254			class="
1255				sf-share-btn 
1256				 
1257					bg-vk wave-light
1258								mr-1 
1259				mr-1 mb-0 circle			" 
1260			data-service="vkontakte" 
1261					>
1262			 
1263				<div 
1264					class="
1265						sf-share-icon 
1266						p-1 
1267												 
1268																			t-0 
1269						 
1270					"
1271				>
1272					<i class="fab fa-vk fa-fw"></i>
1273				</div>
1274										
1275		</div>
1276			<div 
1277			class="
1278				sf-share-btn 
1279				 
1280					bg-ok wave-light
1281								mr-1 
1282				mr-1 mb-0 circle			" 
1283			data-service="odnoklassniki" 
1284					>
1285			 
1286				<div 
1287					class="
1288						sf-share-icon 
1289						p-1 
1290												 
1291																			t-0 
1292						 
1293					"
1294				>
1295					<i class="fab fa-odnoklassniki fa-fw"></i>
1296				</div>
1297										
1298		</div>
1299			<div 
1300			class="
1301				sf-share-btn 
1302				 
1303					bg-print wave-light
1304								mr-1 
1305				mr-1 mb-0 circle			" 
1306			data-service="print" 
1307			onclick='window.print()'		>
1308			 
1309				<div 
1310					class="
1311						sf-share-icon 
1312						p-1 
1313												 
1314																			t-0 
1315						 
1316					"
1317				>
1318					<i class="far fa-print  fa-fw"></i>
1319				</div>
1320										
1321		</div>
1322	 </section>
1323
1324
1325													</div>
1326																																										 									</div>
1327																					</div>
1328					</div>
1329					
1330										
1331				</div>
1332											</section>	
1333</div>
1334
1335				</header>
1336				
1337				<div class="container">
1338												
1339					<section 
1340						class = 
1341							"
1342								sf-page-area 
1343								sf-page-area-section
1344								row
1345															"
1346					> 
1347
1348											<aside 
1349							class = "
1350								sf-sidebar-area 
1351								sf-sidebar-area-left 
1352								col-12 
1353								d-print-none 
1354								col-md-4 
1355								order-default order-md-first mb-4							"
1356						>
1357							 
1358<div style="position:relative">
1359  <section class="sf-grid-area  ">
1360
1361										<div class="container-wrap  " style="">
1362										
1363					<div class="">
1364						<div class="row ">
1365																								<div class=" col-12 ">
1366									  										 																																																<div class=" ">
1367																																									</div>
1368																																										 									</div>
1369																					</div>
1370					</div>
1371					
1372										
1373				</div>
1374												<div class="container-wrap mb-4 " style="">
1375										
1376					<div class="">
1377						<div class="row ">
1378																								<div class=" col-12 ">
1379									  										 																																																<div class="py-3 bg-white r-default overflow-hidden hover:shadow-3 transition  d-none d-md-block b-1 b-theme-2 hover:b-0 ">
1380																												
1381
1382
1383<style>
1384   .overflow-hidden {
1385        overflow: hidden!important;
1386    }
1387    .text-t-u {
1388        text-transform: uppercase;
1389    }
1390	
1391	
1392.sf-left-catalog > ul > li > .catalog-submenu > .submenu a span.submenu-indicator{
1393    height: 1.5rem;
1394    width: 1.5rem;
1395    top: 7px;
1396}
1397
1398.sf-nav-fixed .container-wrap .nav-container .sf-nav section.right-section .nav-search form .inner-search {
1399    z-index: 99;
1400}
1401
1402@media (max-width: 768px) {
1403	
1404	.mobile-level{
1405		flex-direction: column !important;
1406	}
1407	.item-text{
1408		white-space: normal !important;
1409	}
1410}
1411
1412</style>
1413
1414            <style>
1415            .sf-nav-left-catalog {display: block;}
1416        
1417                                .sf-left-catalog.left-view-KqjiRE {
1418                        background-color: white!important;
1419                    }
1420                    .sf-left-catalog ul li div.catalog-submenu.left-view-child-KqjiRE {
1421                        background-color: rgba(84,94,110,0.05)!important;
1422                    }
1423                    </style>
1424        
1425    
1426                    <div id="sf-nav-KqjiRE" class="sf-left-catalog hidden-xs
1427            sf-nav-left-catolog-page-doc            theme-light left-view-KqjiRE">
1428                           <ul class="nav-items">
1429                                
1430                                                                                                                            	
1431                                    <li class="nav-item active">
1432                                        <a class="                                                                                                                                      "
1433                                            href="/about/">
1434                                                                                                                                        <sp
1434an class="item-text">
1435                                                    О нас                                                </span>
1436                                                                                        <span class="item-hover" style="display:none"></span>
1437                                        </a>
1438                                    </li>
1439                                                                                                                                                                                        
1440                                                                                                                            	
1441                                    <li class="nav-item ">
1442                                        <a class="                                                                                                                                      "
1443                                            href="/about/employee/">
1444                                                                                                                                        <span class="item-text">
1445                                                    Сотрудники                                                </span>
1446                                                                                        <span class="item-hover" style="display:none"></span>
1447                                        </a>
1448                                    </li>
1449                                                                                                                                                                                        
1450                                                                                                                            	
1451                                    <li class="nav-item ">
1452                                        <a class="                                                                                                                                      "
1453                                            href="/about/struct/">
1454                                                                                                                                        <span class="item-text">
1455                                                    Структура организации                                                </span>
1456                                                                                        <span class="item-hover" style="display:none"></span>
1457                                        </a>
1458                                    </li>
1459                                                                                                                                                                                        
1460                                                                                                                            	
1461                                    <li class="nav-item ">
1462                                        <a class="                                                                                                                                      "
1463                                            href="/about/award/">
1464                                                                                                                                        <span class="item-text">
1465                                                    Достижения                                                </span>
1466                                                                                        <span class="item-hover" style="display:none"></span>
1467                                        </a>
1468                                    </li>
1469                                                                                                                                                                                        
1470                                                                                                                            	
1471                                    <li class="nav-item ">
1472                                        <a class="                                                                                                                                      "
1473                                            href="/about/rules/">
1474                                                                                                                                        <sp
1474an class="item-text">
1475                                                    Правила поведения                                                </span>
1476                                                                                        <span class="item-hover" style="display:none"></span>
1477                                        </a>
1478                                    </li>
1479                                                                                                                                                                                        
1480                                                                                                                            	
1481                                    <li class="nav-item ">
1482                                        <a class="                                                                                                                                      "
1483                                            href="/about/partners/">
1484                                                                                                                                        <span class="item-text">
1485                                                    Партнёры                                                </span>
1486                                                                                        <span class="item-hover" style="display:none"></span>
1487                                        </a>
1488                                    </li>
1489                                                                                                                                                                                        
1490                                                                                                                            	
1491                                    <li class="nav-item ">
1492                                        <a class="                                                                                                                                      "
1493                                            href="/about/contact/">
1494                                                                                                                                        <span class="item-text">
1495                                                    Контакты                                                </span>
1496                                                                                        <span class="item-hover" style="display:none"></span>
1497                                        </a>
1498                                    </li>
1499                                                                                                                                                                    
1500                            </ul>
1501            </div>
1502           
1503
1504
1505
1506
1507
1508
1509
1510<script>
1511    window.addEventListener("DOMContentLoaded", function() {
1512        $('#sf-nav-KqjiRE').sfNavMulti({
1513                             leftFlag: true,
1514                    });
1515
1516    });
1517</script>
1517
1518
1519													</div>
1520																																										 									</div>
1521																					</div>
1522					</div>
1523					
1524										
1525				</div>
1526												<div class="container-wrap  " style="">
1527										
1528					<div class="">
1529						<div class="row ">
1530																								<div class=" col-12 ">
1531									  										 																																																<div class=" ">
1532																												
1533
1534
1535
1536
1537
1538
1539	<section class="sf-iblock-card-area lazyload sf-viewbox-wrap  bg-transparent">
1540
1541				
1542				
1543			
1544	
1545		<div class="sf-viewbox position-relative"> 
1546						
1547						
1548								
1549								
1550						
1551					<div class="row">
1552																				<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-12 d-lg-block col-lg-12 d-xl-block col-xl-12"  id="bx_4019558429_1867" >
1553								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='0ms'>
1554									<div class="iblock-list-item position-relative mb-3 r-default hover:shadow-3 transition overflow-hidden b-1 hover:b-0 b-theme-3 bg-theme-0">
1555																					<div class="iblock-list-item-image ">
1556												<div class="">
1557													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1558														
1559																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="ОПАК Глобал" data-src="/upload/iblock/b92/e3op16u2ersevqi7ibue8lcqodn0u8fe.jpg" style="max-height: 250px">
1560																												<div class="sf-viewbox sf-special-hidden">
1561															<div class="align-middle t-center p-3">
1562																ОПАК Глобал															</div>
1563														</div>
1564																																											<a class="sf-viewbox" href="https://opac.libryansk.ru/opacg/" target="_blank" style="background-color: transparent!important"></a>
1565																											</div>
1566												</div>
1567											</div>
1568																																									<div class="iblock-list-item-text ">
1569																								
1570																										
1571												
1572											</div>
1573																														
1574									</div>
1575								</div>
1576							</div>
1577																				<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-12 d-lg-block col-lg-12 d-xl-block col-xl-12"  id="bx_4019558429_1864" >
1578								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='300ms'>
1579									<div class="iblock-list-item position-relative mb-3 r-default hover:shadow-3 transition overflow-hidden b-1 hover:b-0 b-theme-3 bg-theme-0">
1580																					<div class="iblock-list-item-image ">
1581												<div class="">
1582													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1583														
1584																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Климовская центральная библиотека" data-src="/upload/iblock/575/neqjakmkkqzvf9sm09f1dsbniay2f90x.png" style="max-height: 250px">
1585																												<div class="sf-viewbox sf-special-hidden">
1586															<div class="align-middle t-center p-3">
1587																Климовская центральная библиотека															</div>
1588														</div>
1589																																											<a class="sf-viewbox" href="https://klimovo-mcb.ru/" target="_blank" style="background-color: transparent!important"></a>
1590																											</div>
1591												</div>
1592											</div>
1593																																									<div class="iblock-list-item-text ">
1594																								
1595																										
1596												
1597											</div>
1598																														
1599									</div>
1600								</div>
1601							</div>
1602																				<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-12 d-lg-block col-lg-12 d-xl-block col-xl-12"  id="bx_4019558429_1861" >
1603								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='600ms'>
1604									<div class="iblock-list-item position-relative mb-3 r-default hover:shadow-3 transition overflow-hidden b-1 hover:b-0 b-theme-3 bg-theme-0">
1605																					<div class="iblock-list-item-image ">
1606												<div class="">
1607													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1608														
1609																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Брянская областная детская библиотека" data-src="/upload/iblock/5e2/3ouxznimmj6wvtqkyx0wrmzyso06fx22.png" style="max-height: 250px">
1610																												<div class="sf-viewbox sf-special-hidden">
1611															<div class="align-middle t-center p-3">
1612																Брянская областная детская библиотека															</div>
1613														</div>
1614																																											<a class="sf-viewbox" href="https://children.libryansk.ru/" target="_blank" style="background-color: transparent!important"></a>
1615																											</div>
1616												</div>
1617											</div>
1618																																									<div class="iblock-list-item-text ">
1619																								
1620																										
1621												
1622											</div>
1623																														
1624									</div>
1625								</div>
1626							</div>
1627																				<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-12 d-lg-block col-lg-12 d-xl-block col-xl-12"  id="bx_4019558429_1863" >
1628								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='900ms'>
1629									<div class="iblock-list-item position-relative mb-3 r-default hover:shadow-3 transition overflow-hidden b-1 hover:b-0 b-theme-3 bg-theme-0">
1630																					<div class="iblock-list-item-image ">
1631												<div class="">
1632													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1633														
1634																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Брянская областная научная библиотека" data-src="/upload/iblock/7f7/0q9vz65p6kuqjxtwn43epdo1xbid127t.png" style="max-height: 250px">
1635																												<div class="sf-viewbox sf-special-hidden">
1636															<div class="align-middle t-center p-3">
1637																Брянская областная научная библиотека															</div>
1638														</div>
1639																																											<a class="sf-viewbox" href="https://libryansk.ru/" target="_blank" style="background-color: transparent!important"></a>
1640																											</div>
1641												</div>
1642											</div>
1643																																									<div class="iblock-list-item-text ">
1644																								
1645																										
1646												
1647											</div>
1648																														
1649									</div>
1650								</div>
1651							</div>
1652																				<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-12 d-lg-block col-lg-12 d-xl-block col-xl-12"  id="bx_4019558429_1862" >
1653								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='1200ms'>
1654									<div class="iblock-list-item position-relative mb-3 r-default hover:shadow-3 transition overflow-hidden b-1 hover:b-0 b-theme-3 bg-theme-0">
1655																					<div class="iblock-list-item-image ">
1656												<div class="">
1657													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1658														
1659																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Российская Государственная Детская библиотека" data-src="/upload/iblock/96d/9wnspl294161dm5sjydiyag7rddt8vt4.png" style="max-height: 250px">
1660																												<div class="sf-viewbox sf-special-hidden">
1661															<div class="align-middle t-center p-3">
1662																Российская Государственная Детская библиотека															</div>
1663														</div>
1664																																											<a class="sf-viewbox" href="https://rgdb.ru/" target="_blank" style="background-color: transparent!important"></a>
1665																											</div>
1666												</div>
1667											</div>
1668																																									<div class="iblock-list-item-text ">
1669																								
1670																										
1671												
1672											</div>
1673																														
1674									</div>
1675								</div>
1676							</div>
1677																				<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-12 d-lg-block col-lg-12 d-xl-block col-xl-12"  id="bx_4019558429_1868" >
1678								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='1500ms'>
1679									<div class="iblock-list-item position-relative mb-3 r-default hover:shadow-3 transition overflow-hidden b-1 hover:b-0 b-theme-3 bg-theme-0">
1680																					<div class="iblock-list-item-image ">
1681												<div class="">
1682													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1683														
1684																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Пушкинская карта" data-src="/upload/iblock/204/4wx9e2of5jgk4aizcw89e8eui4om2soq.jpg" style="max-height: 250px">
1685																												<div class="sf-viewbox sf-special-hidden">
1686															<div class="align-middle t-center p-3">
1687																Пушкинская карта															</div>
1688														</div>
1689																																											<a class="sf-viewbox" href="https://www.culture.ru/pushkinskaya-karta" target="_blank" style="background-color: transparent!important"></a>
1690																											</div>
1691												</div>
1692											</div>
1693																																									<div class="iblock-list-item-text ">
1694																								
1695																										
1696												
1697											</div>
1698																														
1699									</div>
1700								</div>
1701							</div>
1702																				<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-12 d-lg-block col-lg-12 d-xl-block col-xl-12"  id="bx_4019558429_1869" >
1703								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='1800ms'>
1704									<div class="iblock-list-item position-relative mb-3 r-default hover:shadow-3 transition overflow-hidden b-1 hover:b-0 b-theme-3 bg-theme-0">
1705																					<div class="iblock-list-item-image ">
1706												<div class="">
1707													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1708														
1709																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Культура-РФ" data-src="/upload/iblock/642/twq2c8eat5aqo91a39ppxocjfh8ulduy.png" style="max-height: 250px">
1710																												<div class="sf-viewbox sf-special-hidden">
1711															<div class="align-middle t-center p-3">
1712																Культура-РФ															</div>
1713														</div>
1714																																											<a class="sf-viewbox" href="https://pro.culture.ru/" target="_blank" style="background-color: transparent!important"></a>
1715																											</div>
1716												</div>
1717											</div>
1718																																									<div class="iblock-list-item-text ">
1719																								
1720																										
1721												
1722											</div>
1723																														
1724									</div>
1725								</div>
1726							</div>
1727																				<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-12 d-lg-block col-lg-12 d-xl-block col-xl-12"  id="bx_4019558429_1424" >
1728								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='2100ms'>
1729									<div class="iblock-list-item position-relative mb-3 r-default hover:shadow-3 transition overflow-hidden b-1 hover:b-0 b-theme-3 bg-theme-0">
1730																					<div class="iblock-list-item-image ">
1731												<div class="">
1732													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1733														
1734																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Государственные услуги" data-src="/upload/iblock/84c/c95mga7ziwrewaj0a5qmsrho5n6805oa.png" style="max-height: 250px">
1735																												<div class="sf-viewbox sf-special-hidden">
1736															<div class="align-middle t-center p-3">
1737																Государственные услуги															</div>
1738														</div>
1739																																											<a class="sf-viewbox" href="https://www.gosuslugi.ru/" target="_blank" style="background-color: transparent!important"></a>
1740																											</div>
1741												</div>
1742											</div>
1743																																									<div class="iblock-list-item-text ">
1744																								
1745																										
1746												
1747											</div>
1748																														
1749									</div>
1750								</div>
1751							</div>
1752																				<div class=" d-block col-12 d-sm-block col-sm-12 d-md-block col-md-12 d-lg-block col-lg-12 d-xl-block col-xl-12"  id="bx_4019558429_1444" >
1753								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='2400ms'>
1754									<div class="iblock-list-item position-relative mb-3 r-default hover:shadow-3 transition overflow-hidden b-1 hover:b-0 b-theme-3 bg-theme-0">
1755																					<div class="iblock-list-item-image ">
1756												<div class="">
1757													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1758														
1759																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Независимая оценка" data-src="/upload/resize_cache/iblock/5a1/833_250_2/5mw30mg6sg9d8xwtanzgfaxsxpatjkrw.png" style="max-height: 250px">
1760																												<div class="sf-viewbox sf-special-hidden">
1761															<div class="align-middle t-center p-3">
1762																Независимая оценка															</div>
1763														</div>
1764																																											<a class="sf-viewbox" href="https://forms.mkrf.ru/e/2579/xTPLeBU7/?ap_orgcode=430220454" target="_blank" style="background-color: transparent!important"></a>
1765																											</div>
1766												</div>
1767											</div>
1768																																									<div class="iblock-list-item-text ">
1769																								
1770																										
1771												
1772											</div>
1773																														
1774									</div>
1775								</div>
1776							</div>
1777											</div>
1778						
1779										
1780						
1781
1782										</div>
1783	</section>
1784	
1785		
1786													</div>
1787																																										 									</div>
1788																					</div>
1789					</div>
1790					
1791										
1792				</div>
1793												<div class="container-wrap  " style="">
1794										
1795					<div class="">
1796						<div class="row ">
1797																								<div class=" col-12 ">
1798									  										 																																																<div class=" ">
1799																																									</div>
1800																																										 									</div>
1801																					</div>
1802					</div>
1803					
1804										
1805				</div>
1806						</section>	
1807</div>
1808
1809
1810						</aside>
1811										
1812												
1813					<main 
1814						class = "
1815							sf-main-area 
1816															col-12 
1817								col-md-8 
1818														order-first order-md-2 sf-link sf-link-theme  mb-4 						"
1819					>
1820						 
1821<div style="position:relative">
1822  <section class="sf-grid-area  ">
1823
1824										<div class="container-wrap  " style="">
1825										
1826					<div class="">
1827						<div class="row ">
1828																								<div class=" col-12 ">
1829									  										 																																																<div class=" ">
1830																												
1831<h1 class="sf-title mt-0 mb-4 t-3 t-md-4">Визитная карточка библиотеки</h1>
1832													</div>
1833																																										 									</div>
1834																					</div>
1835					</div>
1836					
1837										
1838				</div>
1839						</section>	
1840</div>
1841
1842					
1843						<h2> <im
1843g width="384" src="/images/about.jpg" height="229" align="right" class="ml-3">Библиотека основана в ноябре 1953 года</h2>
1844<p>
1845</p>
1846<p>
1847 <b>Библиотека сегодня:<br>
1848 </b>
1849</p>
1850<ul>
1851	<li>Читатели: 2785</li>
1852	<li>Посещения: 24600</li>
1853	<li>Книговыдача: 70000</li>
1854	<li>Фонд библиотеки: 29041 единица хранения</li>
1855</ul>
1856<p>
1857 <b>Приоритетными направлениями деятельности</b><b> Детского отдела МБУК КМЦБ является</b><b>:</b> патриотическое воспитание, краеведение ,воспитание экологической культуры, духовно-нравственное воспитание, содействие формированию информационной среды в помощь социальной адаптации детей и подростков.
1858</p>
1859<p>
1860 <b>Детским отделом реализуются программы:</b>
1861</p>
1862<ul>
1863	<li>«Я читаю. Я расту» (по работе с дошкольниками)</li>
1864	<li>«Расскажем детям о войне»</li>
1865</ul>
1866<p>
1867 <b>Клубы по интересам:</b>
1868</p>
1869<p>
1870</p>
1871<div>
1872	<ul>
1873		<li>Патриотический клуб «Наследие»</li>
1874		<li>Экологическая гостиная аистёнка Климки</li>
1875	</ul>
1876</div>
1877<p>
1878 <b>У нас для Вас:</b>
1879</p>
1880<p>
1881	 Самые интересные детские сказки, занимательные приключения, таинственные загадки, познавательные и интересные журналы.
1882</p>
1883<p>
1884	 В библиотеке Вас ждут иллюстрированные книжные выставки и открытые просмотры.
1885</p>
1886<p>
1887	 У нас получают ответы на интересующие вопросы: юный физик и математик, биолог и астроном…
1888</p>
1889<p>
1890	 Возникли трудности в подборе литературы для доклада или реферата? Обратитесь к нам — и пятёрка Вам обеспечена!
1891</p>
1892<p>
1893 <b>А ещё у нас можно:</b>
1894</p>
1895<ul>
1896	<li>Прочитать книгу для души и сердца</li>
1897	<li>Полистать интересный журнал</li>
1898	<li>Посмотреть мультфильмы</li>
1899	<li>Получить материал для реферата с электронного носителя</li>
1900</ul>
1901<p>
1902 <b>
1903	Наши партнёры:</b>
1904</p>
1905<ul>
1906	<li>средние общеобразовательные школы</li>
1907	<li>детские сады</li>
1908	<li>детская школа искусств</li>
1909</ul>
1910<p>
1911</p>
1912<p>
1913 <b>Наши достижения:</b>
1914</p>
1915<p>
1916</p>
1917<p>
1918</p>
1919<div>
1920	<ul>
1921		<li>Благодарственное письмо Губернатора Брянской области (Богомаз А.В.)</li>
1922		<li>Благодарственное письмо Брянской областной Думы</li>
1923		<li>Грамота департамента культуры Брянской области</li>
1924		<li>Диплом Победителя областного конкурса «Лучшая детская библиотека»</li>
1925		<li>Дипломы победителя и участника областных акций</li>
1926		<li>Грамоты Администрации Климовского района</li>
1927		<li>Грамоты районного Совета народных депутатов</li>
1928	</ul>
1929</div>
1930<p>
1931</p>
1932<p>
1933</p>
1934<p>
1935 <b>&nbsp;Ждём Вас в нашей библиотеке!</b>
1936</p>
1937						<div id="bxdynamic_tULhhN_start" style="display:none"></div><div id="bxdynamic_tULhhN_end" style="display:none"></div>					
1938					</main>
1939				
1940		
1941					
1942
1943					
1944					</section> 
1945
1946								
1947				</div>
1948				
1949				<footer 
1950					class = "
1951						sf-footer-area d-print-none 
1952						inherit-theme 
1953						mt-auto					"
1954					style = "
1955						background-color: ;
1956												background-repeat: ;
1957						background-position-x: ;
1958						background-position-y: ;
1959						background-size: ;
1960					"
1961				>
1962					 
1963<div style="position:relative">
1964  <section class="sf-grid-area theme-dark ">
1965
1966										<div class="container-wrap  " style="">
1967										
1968					<div class="container ">
1969						<div class="row py-4 b-theme-2 bb-1">
1970																								<div class=" col-12 col-lg-4 mb-3 mb-md-0">
1971									  										 <div class="">																																																<div class=" ">
1972																												
1973<h3 class="t-0 t-uppercase t-bold mt-0 mb-3">
1974	Контакты</h3 class="">													</div>
1975																																																												<div class="t--1 ">
1976																												
1977<i class="far fa-fw fa-map-marker-alt mr-2 c-icon-active" aria-hidden="true"></i>
1978<span class="c-text-primary">
1979	рп Климово, пл. Ленина 2, 2-й этаж</span>													</div>
1980																																																												<div class="t--1 ">
1981																												
1982	<i class="far fa-fw fa-phone mr-2 c-icon-active" aria-hidden="true"></i>
1983		  		<span style="white-space:nowrap">
1984			<a class="c-text-primary sf-link sf-link-theme sf-link-dashed white-space-no-wrap"  href="tel:+7 (483) 473-0027">+7 (483) 473-0027</a>		</span>
1985				
1986													</div>
1987																																																												<div class="mb-3 t--1 ">
1988																												
1989<i class="far fa-fw fa-envelope mr-2 c-icon-active" aria-hidden="true"></i>
1990<a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="mailto:[email protected]">
1991	[email protected]</a>													</div>
1992																																																												<div class="mb-3 ">
1993																												<!-- MODAL WINDOW -->
1994 <div class="modal-window-home" id="modal-window-home-id" params="close"  onload="text">
1995	<form method="POST" name="helpForm">
1996<!-- CONTENT MODAL -->
1997		<div class="content-modal-window">
1998<!-- HEADER -->
1999			<div class="header-modal-window">
2000				<span class="header-modal-window-text">На сайте обнаружена ошибка</span>
2001				<div class="close-icon-button-block over-mask">
2002					<div class='over-mask but-close-over-mask' params="close" onclick="closeModalWindow()"></div>
2003					<svg width="18" height="18" viewBox="0 0 512 512">
2004						<line x1="5" y1="5" x2="510" y2="510" stroke="#000000" stroke-width="20"/>
2005						<line x1="5" y1="510" x2="510" y2="5" stroke="#000000" stroke-width="20"/>
2006					</svg>
2007				</div>
2008			</div>
2009<!-- CONTENT BLOCK -->
2010			<div class="content-modal-window-message-submit">
2011				<p>Текст с ошибкой</p>
2012				<div id="mess" class="text-error"></div>
2013				<div id='elem-form'></div>
2014			</div>
2015<!-- FOOTER -->
2016			<div class="footer-modal-window">
2017				<input type="submit" value="Отправить"  id='send'
2018					class="but-sm but-sm-submit btn-button-modal-window m-20">
2019			</div>
2020		</div>
2021	</form>
2022</div>
2023<script>
2024$(".modal-window-home").click(function(){
2025		  closeModalWindow();
2026		}).children().click(function(e) {
2027		  e.stopPropagation();
2028		});
2029</script>
2029<p>Нашли ошибку? Сообщите нам!<br>Выделите и нажмите Ctr+Enter</p>													</div>
2030																																	</div>									 									</div>
2031																	<div class=" col-12 col-lg-5 mb-3 mb-md-0">
2032									  										 <div class="">																																																<div class=" ">
2033																												
2034<h3 class="t-0 t-uppercase t-bold mt-0 mb-3 ml-3">
2035	Меню</h3 class="">													</div>
2036																																																												<div class="l-inherit ml-0 ">
2037																													<ul class="fa-ul row">
2038						<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="/index.php">Главная</a></li>
2039						<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="/about/">Об учреждении</a></li>
2040						<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="/event/">Мероприятия</a></li>
2041						<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="/novelty/">Новинки</a></li>
2042						<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="/press-center/">Пресс-центр</a></li>
2043						<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="/on-line/">Онлайн обслуживание</a></li>
2044						<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="/about/contact/">Контакты</a></li>
2045						<li class="col-md-6 pl-0 pr-3"><i class="fa-li far fa-angle-right c-text-secondary" aria-hidden="true"></i><a href="/map.php">Карта сайта</a></li>
2046			</ul>
2047													</div>
2048																																	</div>									 									</div>
2049																	<div class=" col-12 col-lg-3 mb-3 mb-md-0">
2050									  										 <div class="">																																																<div class=" ">
2051																												
2052<h3 class="t-0 t-uppercase t-bold mt-0 mb-3">
2053	Социальные сети</h3 class="">													</div>
2054																																																												<div class=" ">
2055																												
2056								<a 
2057			class="mb-1 
2058				btn btn-icon								btn-rounded mr-1			" 
2059			style="
2060				background-color: #6695BD; color: white							" 
2061			target="_blank" 
2062			href="https://vk.ru/klimovotsdb"
2063			>
2064							<i 
2065				class="
2066					fab fa-vk 
2067									" 
2068				style="
2069									" 
2070				aria-hidden="true" 
2071			></i>
2072				</a>
2073										<a 
2074			class="mb-1 
2075				btn btn-icon								btn-rounded mr-1			" 
2076			style="
2077				background-color: #FF9205; color: white							" 
2078			target="_blank" 
2079			href="https://ok.ru/profile/582989182746"
2080			>
2081							<i 
2082				class="
2083					fab fa-odnoklassniki 
2084									" 
2085				style="
2086									" 
2087				aria-hidden="true" 
2088			></i>
2089				</a>
2090												<a 
2091			class="mb-1 
2092				btn btn-icon								btn-rounded mr-1			" 
2093			style="
2094				background-color: #039be5; color: white							" 
2095			target="_blank" 
2096			href="https://telegram.me/klimovoDetskaj"
2097			>
2098							<i class="">
2099				<svg height="16" width="20" enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" fill="#039be5" r="12"/><path d="m5.491 11.74 11.57-4.461c.537-.194 1.006.131.832.943l.001-.001-1.97 9.281c-.146.658-.537.818-1.084.508l-3-2.211-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.121l-6.871 4.326-2.962-.924c-.643-.204-.657-.643.136-.953z" fill="#fff"/></svg>			</i>
2100				</a>
2101									<a 
2102			class="mb-1 
2103				btn btn-icon								btn-rounded mr-1			" 
2104			style="
2105				background-color: #ffffff; color: white							" 
2106			target="_blank" 
2107			href="https://rutube.ru/channel/46226111/"
2108			>
2109							<i class="">
2110				<svg height="16" width="20" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M59.0071 59.2582H17.5723V42.6574H59.0071C61.4274 42.6574 63.1103 43.0845 63.9548 43.8304C64.7994 44.5763 65.3226 45.9597 65.3226 47.9806V53.9414C65.3226 56.0707 64.7994 57.4541 63.9548 58.2C63.1103 58.9459 61.4274 59.2646 59.0071 59.2646V59.2582ZM61.8497 27.0064H0V98H17.5723V74.9028H49.9562L65.3226 98H85L68.058 74.7945C74.3041 73.8573 77.1089 71.9193 79.422 68.7253C81.7351 65.5314 82.8949 60.4249 82.8949 53.6099V48.2866C82.8949 44.2448 82.4726 41.0508 81.7351 38.6028C80.9977 36.1547 79.7371 34.0254 77.9471 32.1129C76.0563 30.3023 73.9511 29.0273 71.4237 28.173C68.8963 27.4271 65.7385 27 61.8497 27V27.0064Z" fill="#100943"/><path d="M98.5 27C105.956 27 112 20.9558 112 13.5C112 6.04416 105.956 0 98.5 0C91.0442 0 85 6.04416 85 13.5C85 20.9558 91.0442 27 98.5 27Z" fill="#ED143B"/></svg>			</i>
2111				</a>
2112			
2113<script>
2114	document.addEventListener("DOMContentLoaded", function() {
2115		const dzenLinks = document.querySelectorAll('.linkDzen');
2116		dzenLinks.forEach(function(link) {
2117			link.addEventListener('click', function(event) {
2118				event.preventDefault();
2119				const url = this.getAttribute('data-href');
2120				window.open(url, '_blank');
2121			});
2122		});
2123	});
2124</script>
2124													</div>
2125																																																												<div class="mt-3 ">
2126																												<div id="bx-composite-banner"></div>
2127													</div>
2128																																																												<div class="mt-3 ">
2129																												
2129<script type="text/javascript"> (function(d, t, p) {var j = d.createElement(t); j.async = true; j.type = "text/javascript"; j.src = ("https:" == p ? "https:" : "http:") + "//stat.sputnik.ru/cnt.js"; var s = d.getElementsByTagName(t)[0]; s.parentNode.insertBefore(j, s); })(document, "script", document.location.protocol); </script>
2129
2130<span id="sputnik-informer"></span>&nbsp;
2131<!-- Yandex.Metrika informer --> <a href="https://metrika.yandex.ru/stat/?id=106703488&amp;from=informer" target="_blank" rel="nofollow">     <img src="https://informer.yandex.ru/informer/106703488/3_0_FFFFFFFF_EFEFEFFF_0_pageviews"          style="width:88px; height:31px; border:0;"          alt="Яндекс.Метрика"          title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)"         class="ym-advanced-informer" data-cid="106703488" data-lang="ru"/> </a> <!-- /Yandex.Metrika informer -->  <!-- Yandex.Metrika counter --> 
2131<script type="text/javascript">     (function(m,e,t,r,i,k,a){         m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};         m[i].l=1*new Date();         for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}         k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)     })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=106703488', 'ym');      ym(106703488, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true}); </script>
2131 <noscript><div><img src="https://mc.yandex.ru/watch/106703488" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->   													</div>
2132																																	</div>									 									</div>
2133																					</div>
2134					</div>
2135					
2136										
2137				</div>
2138												<div class="container-wrap  " style="">
2139										
2140					<div class="container ">
2141						<div class="row py-3">
2142																								<div class=" col-12 d-block col-sm-12 d-sm-block col-md-12 d-md-block col-lg-6 d-lg-block col-xl-6 d-xl-block ">
2143									  										 <div class="">																																																<div class=" ">
2144																												
2145© Детский отдел МБУК КМЦБ, 2026													</div>
2146																																																												<div class=" ">
2147																												
2148<i class="" aria-hidden="true"></i>
2149<a class="c-text-primary sf-link sf-link-theme sf-link-dashed t--1" href="/documents/politika-konfidentsialnosti.pdf" target="_self">
2150	Политика конфиденциальности</a>
2151													</div>
2152																																	</div>									 									</div>
2153																	<div class=" d-none d-sm-none d-md-none col-lg-6 d-lg-block col-xl-6 d-xl-block ">
2154									  										 <div class="">																																																<div class="t-left t-lg-right l-inherit l-hover-underline-none l-hover-primary  ">
2155																												  <a href="https://simai.studio/lp/biblio/">SIMAI-SF4: Сайт библиотеки</a>
2156													</div>
2157																																																												<div class="t-left t-lg-right l-inherit l-hover-underline-none l-hover-primary  ">
2158																												
2159<i class="" aria-hidden="true"></i>
2160<a class="c-text-primary sf-link sf-link-theme sf-link-dashed small" href="https://krawster.ru/support" target="_blank">
2161	KRAWSTER: Внедрение и сопровождение</a>
2162													</div>
2163																																	</div>									 									</div>
2164																					</div>
2165					</div>
2166					
2167										
2168				</div>
2169						</section>	
2170</div>
2171
2172				</footer>
2173		
2174					
2175		</section>
2176		
2177		<aside class="swiper-area swipebar-area-left d-print-none">
2178					</aside>
2179		
2180		<aside class="swiper-area swipebar-area-right d-print-none">
2181					</aside>
2182		
2183		<div class="sf-service-bottom-area d-print-none">
2184			<div id="bxdynamic_kgs83W_start" style="display:none"></div><a 
2185    class="sf-up p-3 d-flex align-items-center justify-content-center ar-4 ab-5 btn-secondary btn-outline btn-rounded shadow-1 hover:shadow-12 hover:up-4 transition"
2186    data-animation="easeInOutQuart"
2187    data-speed="2000"
2188    data-offset="500">
2189    <i class="far c-white fa-chevron-up"></i>
2190</a><div id="bxdynamic_kgs83W_end" style="display:none"></div>
2191
2192<button class="stopSpeak" style="display: none;">
2193  <i class="fas fa-pause"></i>
2194</button>
2195		</div>	
2196
2197				
2198	</body>
2199</html>
2200   
2201
2202																<!--c0a1d1bcefe2ea3d034423e304708728-->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.