PageSourceSearch

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

html klimovo-tsdb.ru collected 2026-10-09 21:27:42 UTC 138,281 bytes, 2,243 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<link href="/bitrix/cache/css/s2/simai.sf4biblio/template_6bd6076cdace74753b8adff6438a02ac/template_6bd6076cdace74753b8adff6438a02ac_v1.css?1790873943994307" type="text/css" rel="stylesheet" data-template-style="true"/>
113<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 113
113
114<script>(window.BX||top.BX).message({"MAIN_BASELINE_BROWSER_OUTDATED":"Вы используете устаревшую версию браузера. Обновите его для безопасной и стабильной работы","MAIN_BASELINE_DETAILS":"Подробнее","MAIN_BASELINE_CLOSE":"Закрыть"});</script>
114
115
116<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 116
116
117<script src="/bitrix/js/main/baseline/dist/baseline.bundle.min.js?17881719564439"></script>
117
118
119<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>
119
120
121<script src="/bitrix/js/main/core/core.min.js?1788171956181629"></script>
121
122
123<script>BX.Runtime.registerExtension({"name":"main.core","namespace":"BX","loaded":true});</script>
vendor: 1 bytes, line 123
123
124<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"]);
125</script>
vendor: 1 bytes, line 125
125
126<script>BX.Runtime.registerExtension({"name":"ui.dexie","namespace":"BX.DexieExport","loaded":true});</script>
vendor: 1 bytes, line 126
126
127<script>BX.Runtime.registerExtension({"name":"fc","namespace":"window","loaded":true});</script>
vendor: 1 bytes, line 127
127
128<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":"\/","USER_ID":"","SERVER_TIME":1791581262,"USER_TZ_OFFSET":0,"USER_TZ_AUTO":"Y","bitrix_sessid":"2525e3e5c3b2660a8176144a5e50a6b1"});</script>
128
129
130
131<script src="/bitrix/js/ui/dexie/dist/dexie.bundle.min.js?1788171958102530"></script>
vendor: 1 bytes, line 131
131
132<script src="/bitrix/js/main/core/core_frame_cache.min.js?178817195610246"></script>
vendor: 1 bytes, line 132
132
133<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 133
133
134<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>
134
135<meta name="author" content="SIMAI Studio — http://simai.studio" />
136<meta name="copyright" content="© SIMAI Ltd." />
137<meta name="author" content="Rim Zabarov" />
138<meta name="copyright" content="© 2019 Rim Zabarov" />
139<meta name="distributor" content="SIMAI Studio - https://simai.studio" />
140<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">
141<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400,600&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">
142<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>
142
143<meta property="og:url" content="https://klimovo-tsdb.ru/resource/" />
144<meta property="og:type" content="website" />
145<meta property="og:title" content="Полезные ссылки" />
146<meta property="og:description" content="Детский отдел Климовской межпоселенческой центральной библиотеки" />
147<meta property="og:image" content="https://klimovo-tsdb.ru/simai.data/image/default/share.png" />
148<meta name="twitter:card" content="summary" />
149<meta name="twitter:site" content="https://klimovo-tsdb.ru/resource/" />
150<meta name="twitter:title" content="Полезные ссылки" />
151<meta name="twitter:description" content="Детский отдел Климовской межпоселенческой центральной библиотеки" />
152<meta name="twitter:image" content="https://klimovo-tsdb.ru/simai.data/image/default/share.png" />
153
154
155
156<script  src="/bitrix/cache/js/s2/simai.sf4biblio/template_c654bddeb4bb05fc44b931142d0b744d/template_c654bddeb4bb05fc44b931142d0b744d_v1.js?1790873943494992"></script>
156
157
158		<title> Полезные ссылки</title>
159					<link rel="shortcut icon" href="/simai.data/image/favicon/web-app-manifest-192x192.png" type="image/x-icon">
160				<link rel="manifest" href="/ru/vote-search/manifest.json">
161	</head>
162
163	<body 
164		class = 
165		"
166			lazyload 
167			sf-pagewrap-area-layout-narrow 
168			sf-pagewrap-area-container-fixed 
169			container-size-1200 
170			roboto 
171			theme-light 
172			 
173		"
174		style = 
175		"
176			background-color: #A0BD3E;
177			background-repeat: repeat-y;
178			background-position-x: center;
179			background-position-y: ;
180			background-size: ;
181			font-size: 16px;
182							background-attachment: fixed; 
183					"
184					data-bg="/simai.data/image/body/page_bg_light.png" 
185			>
186				
187		<section class="sf-service-top-area d-print-none">
188					</section>
189
190		<section 
191			class = 
192				"
193					sf-pagewrap-area 
194					overflow-hidden d-flex flex-col justify-content-start				"
195			style = "background-color: #FAFAFA"
196		>
197		
198							
199								<header 
200					class = 
201					"
202						header-area d-print-none 
203						theme-inherit 
204						bg-theme-0 mb-4					"
205					style = 
206					"
207						background-color: ;
208				       						background-repeat: ;
209						background-position-x: ;
210						background-position-y: ;
211						background-size: ;
212					"
213				>
214					 
215<div style="position:relative">
216  <section class="sf-grid-area  ">
217
218										<div class="container-wrap bg-theme-1 bb-1 b-theme-3 " style="">
219										
220					<div class="container ">
221						<div class="row ">
222																								<div class=" col-12 ">
223									  										 																																																<div class=" ">
224																												
225
226
227<style>
228   .overflow-hidden {
229        overflow: hidden!important;
230    }
231    .text-t-u {
232        text-transform: uppercase;
233    }
234	
235	
236.sf-left-catalog > ul > li > .catalog-submenu > .submenu a span.submenu-indicator{
237    height: 1.5rem;
238    width: 1.5rem;
239    top: 7px;
240}
241
242.sf-nav-fixed .container-wrap .nav-container .sf-nav section.right-section .nav-search form .inner-search {
243    z-index: 99;
244}
245
246@media (max-width: 768px) {
247	
248	.mobile-level{
249		flex-direction: column !important;
250	}
251	.item-text{
252		white-space: normal !important;
253	}
254}
255
256</style>
257
258            <style>
259                            .sf-nav-fixedY9KK67 {background: transparent!important;}
260                                        .child-color-submenu-Y9KK67 {background:white;}
261                                        @media (max-width: 768px) {
262                    .mobile-viewY9KK67 {background: #2C3944!important;}
263                }
264                                    
265            
266
267                             
268                .nav-fixed-Y9KK67 {background: rgba(255, 255, 255, 1)!important;}
269                
270                                    .nav-fixed-Y9KK67 .fixed-submenu-colorY9KK67 {background: white!important;}
271                            
272
273        </style>
274	            <div class="navigation-container sf-nav-fixedY9KK67 no-fixed sf-nav-fixed 
275                                        fixed-theme-light             
276            vertical-submenu"
277            id="sf-fixed-id-Y9KK67">      
278             <div class="container-wrap">
279            <div class="w-100 nav-container">
280    
281             <nav data-nav id="sf-nav-Y9KK67"
282            class="sf-nav w-100 m-0 p-0 d-flex align-items-streach justify-content-between flex-row flex-wrap">
283                <section class="left-section d-flex align-items-streach justify-content-between flex-row flex-wrap">
284                                                        <!--<a class="nav-logo" href="/">
285                <img src="image/list.jpg"
286                    class="hidden-md-down d-inline mr-2 w-75">
287            </a>-->
288        </section>
289                                <section style="justify-content:flex-start!important;" class="center-section align-items-streach mobile-level sf-scroll 
290            justify-content-start                            mobile-theme-dark mobile-viewY9KK67                        ">
291				            <button class="mobile-close sf-close" style="display:none"></button>
292            <h3 class="mobile-header m-0" style="display: none">
293                Меню            </h3>
294                   <ul class="nav-items d-inline-flex align-items-streach justify-content-start p-0 m-0">
295                                
296                                                                                                                            	
297                                    <li class="nav-item active">
298                                        <a class="p-2 t--1 allotment                                             item-link                                                                                        "
299                                            href="/resource/">
300                                                                                                                                        <sp
300an class="item-text">
301                                                    Полезные ссылки                                                </span>
302                                                                                        <span class="item-hover" style="display:none"></span>
303                                        </a>
304                                    </li>
305                                                                                                                                                                                        
306                                                                                                                            	
307                                    <li class="nav-item ">
308                                        <a class="p-2 t--1 allotment                                             item-link                                                                                        "
309                                            href="/noko/">
310                                                                                                                                        <span class="item-text">
311                                                    Независимая оценка качества                                                </span>
312                                                                                        <span class="item-hover" style="display:none"></span>
313                                        </a>
314                                    </li>
315                                                                                                                                                                                        
316                                                                                                                            	
317                                    <li class="nav-item ">
318                                        <a class="p-2 t--1 allotment                                             item-link                                                                                        "
319                                            href="/e-book-library/">
320                                                                                                                                        <span class="item-text">
321                                                    Электронные книги                                                </span>
322                                                                                        <span class="item-hover" style="display:none"></span>
323                                        </a>
324                                    </li>
325                                                                                                                                                                    
326                            </ul>
327                 </section>
328                                    <section class="right-section d-inline-flex align-items-streach justify-content-end flex-row flex-wrap">
329                                                                     
330                                                                                                    <button class="btn-mobile b-0 p-2 t--1"> 
331                            <i class="far fa-bars fa-lg" aria-hidden="true"></i>
332                        </button>
333                                       
334                         
335                                        				            </section>
336                </nav>
337                        </div>
338        </div>
339    
340     </div>  
341
342
343
344
345
346
347<script>
348    window.addEventListener("DOMContentLoaded", function() {
349        $('#sf-nav-Y9KK67').sfNavMulti({
350                                        searchContainer: false,
351                horizontalSubmenu: false,
352                                        transferHeadingItem: false,
353            //===================== ФИКСИРОВАННОЕ =====================//
354                                    fixedFlag: false,
355                //===================== ПОЛНОЭКРАННОЕ =====================//
356                                    fullScreenFlag: false,
357                //===================== ТРАНСФОРМ =====================//
358                                    transformFlag: true,
359                    transformPaddingOne: 'p-2 t--1',
360                    transformPaddingLower: ' t--1',
361                    transformEffectHover: 'allotment',
362                                            transformTheme: 'theme-light child-color-submenu-Y9KK67                                                                                                                                    fixed-theme-light-submenu fixed-submenu-colorY9KK67                                                                                    ', 
363                                    //===================== МОБИЛЬНОЕ =====================//
364                                    mobileFlag: true,
365                                    });
366
367    });
368</script>
368
369
370													</div>
371																																										 									</div>
372																					</div>
373					</div>
374					
375										
376				</div>
377												<div class="container-wrap py-4 " style="">
378										
379					<div class="container ">
380						<div class="row ">
381																								<div class=" col-12 col-lg-5 mb-3 mb-lg-0">
382									  										 <div class="d-flex align-items-center ">																																																<div class="mr-3 safari-logo-width ">
383																												
384	<a href="/">
385		<img src="/simai.data/image/logo/tsdb_logo_dark.png"  class="" style="max-height:4rem"/>
386	</a>
387													</div>
388																																																												<div class="t-solid ">
389																												
390
391	<a href="/" class="l-inherit l-underline-none m-0 c-text-primary t-title l-hover-underline-none">
392		<span class="t-0   ">
393			«Климовская детская библиотека»<br> Детский отдел МБУК КМЦБ		</span>
394	</a>
395													</div>
396																																	</div>									 									</div>
397																	<div class=" col-12 col-lg-4 t--1 d-flex align-items-center mb-3 mb-lg-0">
398									  										 <div class="">																																																<div class=" ">
399																												
400<i class="far fa-fw fa-map-marker-alt mr-2 c-primary" aria-hidden="true"></i>
401<span class="c-text-primary">
402	рп Климово, пл. Ленина 2, 2-й этаж</span>													</div>
403																																																												<div class=" ">
404																												
405	<i class="far fa-fw fa-phone mr-2 c-primary" aria-hidden="true"></i>
406		  		<span style="white-space:nowrap">
407			<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>
408				
409													</div>
410																																																												<div class=" ">
411																												
412<i class="far fa-fw fa-envelope mr-2 c-primary " aria-hidden="true"></i>
413<a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="mailto:[email protected]">
414	[email protected]</a>													</div>
415																																	</div>									 									</div>
416																	<div class=" col-12 col-lg-3 t--1 d-flex align-items-center">
417									  										 <div class="">																																																<div class="mb-2 ">
418																												
419<div  itemprop="copy" class=" position-relative d-inline-block">
420    <i class="far fa-fw fa-eye mr-2 c-primary" aria-hidden="true"></i>
421	<a class="c-text-primary sf-link sf-link-theme sf-link-dashed">
422	 Версия для слабовидящих	</a>
423		   <a href="#"  sf-special id ="special-link" style="position: absolute;width: 100%;height: 100%;top: 0px;left: 0px; background:none!important;"></a>
424	   	</div>
425													</div>
426																																																												<div class=" ">
427																												
428<span class="t--1 pt-1 pb-1 pl-2 pr-2 bg-red c-white r-1">
429	0+</span class="">													</div>
430																																	</div>									 									</div>
431																					</div>
432					</div>
433					
434										
435				</div>
436												<div class="container-wrap  " style="">
437										
438					<div class="">
439						<div class="row ">
440																								<div class=" col-12 ">
441									  										 																																																<div class=" ">
442																												
443
444
445
446
447
448
449<section class="swiper-container d-none d-sm-block" id="slider-FfYdzeGk">
450	<div class="swiper-wrapper" style="height: 281px">
451						<div 
452				id="bx_230391042_1659" 
453				class="swiper-slide sf-viewbox-wrap position-relative" 
454				style="height: 281px;"
455			>
456				<!-- image banner -->	
457									<!-- banner background color -->
458											<div class="sf-viewbox" style="background-color: #607D8B"></div>
459										
460					<!-- banner background image -->
461											<div class="sf-viewbox swiper-lazy" data-background="/upload/iblock/265/0dm4zyzxyf267k04mzs28ipy22vf73mi.jpg" style="background-size: cover; background-position: top center">
462							<div class="swiper-lazy-preloader sf-swiper-nav-circle-in">
463								<div class="sf-progress">
464									<div class="sf-progress-animation"></div>
465								</div>
466							</div>
467						</div>
468										
469					<!-- banner background video -->			
470										
471					<!-- banner color mask -->	
472										
473					<!-- banner pattern mask -->	
474							
475					
476					<!-- banner data -->	
477					<div class="sf-viewbox theme-light bg-transparent">
478						<div class="container h-100">
479							<div class="d-flex justify-content-between align-items-stretch sf-banner-main-wrap ">
480								
481
482															</div>
483						</div>
484					</div>
485					
486					<!-- fullbanner link -->	
487									
488								
489					
490				
491			</div>
492		</div>
493	
494	<!-- navigation -->	
495	<div class="sf-swiper-button sf-swiper-button-next sf-swiper-nav-circle-in" style="display:none"></div>
496	<div class="sf-swiper-button sf-swiper-button-prev sf-swiper-nav-circle-in" style="display:none"></div>
497	<div class="sf-swiper-pagination sf-swiper-nav-circle-in" style="display:none"></div>
498
499	</section>
500
501<script>
502// animation function
503function animationIn(animationId, msDelay, nameAnimation) {
504	animationId.css('animation-delay', msDelay/1000 + 's');
505	//console.log(nameAnimation);
506	animationId.addClass(nameAnimation + ' animated').on('animationend webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationEnd',
507	function() {
508		$(this).removeClass(nameAnimation + ' animated');
509	});
510}
511$titleS = $(document.querySelector('.title-animation'));
512$descriptionS = $(document.querySelector('.description-animation'));
513$imageS = $(document.querySelector('.image-animation'));
514$buttonS = $(document.querySelector('.button-animation'));
515
516// start animation on load slider
517	animationIn($titleS, '250', 'fadeInUp');
518	animationIn($descriptionS , '500', 'fadeInUp');
519	animationIn($imageS, '750', 'fadeInUp');
520	animationIn($buttonS, '1000', 'fadeInUp');
521	
522
523var arTitle = [],
524	arDesc = [],
525	arImage = [],
526	arButton = [];
527
528		var ar = ['250', 'fadeInUp'];
529		arTitle.push(ar);
530		var ar = ['500', 'fadeInUp'];
531		arDesc.push(ar);
532		var ar = ['750', 'fadeInUp'];
533		arImage.push(ar);
534		var ar = ['1000', 'fadeInUp'];
535		arButton.push(ar);
536	
537$(document).ready(function (){
538	var Aswiper = new Swiper({
539		el: '#slider-FfYdzeGk',
540		pagination: {
541			el: '.sf-swiper-pagination',
542		},
543		initialSlide: 0,
544		on : {
545			slideChangeTransitionStart : function() {
546				$title = $(this.slides[this.activeIndex]).find('.title-animation');
547				$description = $(this.slides[this.activeIndex]).find('.description-animation');
548				$image = $(this.slides[this.activeIndex]).find('.image-animation');
549				$button = $(this.slides[this.activeIndex]).find('.button-animation');
550
551															$title.css("opacity", "0");
552																$description.css("opacity", "0");
553																$image.css("opacity", "0");
554																$button.css("opacity", "0");
555									
556			},
557			slideChangeTransitionEnd : function() {
558				$title = $(this.slides[this.activeIndex]).find('.title-animation');
559				$description = $(this.slides[this.activeIndex]).find('.description-animation');
560				$image = $(this.slides[this.activeIndex]).find('.image-animation');
561				$button = $(this.slides[this.activeIndex]).find('.button-animation');
562					if(typeof(arTitle[this.realIndex]) != 'undefined'){
563						if(arTitle[this.realIndex][0] != '') {
564							$title.css("opacity", "1");
565							animationIn($title, arTitle[this.realIndex][0], arTitle[this.realIndex][1]);
566						}
567					}
568					
569				   if(typeof(arDesc[this.realIndex]) != 'undefined'){
570					  if(arDesc[this.realIndex][0] != '') {
571						 $description.css("opacity", "1");
572						 animationIn($description, arDesc[this.realIndex][0], arDesc[this.realIndex][1]);
573					  }
574				   }
575				   
576				   if(typeof(arImage[this.realIndex]) != 'undefined'){
577				  	 if(arImage[this.realIndex][0] != '') {
578						$image.css("opacity", "1");
579					 	animationIn($image, arImage[this.realIndex][0], arImage[this.realIndex][1]);
580					 }
581				   }
582				   
583				   if(typeof(arButton[this.realIndex]) != 'undefined'){
584					   
585					 if(arButton[this.realIndex][0] != '') {
586						$button.css("opacity", "1");
587						animationIn($button, arButton[this.realIndex][0], arButton[this.realIndex][1]);
588					 }
589					 
590				   }
591			},
592		},
593		loop: true,
594		navigation: {
595			nextEl:'.sf-swiper-button-next',
596			prevEl: '.sf-swiper-button-prev',
597		},
598		lazy: true,
599		effect: 'fade',
600		autoHeight: false,
601			});
602
603
604	var flag = false,
605		flag2 = false;
606
607	setInterval(function() {
608
609		var element = Aswiper.slides[Aswiper.activeIndex];
610		var container = document.getElementById(Aswiper.el.id);
611		
612		if(typeof element == "undefined"){
613			var dark = null;
614			var light = null;
615		}else{
616		    var dark = element.querySelector('.theme-dark');
617		    var light = element.querySelector('.theme-light');
618		}
619
620		if(dark != null) {
621			if(dark.classList.contains('theme-dark') && !container.classList.contains('theme-dark'))
622				container.classList.add('theme-dark');
623			else if(!dark.classList.contains('theme-dark') && container.classList.contains('theme-dark'))
624				container.classList.remove('theme-dark');
625		} else if(container.classList.contains('theme-dark')) {
626			container.classList.remove('theme-dark');
627		}
628			
629		if(light != null) {
630			if(light.classList.contains('theme-light') && !container.classList.contains('theme-light'))
631				container.classList.toggle('theme-light');
632			else if(!light.classList.contains('theme-light') && container.classList.contains('theme-light'))
633				// Удаляем
634				container.classList.remove('theme-light');
635		}  else if(container.classList.contains('theme-light')) {
636			container.classList.remove('theme-light');
637		}
638
639	}, 100);
640});
641</script>
641
642													</div>
643																																										 									</div>
644																					</div>
645					</div>
646					
647										
648				</div>
649												<div class="container-wrap  " style="">
650										
651					<div class="">
652						<div class="row ">
653																								<div class=" col-12 ">
654									  										 																																																<div class=" ">
655																												
656
657
658<style>
659   .overflow-hidden {
660        overflow: hidden!important;
661    }
662    .text-t-u {
663        text-transform: uppercase;
664    }
665	
666	
667.sf-left-catalog > ul > li > .catalog-submenu > .submenu a span.submenu-indicator{
668    height: 1.5rem;
669    width: 1.5rem;
670    top: 7px;
671}
672
673.sf-nav-fixed .container-wrap .nav-container .sf-nav section.right-section .nav-search form .inner-search {
674    z-index: 99;
675}
676
677@media (max-width: 768px) {
678	
679	.mobile-level{
680		flex-direction: column !important;
681	}
682	.item-text{
683		white-space: normal !important;
684	}
685}
686
687</style>
688
689            <style>
690                            .sf-nav-fixed1IOQ8p {background: #963000!important;}
691                                        .child-color-submenu-1IOQ8p {background:#f8f9fa;}
692                                        @media (max-width: 768px) {
693                    .mobile-view1IOQ8p {background: #2C3944!important;}
694                }
695                                        .full-screen-color-1IOQ8p {background: white!important;}
696                        
697            
698
699                             
700                .nav-fixed-1IOQ8p {background: white!important;}
701                
702                                    .nav-fixed-1IOQ8p .fixed-submenu-color1IOQ8p {background: white!important;}
703                            
704
705        </style>
706	            <div class="navigation-container sf-nav-fixed1IOQ8p no-fixed sf-nav-fixed 
707                            theme-dark 
708                                        fixed-theme-light             
709            vertical-submenu"
710            id="sf-fixed-id-1IOQ8p">      
711             <div class="container-wrap">
712            <div class="w-100 nav-container">
713    
714             <nav data-nav id="sf-nav-1IOQ8p"
715            class="sf-nav w-100 m-0 p-0 d-flex align-items-streach justify-content-between flex-row flex-wrap">
716                <section class="left-section d-flex align-items-streach justify-content-between flex-row flex-wrap">
717                                                        <!--<a class="nav-logo" href="/">
718                <img src="image/list.jpg"
719                    class="hidden-md-down d-inline mr-2 w-75">
720            </a>-->
721        </section>
722                                <section style="justify-content:flex-start!important;" class="center-section align-items-streach mobile-level sf-scroll 
723            justify-content-start                            mobile-theme-dark mobile-view1IOQ8p                        ">
724				            <button class="mobile-close sf-close" style="display:none"></button>
725            <h3 class="mobile-header m-0" style="display: none">
726                Меню            </h3>
727                   <ul class="nav-items d-inline-flex align-items-streach justify-content-start p-0 m-0">
728                                
729                                                                                                                                                        <li class="nav-item  ">
730
731                                    <a class="p-3 t--1 blackout                                         item-link                                                                                 text-t-u" 
732                                        href="/about/">
733                                                                                                                            <span class="item-text">
734                                                О нас                                            </span>
735                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
736                                                <i class="far fa-angle-down" aria-hidden="true"></i>
737                                            </span>
738                                                                                <sp
738an class="item-hover" style="display:none"></span>
739                                    </a>
740                                    
741                                    <!-- -->
742                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
743                                                                                            theme-light child-color-submenu-1IOQ8p 
744                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color1IOQ8p                                                                                                                                                                                        mobile-theme-dark mobile-view1IOQ8p                                            " style="z-index:100">
745                                            <div class="content-mobile-horizontal" style="display:none">
746                                                <h3 class="mobile-header m-0" style="display:none">
747                                                    О нас                                                </h3>
748                                                <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
749                                                    <span class="back-icon mr-2">
750                                                        <i class="far fa-arrow-left"></i>
751                                                    </span>
752                                                    <span class="back-text">
753                                                        Назад                                                    </span>
754                                                </a>
755                                            </div>
756                                            <ul class="nav-items submenu-items p-0 container w-100">
757                                                <li class="nav-item one-mobile  one-link">
758                                                <a class="p-3 t-0                                                     item-link" 
759                                                        href="/about/">
760                                                        <span class="item-text">
761                                                            О нас                                                        </span>
762                                                    </a>
763                                                                                                                                                                                            
764                                                                                                                                                                <li class="nav-item ">
765                                        <a class="p-3 t-0 item-link" href="/about/">
766                                                                                        <span class="item-text">
767                                                О нас                                            </span>
768                                        </a>
769                                    </li>													
770                                                                                                                                                                                        
771                                                                                                                                                                <li class="nav-item ">
772                                        <a class="p-3 t-0 item-link" href="/about/employee/">
773                                                                                        <span class="item-text">
774                                                Сотрудники                                            </span>
775                                        </a>
776                                    </li>													
777                                                                                                                                                                                        
778                                                                                                                                                                <li class="nav-item ">
779                                        <a class="p-3 t-0 item-link" href="/about/stru
779ct/">
780                                                                                        <span class="item-text">
781                                                Структура организации                                            </span>
782                                        </a>
783                                    </li>													
784                                                                                                                                                                                        
785                                                                                                                                                                <li class="nav-item ">
786                                        <a class="p-3 t-0 item-link" href="/about/award/">
787                                                                                        <span class="item-text">
788                                                Достижения                                            </span>
789                                        </a>
790                                    </li>													
791                                                                                                                                                                                        
792                                                                                                                                                                <li class="nav-item ">
793                                        <a class="p-3 t-0 item-link" href="/about/rules/">
794                                                                                        <span class="item-text">
795                                                Правила поведения                                            </span>
796                                        </a>
797                                    </li>													
798                                                                                                                                                                                        
799                                                                                                                                                                <li class="nav-item ">
800                                        <a class="p-3 t-0 item-link" href="/about/partners/">
801                                                                                        <span class="item-text">
802                                                Партнёры                                            </span>
803                                        </a>
804                                    </li>													
805                                                                                                                                                                                        
806                                                                                                                                                                <li class="nav-item ">
807                                        <a class="p-3 t-0 item-link" href="/about/contact/">
808                                                                                        <span class="item-text">
809                                                Контакты                                            </span>
810                                        </a>
811                                    </li>													
812                                                                                                                                                                                                                                            </ul>
813                                </div>
814                                    </li>
815                    
816                                                                                                                                                        <li class="nav-item  ">
817
818                                    <a class="p-3 t--1 blackout                                         item-link                                                                                 text-t-u" 
819                                        href="/event/">
820                                                                                                                            <sp
820an class="item-text">
821                                                События                                            </span>
822                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
823                                                <i class="far fa-angle-down" aria-hidden="true"></i>
824                                            </span>
825                                                                                <span class="item-hover" style="display:none"></span>
826                                    </a>
827                                    
828                                    <!-- -->
829                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
830                                                                                            theme-light child-color-submenu-1IOQ8p 
831                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color1IOQ8p                                                                                                                                                                                        mobile-theme-dark mobile-view1IOQ8p                                            " style="z-index:100">
832                                            <div class="content-mobile-horizontal" style="display:none">
833                                                <h3 class="mobile-header m-0" style="display:none">
834                                                    События                                                </h3>
835                                                <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
836                                                    <span class="back-icon mr-2">
837                                                        <i class="far fa-arrow-left"></i>
838                                                    </span>
839                                                    <span class="back-text">
840                                                        Назад                                                    </span>
841                                                </a>
842                                            </div>
843                                            <ul class="nav-items submenu-items p-0 container w-100">
844                                                <li class="nav-item one-mobile  one-link">
845                                                <a class="p-3 t-0                                                     item-link" 
846                                                        href="/event/">
847                                                        <span class="item-text">
848                                                            События                                                        </span>
849                                                    </a>
850                                                                                                                                                                                            
851                                                                                                                                                                <li class="nav-item ">
852                                        <a class="p-3 t-0 item-link" href="/event/">
853                                                                                        <span class="item-text">
854                                                Мероприятия                                            </span>
855                                        </a>
856                                    </li>													
857                                                                                                                                                                                        
858                                                                                                                                                                <li class="nav-item ">
859                                        <a class="p-3 t-0 item-link" href="/event/project/">
860                                                                                        <sp
860an class="item-text">
861                                                Проекты и конкурсы                                            </span>
862                                        </a>
863                                    </li>													
864                                                                                                                                                                                                                                            </ul>
865                                </div>
866                                    </li>
867                    
868                                                                                                                                                        <li class="nav-item  ">
869
870                                    <a class="p-3 t--1 blackout                                         item-link                                                                                 text-t-u" 
871                                        href="/nashi-proekty/">
872                                                                                                                            <span class="item-text">
873                                                Наши проекты                                            </span>
874                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
875                                                <i class="far fa-angle-down" aria-hidden="true"></i>
876                                            </span>
877                                                                                <span class="item-hover" style="display:none"></span>
878                                    </a>
879                                    
880                                    <!-- -->
881                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
882                                                                                            theme-light child-color-submenu-1IOQ8p 
883                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color1IOQ8p                                                                                                                                                                                        mobile-theme-dark mobile-view1IOQ8p                                            " style="z-index:100">
884                                            <div class="content-mobile-horizontal" style="display:none">
885                                                <h3 class="mobile-header m-0" style="display:none">
886                                                    Наши проекты                                                </h3>
887                                                <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
888                                                    <span class="back-icon mr-2">
889                                                        <i class="far fa-arrow-left"></i>
890                                                    </span>
891                                                    <span class="back-text">
892                                                        Назад                                                    </span>
893                                                </a>
894                                            </div>
895                                            <ul class="nav-items submenu-items p-0 container w-100">
896                                                <li class="nav-item one-mobile  one-link">
897                                                <a class="p-3 t-0                                                     item-link" 
898                                                        href="/nashi-proekty/">
899                                                        <span class="item-text">
900                                                            Наши проекты                                                        </span>
901                                                    </a>
902                                                                                                                                                                                            
903                                                                                                                                                                <li class="nav-item ">
904                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/zametki/">
905                                                                                        <span class="item-text">
906                                                Заметки                                            </span>
907                                        </a>
908                                    </li>													
909                                                                                                                                                                                        
910                                                                                                                                                            <li class="nav-item ">
911                                    <a class="p-3 t-0                                         item-link" 
912                                        href="/nashi-proekty/kopilka-opyta/">
913
914                                                                                        
915                                            <span class="item-text">
916                                                Копилка опыта                                            </span>
917                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
918                                                    <i class="far fa-angle-down" aria-hidden="true"></i>
919                                                </span>
920                                                                                    </a>
921                                        
922                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
923                                                                                                    theme-light child-color-submenu-1IOQ8p 
924                                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color1IOQ8p                                                                                                                                                                                                        mobile-theme-dark mobile-view1IOQ8p                                                ">
925                                                <div class="content-mobile-horizontal" style="display:none">
926                                                    <h3 class="mobile-header" style="display:none">Копилка опыта</h3>
927                                                    <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
928                                                        <span class="back-icon mr-2">
929                                                            <i class="far fa-arrow-left"></i>
930                                                        </span>
931                                                        <span class="back-text">
932                                                            Назад                                                        </span>
933                                                    </a>
934                                                </div>
935                                                <ul class="nav-items submenu-items p-0 container w-100">
936                                                <li class="nav-item one-mobile ">
937                                                <a class="p-3 t-0                                                     item-link"
938                                                            href="/nashi-proekty/kopilka-opyta/">
939                                                                                                                        <sp
939an class="item-text">
940                                                                Копилка опыта                                                            </span>
941                                                        </a>
942                                                                                                                                                                                                
943                                                                                                                                                                <li class="nav-item ">
944                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/zdorovyy-obraz-zhizni/">
945                                                                                        <span class="item-text">
946                                                Здоровый образ жизни                                            </span>
947                                        </a>
948                                    </li>													
949                                                                                                                                                                                        
950                                                                                                                                                                <li class="nav-item ">
951                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/patrioticheskoe-vospitanie/">
952                                                                                        <span class="item-text">
953                                                Патриотическое воспитание                                            </span>
954                                        </a>
955                                    </li>													
956                                                                                                                                                                                                                                            </ul>
957                                </div>
958                                    </li>
959                    
960                                                                                                                                                            <li class="nav-item ">
961                                    <a class="p-3 t-0                                         item-link" 
962                                        href="/nashi-proekty/pravovaya-gostinaya/">
963
964                                                                                        
965                                            <span class="item-text">
966                                                Правовая гостиная                                            </span>
967                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
968                                                    <i class="far fa-angle-down" aria-hidden="true"></i>
969                                                </span>
970                                                                                    </a>
971                                        
972                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
973                                                                                                    theme-light child-color-submenu-1IOQ8p 
974                                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color1IOQ8p                                                                                                                                                                                                        mobile-theme-dark mobile-view1IOQ8p                                                ">
975                                                <div class="content-mobile-horizontal" style="display:none">
976                                                    <h3 class="mobile-header" style="display:none">Правовая гостиная</h3>
977                                                    <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
978                                                        <span class="back-icon mr-2">
979                                                            <i class="far fa-arrow-left"></i>
980                                                        </span>
981                                                        <span class="back-text">
982                                                            Назад                                                        </span>
983                                                    </a>
984                                                </div>
985                                                <ul class="nav-items submenu-items p-0 container w-100">
986                                                <li class="nav-item one-mobile ">
987                                                <a class="p-3 t-0                                                     item-link"
988                                                            href="/nashi-proekty/pravovaya-gostinaya/">
989                                                                                                                        <span class="item-text">
990                                                                Правовая гостиная                                                            </span>
991                                                        </a>
992                                                                                                                                                                                                
993                                                                                                                                                                <li class="nav-item ">
994                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/velikaya-otechestvennaya-voyna/">
995                                                                                        <span class="item-text">
996                                                Великая Отечественная война                                            </span>
997                                        </a>
998                                    </li>													
999                                                                                                                                                                                                                                            </ul>
1000                                </div>
1001                                    </li>
1002                    
1003                                                                                                                                                            <li class="nav-item ">
1004                                    <a class="p-3 t-0                                         item-link" 
1005                                        href="/nashi-proekty/strana-chitlyandiya/">
1006
1007                                                                                        
1008                                            <span class="item-text">
1009                                                Страна Читляндия                                            </span>
1010                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1011                                                    <i class="far fa-angle-down" aria-hidden="true"></i>
1012                                                </span>
1013                                                                                    </a>
1014                                        
1015                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
1016                                                                                                    theme-light child-color-submenu-1IOQ8p 
1017                                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color1IOQ8p                                                                                                                                                                                                        mobile-theme-dark mobile-view1IOQ8p                                                ">
1018                                                <div class="content-mobile-horizontal" style="display:none">
1019                                                    <h3 class="mobile-header" style="display:none">Страна Читляндия</h3>
1020                                                    <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1021                                                        <span class="back-icon mr-2">
1022                                                            <i class="far fa-arrow-left"></i>
1023                                                        </span>
1024                                                        <span class="back-text">
1025                                                            Назад                                                        </span>
1026                                                    </a>
1027                                                </div>
1028                                                <ul class="nav-items submenu-items p-0 container w-100">
1029                                                <li class="nav-item one-mobile ">
1030                                                <a class="p-3 t-0                                                     item-link"
1031                                                            href="/nashi-proekty/strana-chitlyandiya/">
1032                                                                                                                        <span class="item-text">
1033                                                                Страна Читляндия                                                            </span>
1034                                                        </a>
1035                                                                                                                                                                                                
1036                                                                                                                                                                <li class="nav-item ">
1037                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/tematicheskie-vystavki/">
1038                                                                                        <span class="item-text">
1039                                                Тематические выставки                                            </span>
1040                                        </a>
1041                                    </li>													
1042                                                                                                                                                                                        
1043                                                                                                                                                                <li class="nav-item ">
1044                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/prodvizhenie-chteniya/">
1045                                                                                        <span class="item-text">
1046                                                Продвижение чтения                                            </span>
1047                                        </a>
1048                                    </li>													
1049                                                                                                                                                                                        
1050                                                                                                                                                                <li class="nav-item ">
1051                                        <a class="p-3 t-0 item-link" href="/nashi-proekty/sovetuem-prochitat-knigi-o-voyne/">
1052                                                                                        <span class="item-text">
1053                                                Советуем прочитать: книги о войне                                            </span>
1054                                        </a>
1055                                    </li>													
1056                                                                                                                                                                                                                                            </ul></div></li>                                                    </ul>
1057                                </div>
1058                                    </li>
1059                    
1060                                                                                                                            	
1061                                    <li class="nav-item ">
1062                                        <a class="p-3 t--1 blackout                                             item-link                                                                                         text-t-u"
1063                                            href="/tematicheskie-vystavki/">
1064                                                                                                                                        <sp
1064an class="item-text">
1065                                                    Тематические выставки                                                </span>
1066                                                                                        <span class="item-hover" style="display:none"></span>
1067                                        </a>
1068                                    </li>
1069                                                                                                                                                                                        
1070                                                                                                                            	
1071                                    <li class="nav-item ">
1072                                        <a class="p-3 t--1 blackout                                             item-link                                                                                         text-t-u"
1073                                            href="/novelty/">
1074                                                                                                                                        <span class="item-text">
1075                                                    Новинки                                                </span>
1076                                                                                        <span class="item-hover" style="display:none"></span>
1077                                        </a>
1078                                    </li>
1079                                                                                                                                                                                        
1080                                                                                                                                                        <li class="nav-item  ">
1081
1082                                    <a class="p-3 t--1 blackout                                         item-link                                                                                 text-t-u" 
1083                                        href="/press-center/">
1084                                                                                                                            <span class="item-text">
1085                                                Пресс-центр                                            </span>
1086                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1087                                                <i class="far fa-angle-down" aria-hidden="true"></i>
1088                                            </span>
1089                                                                                <span class="item-hover" style="display:none"></span>
1090                                    </a>
1091                                    
1092                                    <!-- -->
1093                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-center
1094                                                                                            theme-light child-color-submenu-1IOQ8p 
1095                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color1IOQ8p                                                                                                                                                                                        mobile-theme-dark mobile-view1IOQ8p                                            " style="z-index:100">
1096                                            <div class="content-mobile-horizontal" style="display:none">
1097                                                <h3 class="mobile-header m-0" style="display:none">
1098                                                    Пресс-центр                                                </h3>
1099                                                <a class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1100                                                    <span class="back-icon mr-2">
1101                                                        <i class="far fa-arrow-left"></i>
1102                                                    </span>
1103                                                    <span class="back-text">
1104                                                        Назад                                                    </span>
1105                                                </a>
1106                                            </div>
1107                                            <ul class="nav-items submenu-items p-0 container w-100">
1108                                                <li class="nav-item one-mobile  one-link">
1109                                                <a class="p-3 t-0                                                     item-link" 
1110                                                        href="/press-center/">
1111                                                        <span class="item-text">
1112                                                            Пресс-центр                                                        </span>
1113                                                    </a>
1114                                                                                                                                                                                            
1115                                                                                                                                                                <li class="nav-item ">
1116                                        <a class="p-3 t-0 item-link" href="/press-center/announce/">
1117                                                                                        <span class="item-text">
1118                                                Объявления                                            </span>
1119                                        </a>
1120                                    </li>													
1121                                                                                                                                                                                        
1122                                                                                                                                                                <li class="nav-item ">
1123                                        <a class="p-3 t-0 item-link" href="/press-center/photo/">
1124                                                                                        <span class="item-text">
1125                                                Фотогалерея                                            </span>
1126                                        </a>
1127                                    </li>													
1128                                                                                                                                                                                        
1129                                                                                                                                                                <li class="nav-item ">
1130                                        <a class="p-3 t-0 item-link" href="/press-center/video/">
1131                                                                                        <span class="item-text">
1132                                                Видеогалерея                                            </span>
1133                                        </a>
1134                                    </li>													
1135                                                                                                                                                                                        
1136                                                                                                                                                                <li class="nav-item ">
1137                                        <a class="p-3 t-0 item-link" href="/press-center/presentation/">
1138                                                                                        <sp
1138an class="item-text">
1139                                                Презентации                                            </span>
1140                                        </a>
1141                                    </li>													
1142                                                                                                                                                                    
1143                                                                </ul>
1144                        </div>
1145                    </li>
1146                            </ul>
1147                 </section>
1148                                    <section class="right-section d-inline-flex align-items-streach justify-content-end flex-row flex-wrap">
1149                                                                     
1150                                                                                                    <button class="btn-mobile b-0 p-3 t--1"> 
1151                            <i class="far fa-bars fa-lg" aria-hidden="true"></i>
1152                        </button>
1153                                       
1154                         
1155                                                    <style>
1156	.nav-live-search {
1157		top: 100%!important;
1158		left: 0!important;
1159	}
1160	.title-search-selected {
1161		background-color: rgba(0,0,0,0.12);
1162	}
1163</style>
1164		<div class="nav-search">
1165			<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;">
1166				<div id="title-search" class="inner-search d-block w-100 h-100">
1167					<div class="d-flex align-items-center justify-content-center h-100 w-100">
1168						<input id="title-search-input" class="input-search d-block p-2 m-0" style="width:inherit" type="" name="q" placeholder="Поиск" autocomplete="off"/>
1169					</div>
1170					<button class="sf-close t-1 sf-close-center"></button>
1171				</div>
1172			</form>
1173			<div class="btn-search b-0 p-3 t--1">
1174				<i class="far fa-search fa-lg" aria-hidden="true"></i>
1175			</div>
1176		</div>
1177<script>
1178	BX.ready(function(){
1179		new JCTitleSearch({
1180			'AJAX_PAGE' : '/resource/',
1181			'CONTAINER_ID': 'title-search',
1182			'INPUT_ID': 'title-search-input',
1183			'MIN_QUERY_LEN': 2
1184		});
1185	});
1186</script>
1186
1187                                        				            </section>
1188                </nav>
1189                        </div>
1190        </div>
1191    
1192     </div>  
1193
1194
1195
1196
1197
1198
1199<script>
1200    window.addEventListener("DOMContentLoaded", function() {
1201        $('#sf-nav-1IOQ8p').sfNavMulti({
1202                                        searchContainer: false,
1203                horizontalSubmenu: false,
1204                                        transferHeadingItem: false,
1205            //===================== ФИКСИРОВАННОЕ =====================//
1206                                    fixedFlag: false,
1207                //===================== ПОЛНОЭКРАННОЕ =====================//
1208                                    fullScreenFlag: false,
1209                //===================== ТРАНСФОРМ =====================//
1210                                    transformFlag: true,
1211                    transformPaddingOne: 'p-3 t--1',
1212                    transformPaddingLower: ' t-0',
1213                    transformEffectHover: 'blackout',
1214                                            transformTheme: 'theme-light child-color-submenu-1IOQ8p                                                                                                                                    fixed-theme-light-submenu fixed-submenu-color1IOQ8p                                                                                    ', 
1215                                    //===================== МОБИЛЬНОЕ =====================//
1216                                    mobileFlag: true,
1217                                    });
1218
1219    });
1220</script>
1220
1221
1222													</div>
1223																																										 									</div>
1224																					</div>
1225					</div>
1226					
1227										
1228				</div>
1229												<div class="container-wrap l-inherit l-underline-none shadow-2 " style="">
1230										
1231					<div class="container ">
1232						<div class="row ">
1233																								<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">
1234									  										 																																																<div class=" ">
1235																												<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="/resource/" title="Полезные ссылки"  itemprop="item"><span itemprop="name">Полезные ссылки</span></a><meta itemprop="position" content="0" /></li></ol>													</div>
1236																																										 									</div>
1237																	<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">
1238									  										 																																																<div class=" ">
1239																												<section 
1240	class="
1241		sf-share
1242		 
1243			theme-dark 
1244				 
1245			justify-content-end 
1246				bg-transparent
1247	"
1248>
1249 			<div 
1250			class="
1251				sf-share-btn 
1252				 
1253					bg-vk wave-light
1254								mr-1 
1255				mr-1 mb-0 circle			" 
1256			data-service="vkontakte" 
1257					>
1258			 
1259				<div 
1260					class="
1261						sf-share-icon 
1262						p-1 
1263												 
1264																			t-0 
1265						 
1266					"
1267				>
1268					<i class="fab fa-vk fa-fw"></i>
1269				</div>
1270										
1271		</div>
1272			<div 
1273			class="
1274				sf-share-btn 
1275				 
1276					bg-ok wave-light
1277								mr-1 
1278				mr-1 mb-0 circle			" 
1279			data-service="odnoklassniki" 
1280					>
1281			 
1282				<div 
1283					class="
1284						sf-share-icon 
1285						p-1 
1286												 
1287																			t-0 
1288						 
1289					"
1290				>
1291					<i class="fab fa-odnoklassniki fa-fw"></i>
1292				</div>
1293										
1294		</div>
1295			<div 
1296			class="
1297				sf-share-btn 
1298				 
1299					bg-print wave-light
1300								mr-1 
1301				mr-1 mb-0 circle			" 
1302			data-service="print" 
1303			onclick='window.print()'		>
1304			 
1305				<div 
1306					class="
1307						sf-share-icon 
1308						p-1 
1309												 
1310																			t-0 
1311						 
1312					"
1313				>
1314					<i class="far fa-print  fa-fw"></i>
1315				</div>
1316										
1317		</div>
1318	 </section>
1319
1320
1321													</div>
1322																																										 									</div>
1323																					</div>
1324					</div>
1325					
1326										
1327				</div>
1328											</section>	
1329</div>
1330
1331				</header>
1332				
1333				<div class="container">
1334												
1335					<section 
1336						class = 
1337							"
1338								sf-page-area 
1339								sf-page-area-section
1340								row
1341															"
1342					> 
1343
1344											<aside 
1345							class = "
1346								sf-sidebar-area 
1347								sf-sidebar-area-left 
1348								col-12 
1349								d-print-none 
1350								col-md-4 
1351								order-default order-md-first mb-4							"
1352						>
1353							 
1354<div style="position:relative">
1355  <section class="sf-grid-area  ">
1356
1357										<div class="container-wrap  " style="">
1358										
1359					<div class="">
1360						<div class="row ">
1361																								<div class=" col-12 ">
1362									  										 																																																<div class=" ">
1363																																									</div>
1364																																										 									</div>
1365																					</div>
1366					</div>
1367					
1368										
1369				</div>
1370												<div class="container-wrap  " style="">
1371										
1372					<div class="">
1373						<div class="row ">
1374																								<div class=" col-12 ">
1375									  										 																																																<div class=" ">
1376																												
1377
1378
1379
1380
1381
1382
1383	<section class="sf-iblock-card-area lazyload sf-viewbox-wrap  bg-transparent">
1384
1385				
1386				
1387			
1388	
1389		<div class="sf-viewbox position-relative"> 
1390						
1391						
1392								
1393								
1394						
1395					<div class="row">
1396																				<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" >
1397								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='0ms'>
1398									<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">
1399																					<div class="iblock-list-item-image ">
1400												<div class="">
1401													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1402														
1403																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="ОПАК ГлобаÐ
1403»" data-src="/upload/iblock/b92/e3op16u2ersevqi7ibue8lcqodn0u8fe.jpg" style="max-height: 250px">
1404																												<div class="sf-viewbox sf-special-hidden">
1405															<div class="align-middle t-center p-3">
1406																ОПАК Глобал															</div>
1407														</div>
1408																																											<a class="sf-viewbox" href="https://opac.libryansk.ru/opacg/" target="_blank" style="background-color: transparent!important"></a>
1409																											</div>
1410												</div>
1411											</div>
1412																																									<div class="iblock-list-item-text ">
1413																								
1414																										
1415												
1416											</div>
1417																														
1418									</div>
1419								</div>
1420							</div>
1421																				<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" >
1422								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='300ms'>
1423									<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">
1424																					<div class="iblock-list-item-image ">
1425												<div class="">
1426													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1427														
1428																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Климовская центральная библиотека" data-src="/upload/iblock/575/neqjakmkkqzvf9sm09f1dsbniay2f90x.png" style="max-height: 250px">
1429																												<div class="sf-viewbox sf-special-hidden">
1430															<div class="align-middle t-center p-3">
1431																Климовская центральная библиотека															</div>
1432														</div>
1433																																											<a class="sf-viewbox" href="https://klimovo-mcb.ru/" target="_blank" style="background-color: transparent!important"></a>
1434																											</div>
1435												</div>
1436											</div>
1437																																									<div class="iblock-list-item-text ">
1438																								
1439																										
1440												
1441											</div>
1442																														
1443									</div>
1444								</div>
1445							</div>
1446																				<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" >
1447								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='600ms'>
1448									<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">
1449																					<div class="iblock-list-item-image ">
1450												<div class="">
1451													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1452														
1453																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Брянская областная детская библиотека" data-src="/upload/iblock/5e2/3ouxznimmj6wvtqkyx0wrmzyso06fx22.png" style="max-height: 250px">
1454																												<div class="sf-viewbox sf-special-hidden">
1455															<div class="align-middle t-center p-3">
1456																Брянская областная детская библиотека															</div>
1457														</div>
1458																																											<a class="sf-viewbox" href="https://children.libryansk.ru/" target="_blank" style="background-color: transparent!important"></a>
1459																											</div>
1460												</div>
1461											</div>
1462																																									<div class="iblock-list-item-text ">
1463																								
1464																										
1465												
1466											</div>
1467																														
1468									</div>
1469								</div>
1470							</div>
1471																				<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" >
1472								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='900ms'>
1473									<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">
1474																					<div class="iblock-list-item-image ">
1475												<div class="">
1476													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1477														
1478																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Брянская областная научная библиотека" data-src="/upload/iblock/7f7/0q9vz65p6kuqjxtwn43epdo1xbid127t.png" style="max-height: 250px">
1479																												<div class="sf-viewbox sf-special-hidden">
1480															<div class="align-middle t-center p-3">
1481																Брянская областная научная библиотека															</div>
1482														</div>
1483																																											<a class="sf-viewbox" href="https://libryansk.ru/" target="_blank" style="background-color: transparent!important"></a>
1484																											</div>
1485												</div>
1486											</div>
1487																																									<div class="iblock-list-item-text ">
1488																								
1489																										
1490												
1491											</div>
1492																														
1493									</div>
1494								</div>
1495							</div>
1496																				<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" >
1497								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='1200ms'>
1498									<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">
1499																					<div class="iblock-list-item-image ">
1500												<div class="">
1501													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1502														
1503																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Российская Государственная Детская библиотека" data-src="/upload/iblock/96d/9wnspl294161dm5sjydiyag7rddt8vt4.png" style="max-height: 250px">
1504																												<div class="sf-viewbox sf-special-hidden">
1505															<div class="align-middle t-center p-3">
1506																Российская Государственная Детская библиотека															</div>
1507														</div>
1508																																											<a class="sf-viewbox" href="https://rgdb.ru/" target="_blank" style="background-color: transparent!important"></a>
1509																											</div>
1510												</div>
1511											</div>
1512																																									<div class="iblock-list-item-text ">
1513																								
1514																										
1515												
1516											</div>
1517																														
1518									</div>
1519								</div>
1520							</div>
1521																				<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" >
1522								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='1500ms'>
1523									<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">
1524																					<div class="iblock-list-item-image ">
1525												<div class="">
1526													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1527														
1528																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Пушкинская карта" data-src="/upload/iblock/204/4wx9e2of5jgk4aizcw89e8eui4om2soq.jpg" style="max-height: 250px">
1529																												<div class="sf-viewbox sf-special-hidden">
1530															<div class="align-middle t-center p-3">
1531																Пушкинская карта															</div>
1532														</div>
1533																																											<a class="sf-viewbox" href="https://www.culture.ru/pushkinskaya-karta" target="_blank" style="background-color: transparent!important"></a>
1534																											</div>
1535												</div>
1536											</div>
1537																																									<div class="iblock-list-item-text ">
1538																								
1539																										
1540												
1541											</div>
1542																														
1543									</div>
1544								</div>
1545							</div>
1546																				<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" >
1547								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='1800ms'>
1548									<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">
1549																					<div class="iblock-list-item-image ">
1550												<div class="">
1551													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1552														
1553																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Культура-РФ" data-src="/upload/iblock/642/twq2c8eat5aqo91a39ppxocjfh8ulduy.png" style="max-height: 250px">
1554																												<div class="sf-viewbox sf-special-hidden">
1555															<div class="align-middle t-center p-3">
1556																Культура-РФ															</div>
1557														</div>
1558																																											<a class="sf-viewbox" href="https://pro.culture.ru/" target="_blank" style="background-color: transparent!important"></a>
1559																											</div>
1560												</div>
1561											</div>
1562																																									<div class="iblock-list-item-text ">
1563																								
1564																										
1565												
1566											</div>
1567																														
1568									</div>
1569								</div>
1570							</div>
1571																				<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" >
1572								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='2100ms'>
1573									<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">
1574																					<div class="iblock-list-item-image ">
1575												<div class="">
1576													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1577														
1578																													<img  class="img-fluid lazyload  " src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Государственные услуги" data-src="/upload/iblock/84c/c95mga7ziwrewaj0a5qmsrho5n6805oa.png" style="max-height: 250px">
1579																												<div class="sf-viewbox sf-special-hidden">
1580															<div class="align-middle t-center p-3">
1581																Государственные услуги															</div>
1582														</div>
1583																																											<a class="sf-viewbox" href="https://www.gosuslugi.ru/" target="_blank" style="background-color: transparent!important"></a>
1584																											</div>
1585												</div>
1586											</div>
1587																																									<div class="iblock-list-item-text ">
1588																								
1589																										
1590												
1591											</div>
1592																														
1593									</div>
1594								</div>
1595							</div>
1596																				<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" >
1597								<div class="iblock-list-item-wrap   wow fadeInRight " data-wow-delay='2400ms'>
1598									<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">
1599																					<div class="iblock-list-item-image ">
1600												<div class="">
1601													<div class="sf-viewbox-wrap hover  wave-light  " style="">
1602														
1603																													<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">
1604																												<div class="sf-viewbox sf-special-hidden">
1605															<div class="align-middle t-center p-3">
1606																Независимая оценка															</div>
1607														</div>
1608																																											<a class="sf-viewbox" href="https://forms.mkrf.ru/e/2579/xTPLeBU7/?ap_orgcode=430220454" target="_blank" style="background-color: transparent!important"></a>
1609																											</div>
1610												</div>
1611											</div>
1612																																									<div class="iblock-list-item-text ">
1613																								
1614																										
1615												
1616											</div>
1617																														
1618									</div>
1619								</div>
1620							</div>
1621											</div>
1622						
1623										
1624						
1625
1626										</div>
1627	</section>
1628	
1629		
1630													</div>
1631																																										 									</div>
1632																					</div>
1633					</div>
1634					
1635										
1636				</div>
1637												<div class="container-wrap  " style="">
1638										
1639					<div class="">
1640						<div class="row ">
1641																								<div class=" col-12 ">
1642									  										 																																																<div class=" ">
1643																																									</div>
1644																																										 									</div>
1645																					</div>
1646					</div>
1647					
1648										
1649				</div>
1650						</section>	
1651</div>
1652
1653
1654						</aside>
1655										
1656												
1657					<main 
1658						class = "
1659							sf-main-area 
1660															col-12 
1661								col-md-8 
1662														order-first order-md-2 sf-link sf-link-theme  mb-4 						"
1663					>
1664						 
1665<div style="position:relative">
1666  <section class="sf-grid-area  ">
1667
1668										<div class="container-wrap  " style="">
1669										
1670					<div class="">
1671						<div class="row ">
1672																								<div class=" col-12 ">
1673									  										 																																																<div class=" ">
1674																												
1675<h1 class="sf-title mt-0 mb-4 t-3 t-md-4">Полезные ссылки</h1>
1676													</div>
1677																																										 									</div>
1678																					</div>
1679					</div>
1680					
1681										
1682				</div>
1683						</section>	
1684</div>
1685
1686					
1687						
1688	<section class="sf-iblock-card-area lazyload sf-viewbox-wrap  mb-4">
1689
1690				
1691				
1692			
1693	
1694		<div class="sf-viewbox position-relative"> 
1695						
1696						
1697								
1698								
1699						
1700					<div class="row">
1701																				<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_1989986727_2614" >
1702								<div class="iblock-list-item-wrap  " >
1703									<div class="iblock-list-item position-relative mb-4">
1704																																									<div class="iblock-list-item-text ">
1705																								
1706																																												<h3 class="t-1">
1707																																			Всероссийская энциклопедия детской
1708литературы ПроДетЛит																																	</h3>
1709																
1710																												
1711																									
1712																																												<ul class="t-list p-0 m-0">
1713																																																						<li class="mb-2">
1714																				<span class="d-none">Ссылка на ресурс:</span>
1715																																									<span class="d-inline-block t-copy"><a href='https://prodetlit.ru/'target='_blank'>https://prodetlit.ru/</a></span>
1716																																							</li>
1717																																																																																						</ul>
1718																
1719																												
1720																									
1721																																												<div class="c-text-secondary">Проект Российской государственной
1722детской библиотеки ПроДетЛит – это
1723постоянно пополняющаяся электронная
1724база данных об авторах детской
1725литературы и связанных с ней
1726институциях (издательствах, журналах,
1727литературных премиях, конкурсах).</div>
1728																
1729																												
1730												
1731											</div>
1732																														
1733									</div>
1734								</div>
1735							</div>
1736																				<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_1989986727_1826" >
1737								<div class="iblock-list-item-wrap  " >
1738									<div class="iblock-list-item position-relative mb-4">
1739																																									<div class="iblock-list-item-text ">
1740																								
1741																																												<h3 class="t-1">
1742																																			Грамота.ру –
1743справочно-информационный портал о
1744русском языке																																	</h3>
1745																
1746																												
1747																									
1748																																												<ul class="t-list p-0 m-0">
1749																																																						<li class="mb-2">
1750																				<span class="d-none">Ссылка на ресурс:</span>
1751																																									<span class="d-inline-block t-copy"><a href='https://gramota.ru/'target='_blank'>https://gramota.ru/</a></span>
1752																																							</li>
1753																																																																																						</ul>
1754																
1755																												
1756																									
1757																																												<div class="c-text-secondary">Проверка правописания сложных слов,
1758возможность для пользователя задать
1759тематический вопрос и получить на
1760него ответ от квалифицированного
1761специалиста.</div>
1762																
1763																												
1764												
1765											</div>
1766																														
1767									</div>
1768								</div>
1769							</div>
1770																				<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_1989986727_1825" >
1771								<div class="iblock-list-item-wrap  " >
1772									<div class="iblock-list-item position-relative mb-4">
1773																																									<div class="iblock-list-item-text ">
1774																								
1775																																												<h3 class="t-1">
1776																																			Папмамбук - Интернет-журнал для тех,
1777кто читает детям																																	</h3>
1778																
1779																												
1780																									
1781																																												<ul class="t-list p-0 m-0">
1782																																																						<li class="mb-2">
1783																				<span class="d-none">Ссылка на ресурс:</span>
1784																																									<span class="d-inline-block t-copy"><a href='https://www.papmambook.ru/'target='_blank'>https://www.papmambook.ru/</a></span>
1785																																							</li>
1786																																																																																						</ul>
1787																
1788																												
1789																									
1790																																												<div class="c-text-secondary">Обзоры новинок детской литературы,
1791рецензии и мнения экспертов. Интервью
1792с детскими писателями, художниками,
1793переводчиками и др. Подборка книг для
1794чтения с детьми.</div>
1795																
1796																												
1797												
1798											</div>
1799																														
1800									</div>
1801								</div>
1802							</div>
1803																				<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_1989986727_1824" >
1804								<div class="iblock-list-item-wrap  " >
1805									<div class="iblock-list-item position-relative mb-4">
1806																																									<div class="iblock-list-item-text ">
1807																								
1808																																												<h3 class="t-1">
1809																																			БиблиоГид - путеводитель по
1810литературе для детей и о детях																																	</h3>
1811																
1812																												
1813																									
1814																																												<ul class="t-list p-0 m-0">
1815																																																						<li class="mb-2">
1816																				<span class="d-none">Ссылка на ресурс:</span>
1817																																									<span class="d-inline-block t-copy"><a href='https://bibliogid.ru/'target='_blank'>https://bibliogid.ru/</a></span>
1818																																							</li>
1819																																																																																						</ul>
1820																
1821																												
1822																									
1823																																												<div class="c-text-secondary">Сайт для родителей о детской
1824литературе разных жанров, на котором
1825собрана информация о книгах как
1826великих классиков, так и современных
1827авторов.</div>
1828																
1829																												
1830												
1831											</div>
1832																														
1833									</div>
1834								</div>
1835							</div>
1836																				<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_1989986727_1823" >
1837								<div class="iblock-list-item-wrap  " >
1838									<div class="iblock-list-item position-relative mb-4">
1839																																									<div class="iblock-list-item-text ">
1840																								
1841																																												<h3 class="t-1">
1842																																			Стихи.ру – российский литературный
1843портал																																	</h3>
1844																
1845																												
1846																									
1847																																												<ul class="t-list p-0 m-0">
1848																																																						<li class="mb-2">
1849																				<span class="d-none">Ссылка на ресурс:</span>
1850																																									<span class="d-inline-block t-copy"><a href='https://stihi.ru/'target='_blank'>https://stihi.ru/</a></span>
1851																																							</li>
1852																																																																																						</ul>
1853																
1854																												
1855																									
1856																																												<div class="c-text-secondary">Крупнейший российский сервер
1857современной поэзии, предоставляющий
1858авторам возможность свободной
1859публикации произведений.</div>
1860																
1861																												
1862												
1863											</div>
1864																														
1865									</div>
1866								</div>
1867							</div>
1868																				<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_1989986727_1822" >
1869								<div class="iblock-list-item-wrap  " >
1870									<div class="iblock-list-item position-relative mb-4">
1871																																									<div class="iblock-list-item-text ">
1872																								
1873																																												<h3 class="t-1">
1874																																			Интересные и безопасные сайты для
1875детей																																	</h3>
1876																
1877																												
1878																									
1879																																												<ul class="t-list p-0 m-0">
1880																																																						<li class="mb-2">
1881																				<span class="d-none">Ссылка на ресурс:</span>
1882																																									<span class="d-inline-block t-copy"><a href='https://web-landia.ru/'target='_blank'>https://web-landia.ru/</a></span>
1883																																							</li>
1884																																																																																						</ul>
1885																
1886																												
1887																									
1888																																												<div class="c-text-secondary">Веб-ресурс, на котором собраны самые
1889полезные, интересные и безопасные
1890сайты для детей 4-16 лет.</div>
1891																
1892																												
1893												
1894											</div>
1895																														
1896									</div>
1897								</div>
1898							</div>
1899																				<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_1989986727_1821" >
1900								<div class="iblock-list-item-wrap  " >
1901									<div class="iblock-list-item position-relative mb-4">
1902																																									<div class="iblock-list-item-text ">
1903																								
1904																																												<h3 class="t-1">
1905																																			Образовательная платформа для детей и
1906подростков																																	</h3>
1907																
1908																												
1909																									
1910																																												<ul class="t-list p-0 m-0">
1911																																																						<li class="mb-2">
1912																				<span class="d-none">Ссылка на ресурс:</span>
1913																																									<span class="d-inline-block t-copy"><a href='https://interneturok.ru/'target='_blank'>https://interneturok.ru/</a></span>
1914																																							</li>
1915																																																																																						</ul>
1916																
1917																												
1918																									
1919																																												<div class="c-text-secondary">Образовательная платформа для детей и
1920подростков, а также их родителей и
1921учителей. Ничего лишнего только
1922знания!</div>
1923																
1924																												
1925												
1926											</div>
1927																														
1928									</div>
1929								</div>
1930							</div>
1931																				<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_1989986727_1325" >
1932								<div class="iblock-list-item-wrap  " >
1933									<div class="iblock-list-item position-relative mb-4">
1934																																									<div class="iblock-list-item-text ">
1935																								
1936																																												<h3 class="t-1">
1937																																			Онлайн-консультирование для детей и
1938взрослых																																	</h3>
1939																
1940																												
1941																									
1942																																												<ul class="t-list p-0 m-0">
1943																																																						<li class="mb-2">
1944																				<span class="d-none">Ссылка на ресурс:</span>
1945																																									<span class="d-inline-block t-copy"><a href='http://detionline.com'target='_blank'>http://detionline.com</a></span>
1946																																							</li>
1947																																																																																						</ul>
1948																
1949																												
1950																									
1951																																												<div class="c-text-secondary">Портал бесплатного
1952онлайн-консультирования для детей и
1953взрослых по проблемам безопасного
1954использования Интернета и мобильной
1955связи, на котором оказывают
1956профессиональную психологическую и
1957информационную поддержку психологи
1958факультета психологии МГУ имени М. В.
1959Ломоносова и Фонда Развития</div>
1960																
1961																												
1962												
1963											</div>
1964																														
1965									</div>
1966								</div>
1967							</div>
1968											</div>
1969						
1970										
1971						
1972
1973																					</div>
1974	</section>
1975	
1976		
1977
1978						<!--'start_frame_cache_tULhhN'--><!--'end_frame_cache_tULhhN'-->					
1979					</main>
1980				
1981		
1982					
1983
1984					
1985					</section> 
1986
1987								
1988				</div>
1989				
1990				<footer 
1991					class = "
1992						sf-footer-area d-print-none 
1993						inherit-theme 
1994						mt-auto					"
1995					style = "
1996						background-color: ;
1997												background-repeat: ;
1998						background-position-x: ;
1999						background-position-y: ;
2000						background-size: ;
2001					"
2002				>
2003					 
2004<div style="position:relative">
2005  <section class="sf-grid-area theme-dark ">
2006
2007										<div class="container-wrap  " style="">
2008										
2009					<div class="container ">
2010						<div class="row py-4 b-theme-2 bb-1">
2011																								<div class=" col-12 col-lg-4 mb-3 mb-md-0">
2012									  										 <div class="">																																																<div class=" ">
2013																												
2014<h3 class="t-0 t-uppercase t-bold mt-0 mb-3">
2015	Контакты</h3 class="">													</div>
2016																																																												<div class="t--1 ">
2017																												
2018<i class="far fa-fw fa-map-marker-alt mr-2 c-icon-active" aria-hidden="true"></i>
2019<span class="c-text-primary">
2020	рп Климово, пл. Ленина 2, 2-й этаж</span>													</div>
2021																																																												<div class="t--1 ">
2022																												
2023	<i class="far fa-fw fa-phone mr-2 c-icon-active" aria-hidden="true"></i>
2024		  		<span style="white-space:nowrap">
2025			<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>
2026				
2027													</div>
2028																																																												<div class="mb-3 t--1 ">
2029																												
2030<i class="far fa-fw fa-envelope mr-2 c-icon-active" aria-hidden="true"></i>
2031<a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="mailto:[email protected]">
2032	[email protected]</a>													</div>
2033																																																												<div class="mb-3 ">
2034																												<!-- MODAL WINDOW -->
2035 <div class="modal-window-home" id="modal-window-home-id" params="close"  onload="text">
2036	<form method="POST" name="helpForm">
2037<!-- CONTENT MODAL -->
2038		<div class="content-modal-window">
2039<!-- HEADER -->
2040			<div class="header-modal-window">
2041				<span class="header-modal-window-text">На сайте обнаружена ошибка</span>
2042				<div class="close-icon-button-block over-mask">
2043					<div class='over-mask but-close-over-mask' params="close" onclick="closeModalWindow()"></div>
2044					<svg width="18" height="18" viewBox="0 0 512 512">
2045						<line x1="5" y1="5" x2="510" y2="510" stroke="#000000" stroke-width="20"/>
2046						<line x1="5" y1="510" x2="510" y2="5" stroke="#000000" stroke-width="20"/>
2047					</svg>
2048				</div>
2049			</div>
2050<!-- CONTENT BLOCK -->
2051			<div class="content-modal-window-message-submit">
2052				<p>Текст с ошибкой</p>
2053				<div id="mess" class="text-error"></div>
2054				<div id='elem-form'></div>
2055			</div>
2056<!-- FOOTER -->
2057			<div class="footer-modal-window">
2058				<input type="submit" value="Отправить"  id='send'
2059					class="but-sm but-sm-submit btn-button-modal-window m-20">
2060			</div>
2061		</div>
2062	</form>
2063</div>
2064<script>
2065$(".modal-window-home").click(function(){
2066		  closeModalWindow();
2067		}).children().click(function(e) {
2068		  e.stopPropagation();
2069		});
2070</script>
2070<p>Нашли ошибку? Сообщите нам!<br>Выделите и нажмите Ctr+Enter</p>													</div>
2071																																	</div>									 									</div>
2072																	<div class=" col-12 col-lg-5 mb-3 mb-md-0">
2073									  										 <div class="">																																																<div class=" ">
2074																												
2075<h3 class="t-0 t-uppercase t-bold mt-0 mb-3 ml-3">
2076	Меню</h3 class="">													</div>
2077																																																												<div class="l-inherit ml-0 ">
2078																													<ul class="fa-ul row">
2079						<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>
2080						<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>
2081						<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>
2082						<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>
2083						<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>
2084						<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>
2085						<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>
2086						<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>
2087			</ul>
2088													</div>
2089																																	</div>									 									</div>
2090																	<div class=" col-12 col-lg-3 mb-3 mb-md-0">
2091									  										 <div class="">																																																<div class=" ">
2092																												
2093<h3 class="t-0 t-uppercase t-bold mt-0 mb-3">
2094	Социальные сети</h3 class="">													</div>
2095																																																												<div class=" ">
2096																												
2097								<a 
2098			class="mb-1 
2099				btn btn-icon								btn-rounded mr-1			" 
2100			style="
2101				background-color: #6695BD; color: white							" 
2102			target="_blank" 
2103			href="https://vk.ru/klimovotsdb"
2104			>
2105							<i 
2106				class="
2107					fab fa-vk 
2108									" 
2109				style="
2110									" 
2111				aria-hidden="true" 
2112			></i>
2113				</a>
2114										<a 
2115			class="mb-1 
2116				btn btn-icon								btn-rounded mr-1			" 
2117			style="
2118				background-color: #FF9205; color: white							" 
2119			target="_blank" 
2120			href="https://ok.ru/profile/582989182746"
2121			>
2122							<i 
2123				class="
2124					fab fa-odnoklassniki 
2125									" 
2126				style="
2127									" 
2128				aria-hidden="true" 
2129			></i>
2130				</a>
2131												<a 
2132			class="mb-1 
2133				btn btn-icon								btn-rounded mr-1			" 
2134			style="
2135				background-color: #039be5; color: white							" 
2136			target="_blank" 
2137			href="https://telegram.me/klimovoDetskaj"
2138			>
2139							<i class="">
2140				<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>
2141				</a>
2142									<a 
2143			class="mb-1 
2144				btn btn-icon								btn-rounded mr-1			" 
2145			style="
2146				background-color: #ffffff; color: white							" 
2147			target="_blank" 
2148			href="https://rutube.ru/channel/46226111/"
2149			>
2150							<i class="">
2151				<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>
2152				</a>
2153			
2154<script>
2155	document.addEventListener("DOMContentLoaded", function() {
2156		const dzenLinks = document.querySelectorAll('.linkDzen');
2157		dzenLinks.forEach(function(link) {
2158			link.addEventListener('click', function(event) {
2159				event.preventDefault();
2160				const url = this.getAttribute('data-href');
2161				window.open(url, '_blank');
2162			});
2163		});
2164	});
2165</script>
2165													</div>
2166																																																												<div class="mt-3 ">
2167																												<div id="bx-composite-banner"></div>
2168													</div>
2169																																																												<div class="mt-3 ">
2170																												
2170<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>
2170
2171<span id="sputnik-informer"></span>&nbsp;
2172<!-- 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 --> 
2172<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>
2172 <noscript><div><img src="https://mc.yandex.ru/watch/106703488" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->   													</div>
2173																																	</div>									 									</div>
2174																					</div>
2175					</div>
2176					
2177										
2178				</div>
2179												<div class="container-wrap  " style="">
2180										
2181					<div class="container ">
2182						<div class="row py-3">
2183																								<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 ">
2184									  										 <div class="">																																																<div class=" ">
2185																												
2186© Детский отдел МБУК КМЦБ, 2026													</div>
2187																																																												<div class=" ">
2188																												
2189<i class="" aria-hidden="true"></i>
2190<a class="c-text-primary sf-link sf-link-theme sf-link-dashed t--1" href="/documents/politika-konfidentsialnosti.pdf" target="_self">
2191	Политика конфиденциальности</a>
2192													</div>
2193																																	</div>									 									</div>
2194																	<div class=" d-none d-sm-none d-md-none col-lg-6 d-lg-block col-xl-6 d-xl-block ">
2195									  										 <div class="">																																																<div class="t-left t-lg-right l-inherit l-hover-underline-none l-hover-primary  ">
2196																												  <a href="https://simai.studio/lp/biblio/">SIMAI-SF4: Сайт библиотеки</a>
2197													</div>
2198																																																												<div class="t-left t-lg-right l-inherit l-hover-underline-none l-hover-primary  ">
2199																												
2200<i class="" aria-hidden="true"></i>
2201<a class="c-text-primary sf-link sf-link-theme sf-link-dashed small" href="https://krawster.ru/support" target="_blank">
2202	KRAWSTER: Внедрение и сопровождение</a>
2203													</div>
2204																																	</div>									 									</div>
2205																					</div>
2206					</div>
2207					
2208										
2209				</div>
2210						</section>	
2211</div>
2212
2213				</footer>
2214		
2215					
2216		</section>
2217		
2218		<aside class="swiper-area swipebar-area-left d-print-none">
2219					</aside>
2220		
2221		<aside class="swiper-area swipebar-area-right d-print-none">
2222					</aside>
2223		
2224		<div class="sf-service-bottom-area d-print-none">
2225			<!--'start_frame_cache_kgs83W'--><a 
2226    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"
2227    data-animation="easeInOutQuart"
2228    data-speed="2000"
2229    data-offset="500">
2230    <i class="far c-white fa-chevron-up"></i>
2231</a><!--'end_frame_cache_kgs83W'-->
2232
2233<button class="stopSpeak" style="display: none;">
2234  <i class="fas fa-pause"></i>
2235</button>
2236		</div>	
2237
2238				
2239	</body>
2240</html>
2241   
2242
2243																

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.