PageSourceSearch

https://chosbss.ru/about/

html chosbss.ru collected 2026-10-07 20:02:55 UTC 272,880 bytes, 3,325 lines download raw bytes

1
2
3
4
5<!DOCTYPE html>
6<html style="font-size: 16px;" lang="ru">
7
8	<head>
9		<meta name="viewport" content="width=device-width,initial-scale=1">
10		<style>
11
12	body {font-family: "Roboto", sans-serif!important}
13	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}
14	h1.sf-title, h2.sf-title, h3.sf-title, h4.sf-title, h5.sf-title, h6.sf-title, .sf-title {font-weight: bold!important}
15.c-primary {color: #F4511E!important} 
16.c-secondary {color: #3e9639!important} 
17.bg-primary {background: #F4511E!important} 
18.bg-secondary {background: #3e9639!important} 
19.hover\:bg-primary:hover {background: #F4511E!important} 
20.hover\:bg-secondary:hover {background: #3e9639!important} 
21.b-primary {border-color: #F4511E!important} 
22.b-secondary {border-color: #3e9639!important} 
23.f-primary {fill: #F4511E!important} 
24.f-secondary {fill: #3e9639!important} 
25.s-primary {stroke: #F4511E!important} 
26.s-secondary {stroke: #3e9639!important} 
27
28
29
30.hover\:c-primary:hover {
31  color: #F4511E!important; }
32
33.bg-primary {
34  background-color: #F4511E!important; }
35
36.hover\:bg-primary:hover {
37  background-color: #F4511E!important; }
38
39.b-primary {
40  border-color: #F4511E!important; }
41
42.hover\:b-primary:hover {
43  border-color: #F4511E!important; }
44
45.f-primary {
46  fill: #F4511E!important; }
47
48.hover\:f-primary:hover {
49  fill: #F4511E!important; }
50
51.s-primary {
52  stroke: #F4511E!important; }
53
54.hover\:s-primary:hover {
55  stroke: #F4511E!important; }
56
57a.l-primary,
58.l-primary a {
59  color: #F4511E!important; }
60
61a.l-hover-primary:hover,
62.l-hover-primary a:hover {
63  color: #F4511E!important; }
64
65a.l-active-primary:active,
66.l-active-primary a:active {
67  color: #F4511E!important; }
68
69a.l-visited-primary:visited,
70.l-visited-primary a:visited {
71  color: #F4511E!important; }
72
73.c-secondary {
74  color: #3e9639!important; }
75
76.hover\:c-secondary:hover {
77  color: #3e9639!important; }
78
79.bg-secondary {
80  background-color: #3e9639!important; }
81
82.hover\:bg-secondary:hover {
83  background-color: #3e9639!important; }
84
85.b-secondary {
86  border-color: #3e9639!important; }
87
88.hover\:b-secondary:hover {
89  border-color: #3e9639!important; }
90
91.f-secondary {
92  fill: #3e9639!important; }
93
94.hover\:f-secondary:hover {
95  fill: #3e9639!important; }
96
97.s-secondary {
98  stroke: #3e9639!important; }
99
100.hover\:s-secondary:hover {
101  stroke: #3e9639!important; }
102
103a.l-secondary,
104.l-secondary a {
105  color: #3e9639!important; }
106
107a.l-hover-secondary:hover,
108.l-hover-secondary a:hover {
109  color: #3e9639!important; }
110
111a.l-active-secondary:active,
112.l-active-secondary a:active {
113  color: #3e9639!important; }
114
115a.l-visited-secondary:visited,
116.l-visited-secondary a:visited {
117  color: #3e9639!important; }
118
119
120
121
122/* border radius */
123.r-default{border-radius: 0.5rem}
124.rt-default {border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem;}
125.rr-default {border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}
126.rb-default {border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}
127.rl-default {border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;}
128
129/* link */
130a.l-primary, .l-primary a {color: #F4511E!important}
131a.l-secondary, .l-secondary a {color: #3e9639!important}
132a.l-hover-primary:hover, .l-hover-primary a:hover {color: #F4511E!important}
133a.l-hover-secondary:hover, .l-hover-secondary a:hover {color: #3e9639!important}
134a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #F4511E!important;}
135a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #3e9639!important;}
136
137/* button */
138.btn-primary {background-color: #F4511E!important; border-color: #e84512!important;}
139.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: #db3805!important; border-color: #d63300!important;}
140.btn-primary.disabled, .btn-primary:disabled {background-color: #ff6a37!important; border-color: #ff5d2a!important;}
141.btn-secondary {background-color: #3e9639!important; border-color: #328a2d!important;}
142.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: #257d20!important; border-color: #20781b!important;}
143.btn-secondary.disabled, .btn-secondary:disabled {background-color: #57af52!important; border-color: #4aa245!important;}
144
145.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: #F4511E !important; border-color: #F4511E !important;}
146.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: #3e9639 !important; border-color: #3e9639 !important;}
147
148.btn-outline.btn-primary {color: #F4511E!important; border-color: #F4511E!important; background-color: transparent!important; background-image: none!important;}
149.btn-outline.btn-primary:hover, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus {background-color: #F4511E!important; border-color: #F4511E!important; color: white!important;}
150.btn-outline.btn-secondary {color: #3e9639!important; border-color: #3e9639!important; background-color: transparent!important; background-image: none!important;}
151.btn-outline.btn-secondary:hover, .btn-outline.btn-secondary:active, .btn-outline.btn-secondary:focus {background-color: #3e9639!important; border-color: #3e9639!important; color: white!important;}
152
153.btn-primary.btn-flat {background: transparent!important; color: #F4511E!important;}
154.btn-secondary.btn-flat {background: transparent!important; color: #3e9639!important;}
155
156/* navbar */
157.light.sf-left-catalog ul li a span.submenu-indicator:hover {background-color: #F4511E!important}
158@media (min-width: 768px) {
159
160	.sf-nav section.center-section > ul > li.active > a.underline span.item-hover,
161	.sf-nav section.center-section > ul > li:hover > a.underline span.item-hover,
162	.sf-nav section.center-section > ul > li.focus > a.underline span.item-hover {
163		border-bottom-color: #F4511E!important;
164	}
165
166	.sf-nav section.center-section > ul > li.active > a.fill,
167	.sf-nav section.center-section > ul > li:hover > a.fill,
168	.sf-nav section.center-section > ul > li.focus > a.fill {
169		background: #F4511E!important;
170	}
171}
172
173@media (min-width: 768px) {
174	.center-section li.item-mega:hover > a > span.item-hover,
175	.center-section li.item-mega.hover > a > span.item-hover,
176	.center-section li.item-mega.focus > a > span.item-hover {
177		border-bottom-color: #F4511E!important;
178	}
179}
180
181/* tabs */
182.sf-tabs-topline nav li.sf-tab-current {border-top-color: #F4511E!important;}
183.sf-tabs-topline nav li.sf-tab-current a {box-shadow: inset 0 3px 0 #F4511E!important;}
184.sf-tabs-topline nav a:hover {color: #F4511E!important;}
185
186/*title*/
187.sf-title-underline-center .sf-title:after, 
188.sf-title-underline-center.sf-title:after,
189.sf-title-underline-center-double .sf-title:before,
190.sf-title-underline-center-double.sf-title:before,
191.sf-title-underline-center-double .sf-title:after,
192.sf-title-underline-center-double.sf-title:after,
193.sf-title-underline-left .sf-title:after,
194.sf-title-underline-left.sf-title:after
195	{background: #F4511E!important}
196
197.sf-nav-full-screen .sf-nav-full-screen-content .sf-nav-full-screen-lists ul li a span.submenu-indicator:hover 
198	{background: #F4511E!important;}
199
200.settings-panel .sf-tab-nav li.active {background-color: #F4511E;}
201
202/* form */
203.form-control:focus {box-shadow: 0 0 0 2px #F4511E!important;}
204</style>
205
206<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
207<meta name="keywords" content=" " />
208<script data-skip-moving="true">(function(w, d) {var v = w.frameCacheVars = {"CACHE_MODE":"HTMLCACHE","storageBlocks":[],"dynamicBlocks":{"tULhhN":"7d56e5af71c0","kgs83W":"4c59ba150c70"},"AUTO_UPDATE":true,"AUTO_UPDATE_TTL":320,"version":2};var inv = false;if (v.AUTO_UPDATE === false){if (v.AUTO_UPDATE_TTL && v.AUTO_UPDATE_TTL > 0){var lm = Date.parse(d.lastModified);if (!isNaN(lm)){var td = new Date().getTime();if ((lm + v.AUTO_UPDATE_TTL * 1000) >= td){w.frameRequestStart = false;w.preventAutoUpdate = true;return;}inv = true;}}else{w.frameRequestStart = false;w.preventAutoUpdate = true;return;}}var r = w.XMLHttpRequest ? new XMLHttpRequest() : (w.ActiveXObject ? new w.ActiveXObject("Microsoft.XMLHTTP") : null);if (!r) { return; }w.frameRequestStart = true;var m = v.CACHE_MODE; var l = w.location; var x = new Date().getTime();var q = "?bxrand=" + x + (l.search.length > 0 ? "&" + l.search.substring(1) : "");var u = l.protocol + "//" + l.host + l.pathname + q;r.open("GET", u, true);r.setRequestHeader("BX-ACTION-TYPE", "get_dynamic");r.setRequestHeader("X-Bitrix-Composite", "get_dynamic");r.setRequestHeader("BX-CACHE-MODE", m);r.setRequestHeader("BX-CACHE-BLOCKS", v.dynamicBlocks ? JSON.stringify(v.dynamicBlocks) : "");if (inv){r.setRequestHeader("BX-INVALIDATE-CACHE", "Y");}try { r.setRequestHeader("BX-REF", d.referrer || "");} catch(e) {}if (m === "APPCACHE"){r.setRequestHeader("BX-APPCACHE-PARAMS", JSON.stringify(v.PARAMS));r.setRequestHeader("BX-APPCACHE-URL", v.PAGE_URL ? v.PAGE_URL : "");}r.onreadystatechange = function() {if (r.readyState != 4) { return; }var a = r.getResponseHeader("BX-RAND");var b = w.BX && w.BX.frameCache ? w.BX.frameCache : false;if (a != x || !((r.status >= 200 && r.status < 300) || r.status === 304 || r.status === 1223 || r.status === 0)){var f = {error:true, reason:a!=x?"bad_rand":"bad_status", url:u, xhr:r, status:r.status};if (w.BX && w.BX.ready && b){BX.ready(function() {setTimeout(function(){BX.onCustomEvent("onFrameDataRequestFail", [f]);}, 0);});}w.frameRequestFail = f;return;}if (b){b.onFrameDataReceived(r.responseText);if (!w.frameUpdateInvoked){b.update(false);}w.frameUpdateInvoked = true;}else{w.frameDataString = r.responseText;}};r.send();var p = w.performance;if (p && p.addEventListener && p.getEntries && p.setResourceTimingBufferSize){var e = 'resourcetimingbufferfull';var h = function() {if (w.BX && w.BX.frameCache && w.BX.frameCache.frameDataInserted){p.removeEventListener(e, h);}else {p.setResourceTimingBufferSize(p.getEntries().length + 50);}};p.addEventListener(e, h);}})(window, document);</script>
vendor: 1 bytes, line 208
208
209<script data-skip-moving="true">(function(w, d, n) {var cl = "bx-core";var ht = d.documentElement;var htc = ht ? ht.className : undefined;if (htc === undefined || htc.indexOf(cl) !== -1){return;}var ua = n.userAgent;if (/(iPad;)|(iPhone;)/i.test(ua)){cl += " bx-ios";}else if (/Windows/i.test(ua)){cl += ' bx-win';}else if (/Macintosh/i.test(ua)){cl += " bx-mac";}else if (/Linux/i.test(ua) && !/Android/i.test(ua)){cl += " bx-linux";}else if (/Android/i.test(ua)){cl += " bx-android";}cl += (/(ipad|iphone|android|mobile|touch)/i.test(ua) ? " bx-touch" : " bx-no-touch");cl += w.devicePixelRatio && w.devicePixelRatio >= 2? " bx-retina": " bx-no-retina";if (/Safari/i.test(ua) && !/Chrome/i.test(ua)){cl += " bx-safari";}else if (/AppleWebKit/.test(ua)){cl += " bx-chrome";}else if (/Opera/.test(ua)){cl += " bx-opera";}else if (/Firefox/.test(ua)){cl += " bx-firefox";}ht.className = htc ? htc + " " + cl : cl;})(window, document, navigator);</script>
209
210
211
212<link href="/bitrix/cache/css/s1/simai.sf4biblio/template_5000b889a5fe61b224c5b1406eb5d503/template_5000b889a5fe61b224c5b1406eb5d503_v1.css?1783893668932341" type="text/css" rel="stylesheet" data-template-style="true"/>
213
214
215<script type="extension/settings" data-extension="main.baseline">{"collectData":false,"helpUrl":"https:\/\/helpdesk.bitrix24.ru\/open\/code_27229654\/","helpCode":"redirect=detail\u0026code=27229654"}</script>
215
216
217
218
219
220
221
222
223
224
225<meta name="author" content="SIMAI Studio — http://simai.studio" />
226<meta name="copyright" content="© SIMAI Ltd." />
227<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">
228<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400,600&amp;subset=cyrillic,cyrillic-ext" rel="stylesheet">
229<meta property="og:url" content="https://chosbss.ru/about/" />
230<meta property="og:type" content="website" />
231<meta property="og:title" content="История библиотеки" />
232<meta property="og:description" content="" />
233<meta property="og:image" content="https://chosbss.ru" />
234<meta name="twitter:card" content="summary" />
235<meta name="twitter:site" content="https://chosbss.ru/about/" />
236<meta name="twitter:title" content="История библиотеки" />
237<meta name="twitter:description" content="" />
238<meta name="twitter:image" content="https://chosbss.ru" />
239
240
241
242		<title>Об учреждении</title>
243					<link rel="shortcut icon" href="/simai.data/image/default/favicon.png" type="image/x-icon">
244			</head>
245
246	<body 
247		class = 
248		"
249			lazyload 
250			sf-pagewrap-area-layout-wide 
251			sf-pagewrap-area-container-fixed 
252			container-size-960 
253			roboto 
254			theme-light 
255			 
256		"
257		style = 
258		"
259			background-color: ;
260			background-repeat: ;
261			background-position-x: ;
262			background-position-y: ;
263			background-size: ;
264			font-size: 16px;
265					"
266			>
267		
268		
269
270
271
272<!-- Yandex.Metrika counter -->
273<script data-skip-moving="true" async  type="text/javascript" >
vendor: 413 bytes, lines 273-280
273
274   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
275   m[i].l=1*new Date();
276   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
277   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
278   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
279
280   ym(
28038701385
vendor: 129 bytes, lines 280-285
280, "init", {
281        clickmap:true,
282        trackLinks:true,
283        accurateTrackBounce:true,
284        webvisor:true
285   });
286</script>
286
287<noscript><div><img src="https://mc.yandex.ru/watch/38701385" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
288<!-- /Yandex.Metrika counter -->		
289		<section class="sf-service-top-area d-print-none">
290					</section>
291
292		<section 
293			class = 
294				"
295					sf-pagewrap-area 
296					overflow-hidden d-flex flex-col justify-content-start				"
297			style = "background-color: "
298		>
299		
300							
301								<header 
302					class = 
303					"
304						header-area d-print-none 
305						theme-inherit 
306						bg-theme-0 mb-4					"
307					style = 
308					"
309						background-color: ;
310				       						background-repeat: ;
311						background-position-x: ;
312						background-position-y: ;
313						background-size: ;
314					"
315				>
316					 
317<div style="position:relative">
318  <section class="sf-grid-area  ">
319
320										<div class="container-wrap  " style="">
321										
322					<div class="">
323						<div class="row ">
324																								<div class=" col-12 ">
325									  										 																																																<div class=" ">
326																												
327
328
329		
330													</div>
331																																										 									</div>
332																					</div>
333					</div>
334					
335										
336				</div>
337												<div class="container-wrap bg-theme-1 bb-1 b-theme-3 " style="">
338										
339					<div class="container ">
340						<div class="row ">
341																								<div class=" col-12 col-lg-10 ">
342									  										 																																																<div class=" ">
343																												
344
345
346<style>
347
348.nav-dropdown {
349    z-index:10;
350}
351
352.overflow-hidden {
353    overflow: hidden!important;
354}
355
356.text-t-u {
357    text-transform: uppercase;
358}
359	
360.sf-left-catalog > ul > li > .catalog-submenu > .submenu a span.submenu-indicator{
361    height: 1.5rem;
362    width: 1.5rem;
363    top: 7px;
364}
365
366.sf-nav-fixed .container-wrap .nav-container .sf-nav section.right-section .nav-search form .inner-search {
367    z-index: 99;
368}
369
370.sf-left-catalog ul li a{
371	z-index: 10 !important;
372}
373
374.sf-left-catalog ul li div.catalog-submenu ul.submenu li a, .sf-left-catalog ul li a{
375    color: inherit;
376}
377
378@media only screen and (min-width: 770px)  { 
379    .sf-nav section.center-section > ul > li:focus-within > .nav-submenu {display: flex !important;}
380    .sf-nav section.center-section>ul>li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li:focus-within>ul.transform-submenu {
381        display: flex !important;
382    }
383
384    .sf-nav section.center-section>ul>li>ul.transform-submenu li:focus-within>.nav-submenu {display: flex !important;}
385    .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu {display: flex !important;}
386
387
388    .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within {
389        background-color: rgba(0, 0, 0, 0.05);
390        color: rgba(0, 0, 0, 0.87);
391        border-color: rgba(255, 255, 255, 0.12);
392    }
393
394    .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within {
395        background-color: rgba(0, 0, 0, 0.05);
396        color: rgba(0, 0, 0, 0.87);
397        border-color: rgba(255, 255, 255, 0.12);
398    }
399
400    .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within {
401        background-color: rgba(255, 255, 255, 0.05);
402        color: white;
403        border-color: rgba(0, 0, 0, 0.12);
404    }
405
406
407    .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-dark ul.submenu-items li.nav-item:focus-within{
408        background-color: rgba(255, 255, 255, 0.05);
409        color: white;
410        border-color: rgba(0, 0, 0, 0.12);
411    }
412
413
414    /* для табов стили */
415    .sf-nav section.center-section>ul>li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li:focus-within>ul.transform-submenu{display: flex !important;}
416
417    .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu{display: flex !important;}
418    .sf-nav section.center-section>ul>li>ul.transform-submenu li:focus-within>.nav-submenu {display: flex !important;}
419
420
421
422    .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within {
423        background-color: rgba(0, 0, 0, 0.05);
424        color: rgba(0, 0, 0, 0.87);
425        border-color: rgba(255, 255, 255, 0.12);
426    }
427
428    .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within {
429        background-color: rgba(0, 0, 0, 0.05);
430        color: rgba(0, 0, 0, 0.87);
431        border-color: rgba(255, 255, 255, 0.12);
432    }
433
434    .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within  {
435        background-color: rgba(255, 255, 255, 0.05);
436        color: white;
437        border-color: rgba(0, 0, 0, 0.12);
438    }
439
440
441
442    .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-dark ul.submenu-items li.nav-item:focus-within {
443        background-color: rgba(255, 255, 255, 0.05);
444        color: white;
445        border-color: rgba(0, 0, 0, 0.12);
446    }
447
448    .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within {
449        background-color: rgba(0, 0, 0, 0.05);
450        color: rgba(0, 0, 0, 0.87);
451        border-color: rgba(255, 255, 255, 0.12);
452    }
453}
454
455.sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed .sf-pagewrap-area .submenu-items.container {
456    width: 100%;
457}
458
459
460@media (max-width: 768px) {
461	
462	.mobile-level{
463		flex-direction: column !important;
464	}
465	.item-text{
466		white-space: normal !important;
467	}
468}
469
470
471/* captions for fixed menu */
472.fixed-theme-dark.nav-fixed a.item-link{
473    background-color: transparent;
474    color: white !important;
475}
476.fixed-theme-light.nav-fixed a.item-link{
477    background-color: transparent;
478}
479/* icons - fixed, non-fixed - colors */
480.theme-light .c-icon-active, .fixed-theme-light.nav-fixed .c-icon-active{
481    color: rgba(27,31,44,.54) !important;
482}
483.theme-dark .c-icon-active, .fixed-theme-dark.nav-fixed .c-icon-active{
484    color: white !important;
485}
486
487
488
489</style>
490
491
492            <style>
493                            .sf-nav-fixed9e248530da {background: transparent!important;}
494                                        .child-color-submenu-9e248530da {background:white;}
495                                        @media (max-width: 768px) {
496                    .mobile-view9e248530da {background: #2C3944!important;}
497                }
498                                    
499            
500
501                             
502                .nav-fixed-9e248530da {background: rgba(255, 255, 255, 1)!important;}
503                
504                                    .nav-fixed-9e248530da .fixed-submenu-color9e248530da {background: white!important;}
505                            
506
507        </style>
508	            <div class="navigation-container sf-nav-fixed9e248530da no-fixed sf-nav-fixed 
509                                        fixed-theme-light             
510            vertical-submenu"
511            id="sf-fixed-id-9e248530da">      
512             <div class="container-wrap">
513            <div class="w-100 nav-container">
514    
515             <nav data-nav id="sf-nav-9e248530da"
516            class="sf-nav w-100 m-0 p-0 d-flex align-items-streach justify-content-between flex-row flex-wrap">
517                <section class="left-section d-flex align-items-streach justify-content-between flex-row flex-wrap">
518                                                        <!--<a class="nav-logo" href="/">
519                <img src="image/list.jpg"
520                    class="hidden-md-down d-inline mr-2 w-75">
521            </a>-->
521
522        </section>
523                                <section style="justify-content:flex-start!important;" class="center-section align-items-streach mobile-level sf-scroll overflow-hidden
524            justify-content-start                            mobile-theme-dark mobile-view9e248530da                        ">
525				            <button class="mobile-close sf-close" style="display:none"></button>
526            <h3 class="mobile-header m-0" style="display: none">
527                Меню            </h3>
528                   <ul class="nav-items d-inline-flex align-items-streach justify-content-start p-0 m-0">
529                                
530                                                                                                                                                        <li tabindex="-1" class="nav-item ">
531
532                                    <a  class=" p-2 t--1 allotment                                         item-link                                                                                " 
533                                        href="/sveden/"
534																				>
535                                                                                                                            <span class="item-text">
536                                                Сведения об учреждении культуры                                            </span>
537                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
538                                                <i class="far fa-angle-down " aria-hidden="true"></i>
539                                            </span>
540                                                                                <span class="item-hover" style="display:none"></span>
541                                    </a>
542                                    
543                                    <!-- -->
544                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
545                                                                                            theme-light child-color-submenu-9e248530da 
546                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color9e248530da                                                                                                                                                                                        mobile-theme-dark mobile-view9e248530da                                            " style="z-index:100">
547                                            <div class="content-mobile-horizontal w-100" style="display:none">
548                                                <h3 class="mobile-header m-0" style="display:none">
549                                                    Сведения об учреждении культуры                                                </h3>
550                                                <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
551                                                    <span class="back-icon mr-2">
552                                                        <i class="far fa-arrow-left"></i>
553                                                    </span>
554                                                    <span class="item-text">
555                                                        Назад                                                    </span>
556                                                </a>
557                                            </div>
558                                            <ul class="nav-items submenu-items p-0 container w-100">
559                                                <li tabindex="-1" class="nav-item one-mobile   one-link">
560                                                <a  class=" p-2 t--1                                                     item-link" 
561                                                        href="/sveden/"
562																												>
563                                                        <span class="item-text">
564                                                            Сведения об учреждении культуры                                                        </span>
565                                                    </a>
566                                                                                                                                                                                            
567                                                                                                                                                                <li tabindex="-1" class="nav-item ">
568                                        <a  class=" p-2 t--1 item-link" href="/sveden/"
569																				>
570                                                                                        <span class="item-text">
571                                                Основные сведения                                            </span>
572                                        </a>
573                                    </li>													
574                                                                                                                                                                                        
575                                                                                                                                                                <li tabindex="-1" class="nav-item ">
576                                        <a  class=" p-2 t--1 item-link" href="/sveden/struct/"
577																				>
578                                                                                        <span class="item-text">
579                                                Структура и органы управления                                            </span>
580                                        </a>
581                                    </li>													
582                                                                                                                                                                                        
583                                                                                                                                                            <li tabindex="-1" class="nav-item ">
584                                    <a  class=" p-2 t--1                                         item-link" 
585                                        href="/sveden/docs/"
586																				
587										>
588
589                                                                                        
590                                            <span class="item-text">
591                                                Документы                                            </span>
592                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
593                                                    <i class="far fa-angle-down " aria-hidden="true"></i>
594                                                </span>
595                                                                                    </a>
596                                        
597                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
598                                                                                                    theme-light child-color-submenu-9e248530da 
599                                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color9e248530da                                                                                                                                                                                                        mobile-theme-dark mobile-view9e248530da                                                ">
600                                                <div class="content-mobile-horizontal" style="display:none">
601                                                    <h3 class="mobile-header" style="display:none">Документы</h3>
602                                                    <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
603                                                        <span class="back-icon mr-2">
604                                                            <i class="far fa-arrow-left"></i>
605                                                        </span>
606                                                        <span class="item-text">
607                                                            Назад                                                        </span>
608                                                    </a>
609                                                </div>
610                                                <ul class="nav-items submenu-items p-0 container w-100">
611                                                <li tabindex="-1" class="nav-item one-mobile ">
612                                                <a  class=" p-2 t--1                                                     item-link"
613                                                            href="/sveden/docs/"
614																														>
615                                                                                                                        <span class="item-text">
616                                                                Документы                                                            </span>
617                                                        </a>
618                                                                                                                                                                                                
619                                                                                                                                                                <li tabindex="-1" class="nav-item ">
620                                        <a  class=" p-2 t--1 item-link" href="/sveden/docs/uchreditelnye-dokumenty/"
621																				>
622                                                                                        <span class="item-text">
623                                                Учредительные документы                                            </span>
624                                        </a>
625                                    </li>													
626                                                                                                                                                                                        
627                                                                                                                                                                <li tabindex="-1" class="nav-item ">
628                                        <a  class=" p-2 t--1 item-link" href="/sveden/docs/plan-meropriyatiy/"
629																				>
630                                                                                        <span class="item-text">
631                                                План мероприятий                                            </span>
632                                        </a>
633                                    </li>													
634                                                                                                                                                                                        
635                                                                                                                                                                <li tabindex="-1" class="nav-item ">
636                                        <a  class=" p-2 t--1 item-link" href="/sveden/docs/byudzhetnye-smety/"
637																				>
638                                                                                        <span class="item-text">
639                                                Бюджетные сметы                                            </span>
640                                        </a>
641                                    </li>													
642                                                                                                                                                                                        
643                                                                                                                                                                <li tabindex="-1" class="nav-item ">
644                                        <a  class=" p-2 t--1 item-link" href="/sveden/docs/vnutrenniy-finansovyy-audit/"
645																				>
646                                                                                        <sp
646an class="item-text">
647                                                Внутренний финансовый аудит                                            </span>
648                                        </a>
649                                    </li>													
650                                                                                                                                                                                        
651                                                                                                                                                                <li tabindex="-1" class="nav-item ">
652                                        <a  class=" p-2 t--1 item-link" href="/sveden/docs/kartochka-uchrezhdeniya/"
653																				>
654                                                                                        <span class="item-text">
655                                                Карточка учреждения                                            </span>
656                                        </a>
657                                    </li>													
658                                                                                                                                                                                        
659                                                                                                                                                                <li tabindex="-1" class="nav-item ">
660                                        <a  class=" p-2 t--1 item-link" href="/sveden/docs/otchyety/"
661																				>
662                                                                                        <span class="item-text">
663                                                Отчёты                                            </span>
664                                        </a>
665                                    </li>													
666                                                                                                                                                                                        
667                                                                                                                                                                <li tabindex="-1" class="nav-item ">
668                                        <a  class=" p-2 t--1 item-link" href="/sveden/docs/ustav/"
669																				>
670                                                                                        <span class="item-text">
671                                                Устав                                            </span>
672                                        </a>
673                                    </li>													
674                                                                                                                                                                                        
675                                                                                                                                                                <li tabindex="-1" class="nav-item ">
676                                        <a  class=" p-2 t--1 item-link" href="/sveden/docs/uchetnaya-politika/"
677																				>
678                                                                                        <span class="item-text">
679                                                Учетная политика                                            </span>
680                                        </a>
681                                    </li>													
682                                                                                                                                                                                                                                            </ul>
683                                </div>
684                                    </li>
685                    
686                                                                                                                                                            <li tabindex="-1" class="nav-item ">
687                                    <a  class=" p-2 t--1                                         item-link" 
688                                        href="/sveden/dostupnaya-sreda/"
689																				
690										>
691
692                                                                                        
693                                            <span class="item-text">
694                                                Доступная среда                                            </span>
695                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
696                                                    <i class="far fa-angle-down " aria-hidden="true"></i>
697                                                </span>
698                                                                                    </a>
699                                        
700                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
701                                                                                                    theme-light child-color-submenu-9e248530da 
702                                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color9e248530da                                                                                                                                                                                                        mobile-theme-dark mobile-view9e248530da                                                ">
703                                                <div class="content-mobile-horizontal" style="display:none">
704                                                    <h3 class="mobile-header" style="display:none">Доступная среда</h3>
705                                                    <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
706                                                        <span class="back-icon mr-2">
707                                                            <i class="far fa-arrow-left"></i>
708                                                        </span>
709                                                        <span class="item-text">
710                                                            Назад                                                        </span>
711                                                    </a>
712                                                </div>
713                                                <ul class="nav-items submenu-items p-0 container w-100">
714                                                <li tabindex="-1" class="nav-item one-mobile ">
715                                                <a  class=" p-2 t--1                                                     item-link"
716                                                            href="/sveden/dostupnaya-sreda/"
717																														>
718                                                                                                                        <span class="item-text">
719                                                                Доступная среда                                                            </span>
720                                                        </a>
721                                                                                                                                                                                                
722                                                                                                                                                                <li tabindex="-1" class="nav-item ">
723                                        <a  class=" p-2 t--1 item-link" href="/sveden/dostupnaya-sreda/normativnye-pravovye-akty-i-dokumenty"
724																				>
725                                                                                        <span class="item-text">
726                                                Нормативные правовые акты и документы                                            </span>
727                                        </a>
728                                    </li>													
729                                                                                                                                                                                        
730                                                                                                                                                                <li tabindex="-1" class="nav-item ">
731                                        <a  class=" p-2 t--1 item-link" href="/sveden/dostupnaya-sreda/informatsiya-ob-ofitsialnykh-strukturakh"
732																				>
733                                                                                        <sp
733an class="item-text">
734                                                Информация об официальных структурах                                            </span>
735                                        </a>
736                                    </li>													
737                                                                                                                                                                                        
738                                                                                                                                                                <li tabindex="-1" class="nav-item ">
739                                        <a  class=" p-2 t--1 item-link" href="/sveden/dostupnaya-sreda/prikazy-po-utverzhdeniyu-poryadkov-dostupnosti"
740																				>
741                                                                                        <span class="item-text">
742                                                Приказы по утверждению Порядков доступности                                            </span>
743                                        </a>
744                                    </li>													
745                                                                                                                                                                                        
746                                                                                                                                                                <li tabindex="-1" class="nav-item ">
747                                        <a  class=" p-2 t--1 item-link" href="/sveden/dostupnaya-sreda/dopolnitelnoe-obrazovanie-povyshenie-kvalifikatsii"
748																				>
749                                                                                        <span class="item-text">
750                                                Дополнительное образование - повышение квалификации                                            </span>
751                                        </a>
752                                    </li>													
753                                                                                                                                                                                        
754                                                                                                                                                                <li tabindex="-1" class="nav-item ">
755                                        <a  class=" p-2 t--1 item-link" href="/sveden/dostupnaya-sreda/sotrudniki-okazyvayushchie-pomoshch-v-soprovozhdenii-invalidov"
756																				>
757                                                                                        <span class="item-text">
758                                                Сотрудники, оказывающие помощь в сопровождении инвалидов                                            </span>
759                                        </a>
760                                    </li>													
761                                                                                                                                                                                        
762                                                                                                                                                                <li tabindex="-1" class="nav-item ">
763                                        <a  class=" p-2 t--1 item-link" href="/sveden/dostupnaya-sreda/videopasport-dostupnosti"
764																				>
765                                                                                        <span class="item-text">
766                                                Видеопаспорт доступности                                            </span>
767                                        </a>
768                                    </li>													
769                                                                                                                                                                                        
770                                                                                                                                                                <li tabindex="-1" class="nav-item ">
771                                        <a  class=" p-2 t--1 item-link" href="/sveden/dostupnaya-sreda/metodicheskie-re
771komendatsii-po-organizatsii-dostupnoy-sredy"
772																				>
773                                                                                        <span class="item-text">
774                                                Методические рекомендации по организации доступной среды                                            </span>
775                                        </a>
776                                    </li>													
777                                                                                                                                                                                                                                            </ul>
778                                </div>
779                                    </li>
780                    
781                                                                                                                                                                <li tabindex="-1" class="nav-item ">
782                                        <a  class=" p-2 t--1 item-link" href="/sveden/requisites/"
783																				>
784                                                                                        <span class="item-text">
785                                                Реквизиты                                            </span>
786                                        </a>
787                                    </li>													
788                                                                                                                                                                                        
789                                                                                                                                                                <li tabindex="-1" class="nav-item ">
790                                        <a  class=" p-2 t--1 item-link" href="/sveden/sout/"
791																				>
792                                                                                        <span class="item-text">
793                                                Специальная оценка условий труда                                            </span>
794                                        </a>
795                                    </li>													
796                                                                                                                                                                                                                                            </ul>
797                                </div>
798                                    </li>
799                    
800                                                                                                                                                        <li tabindex="-1" class="nav-item ">
801
802                                    <a  class=" p-2 t--1 allotment                                         item-link                                                                                " 
803                                        href="/appeal/"
804																				>
805                                                                                                                            <span class="item-text">
806                                                Обращения                                            </span>
807                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
808                                                <i class="far fa-angle-down " aria-hidden="true"></i>
809                                            </span>
810                                                                                <span class="item-hover" style="display:none"></span>
811                                    </a>
812                                    
813                                    <!-- -->
814                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
815                                                                                            theme-light child-color-submenu-9e248530da 
816                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color9e248530da                                                                                                                                                                                        mobile-theme-dark mobile-view9e248530da                                            " style="z-index:100">
817                                            <div class="content-mobile-horizontal w-100" style="display:none">
818                                                <h3 class="mobile-header m-0" style="display:none">
819                                                    Обращения                                                </h3>
820                                                <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
821                                                    <span class="back-icon mr-2">
822                                                        <i class="far fa-arrow-left"></i>
823                                                    </span>
824                                                    <span class="item-text">
825                                                        Назад                                                    </span>
826                                                </a>
827                                            </div>
828                                            <ul class="nav-items submenu-items p-0 container w-100">
829                                                <li tabindex="-1" class="nav-item one-mobile   one-link">
830                                                <a  class=" p-2 t--1                                                     item-link" 
831                                                        href="/appeal/"
832																												>
833                                                        <span class="item-text">
834                                                            Обращения                                                        </span>
835                                                    </a>
836                                                                                                                                                                                            
837                                                                                                                                                                <li tabindex="-1" class="nav-item ">
838                                        <a  class=" p-2 t--1 item-link" href="/appeal/meet/"
839																				>
840                                                                                        <span class="item-text">
841                                                Личный прием                                            </span>
842                                        </a>
843                                    </li>													
844                                                                                                                                                                                                                                            </ul>
845                                </div>
846                                    </li>
847                    
848                                                                                                                                                        <li tabindex="-1" class="nav-item ">
849
850                                    <a  class=" p-2 t--1 allotment                                         item-link                                                                                " 
851                                        href="/anti-corruption/"
852																				>
853                                                                                                                            <span class="item-text">
854                                                Противодействие коррупции                                            </span>
855                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
856                                                <i class="far fa-angle-down " aria-hidden="true"></i>
857                                            </span>
858                                                                                <span class="item-hover" style="display:none"></span>
859                                    </a>
860                                    
861                                    <!-- -->
862                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
863                                                                                            theme-light child-color-submenu-9e248530da 
864                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color9e248530da                                                                                                                                                                                        mobile-theme-dark mobile-view9e248530da                                            " style="z-index:100">
865                                            <div class="content-mobile-horizontal w-100" style="display:none">
866                                                <h3 class="mobile-header m-0" style="display:none">
867                                                    Противодействие коррупции                                                </h3>
868                                                <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
869                                                    <span class="back-icon mr-2">
870                                                        <i class="far fa-arrow-left"></i>
871                                                    </span>
872                                                    <span class="item-text">
873                                                        Назад                                                    </span>
874                                                </a>
875                                            </div>
876                                            <ul class="nav-items submenu-items p-0 container w-100">
877                                                <li tabindex="-1" class="nav-item one-mobile   one-link">
878                                                <a  class=" p-2 t--1                                                     item-link" 
879                                                        href="/anti-corruption/"
880																												>
881                                                        <span class="item-text">
882                                                            Противодействие коррупции                                                        </span>
883                                                    </a>
884                                                                                                                                                                                            
885                                                                                                                                                                <li tabindex="-1" class="nav-item ">
886                                        <a  class=" p-2 t--1 item-link" href="/anti-corruption/prikazy/"
887																				>
888                                                                                        <span class="item-text">
889                                                Приказы                                            </span>
890                                        </a>
891                                    </li>													
892                                                                                                                                                                                        
893                                                                                                                                                                <li tabindex="-1" class="nav-item ">
894                                        <a  class=" p-2 t--1 item-link" href="/anti-corruption/metodicheskie-materialy/"
895																				>
896                                                                                        <span class="item-text">
897                                                Методические материалы                                            </span>
898                                        </a>
899                                    </li>													
900                                                                                                                                                                                                                                            </ul>
901                                </div>
902                                    </li>
903                    
904                                                                                                                                                        <li tabindex="-1" class="nav-item ">
905
906                                    <a  class=" p-2 t--1 allotment                                         item-link                                                                                " 
907                                        href="/on-line/"
908																				>
909                                                                                                                            <span class="item-text">
910                                                Онлайн обслуживание                                            </span>
911                                                                                                                            <sp
911an class='item-icon submenu-indicator nav-next-level '> 
912                                                <i class="far fa-angle-down " aria-hidden="true"></i>
913                                            </span>
914                                                                                <span class="item-hover" style="display:none"></span>
915                                    </a>
916                                    
917                                    <!-- -->
918                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
919                                                                                            theme-light child-color-submenu-9e248530da 
920                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color9e248530da                                                                                                                                                                                        mobile-theme-dark mobile-view9e248530da                                            " style="z-index:100">
921                                            <div class="content-mobile-horizontal w-100" style="display:none">
922                                                <h3 class="mobile-header m-0" style="display:none">
923                                                    Онлайн обслуживание                                                </h3>
924                                                <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
925                                                    <span class="back-icon mr-2">
926                                                        <i class="far fa-arrow-left"></i>
927                                                    </span>
928                                                    <span class="item-text">
929                                                        Назад                                                    </span>
930                                                </a>
931                                            </div>
932                                            <ul class="nav-items submenu-items p-0 container w-100">
933                                                <li tabindex="-1" class="nav-item one-mobile   one-link">
934                                                <a  class=" p-2 t--1                                                     item-link" 
935                                                        href="/on-line/"
936																												>
937                                                        <span class="item-text">
938                                                            Онлайн обслуживание                                                        </span>
939                                                    </a>
940                                                                                                                                                                                            
941                                                                                                                                                                <li tabindex="-1" class="nav-item ">
942                                        <a  class=" p-2 t--1 item-link" href="/on-line/apply-for-a-library-entry/"
943																				>
944                                                                                        <span class="item-text">
945                                                Подать заявку на запись в библиотеку                                            </span>
946                                        </a>
947                                    </li>													
948                                                                                                                                                                                        
949                                                                                                                                                                <li tabindex="-1" class="nav-item ">
950                                        <a  class=" p-2 t--1 item-link" href="/on-line/book-extension/"
951																				>
952                                                                                        <sp
952an class="item-text">
953                                                Заказ или продление книги                                            </span>
954                                        </a>
955                                    </li>													
956                                                                                                                                                                                                                                            </ul>
957                                </div>
958                                    </li>
959                    
960                                                                                                                            							
961                                    <li tabindex="-1" class="nav-item   ">
962                                        <a  class=" p-2 t--1 
963											allotment                                             item-link                                                                                        "
964                                            href="/elektronnyy-katalog/"
965																						>
966                                                                                                                                        <span class="item-text">
967                                                    Электронный каталог                                                </span>
968                                                                                        <span class="item-hover" style="display:none"></span>
969                                        </a>
970                                    </li>
971                                                                                                                                                                                        
972                                                                                                                            							
973                                    <li tabindex="-1" class="nav-item   ">
974                                        <a  class=" p-2 t--1 
975											allotment                                             item-link                                                                                        "
976                                            href="https://forms.yandex.ru/cloud/678896f984227c32d63e375b/"
977																						>
978                                                                                                                                        <span class="item-text">
979                                                    Удовлетворенность населения услугами учреждения                                                </span>
980                                                                                        <span class="item-hover" style="display:none"></span>
981                                        </a>
982                                    </li>
983                                                                                                                                                                                        
984                                                                                                                            							
985                                    <li tabindex="-1" class="nav-item   ">
986                                        <a  class=" p-2 t--1 
987											allotment                                             item-link                                                                                        "
988                                            href="/noko/"
989																						>
990                                                                                                                                        <span class="item-text">
991                                                    Независимая оценка качества                                                </span>
992                                                                                        <sp
992an class="item-hover" style="display:none"></span>
993                                        </a>
994                                    </li>
995                                                                                                                                                                                        
996                                                                                                                                                        <li tabindex="-1" class="nav-item ">
997
998                                    <a  class=" p-2 t--1 allotment                                         item-link                                                                                " 
999                                        href="/security/"
1000																				>
1001                                                                                                                            <span class="item-text">
1002                                                Комплексная безопасность                                            </span>
1003                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1004                                                <i class="far fa-angle-down " aria-hidden="true"></i>
1005                                            </span>
1006                                                                                <span class="item-hover" style="display:none"></span>
1007                                    </a>
1008                                    
1009                                    <!-- -->
1010                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
1011                                                                                            theme-light child-color-submenu-9e248530da 
1012                                                                                                                                                                                            fixed-theme-light-submenu fixed-submenu-color9e248530da                                                                                                                                                                                        mobile-theme-dark mobile-view9e248530da                                            " style="z-index:100">
1013                                            <div class="content-mobile-horizontal w-100" style="display:none">
1014                                                <h3 class="mobile-header m-0" style="display:none">
1015                                                    Комплексная безопасность                                                </h3>
1016                                                <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1017                                                    <span class="back-icon mr-2">
1018                                                        <i class="far fa-arrow-left"></i>
1019                                                    </span>
1020                                                    <span class="item-text">
1021                                                        Назад                                                    </span>
1022                                                </a>
1023                                            </div>
1024                                            <ul class="nav-items submenu-items p-0 container w-100">
1025                                                <li tabindex="-1" class="nav-item one-mobile   one-link">
1026                                                <a  class=" p-2 t--1                                                     item-link" 
1027                                                        href="/security/"
1028																												>
1029                                                        <span class="item-text">
1030                                                            Комплексная безопасность                                                        </span>
1031                                                    </a>
1032                                                                                                                                                                                            
1033                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1034                                        <a  class=" p-2 t--1 item-link" href="/security/fire-safety/"
1035																				>
1036                                                                                        <sp
1036an class="item-text">
1037                                                Противопожарная безопасность                                            </span>
1038                                        </a>
1039                                    </li>													
1040                                                                                                                                                                                        
1041                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1042                                        <a  class=" p-2 t--1 item-link" href="/security/safety/"
1043																				>
1044                                                                                        <span class="item-text">
1045                                                Охрана труда                                            </span>
1046                                        </a>
1047                                    </li>													
1048                                                                                                                                                                                        
1049                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1050                                        <a  class=" p-2 t--1 item-link" href="/security/road-safety/"
1051																				>
1052                                                                                        <span class="item-text">
1053                                                Дорожная безопасность                                            </span>
1054                                        </a>
1055                                    </li>													
1056                                                                                                                                                                                        
1057                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1058                                        <a  class=" p-2 t--1 item-link" href="/security/defense/"
1059																				>
1060                                                                                        <span class="item-text">
1061                                                ГО и ЧС                                            </span>
1062                                        </a>
1063                                    </li>													
1064                                                                                                                                                                                        
1065                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1066                                        <a  class=" p-2 t--1 item-link" href="/security/personal-data/"
1067																				>
1068                                                                                        <span class="item-text">
1069                                                Работа с персональными данными                                            </span>
1070                                        </a>
1071                                    </li>													
1072                                                                                                                                                                                                                                            </ul>
1073                                </div>
1074                                    </li>
1075                    
1076                                                                                                                            							
1077                                    <li tabindex="-1" class="nav-item   ">
1078                                        <a  class=" p-2 t--1 
1079											allotment                                             item-link                                                                                        "
1080                                            href="/antiterrorist/"
1081																						>
1082                                                                                                                                        <sp
1082an class="item-text">
1083                                                    Антитеррористическая защищенность                                                </span>
1084                                                                                        <span class="item-hover" style="display:none"></span>
1085                                        </a>
1086                                    </li>
1087                                                                                                                                                                                        
1088                                                                                                                            							
1089                                    <li tabindex="-1" class="nav-item   ">
1090                                        <a  class=" p-2 t--1 
1091											allotment                                             item-link                                                                                        "
1092                                            href="/tenders/"
1093																						>
1094                                                                                                                                        <span class="item-text">
1095                                                    Закупки                                                </span>
1096                                                                                        <span class="item-hover" style="display:none"></span>
1097                                        </a>
1098                                    </li>
1099                                                                                                                                                                    
1100                            </ul>
1101                 </section>
1102                                    <section class="right-section d-inline-flex align-items-streach justify-content-end flex-row flex-wrap">
1103                                                                     
1104                                                                                                    <button class="btn-mobile b-0 p-2 t--1"> 
1105                            <i class="far fa-bars fa-lg" aria-hidden="true"></i>
1106                        </button>
1107                                       
1108                         
1109                                        				            </section>
1110                </nav>
1111                        </div>
1112        </div>
1113    
1114     </div>  
1115													</div>
1116																																										 									</div>
1117																	<div class=" col-12 col-lg-2 d-flex justify-content-end align-items-center">
1118									  										 																																																<div class="t--1  ">
1119																												
1120
1121<div id="sfWidget" class="h-100" sf-tmp-translate="/simai.data/grid/block/header/translate.yandex/">
1122	<div class="lang" style="color: ;">
1123            <div id="ytWidget" style="display: none;"></div>
1124            <div class="lang__link lang__link_select" data-lang-active style="background: none">
1125                <span translate="no">
1126					Russian
1127				</span>
1128            </div>
1129            <div class="lang__list" data-lang-list>
1130									<a class="lang__link lang__link_sub" data-ya-lang="ru" style="background: #fafafa; color: ">
1131						<span translate="no">Russian</span>
1132					</a>
1133									<a class="lang__link lang__link_sub" data-ya-lang="en" style="background: #fafafa; color: ">
1134						<span translate="no">English</span>
1135					</a>
1136				            </div>
1137	</div>
1138</div>
1139
1140													</div>
1141																																										 									</div>
1142																					</div>
1143					</div>
1144					
1145										
1146				</div>
1147												<div class="container-wrap py-4 " style="">
1148										
1149					<div class="container ">
1150						<div class="row ">
1151																								<div class=" col-12 col-lg-5 mb-3 mb-lg-0">
1152									  										 <div class="d-flex align-items-center ">																																																<div class="mr-3 safari-logo-width ">
1153																												
1154	<a href="/">
1155		<img src="/simai.data/image/logo/D8EQbjhogKi1l8_EMB6a2Bbj0GYiBG2r5KdmfAWUtidWw_rbqiD0F9156GeVkDW8ObUBkjvEzzCE39yLN0ZpsGe8.jpg"  class="" style="max-height:4rem"/>
1156	</a>
1157													</div>
1158																																																												<div class=" ">
1159																												
1160
1161	<a href="/" class="l-inherit l-underline-none m-0 c-text-primary t-title l-hover-underline-none">
1162		<span class="t-0   ">
1163			Челябинская областная специальная библиотека  для слабовидящих и слепых		</span>
1164	</a>
1165													</div>
1166																																	</div>									 									</div>
1167																	<div class=" col-12 col-lg-4 t--1 d-flex align-items-center mb-3 mb-lg-0">
1168									  										 <div class="">																																																<div class=" ">
1169																												
1170<i class="far fa-fw fa-map-marker-alt mr-2 c-primary" aria-hidden="true"></i>
1171<span class="c-text-primary">
1172	г. Челябинск, Свердловский пр., 58</span>													</div>
1173																																																												<div class=" ">
1174																												
1175	<i class="far fa-fw fa-phone mr-2 c-primary" aria-hidden="true"></i>
1176		  		<span style="white-space:nowrap">
1177			<a class="c-text-primary sf-link sf-link-theme sf-link-dashed"  href="tel:+7 (351) 265-0584">+7 (351) 265-0584</a>		</span>
1178				
1179													</div>
1180																																																												<div class=" ">
1181																												
1182<i class="far fa-fw fa-envelope mr-2 c-primary " aria-hidden="true"></i>
1183<a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="mailto:[email protected]">
1184	[email protected]</a>													</div>
1185																																	</div>									 									</div>
1186																	<div class=" col-12 col-lg-3 t--1 d-flex align-items-center">
1187									  										 <div class="">																																																<div class=" ">
1188																												
1189<div  itemprop="copy" class=" position-relative d-inline-block">
1190    <i class="far fa-fw fa-eye mr-2 c-primary" aria-hidden="true"></i>
1191	<a class="c-text-primary sf-link sf-link-theme sf-link-dashed">
1192	 Версия для слабовидящих	</a>
1193		   <a href="#"  sf-special id ="special-link" style="position: absolute;width: 100%;height: 100%;top: 0px;left: 0px; background:none!important;"></a>
1194	   	</div>
1195													</div>
1196																																																												<div class=" ">
1197																												
1198<ul class="t-list pl-0 m-0">
1199		<li class="d-inline-block">
1200				
1201          <div  class=" position-relative d-inline-block">		
1202			<i class="far fa-fw fa-sign-in mr-2 c-primary" aria-hidden="true"></i>
1203			<a class="c-text-primary sf-link sf-link-theme sf-link-dashed">
1204				Войти			</a>
1205			<a href="/auth/"  style="position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;"></a>
1206         </div>
1207			</li>
1208</ul>													</div>
1209																																	</div>									 									</div>
1210																					</div>
1211					</div>
1212					
1213										
1214				</div>
1215												<div class="container-wrap  " style="">
1216										
1217					<div class="">
1218						<div class="row ">
1219																								<div class=" col-12 ">
1220									  										 																																																<div class=" ">
1221																												
1222
1223
1224<style>
1225
1226.nav-dropdown {
1227    z-index:10;
1228}
1229
1230.overflow-hidden {
1231    overflow: hidden!important;
1232}
1233
1234.text-t-u {
1235    text-transform: uppercase;
1236}
1237	
1238.sf-left-catalog > ul > li > .catalog-submenu > .submenu a span.submenu-indicator{
1239    height: 1.5rem;
1240    width: 1.5rem;
1241    top: 7px;
1242}
1243
1244.sf-nav-fixed .container-wrap .nav-container .sf-nav section.right-section .nav-search form .inner-search {
1245    z-index: 99;
1246}
1247
1248.sf-left-catalog ul li a{
1249	z-index: 10 !important;
1250}
1251
1252.sf-left-catalog ul li div.catalog-submenu ul.submenu li a, .sf-left-catalog ul li a{
1253    color: inherit;
1254}
1255
1256@media only screen and (min-width: 770px)  { 
1257    .sf-nav section.center-section > ul > li:focus-within > .nav-submenu {display: flex !important;}
1258    .sf-nav section.center-section>ul>li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li:focus-within>ul.transform-submenu {
1259        display: flex !important;
1260    }
1261
1262    .sf-nav section.center-section>ul>li>ul.transform-submenu li:focus-within>.nav-submenu {display: flex !important;}
1263    .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu {display: flex !important;}
1264
1265
1266    .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within {
1267        background-color: rgba(0, 0, 0, 0.05);
1268        color: rgba(0, 0, 0, 0.87);
1269        border-color: rgba(255, 255, 255, 0.12);
1270    }
1271
1272    .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within {
1273        background-color: rgba(0, 0, 0, 0.05);
1274        color: rgba(0, 0, 0, 0.87);
1275        border-color: rgba(255, 255, 255, 0.12);
1276    }
1277
1278    .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within {
1279        background-color: rgba(255, 255, 255, 0.05);
1280        color: white;
1281        border-color: rgba(0, 0, 0, 0.12);
1282    }
1283
1284
1285    .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-dark ul.submenu-items li.nav-item:focus-within{
1286        background-color: rgba(255, 255, 255, 0.05);
1287        color: white;
1288        border-color: rgba(0, 0, 0, 0.12);
1289    }
1290
1291
1292    /* для табов стили */
1293    .sf-nav section.center-section>ul>li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li:focus-within>ul.transform-submenu{display: flex !important;}
1294
1295    .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu, html.special .sf-nav section.center-section>ul>li>.nav-submenu>ul li:focus-within>.nav-submenu{display: flex !important;}
1296    .sf-nav section.center-section>ul>li>ul.transform-submenu li:focus-within>.nav-submenu {display: flex !important;}
1297
1298
1299
1300    .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within {
1301        background-color: rgba(0, 0, 0, 0.05);
1302        color: rgba(0, 0, 0, 0.87);
1303        border-color: rgba(255, 255, 255, 0.12);
1304    }
1305
1306    .theme-light div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within {
1307        background-color: rgba(0, 0, 0, 0.05);
1308        color: rgba(0, 0, 0, 0.87);
1309        border-color: rgba(255, 255, 255, 0.12);
1310    }
1311
1312    .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item:focus-within  {
1313        background-color: rgba(255, 255, 255, 0.05);
1314        color: white;
1315        border-color: rgba(0, 0, 0, 0.12);
1316    }
1317
1318
1319
1320    .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-dark ul.submenu-items li.nav-item:focus-within {
1321        background-color: rgba(255, 255, 255, 0.05);
1322        color: white;
1323        border-color: rgba(0, 0, 0, 0.12);
1324    }
1325
1326    .navigation-container.theme-dark div.nav-container nav.sf-nav section.center-section ul.nav-items li.nav-item div.nav-submenu.theme-light ul.submenu-items li.nav-item:focus-within {
1327        background-color: rgba(0, 0, 0, 0.05);
1328        color: rgba(0, 0, 0, 0.87);
1329        border-color: rgba(255, 255, 255, 0.12);
1330    }
1331}
1332
1333.sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed .sf-pagewrap-area .submenu-items.container {
1334    width: 100%;
1335}
1336
1337
1338@media (max-width: 768px) {
1339	
1340	.mobile-level{
1341		flex-direction: column !important;
1342	}
1343	.item-text{
1344		white-space: normal !important;
1345	}
1346}
1347
1348
1349/* captions for fixed menu */
1350.fixed-theme-dark.nav-fixed a.item-link{
1351    background-color: transparent;
1352    color: white !important;
1353}
1354.fixed-theme-light.nav-fixed a.item-link{
1355    background-color: transparent;
1356}
1357/* icons - fixed, non-fixed - colors */
1358.theme-light .c-icon-active, .fixed-theme-light.nav-fixed .c-icon-active{
1359    color: rgba(27,31,44,.54) !important;
1360}
1361.theme-dark .c-icon-active, .fixed-theme-dark.nav-fixed .c-icon-active{
1362    color: white !important;
1363}
1364
1365
1366
1367</style>
1368
1369
1370            <style>
1371                            .sf-nav-fixed3d31e0a77f {background: #2C3944!important;}
1372                                        .child-color-submenu-3d31e0a77f {background:#f8f9fa;}
1373                                        @media (max-width: 768px) {
1374                    .mobile-view3d31e0a77f {background: #2C3944!important;}
1375                }
1376                                        .full-screen-color-3d31e0a77f {background: white!important;}
1377                        
1378            
1379
1380            
1381
1382        </style>
1383	            <div class="navigation-container sf-nav-fixed3d31e0a77f no-fixed sf-nav-fixed 
1384                            theme-dark 
1385                         
1386            vertical-submenu"
1387            id="sf-fixed-id-3d31e0a77f">      
1388             <div class="container-wrap">
1389            <div class="container nav-container">
1390    
1391             <nav data-nav id="sf-nav-3d31e0a77f"
1392            class="sf-nav w-100 m-0 p-0 d-flex align-items-streach justify-content-between flex-row flex-wrap">
1393                <section class="left-section d-flex align-items-streach justify-content-between flex-row flex-wrap">
1394                                    <button class="btn-full-screen b-0 p-3 t--1 ">
1395                        <i class="far fa-ellipsis-v fa-lg" aria-hidden="true"></i>
1396                    </button>
1397                                                        <!--<a class="nav-logo" href="/">
1398                <img src="image/list.jpg"
1399                    class="hidden-md-down d-inline mr-2 w-75">
1400            </a>-->
1400
1401        </section>
1402                                <section style="justify-content:flex-start!important;" class="center-section align-items-streach mobile-level sf-scroll overflow-hidden
1403            justify-content-start                            mobile-theme-dark mobile-view3d31e0a77f                        ">
1404				            <button class="mobile-close sf-close" style="display:none"></button>
1405            <h3 class="mobile-header m-0" style="display: none">
1406                Меню            </h3>
1407                   <ul class="nav-items d-inline-flex align-items-streach justify-content-start p-0 m-0">
1408                                
1409                                                                                                                                                        <li tabindex="-1" class="nav-item active">
1410
1411                                    <a  class="bg-active-menu-3d31e0a77f p-3 t--1  blackout                                         item-link                                                                                " 
1412                                        href="/about/"
1413																				>
1414                                                                                                                            <span class="item-text">
1415                                                Об учреждении                                            </span>
1416                                                                                                                            <span class='item-icon submenu-indicator nav-next-level submenu-indicator-minus'> 
1417                                                <i class="far fa-angle-down c-active-menu-text-3d31e0a77f" aria-hidden="true"></i>
1418                                            </span>
1419                                                                                <span class="item-hover" style="display:none"></span>
1420                                    </a>
1421                                    
1422                                    <!-- -->
1423                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
1424                                                                                            theme-light child-color-submenu-3d31e0a77f 
1425                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                            " style="z-index:100">
1426                                            <div class="content-mobile-horizontal w-100" style="display:none">
1427                                                <h3 class="mobile-header m-0" style="display:none">
1428                                                    Об учреждении                                                </h3>
1429                                                <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1430                                                    <span class="back-icon mr-2">
1431                                                        <i class="far fa-arrow-left"></i>
1432                                                    </span>
1433                                                    <span class="item-text">
1434                                                        Назад                                                    </span>
1435                                                </a>
1436                                            </div>
1437                                            <ul class="nav-items submenu-items p-0 container w-100">
1438                                                <li tabindex="-1" class="nav-item one-mobile active  one-link">
1439                                                <a  class="bg-active-menu-3d31e0a77f p-3 t--1                                                     item-link" 
1440                                                        href="/about/"
1441																												>
1442                                                        <span class="item-text">
1443                                                            Об учреждении                                                        </span>
1444                                                    </a>
1445                                                                                                                                                                                            
1446                                                                                                                                                                <li tabindex="-1" class="nav-item active">
1447                                        <a  class="bg-active-menu-3d31e0a77f p-3 t--1 item-link" href="/about/"
1448																				>
1449                                                                                        <span class="item-text">
1450                                                История библиотеки                                            </span>
1451                                        </a>
1452                                    </li>													
1453                                                                                                                                                                                        
1454                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1455                                        <a  class=" p-3 t--1 item-link" href="/about/partners/"
1456																				>
1457                                                                                        <span class="item-text">
1458                                                Партнёры                                            </span>
1459                                        </a>
1460                                    </li>													
1461                                                                                                                                                                                        
1462                                                                                                                                                            <li tabindex="-1" class="nav-item ">
1463                                    <a  class=" p-3 t--1                                         item-link" 
1464                                        href="/about/reviews/"
1465																				
1466										>
1467
1468                                                                                        
1469                                            <span class="item-text">
1470                                                Отзывы                                            </span>
1471                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1472                                                    <i class="far fa-angle-down " aria-hidden="true"></i>
1473                                                </span>
1474                                                                                    </a>
1475                                        
1476                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
1477                                                                                                    theme-light child-color-submenu-3d31e0a77f 
1478                                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                                ">
1479                                                <div class="content-mobile-horizontal" style="display:none">
1480                                                    <h3 class="mobile-header" style="display:none">Отзывы</h3>
1481                                                    <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1482                                                        <span class="back-icon mr-2">
1483                                                            <i class="far fa-arrow-left"></i>
1484                                                        </span>
1485                                                        <span class="item-text">
1486                                                            Назад                                                        </span>
1487                                                    </a>
1488                                                </div>
1489                                                <ul class="nav-items submenu-items p-0 container w-100">
1490                                                <li tabindex="-1" class="nav-item one-mobile ">
1491                                                <a  class=" p-3 t--1                                                     item-link"
1492                                                            href="/about/reviews/"
1493																														>
1494                                                                                                                        <span class="item-text">
1495                                                                Отзывы                                                            </span>
1496                                                        </a>
1497                                                                                                                                                                                                
1498                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1499                                        <a  class=" p-3 t--1 item-link" href="/about/reviews/add.php"
1500																				>
1501                                                                                        <span class="item-text">
1502                                                Добавить отзыв                                            </span>
1503                                        </a>
1504                                    </li>													
1505                                                                                                                                                                                                                                            </ul>
1506                                </div>
1507                                    </li>
1508                    
1509                                                                                                                                                            <li tabindex="-1" class="nav-item ">
1510                                    <a  class=" p-3 t--1                                         item-link" 
1511                                        href="/about/career/"
1512																				
1513										>
1514
1515                                                                                        
1516                                            <span class="item-text">
1517                                                Карьера                                            </span>
1518                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1519                                                    <i class="far fa-angle-down " aria-hidden="true"></i>
1520                                                </span>
1521                                                                                    </a>
1522                                        
1523                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
1524                                                                                                    theme-light child-color-submenu-3d31e0a77f 
1525                                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                                ">
1526                                                <div class="content-mobile-horizontal" style="display:none">
1527                                                    <h3 class="mobile-header" style="display:none">Карьера</h3>
1528                                                    <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1529                                                        <span class="back-icon mr-2">
1530                                                            <i class="far fa-arrow-left"></i>
1531                                                        </span>
1532                                                        <span class="item-text">
1533                                                            Назад                                                        </span>
1534                                                    </a>
1535                                                </div>
1536                                                <ul class="nav-items submenu-items p-0 container w-100">
1537                                                <li tabindex="-1" class="nav-item one-mobile ">
1538                                                <a  class=" p-3 t--1                                                     item-link"
1539                                                            href="/about/career/"
1540																														>
1541                                                                                                                        <span class="item-text">
1542                                                                Карьера                                                            </span>
1543                                                        </a>
1544                                                                                                                                                                                                
1545                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1546                                        <a  class=" p-3 t--1 item-link" href="/about/career"
1547																				>
1548                                                                                        <span class="item-text">
1549                                                Вакансии                                            </span>
1550                                        </a>
1551                                    </li>													
1552                                                                                                                                                                                        
1553                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1554                                        <a  class=" p-3 t--1 item-link" href="/about/career/add/"
1555																				>
1556                                                                                        <span class="item-text">
1557                                                Заполнить анкету                                            </span>
1558                                        </a>
1559                                    </li>													
1560                                                                                                                                                                                                                                            </ul>
1561                                </div>
1562                                    </li>
1563                    
1564                                                                                                                                                            <li tabindex="-1" class="nav-item ">
1565                                    <a  class=" p-3 t--1                                         item-link" 
1566                                        href="/about/faq/"
1567																				
1568										>
1569
1570                                                                                        
1571                                            <span class="item-text">
1572                                                Вопрос-ответ                                            </span>
1573                                                                                            <sp
1573an class='item-icon submenu-indicator nav-next-level '> 
1574                                                    <i class="far fa-angle-down " aria-hidden="true"></i>
1575                                                </span>
1576                                                                                    </a>
1577                                        
1578                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
1579                                                                                                    theme-light child-color-submenu-3d31e0a77f 
1580                                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                                ">
1581                                                <div class="content-mobile-horizontal" style="display:none">
1582                                                    <h3 class="mobile-header" style="display:none">Вопрос-ответ</h3>
1583                                                    <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1584                                                        <span class="back-icon mr-2">
1585                                                            <i class="far fa-arrow-left"></i>
1586                                                        </span>
1587                                                        <span class="item-text">
1588                                                            Назад                                                        </span>
1589                                                    </a>
1590                                                </div>
1591                                                <ul class="nav-items submenu-items p-0 container w-100">
1592                                                <li tabindex="-1" class="nav-item one-mobile ">
1593                                                <a  class=" p-3 t--1                                                     item-link"
1594                                                            href="/about/faq/"
1595																														>
1596                                                                                                                        <span class="item-text">
1597                                                                Вопрос-ответ                                                            </span>
1598                                                        </a>
1599                                                                                                                                                                                                
1600                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1601                                        <a  class=" p-3 t--1 item-link" href="/about/faq/ask.php"
1602																				>
1603                                                                                        <span class="item-text">
1604                                                Задать вопрос                                            </span>
1605                                        </a>
1606                                    </li>													
1607                                                                                                                                                                                                                                            </ul></div></li>                                                    </ul>
1608                                </div>
1609                                    </li>
1610                    
1611                                                                                                                                                        <li tabindex="-1" class="nav-item ">
1612
1613                                    <a  class=" p-3 t--1  blackout                                         item-link                                                                                " 
1614                                        href="/sotsiokulturnaya-reabilitatsiya/"
1615																				>
1616                                                                                                                            <sp
1616an class="item-text">
1617                                                Социокультурная реабилитация                                            </span>
1618                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1619                                                <i class="far fa-angle-down " aria-hidden="true"></i>
1620                                            </span>
1621                                                                                <span class="item-hover" style="display:none"></span>
1622                                    </a>
1623                                    
1624                                    <!-- -->
1625                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
1626                                                                                            theme-light child-color-submenu-3d31e0a77f 
1627                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                            " style="z-index:100">
1628                                            <div class="content-mobile-horizontal w-100" style="display:none">
1629                                                <h3 class="mobile-header m-0" style="display:none">
1630                                                    Социокультурная реабилитация                                                </h3>
1631                                                <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1632                                                    <span class="back-icon mr-2">
1633                                                        <i class="far fa-arrow-left"></i>
1634                                                    </span>
1635                                                    <span class="item-text">
1636                                                        Назад                                                    </span>
1637                                                </a>
1638                                            </div>
1639                                            <ul class="nav-items submenu-items p-0 container w-100">
1640                                                <li tabindex="-1" class="nav-item one-mobile   one-link">
1641                                                <a  class=" p-3 t--1                                                     item-link" 
1642                                                        href="/sotsiokulturnaya-reabilitatsiya/"
1643																												>
1644                                                        <span class="item-text">
1645                                                            Социокультурная реабилитация                                                        </span>
1646                                                    </a>
1647                                                                                                                                                                                            
1648                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1649                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/zakonodatelstvo/"
1650																				>
1651                                                                                        <span class="item-text">
1652                                                Законодательство                                            </span>
1653                                        </a>
1654                                    </li>													
1655                                                                                                                                                                                        
1656                                                                                                                                                            <li tabindex="-1" class="nav-item ">
1657                                    <a  class=" p-3 t--1                                         item-link" 
1658                                        href="/sotsiokulturnaya-reabilitatsiya/uslugi-po-sotsiokulturnoy-reabilitatsii/"
1659																				
1660										>
1661
1662                                                                                        
1663                                            <span class="item-text">
1664                                                Услуги по социокультурной реабилитации                                            </span>
1665                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1666                                                    <i class="far fa-angle-down " aria-hidden="true"></i>
1667                                                </span>
1668                                                                                    </a>
1669                                        
1670                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
1671                                                                                                    theme-light child-color-submenu-3d31e0a77f 
1672                                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                                ">
1673                                                <div class="content-mobile-horizontal" style="display:none">
1674                                                    <h3 class="mobile-header" style="display:none">Услуги по социокультурной реабилитации</h3>
1675                                                    <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1676                                                        <span class="back-icon mr-2">
1677                                                            <i class="far fa-arrow-left"></i>
1678                                                        </span>
1679                                                        <span class="item-text">
1680                                                            Назад                                                        </span>
1681                                                    </a>
1682                                                </div>
1683                                                <ul class="nav-items submenu-items p-0 container w-100">
1684                                                <li tabindex="-1" class="nav-item one-mobile ">
1685                                                <a  class=" p-3 t--1                                                     item-link"
1686                                                            href="/sotsiokulturnaya-reabilitatsiya/uslugi-po-sotsiokulturnoy-reabilitatsii/"
1687																														>
1688                                                                                                                        <span class="item-text">
1689                                                                Услуги по социокультурной реабилитации                                                            </span>
1690                                                        </a>
1691                                                                                                                                                                                                
1692                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1693                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/uslugi-po-sotsiokulturnoy-reabilitatsii/meropriyatiya-po-sotsiokulturnoy-reabilitatsii"
1694																				>
1695                                                                                        <span class="item-text">
1696                                                Мероприятия по социокультурной реабилитации                                            </span>
1697                                        </a>
1698                                    </li>													
1699                                                                                                                                                                                        
1700                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1701                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/uslugi-po-sotsiokulturnoy-reabilitatsii/vydacha-literatury-spetsialnykh-formatov"
1702																				>
1703                                                                                        <sp
1703an class="item-text">
1704                                                Выдача литературы специальных форматов                                            </span>
1705                                        </a>
1706                                    </li>													
1707                                                                                                                                                                                        
1708                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1709                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/uslugi-po-sotsiokulturnoy-reabilitatsii/konsultirovanie-po-ispolzovaniyu-tiflotekhnicheskikh-sredstv-reabilitatsii"
1710																				>
1711                                                                                        <span class="item-text">
1712                                                 Консультирование по использованию тифлотехнических средств реабилитации                                            </span>
1713                                        </a>
1714                                    </li>													
1715                                                                                                                                                                                                                                            </ul>
1716                                </div>
1717                                    </li>
1718                    
1719                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1720                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/tsentry-okazaniya-uslug-po-sotsiokulturnoy-reabilitatsii"
1721																				>
1722                                                                                        <span class="item-text">
1723                                                Центры оказания услуг по социокультурной реабилитации                                            </span>
1724                                        </a>
1725                                    </li>													
1726                                                                                                                                                                                        
1727                                                                                                                                                            <li tabindex="-1" class="nav-item ">
1728                                    <a  class=" p-3 t--1                                         item-link" 
1729                                        href="/sotsiokulturnaya-reabilitatsiya/sotrudnichestvo/"
1730																				
1731										>
1732
1733                                                                                        
1734                                            <span class="item-text">
1735                                                Сотрудничество                                            </span>
1736                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1737                                                    <i class="far fa-angle-down " aria-hidden="true"></i>
1738                                                </span>
1739                                                                                    </a>
1740                                        
1741                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
1742                                                                                                    theme-light child-color-submenu-3d31e0a77f 
1743                                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                                ">
1744                                                <div class="content-mobile-horizontal" style="display:none">
1745                                                    <h3 class="mobile-header" style="display:none">Сотрудничество</h3>
1746                                                    <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1747                                                        <span class="back-icon mr-2">
1748                                                            <i class="far fa-arrow-left"></i>
1749                                                        </span>
1750                                                        <span class="item-text">
1751                                                            Назад                                                        </span>
1752                                                    </a>
1753                                                </div>
1754                                                <ul class="nav-items submenu-items p-0 container w-100">
1755                                                <li tabindex="-1" class="nav-item one-mobile ">
1756                                                <a  class=" p-3 t--1                                                     item-link"
1757                                                            href="/sotsiokulturnaya-reabilitatsiya/sotrudnichestvo/"
1758																														>
1759                                                                                                                        <span class="item-text">
1760                                                                Сотрудничество                                                            </span>
1761                                                        </a>
1762                                                                                                                                                                                                
1763                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1764                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/sotrudnichestvo/perechen-korrektsionnykh-shkol-chelyabinskoy-oblasti"
1765																				>
1766                                                                                        <span class="item-text">
1767                                                Коррекционные школы Челябинской области                                            </span>
1768                                        </a>
1769                                    </li>													
1770                                                                                                                                                                                        
1771                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1772                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/sotrudnichestvo/perechen-otdeleniy-dnevnogo-prebyvaniya-ktsson-chelyabinskoy-oblasti"
1773																				>
1774                                                                                        <span class="item-text">
1775                                                Отделения дневного пребывания КЦСОН Челябинской области                                            </span>
1776                                        </a>
1777                                    </li>													
1778                                                                                                                                                                                        
1779                                                                                                                                                            <li tabindex="-1" class="nav-item ">
1780                                    <a  class=" p-3 t--1                                         item-link" 
1781                                        href="/sotsiokulturnaya-reabilitatsiya/sotrudnichestvo/obshchestvennye-obedineniya-invalidov/"
1782																				
1783										>
1784
1785                                                                                        
1786                                            <span class="item-text">
1787                                                Общественные объединения инвалидов                                            </span>
1788                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1789                                                    <i class="far fa-angle-down " aria-hidden="true"></i>
1790                                                </span>
1791                                                                                    </a>
1792                                        
1793                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
1794                                                                                                    theme-light child-color-submenu-3d31e0a77f 
1795                                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                                ">
1796                                                <div class="content-mobile-horizontal" style="display:none">
1797                                                    <h3 class="mobile-header" style="display:none">Общественные объединения инвалидов</h3>
1798                                                    <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1799                                                        <span class="back-icon mr-2">
1800                                                            <i class="far fa-arrow-left"></i>
1801                                                        </span>
1802                                                        <span class="item-text">
1803                                                            Назад                                                        </span>
1804                                                    </a>
1805                                                </div>
1806                                                <ul class="nav-items submenu-items p-0 container w-100">
1807                                                <li tabindex="-1" class="nav-item one-mobile ">
1808                                                <a  class=" p-3 t--1                                                     item-link"
1809                                                            href="/sotsiokulturnaya-reabilitatsiya/sotrudnichestvo/obshchestvennye-obedineniya-invalidov/"
1810																														>
1811                                                                                                                        <span class="item-text">
1812                                                                Общественные объединения инвалидов                                                            </span>
1813                                                        </a>
1814                                                                                                                                                                                                
1815                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1816                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/sotrudnichestvo/obshchestvennye-obedineniya-invalidov/mestnye-organizatsii-chooo-voi"
1817																				>
1818                                                                                        <span class="item-text">
1819                                                Местные организации ЧООО ВОИ                                            </span>
1820                                        </a>
1821                                    </li>													
1822                                                                                                                                                                                        
1823                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1824                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/sotrudnichestvo/obshchestvennye-obedineniya-invalidov/mestnye-organizatsii-chooo-vos"
1825																				>
1826                                                                                        <sp
1826an class="item-text">
1827                                                Местные организации ЧООО ВОС                                            </span>
1828                                        </a>
1829                                    </li>													
1830                                                                                                                                                                                        
1831                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1832                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/sotrudnichestvo/obshchestvennye-obedineniya-invalidov/mestnye-otdeleniya-chro-oooi-vog"
1833																				>
1834                                                                                        <span class="item-text">
1835                                                Местные отделения ЧРО ОООИ ВОГ                                            </span>
1836                                        </a>
1837                                    </li>													
1838                                                                                                                                                                                                                                            </ul></div></li>                                                    </ul>
1839                                </div>
1840                                    </li>
1841                    
1842                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1843                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/metodicheskie-materiali"
1844																				>
1845                                                                                        <span class="item-text">
1846                                                Методические материалы                                            </span>
1847                                        </a>
1848                                    </li>													
1849                                                                                                                                                                                        
1850                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1851                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/materialy-konferentsii"
1852																				>
1853                                                                                        <span class="item-text">
1854                                                Материалы профессиональных мероприятий                                            </span>
1855                                        </a>
1856                                    </li>													
1857                                                                                                                                                                                        
1858                                                                                                                                                            <li tabindex="-1" class="nav-item ">
1859                                    <a  class=" p-3 t--1                                         item-link" 
1860                                        href="/biblioteki-bez-barerov/tifloustroystva/"
1861																				
1862										>
1863
1864                                                                                        
1865                                            <span class="item-text">
1866                                                Тифлотехника                                            </span>
1867                                                                                            <sp
1867an class='item-icon submenu-indicator nav-next-level '> 
1868                                                    <i class="far fa-angle-down " aria-hidden="true"></i>
1869                                                </span>
1870                                                                                    </a>
1871                                        
1872                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
1873                                                                                                    theme-light child-color-submenu-3d31e0a77f 
1874                                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                                ">
1875                                                <div class="content-mobile-horizontal" style="display:none">
1876                                                    <h3 class="mobile-header" style="display:none">Тифлотехника</h3>
1877                                                    <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1878                                                        <span class="back-icon mr-2">
1879                                                            <i class="far fa-arrow-left"></i>
1880                                                        </span>
1881                                                        <span class="item-text">
1882                                                            Назад                                                        </span>
1883                                                    </a>
1884                                                </div>
1885                                                <ul class="nav-items submenu-items p-0 container w-100">
1886                                                <li tabindex="-1" class="nav-item one-mobile ">
1887                                                <a  class=" p-3 t--1                                                     item-link"
1888                                                            href="/biblioteki-bez-barerov/tifloustroystva/"
1889																														>
1890                                                                                                                        <span class="item-text">
1891                                                                Тифлотехника                                                            </span>
1892                                                        </a>
1893                                                                                                                                                                                                
1894                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1895                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/tifloustroystva/proizvoditeli-tiflotekhniki.php"
1896																				>
1897                                                                                        <span class="item-text">
1898                                                Производители тифлотехники                                            </span>
1899                                        </a>
1900                                    </li>													
1901                                                                                                                                                                                                                                            </ul>
1902                                </div>
1903                                    </li>
1904                    
1905                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1906                                        <a  class=" p-3 t--1 item-link" href="/sotsiokulturnaya-reabilitatsiya/katalog/"
1907																				>
1908                                                                                        <sp
1908an class="item-text">
1909                                                Каталог адаптивной культурно-досуговой деятельности Челябинской области                                            </span>
1910                                        </a>
1911                                    </li>													
1912                                                                                                                                                                                                                                            </ul>
1913                                </div>
1914                                    </li>
1915                    
1916                                                                                                                                                        <li tabindex="-1" class="nav-item ">
1917
1918                                    <a  class=" p-3 t--1  blackout                                         item-link                                                                                " 
1919                                        href="/service/"
1920																				>
1921                                                                                                                            <span class="item-text">
1922                                                Услуги                                            </span>
1923                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1924                                                <i class="far fa-angle-down " aria-hidden="true"></i>
1925                                            </span>
1926                                                                                <span class="item-hover" style="display:none"></span>
1927                                    </a>
1928                                    
1929                                    <!-- -->
1930                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
1931                                                                                            theme-light child-color-submenu-3d31e0a77f 
1932                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                            " style="z-index:100">
1933                                            <div class="content-mobile-horizontal w-100" style="display:none">
1934                                                <h3 class="mobile-header m-0" style="display:none">
1935                                                    Услуги                                                </h3>
1936                                                <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
1937                                                    <span class="back-icon mr-2">
1938                                                        <i class="far fa-arrow-left"></i>
1939                                                    </span>
1940                                                    <span class="item-text">
1941                                                        Назад                                                    </span>
1942                                                </a>
1943                                            </div>
1944                                            <ul class="nav-items submenu-items p-0 container w-100">
1945                                                <li tabindex="-1" class="nav-item one-mobile   one-link">
1946                                                <a  class=" p-3 t--1                                                     item-link" 
1947                                                        href="/service/"
1948																												>
1949                                                        <span class="item-text">
1950                                                            Услуги                                                        </span>
1951                                                    </a>
1952                                                                                                                                                                                            
1953                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1954                                        <a  class=" p-3 t--1 item-link" href="/service/besplatnye-uslugi.php"
1955																				>
1956                                                                                        <span class="item-text">
1957                                                Бесплатные услуги                                            </span>
1958                                        </a>
1959                                    </li>													
1960                                                                                                                                                                                        
1961                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1962                                        <a  class=" p-3 t--1 item-link" href="/service/platnye-uslugi.php"
1963																				>
1964                                                                                        <span class="item-text">
1965                                                Платные услуги                                            </span>
1966                                        </a>
1967                                    </li>													
1968                                                                                                                                                                                        
1969                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1970                                        <a  class=" p-3 t--1 item-link" href="/service/besplatnaya-yuridicheskaya-pomoshch/detail.php"
1971																				>
1972                                                                                        <span class="item-text">
1973                                                Бесплатная юридическая помощь                                            </span>
1974                                        </a>
1975                                    </li>													
1976                                                                                                                                                                                        
1977                                                                                                                                                                <li tabindex="-1" class="nav-item ">
1978                                        <a  class=" p-3 t--1 item-link" href="/service/uchastnikam-svo.php"
1979																				>
1980                                                                                        <span class="item-text">
1981                                                Участникам СВО                                            </span>
1982                                        </a>
1983                                    </li>													
1984                                                                                                                                                                                                                                            </ul>
1985                                </div>
1986                                    </li>
1987                    
1988                                                                                                                                                        <li tabindex="-1" class="nav-item ">
1989
1990                                    <a  class=" p-3 t--1  blackout                                         item-link                                                                                " 
1991                                        href="/event/project/"
1992																				>
1993                                                                                                                            <sp
1993an class="item-text">
1994                                                Проекты и программы                                            </span>
1995                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
1996                                                <i class="far fa-angle-down " aria-hidden="true"></i>
1997                                            </span>
1998                                                                                <span class="item-hover" style="display:none"></span>
1999                                    </a>
2000                                    
2001                                    <!-- -->
2002                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
2003                                                                                            theme-light child-color-submenu-3d31e0a77f 
2004                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                            " style="z-index:100">
2005                                            <div class="content-mobile-horizontal w-100" style="display:none">
2006                                                <h3 class="mobile-header m-0" style="display:none">
2007                                                    Проекты и программы                                                </h3>
2008                                                <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
2009                                                    <span class="back-icon mr-2">
2010                                                        <i class="far fa-arrow-left"></i>
2011                                                    </span>
2012                                                    <span class="item-text">
2013                                                        Назад                                                    </span>
2014                                                </a>
2015                                            </div>
2016                                            <ul class="nav-items submenu-items p-0 container w-100">
2017                                                <li tabindex="-1" class="nav-item one-mobile   one-link">
2018                                                <a  class=" p-3 t--1                                                     item-link" 
2019                                                        href="/event/project/"
2020																												>
2021                                                        <span class="item-text">
2022                                                            Проекты и программы                                                        </span>
2023                                                    </a>
2024                                                                                                                                                                                            
2025                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2026                                        <a  class=" p-3 t--1 item-link" href="/event/project/"
2027																				>
2028                                                                                        <span class="item-text">
2029                                                Проекты                                            </span>
2030                                        </a>
2031                                    </li>													
2032                                                                                                                                                                                        
2033                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2034                                        <a  class=" p-3 t--1 item-link" href="/event/programmy/"
2035																				>
2036                                                                                        <sp
2036an class="item-text">
2037                                                Программы                                            </span>
2038                                        </a>
2039                                    </li>													
2040                                                                                                                                                                                        
2041                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2042                                        <a  class=" p-3 t--1 item-link" href="/event/konkursy/"
2043																				>
2044                                                                                        <span class="item-text">
2045                                                Конкурсы                                            </span>
2046                                        </a>
2047                                    </li>													
2048                                                                                                                                                                                                                                            </ul>
2049                                </div>
2050                                    </li>
2051                    
2052                                                                                                                                                        <li tabindex="-1" class="nav-item ">
2053
2054                                    <a  class=" p-3 t--1  blackout                                         item-link                                                                                " 
2055                                        href="/professionalam/"
2056																				>
2057                                                                                                                            <span class="item-text">
2058                                                Профессионалам                                            </span>
2059                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
2060                                                <i class="far fa-angle-down " aria-hidden="true"></i>
2061                                            </span>
2062                                                                                <span class="item-hover" style="display:none"></span>
2063                                    </a>
2064                                    
2065                                    <!-- -->
2066                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
2067                                                                                            theme-light child-color-submenu-3d31e0a77f 
2068                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                            " style="z-index:100">
2069                                            <div class="content-mobile-horizontal w-100" style="display:none">
2070                                                <h3 class="mobile-header m-0" style="display:none">
2071                                                    Профессионалам                                                </h3>
2072                                                <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
2073                                                    <span class="back-icon mr-2">
2074                                                        <i class="far fa-arrow-left"></i>
2075                                                    </span>
2076                                                    <span class="item-text">
2077                                                        Назад                                                    </span>
2078                                                </a>
2079                                            </div>
2080                                            <ul class="nav-items submenu-items p-0 container w-100">
2081                                                <li tabindex="-1" class="nav-item one-mobile   one-link">
2082                                                <a  class=" p-3 t--1                                                     item-link" 
2083                                                        href="/professionalam/"
2084																												>
2085                                                        <span class="item-text">
2086                                                            Профессионалам                                                        </span>
2087                                                    </a>
2088                                                                                                                                                                                            
2089                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2090                                        <a  class=" p-3 t--1 item-link" href="/professionalam/plan-metodicheskikh-meropriyatiy/"
2091																				>
2092                                                                                        <span class="item-text">
2093                                                План методических мероприятий                                            </span>
2094                                        </a>
2095                                    </li>													
2096                                                                                                                                                                                        
2097                                                                                                                                                            <li tabindex="-1" class="nav-item ">
2098                                    <a  class=" p-3 t--1                                         item-link" 
2099                                        href="/professionalam/abilimpiks/"
2100																				
2101										>
2102
2103                                                                                        
2104                                            <span class="item-text">
2105                                                Абилимпикс                                            </span>
2106                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
2107                                                    <i class="far fa-angle-down " aria-hidden="true"></i>
2108                                                </span>
2109                                                                                    </a>
2110                                        
2111                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
2112                                                                                                    theme-light child-color-submenu-3d31e0a77f 
2113                                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                                ">
2114                                                <div class="content-mobile-horizontal" style="display:none">
2115                                                    <h3 class="mobile-header" style="display:none">Абилимпикс</h3>
2116                                                    <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
2117                                                        <span class="back-icon mr-2">
2118                                                            <i class="far fa-arrow-left"></i>
2119                                                        </span>
2120                                                        <span class="item-text">
2121                                                            Назад                                                        </span>
2122                                                    </a>
2123                                                </div>
2124                                                <ul class="nav-items submenu-items p-0 container w-100">
2125                                                <li tabindex="-1" class="nav-item one-mobile ">
2126                                                <a  class=" p-3 t--1                                                     item-link"
2127                                                            href="/professionalam/abilimpiks/"
2128																														>
2129                                                                                                                        <span class="item-text">
2130                                                                Абилимпикс                                                            </span>
2131                                                        </a>
2132                                                                                                                                                                                                
2133                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2134                                        <a  class=" p-3 t--1 item-link" href="/professionalam/abilimpiks/ob-razvitii-abilimpiks"
2135																				>
2136                                                                                        <span class="item-text">
2137                                                О развитии движения «Абилимпикс»                                            </span>
2138                                        </a>
2139                                    </li>													
2140                                                                                                                                                                                        
2141                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2142                                        <a  class=" p-3 t--1 item-link" href="/professionalam/abilimpiks/abilimpiks-2025/"
2143																				>
2144                                                                                        <span class="item-text">
2145                                                Чемпионат «Абилимпикс»                                            </span>
2146                                        </a>
2147                                    </li>													
2148                                                                                                                                                                                        
2149                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2150                                        <a  class=" p-3 t--1 item-link" href="/professionalam/abilimpiks/trudoustroystvo-invalidov/"
2151																				>
2152                                                                                        <span class="item-text">
2153                                                Трудоустройство инвалидов                                            </span>
2154                                        </a>
2155                                    </li>													
2156                                                                                                                                                                                                                                            </ul>
2157                                </div>
2158                                    </li>
2159                    
2160                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2161                                        <a  class=" p-3 t--1 item-link" href="/professionalam/metodicheskie-materialy/"
2162																				>
2163                                                                                        <sp
2163an class="item-text">
2164                                                Методические материалы                                            </span>
2165                                        </a>
2166                                    </li>													
2167                                                                                                                                                                                        
2168                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2169                                        <a  class=" p-3 t--1 item-link" href="/professionalam/proekty-munitsipalnykh-bibliotek/"
2170																				>
2171                                                                                        <span class="item-text">
2172                                                Проекты и программы муниципальных библиотек                                            </span>
2173                                        </a>
2174                                    </li>													
2175                                                                                                                                                                                        
2176                                                                                                                                                            <li tabindex="-1" class="nav-item ">
2177                                    <a  class=" p-3 t--1                                         item-link" 
2178                                        href="/professionalam/issledovaniya/"
2179																				
2180										>
2181
2182                                                                                        
2183                                            <span class="item-text">
2184                                                Исследования                                            </span>
2185                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
2186                                                    <i class="far fa-angle-down " aria-hidden="true"></i>
2187                                                </span>
2188                                                                                    </a>
2189                                        
2190                                                                                    <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
2191                                                                                                    theme-light child-color-submenu-3d31e0a77f 
2192                                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                                ">
2193                                                <div class="content-mobile-horizontal" style="display:none">
2194                                                    <h3 class="mobile-header" style="display:none">Исследования</h3>
2195                                                    <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
2196                                                        <span class="back-icon mr-2">
2197                                                            <i class="far fa-arrow-left"></i>
2198                                                        </span>
2199                                                        <span class="item-text">
2200                                                            Назад                                                        </span>
2201                                                    </a>
2202                                                </div>
2203                                                <ul class="nav-items submenu-items p-0 container w-100">
2204                                                <li tabindex="-1" class="nav-item one-mobile ">
2205                                                <a  class=" p-3 t--1                                                     item-link"
2206                                                            href="/professionalam/issledovaniya/"
2207																														>
2208                                                                                                                        <sp
2208an class="item-text">
2209                                                                Исследования                                                            </span>
2210                                                        </a>
2211                                                                                                                                                                                                
2212                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2213                                        <a  class=" p-3 t--1 item-link" href="/professionalam/issledovaniya/monitoring-raboty-po-podderzhke-i-sotsiokulturnoy-reabilitatsii"
2214																				>
2215                                                                                        <span class="item-text">
2216                                                Мониторинг работы по поддержке и социокультурной реабилитации                                            </span>
2217                                        </a>
2218                                    </li>													
2219                                                                                                                                                                                        
2220                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2221                                        <a  class=" p-3 t--1 item-link" href="/professionalam/issledovaniya/monitoring-dostupnosti"
2222																				>
2223                                                                                        <span class="item-text">
2224                                                Мониторинг доступности                                            </span>
2225                                        </a>
2226                                    </li>													
2227                                                                                                                                                                                        
2228                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2229                                        <a  class=" p-3 t--1 item-link" href="/professionalam/issledovaniya/monitoring-vklyucheniya-v-sistemu-sotsiokulturnoy-reabilitatsii"
2230																				>
2231                                                                                        <span class="item-text">
2232                                                Мониторинг включения в систему социокультурной реабилитации                                            </span>
2233                                        </a>
2234                                    </li>													
2235                                                                                                                                                                                                                                            </ul>
2236                                </div>
2237                                    </li>
2238                    
2239                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2240                                        <a  class=" p-3 t--1 item-link" href="/professionalam/komplektovanie-knigami-spetsialnykh-formatov"
2241																				>
2242                                                                                        <span class="item-text">
2243                                                Комплектование книгами специальных форматов                                            </span>
2244                                        </a>
2245                                    </li>													
2246                                                                                                                                                                                                                                            </ul>
2247                                </div>
2248                                    </li>
2249                    
2250                                                                                                                            							
2251                                    <li tabindex="-1" class="nav-item   ">
2252                                        <a  class=" p-3 t--1  
2253											blackout                                             item-link                                                                                        "
2254                                            href="/contact/"
2255																						>
2256                                                                                                                                        <sp
2256an class="item-text">
2257                                                    Контакты                                                </span>
2258                                                                                        <span class="item-hover" style="display:none"></span>
2259                                        </a>
2260                                    </li>
2261                                                                                                                                                                                        
2262                                                                                                                            							
2263                                    <li tabindex="-1" class="nav-item   ">
2264                                        <a  class=" p-3 t--1  
2265											blackout                                             item-link                                                                                        "
2266                                            href="/library/"
2267																						>
2268                                                                                                                                        <span class="item-text">
2269                                                    Пункты выдачи литературы                                                </span>
2270                                                                                        <span class="item-hover" style="display:none"></span>
2271                                        </a>
2272                                    </li>
2273                                                                                                                                                                                        
2274                                                                                                                            							
2275                                    <li tabindex="-1" class="nav-item   ">
2276                                        <a  class=" p-3 t--1  
2277											blackout                                             item-link                                                                                        "
2278                                            href="/novelty/"
2279																						>
2280                                                                                                                                        <span class="item-text">
2281                                                    Новинки                                                </span>
2282                                                                                        <span class="item-hover" style="display:none"></span>
2283                                        </a>
2284                                    </li>
2285                                                                                                                                                                                        
2286                                                                                                                                                        <li tabindex="-1" class="nav-item ">
2287
2288                                    <a  class=" p-3 t--1  blackout                                         item-link                                                                                " 
2289                                        href="/press-center/"
2290																				>
2291                                                                                                                            <span class="item-text">
2292                                                Пресс-центр                                            </span>
2293                                                                                                                            <span class='item-icon submenu-indicator nav-next-level '> 
2294                                                <i class="far fa-angle-down " aria-hidden="true"></i>
2295                                            </span>
2296                                                                                <sp
2296an class="item-hover" style="display:none"></span>
2297                                    </a>
2298                                    
2299                                    <!-- -->
2300                                                                            <div class="nav-submenu mobile-level sf-scroll align-items-start justify-content-xl-center
2301                                                                                            theme-light child-color-submenu-3d31e0a77f 
2302                                                                                                                                                                                    mobile-theme-dark mobile-view3d31e0a77f                                            " style="z-index:100">
2303                                            <div class="content-mobile-horizontal w-100" style="display:none">
2304                                                <h3 class="mobile-header m-0" style="display:none">
2305                                                    Пресс-центр                                                </h3>
2306                                                <a  class="nav-back w-100 align-items-center justify-content-start pt-3 pb-3" href="#">
2307                                                    <span class="back-icon mr-2">
2308                                                        <i class="far fa-arrow-left"></i>
2309                                                    </span>
2310                                                    <span class="item-text">
2311                                                        Назад                                                    </span>
2312                                                </a>
2313                                            </div>
2314                                            <ul class="nav-items submenu-items p-0 container w-100">
2315                                                <li tabindex="-1" class="nav-item one-mobile   one-link">
2316                                                <a  class=" p-3 t--1                                                     item-link" 
2317                                                        href="/press-center/"
2318																												>
2319                                                        <span class="item-text">
2320                                                            Пресс-центр                                                        </span>
2321                                                    </a>
2322                                                                                                                                                                                            
2323                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2324                                        <a  class=" p-3 t--1 item-link" href="/press-center/news/"
2325																				>
2326                                                                                        <span class="item-text">
2327                                                Новости                                            </span>
2328                                        </a>
2329                                    </li>													
2330                                                                                                                                                                                        
2331                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2332                                        <a  class=" p-3 t--1 item-link" href="/press-center/announce/"
2333																				>
2334                                                                                        <span class="item-text">
2335                                                Объявления                                            </span>
2336                                        </a>
2337                                    </li>													
2338                                                                                                                                                                                        
2339                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2340                                        <a  class=" p-3 t--1 item-link" href="/press-center/photo/"
2341																				>
2342                                                                                        <sp
2342an class="item-text">
2343                                                Фотогалерея                                            </span>
2344                                        </a>
2345                                    </li>													
2346                                                                                                                                                                                        
2347                                                                                                                                                                <li tabindex="-1" class="nav-item ">
2348                                        <a  class=" p-3 t--1 item-link" href="/press-center/video/"
2349																				>
2350                                                                                        <span class="item-text">
2351                                                Видеогалерея                                            </span>
2352                                        </a>
2353                                    </li>													
2354                                                                                                                                                                                                                                            </ul>
2355                                </div>
2356                                    </li>
2357                    
2358                                                                                                                            							
2359                                    <li tabindex="-1" class="nav-item   ">
2360                                        <a  class=" p-3 t--1  
2361											blackout                                             item-link                                                                                        "
2362                                            href="/edition/"
2363																						>
2364                                                                                                                                        <span class="item-text">
2365                                                    Издания                                                </span>
2366                                                                                        <span class="item-hover" style="display:none"></span>
2367                                        </a>
2368                                    </li>
2369                                                                                                                                                                    
2370                            </ul>
2371                 </section>
2372                                    <section class="right-section d-inline-flex align-items-streach justify-content-end flex-row flex-wrap">
2373                                                                     
2374                                                                                                    <button class="btn-mobile b-0 p-3 t--1 "> 
2375                            <i class="far fa-bars fa-lg" aria-hidden="true"></i>
2376                        </button>
2377                                       
2378                         
2379                                                    <style>
2380	.nav-live-search {
2381		top: 100%!important;
2382		left: 0!important;
2383	}
2384	.title-search-selected {
2385		background-color: rgba(0,0,0,0.12);
2386	}
2387</style>
2388		<div class="nav-search">
2389			<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;">
2390				<div id="title-search" class="inner-search d-block w-100 h-100">
2391					<div class="d-flex align-items-center justify-content-center h-100 w-100">
2392						<input id="title-search-input" class="input-search d-block p-2 m-0" style="width:inherit" type="" name="q" placeholder="Поиск" autocomplete="off"/>
2393					</div>
2394					<button class="sf-close t-1 sf-close-center"></button>
2395				</div>
2396			</form>
2397			<div class="btn-search b-0 p-3 t--1 ">
2398				<i class="far fa-search fa-lg" aria-hidden="true"></i>
2399			</div>
2400		</div>
2401                                        				            </section>
2402                </nav>
2403                        </div>
2404        </div>
2405    
2406     </div>  
2407													</div>
2408																																										 									</div>
2409																					</div>
2410					</div>
2411					
2412										
2413				</div>
2414												<div class="container-wrap l-inherit l-underline-none shadow-2 " style="">
2415										
2416					<div class="container ">
2417						<div class="row ">
2418																								<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">
2419									  										 																																																<div class=" ">
2420																												<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="/" title="Челябинская областная специальная библиотека для слабовидящих и слепых"  itemprop="item"><span itemprop="name">Челябинская областная специальная библиотека для слабовидящих и слепых</span></a><meta itemprop="position" content="0" /></li><li class="float-left" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><i class="far fa-angle-right mx-2" aria-hidden="true"></i> <a href="/about/" title="Об учреждении"  itemprop="item"><span itemprop="name">Об учреждении</span></a><meta itemprop="position" content="1" /></li></ol>													</div>
2421																																										 									</div>
2422																	<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">
2423									  										 																																																<div class=" ">
2424																												<section 
2425	class="
2426		sf-share
2427		 
2428			theme-dark 
2429				 
2430			justify-content-end 
2431				bg-transparent
2432	"
2433>
2434 			<div 
2435			class="
2436				sf-share-btn 
2437				 
2438					bg-vk wave-light
2439								mr-1 
2440				mr-1 mb-0 circle			" 
2441			data-service="vkontakte" 
2442					>
2443			 
2444				<div 
2445					class="
2446						sf-share-icon 
2447						p-1 
2448												 
2449																			t-0 
2450					"
2451				>
2452					<i class="fab fa-vk  fa-fw"></i>
2453				</div>
2454										
2455		</div>
2456			<div 
2457			class="
2458				sf-share-btn 
2459				 
2460					bg-ok wave-light
2461								mr-1 
2462				mr-1 mb-0 circle			" 
2463			data-service="odnoklassniki" 
2464					>
2465			 
2466				<div 
2467					class="
2468						sf-share-icon 
2469						p-1 
2470												 
2471																			t-0 
2472					"
2473				>
2474					<i class="fab fa-odnoklassniki  fa-fw"></i>
2475				</div>
2476										
2477		</div>
2478			<div 
2479			class="
2480				sf-share-btn 
2481				 
2482					bg-print wave-light
2483								mr-1 
2484				mr-1 mb-0 circle			" 
2485			data-service="print" 
2486			onclick='window.print()'		>
2487			 
2488				<div 
2489					class="
2490						sf-share-icon 
2491						p-1 
2492												 
2493																			t-0 
2494					"
2495				>
2496					<i class="far fa-print   fa-fw"></i>
2497				</div>
2498										
2499		</div>
2500	 </section>
2501
2502
2503													</div>
2504																																										 									</div>
2505																					</div>
2506					</div>
2507					
2508										
2509				</div>
2510											</section>	
2511</div>
2512
2513				</header>
2514				
2515				<div class="h-100  flex-grow-1 d-flex flex-column container">
2516												
2517					<section 
2518						class = 
2519							"
2520								sf-page-area 
2521								sf-page-area-section
2522								row
2523															"
2524					> 
2525
2526											<aside 
2527							class = "
2528								sf-sidebar-area 
2529								sf-sidebar-area-left 
2530								col-12 
2531								d-print-none 
2532								col-md-4 
2533								order-default order-md-first mb-4							"
2534						>
2535							 
2536<div style="position:relative">
2537  <section class="sf-grid-area  ">
2538
2539																				<div class="container-wrap  " style="">
2540										
2541					<div class="">
2542						<div class="row ">
2543																								<div class=" col-12 ">
2544									  										 																																																<div class=" ">
2545																												
2546
2547
2548
2549
2550
2551
2552
2553
2554
2555	<section class="sf-iblock-card-area lazyload sf-viewbox-wrap  bg-transparent">
2556
2557				
2558				
2559			
2560	
2561		<div class="sf-viewbox position-relative"> 
2562						
2563						
2564								
2565								
2566						
2567					<div class="row ">
2568																				<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_17887" >
2569								<div class="iblock-list-item-wrap  "  area-label="Независимая оценка">
2570									<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">
2571																					<div class="iblock-list-item-image ">
2572												<div class="">
2573													<div class="sf-viewbox-wrap hover  wave-light  " style="">
2574														<div class="sf-viewbox sf-special-hidden z-3">
2575															<div class="align-middle t-center p-3">
2576																Независимая оценка															</div>
2577														</div>	
2578																													<img class="img-fluid lazyload  " 
2579																src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/upload/iblock/7d3/3vd58qsw0aq5mge56jzvrhgsqnyr
257917iu.png" 
2580																style="max-height: 250px"
2581																alt="Независимая оценка" title="Независимая оценка">
2582																												
2583													    																												
2584														<div class="sf-viewbox sf-special-hidden">
2585															<div class="align-middle t-center p-3">
2586																Независимая оценка															</div>
2587														</div>
2588																																											<a class="sf-viewbox" href="https://www.chosbss.ru/noko/" target="_blank" style="background-color: transparent!important"
2589																data-alt="Независимая оценка" data-title="Независимая оценка"
2590																alt="Независимая оценка" title="Независимая оценка" aria-label="Независимая оценка"></a>
2591																											</div>
2592												</div>
2593											</div>
2594																																									<div class="iblock-list-item-text ">
2595											
2596																										
2597												
2598											</div>
2599																														
2600									</div>
2601								</div>
2602							</div>
2603																				<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_17866" >
2604								<div class="iblock-list-item-wrap  "  area-label="Электронный каталог">
2605									<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">
2606																					<div class="iblock-list-item-image ">
2607												<div class="">
2608													<div class="sf-viewbox-wrap hover  wave-light  " style="">
2609														<div class="sf-viewbox sf-special-hidden z-3">
2610															<div class="align-middle t-center p-3">
2611																Электронный каталог															</div>
2612														</div>	
2613																													<img class="img-fluid lazyload  " 
2614																src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/upload/iblock/de6/uxu42xwvqod6g776facxjfl1xm4sse5e.png" 
2615																style="max-height: 250px"
2616																alt="Электронный каталог" title="Электронный каталог">
2617																												
2618													    																												
2619														<div class="sf-viewbox sf-special-hidden">
2620															<div class="align-middle t-center p-3">
2621																Электронный каталог															</div>
2622														</div>
2623																																											<a class="sf-viewbox" href="https://www.chosbss.ru/e-book-library/" target="_blank" style="background-color: transparent!important"
2624																data-alt="Электронный каталог" data-title="Электронный каталог"
2625																alt="Электронный каталог" title="Электронный каталог" aria-label="Электронный каталог"></a>
2626																											</div>
2627												</div>
2628											</div>
2629																																									<div class="iblock-list-item-text ">
2630											
2631																										
2632												
2633											</div>
2634																														
2635									</div>
2636								</div>
2637							</div>
2638																				<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_17888" >
2639								<div class="iblock-list-item-wrap  "  area-label="Записаться в библиотеку">
2640									<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">
2641																					<div class="iblock-list-item-image ">
2642												<div class="">
2643													<div class="sf-viewbox-wrap hover  wave-light  " style="">
2644														<div class="sf-viewbox sf-special-hidden z-3">
2645															<div class="align-middle t-center p-3">
2646																Записаться в библиотеку															</div>
2647														</div>	
2648																													<img class="img-fluid lazyload  " 
2649																src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/upload/iblock/e10/fwmpkki8eety5jxd8rk9n4imyu3bkczl.png" 
2650																style="max-height: 250px"
2651																alt="Записаться в библиотеку" title="Записаться в библиотеку">
2652																												
2653													    																												
2654														<div class="sf-viewbox sf-special-hidden">
2655															<div class="align-middle t-center p-3">
2656																Записаться в библиотеку															</div>
2657														</div>
2658																																											<a class="sf-viewbox" href="/on-line/apply-for-a-library-entry/" target="_blank" style="background-color: transparent!important"
2659																data-alt="Записаться в библиотеку" data-title="Записаться в библиотеку"
2660																alt="Записаться в библиотеку" title="Записаться в библиотеку" aria-label="Записаться в библиотеку"></a>
2661																											</div>
2662												</div>
2663											</div>
2664																																									<div class="iblock-list-item-text ">
2665											
2666																										
2667												
2668											</div>
2669																														
2670									</div>
2671								</div>
2672							</div>
2673																				<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_17884" >
2674								<div class="iblock-list-item-wrap  "  area-label="Инклюзивные проекты">
2675									<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">
2676																					<div class="iblock-list-item-image ">
2677												<div class="">
2678													<div class="sf-viewbox-wrap hover  wave-light  " style="">
2679														<div class="sf-viewbox sf-special-hidden z-3">
2680															<div class="align-middle t-center p-3">
2681																Инклюзивные проекты															</div>
2682														</div>	
2683																													<img class="img-fluid lazyload  " 
2684																src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/upload/iblock/222/2yhl1qkpmxdkz5dxy37n1bcac1ta8jeq.png" 
2685																style="max-height: 250px"
2686																alt="Инклюзивные проекты" title="Инклюзивные проекты">
2687																												
2688													    																												
2689														<div class="sf-viewbox sf-special-hidden">
2690															<div class="align-middle t-center p-3">
2691																Инклюзивные проекты															</div>
2692														</div>
2693																																											<a class="sf-viewbox" href="https://www.chosbss.ru/event/project/" target="_blank" style="background-color: transparent!important"
2694																data-alt="Инклюзивные проекты" data-title="Инклюзивные проекты"
2695																alt="Инклюзивные проекты" title="Инклюзивные проекты" aria-label="Инклюзивные проекты"></a>
2696																											</div>
2697												</div>
2698											</div>
2699																																									<div class="iblock-list-item-text ">
2700											
2701																										
2702												
2703											</div>
2704																														
2705									</div>
2706								</div>
2707							</div>
2708																				<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_17883" >
2709								<div class="iblock-list-item-wrap  "  area-label="Пункты выдачи">
2710									<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">
2711																					<div class="iblock-list-item-image ">
2712												<div class="">
2713													<div class="sf-viewbox-wrap hover  wave-light  " style="">
2714														<div class="sf-viewbox sf-special-hidden z-3">
2715															<div class="align-middle t-center p-3">
2716																Пункты выдачи															</div>
2717														</div>	
2718																													<img class="img-fluid lazyload  " 
2719																src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/upload/iblock/bed/tw14ov21xj5pg7r9nvyis9s35vem39n9.png" 
2720																style="max-height: 250px"
2721																alt="Пункты выдачи" title="Пункты выдачи">
2722																												
2723													    																												
2724														<div class="sf-viewbox sf-special-hidden">
2725															<div class="align-middle t-center p-3">
2726																Пункты выдачи															</div>
2727														</div>
2728																																											<a class="sf-viewbox" href="/library/" target="_blank" style="background-color: transparent!important"
2729																data-alt="Пункты выдачи" data-title="Пункты выдачи"
2730																alt="Пункты выдачи" title="Пункты выдачи" aria-label="Пункты выдачи"></a>
2731																											</div>
2732												</div>
2733											</div>
2734																																									<div class="iblock-list-item-text ">
2735											
2736																										
2737												
2738											</div>
2739																														
2740									</div>
2741								</div>
2742							</div>
2743																				<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_17885" >
2744								<div class="iblock-list-item-wrap  "  area-label="Новости">
2745									<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">
2746																					<div class="iblock-list-item-image ">
2747												<div class="">
2748													<div class="sf-viewbox-wrap hover  wave-light  " style="">
2749														<div class="sf-viewbox sf-special-hidden z-3">
2750															<div class="align-middle t-center p-3">
2751																Новости															</div>
2752														</div>	
2753																													<img class="img-fluid lazyload  " 
2754																src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/upload/iblock/540/bp8w1wr3lovslfejqdu68z8rs3obmfqm.png" 
2755																style="max-height: 250px"
2756																alt="Новости" title="Новости">
2757																												
2758													    																												
2759														<div class="sf-viewbox sf-special-hidden">
2760															<div class="align-middle t-center p-3">
2761																Новости															</div>
2762														</div>
2763																																											<a class="sf-viewbox" href="/press-center/news/" target="_blank" style="background-color: transparent!important"
2764																data-alt="Новости" data-title="Новости"
2765																alt="Новости" title="Новости" aria-label="Новости"></a>
2766																											</div>
2767												</div>
2768											</div>
2769																																									<div class="iblock-list-item-text ">
2770											
2771																										
2772												
2773											</div>
2774																														
2775									</div>
2776								</div>
2777							</div>
2778											</div>
2779
2780										
2781						
2782
2783										</div>
2784	</section>
2785	
2786	
2787													</div>
2788																																										 									</div>
2789																					</div>
2790					</div>
2791					
2792										
2793				</div>
2794												<div class="container-wrap  " style="">
2795										
2796					<div class="">
2797						<div class="row ">
2798																								<div class=" col-12 ">
2799									  										 																																																<div class=" ">
2800																																									</div>
2801																																										 									</div>
2802																					</div>
2803					</div>
2804					
2805										
2806				</div>
2807						</section>	
2808</div>
2809
2810
2811						</aside>
2812										
2813												
2814					<main 
2815						class = "
2816							sf-main-area 
2817															col-12 
2818								col-md-8 
2819														order-first order-md-2 sf-link sf-link-theme  mb-4 						"
2820					>
2821						 
2822<div style="position:relative">
2823  <section class="sf-grid-area  ">
2824
2825										<div class="container-wrap  " style="">
2826										
2827					<div class="">
2828						<div class="row ">
2829																								<div class=" col-12 ">
2830									  										 <div class="">																																																<div class=" ">
2831																																									</div>
2832																																																												<div class=" ">
2833																																									</div>
2834																																	</div>									 									</div>
2835																					</div>
2836					</div>
2837					
2838										
2839				</div>
2840												<div class="container-wrap mb-4 " style="">
2841										
2842					<div class="">
2843						<div class="row ">
2844																								<div class=" col-12 ">
2845									  										 																																																<div class=" ">
2846																																									</div>
2847																																										 									</div>
2848																					</div>
2849					</div>
2850					
2851										
2852				</div>
2853												<div class="container-wrap  " style="">
2854										
2855					<div class="">
2856						<div class="row ">
2857																								<div class=" col-12 ">
2858									  										 																																																<div class=" ">
2859																												
2860<h1 class="sf-title mt-0 mb-4 t-3 t-md-4">История библиотеки</h1>
2861													</div>
2862																																										 									</div>
2863																					</div>
2864					</div>
2865					
2866										
2867				</div>
2868						</section>	
2869</div>
2870
2871					
2872						<p style="text-align: justify;">
2873	 Челябинская областная специальная библиотека для слабовидящих и слепых основана в апреле 1954 года. 7 апреля 1954 года было принято Решение исполкома Челябинского областного Совета депутатов трудящихся №263 о создании областной библиотеки.&nbsp;
2874</p>
2875<p style="text-align: justify;">
2876	 17 января 1953 года Совет Министров РСФСР принял Постановление №42 «О мероприятиях по улучшению культурно-бытового обслуживания слепых», которое стало основанием для открытия специальных библиотек для слепых по всей России.
2877</p>
2878<p style="text-align: justify;">
2879</p>
2880<p style="text-align: justify;">
2881	 История библиотеки для слепых начиналась с отдела для незрячих читателей Челябинской областной универсальной научной библиотеки. С сентября она располагалась в двух помещениях — по улице Воровского, 2 и при областной библиотеке по улице Цвиллинга, 31.
2882</p>
2883<p style="text-align: justify;">
2884	 Распоряжение Исполнительного комитета Челябинского городского Совета депутатов трудящихся №128 о выделении 103 м2, в помещении по ул.&nbsp;Труда, 108 было вынесено 9 февраля 1955 года. В этом же году библиотека передается в ведение Управления культуры Челябинского горисполкома.
2885</p>
2886<p style="text-align: justify;">
2887	 Архивные документы подтверждают, что по ул. Труда (угол ул. Васенко) стояло здание, в котором до Октябрьской революции помещался детский приют. В 1905 году здесь была конспиративная квартира гор. Комитета РСДРП(Б). В августе того же года в ней происходило заседание комитета с участием Я. М.&nbsp; Свердлова. Здесь была создана комната-музей Якова Свердлова. Когда библиотека перешла в это здание, музей передали в ведение библиотеки. Здание снесли в 1985 году, библиотека располагалась в нем до 1984 года, в декабре библиотека переехала в здание по Свердловскому проспекту, 58.
2888</p>
2889<p style="text-align: justify;">
2890	 Библиотека для слепых начала свою деятельность при фонде в 7 тысяч книг, напечатанных рельефно-точечным шрифтом. В первый же год было организован 15 передвижных библиотек при первичных организациях Всероссийского общества слепых городов и районов области. Читателей насчитывалось около 500 человек.
2891</p>
2892<p style="text-align: justify;">
2893	 Первым директором библиотеки стал Василий Ефимович Смолин, педагог по образованию, участник Великой Отечественной войны. Штат библиотеки на тот момент составили директор и 2 библиотекаря. Они старались создать все необходимые условия для работы читателей, разнообразить формы и методы своей работы. При библиотеке был организован кружок громкого чтения, занятия которого проходили два раза в неделю и вызывали большой интерес у читателей.
2894</p>
2895<p style="text-align: justify;">
2896	 В 1959 году заведующим библиотекой был назначен Затеев Юрий Львович. Он был инвалидом по зрению, имел незаконченное среднее образование, однако вел всю организационную и хозяйственную работу. Обслуживание читателей осуществляли опытные библиотекари со специальным образованием.
2897</p>
2898<p style="text-align: justify;">
2899	 Среди этих библиотекарей была Алевтина Валентиновна Макаренко. Она пришла в библиотеку в июне 1957 года 22-летней девушкой. 13 августа 1963 года она стала директором библиотеки и оставалась им по июль 2003 года. Труд Алевтины Валентиновны отмечен почетными грамотами Министерства культуры РСФСР, Областного Управления культуры, Губернатора Челябинской области и значком «Отличник ВОС».
2900</p>
2901<p style="text-align: justify;">
2902	 В первое десятилетие существования библиотеки дважды менялся ее статус, она была и областной и городской, но в 1965 году ей совершенно справедливо был возвращен статус областной специальной. В 2011 году библиотека вновь поменяла название: в нем появились слова «для слабовидящих».
2903</p>
2904<p style="text-align: justify;">
2905	 На момент открытия библиотеки в ней были книги рельефно-точечного шрифта. 15 мая 1959 года поступила первая «говорящая» книга, записанная на грампластинку. 13 июля 1962 года получена первая «говорящая» книга на магнитной ленте в рулонах. В библиотеке были магнитофоны «Днепр» и «Протон», которые читатели могли брать домой для прослушивания аудиокниг.&nbsp; Вскоре катушки были заменены на кассеты, появились новые модели тифломагнитофонов. 15 октября 1984 года в библиотеку поступила книга на 7 кассетах К. Федина «Похищение Европы». Библиотека для слепых шла в ногу с техническим прогрессом. 19 марта 2001 года была получена первая «говорящая» книга на компакт-диске «Библиотека школьника». 3 января 2002 года поступили книги на дискетах. 17 декабря 2008 года в библиотеке появились первые аудиокниги на флеш-картах.
2906</p>
2907<p style="text-align: justify;">
2908	 Сейчас читатели Челябинской областной специальной библиотеки для слабовидящих и слепых пользуются новейшими аппаратами, облегчающими доступ к чтению и к информации. Ð
2908’ библиотеке представлена современная техника и оборудование: тифлоплееры; электронные лупы; автоматизированные рабочие места с программой для чтения с экрана компьютера; брайлевские принтеры; индукционная петля, усиливающая звук для слабослышащих людей; тактильно-звуковые мнемосхемы учреждения и Челябинской области; звуковые информаторы кабинетов и входа; информационное табло библиотеки.&nbsp;
2909</p>
2910<p style="text-align: justify;">
2911</p>
2912<p style="text-align: justify;">
2913	 Сегодня Челябинская областная специальная библиотека для слабовидящих и слепых является главным культурным учреждением, работающим с людьми с ограниченными возможностями здоровья. У библиотеки есть филиалы в Магнитогорске, Златоусте и Миассе, работают пункты выдачи в 19 городах региона. Сложно представить, что около полувека назад незрячие люди из отдаленных от центра поселений не могли удовлетворить свою потребность в чтении. Именно поэтому открытие филиала при МаÐ
2913³Ð½Ð¸Ñ‚огорском Учебно-производственном предприятии Всероссийского общества слепых (УПП ВОС) в 1964 году стало важной вехой в истории учреждения и области в целом. Позже, в сентябре 1991 года, откроется еще один филиал в г. Магнитогорске, в 2007 году будет принято решение об их объединении. Начнут открываться филиалы в Златоустовском УПП ВОС (в 1969 году) и Миасском УПП ВОС (ноябрь 1991 года).
2914</p>
2915<p style="text-align: justify;">
2916	 С июля 2003 года по июнь 2011 года библиотеку возглавляла Наталья Васильевна Антропова. С ее приходом в библиотеке стало развиваться издательское дело. Библиотека начала издавать не только «говорящие» книги, но и плоскопечатную литературу и книги, напечатанные шрифтом Брайля. Наталья Васильевна сделала очень много, чтобы библиотека стала методическим центром. За свой труд она награждена Знаком Министерства культуры РФ «За достижения в культуре» и государственной премией Челябинской области в номинации «Библиотечное дело». В 2010 году Наталье Васильевна был вручен нагрудный знак «Заслуженный работник ВОС».
2917</p>
2918<p style="text-align: justify;">
2919	 Челябинская областная специальная библиотека выпускает собственные издания. Для специалистов ежегодно издается «Тифлология». Выходят сборники художественных произведений творческих читателей, напечатанные укрупненным и рельефно-точечным шрифтом. Печатаются рельефно-графические пособия. При помощи волонтеров изготавливаются тактильные рукодельные книги.
2920</p>
2921<p style="text-align: justify;">
2922</p>
2923<p style="text-align: justify;">
2924	 Состав библиотеки расширялся год от года, менялась структура учреждения. В октябре 2003 года был открыт тифлоинформационный кабинет, 1 апреля 2008 года начинает работу детский мультимедийный сенсорный центр. В 2015 году библиотека начала сотрудничество с Фондом поддержки слепоглухих «Со-единение» (г. Москва), в учреждении открывает досуговый центр для слепоглухих. В 2016 году Челябинская областная специальная библиотека получила Свидетельство об открытии в рамках программы ПЦПИ центра социально значимой информации на базе учреждения.
2925</p>
2926<p style="text-align: justify;">
2927	 1 июля 2011 года приказом Министерства культуры Челябинской области директором Челябинской областной специальной библиотеки для слабовидящих и слепых назначена Марина Ивановна Кочутина. Марина Ивановна пришла работать в библиотеку в 2004 году и возглавила новый методико-библиографический отдел. По ее инициативе начала активно развиваться работа с волонтерскими организациями. Под руководством директора библиотеки начата и ведется работа с Электронным каталогом. Работа М. И. Кочутиной отмечена грамотами Министерства культуры Челябинской области, Почетной грамотой Губернатора Челябинской области–2014, Знаком «Заслуженный работник ВОС»–2014. В 2016 году М.&nbsp;И.&nbsp;Кочутина стала обладателем награды «За особый вклад в книжное дело». В числе 13 южноуральцев директор библиотеки для слепых получила памятную медаль Года литературы.11 ноября Марина Ивановна Кочутина была награждена медалью ордена «За заслуги перед Отечеством» II степени.
2928</p>
2929<p style="text-align: justify;">
2930	 Челябинская областная специальная библиотека для слабовидящих и слепых является современным центром информации. Здесь осуществляется библиотечно-информационное, в том числе справочно-библиографическое и консультационное обслуживание пользователей. Среди особенностей библиотеки выделяется то, что читателям не просто предоставляются во временное пользование док
2930ументы из библиотечного фонда, литература, но и работает доставка книг на дом тем пользователям, которые не могут посещать библиотеку в обычном режиме. Для своих читателей, проживающих на отдаленных территориях, библиотекари осуществляют пересылку изданий для слепых и слабовидящих по почте в специальном виде — секограммой.
2931</p>
2932<p style="text-align: justify;">
2933	 Необходимой и неотъемлемой частью работы сотрудников библиотеки является воспроизведение небольших по объему материалов специальными способами по запросам читателей. Специально для пользователей организованы индивидуальные и групповые чтения с чтецом, проводятся индивидуальные и групповые занятия с детьми, имеющими нарушения зрения. Читатели посещают творческие встречи с писателями, художниками, спортсменами, артистами, музыкантами, учеными. Библиотека проводит культурно-просветительские и досуговые мероприятия, активно участвует в акциях как городского и областного уровня (Фестиваль книги и чтения «Челябинск читающий»), так и федерального значения (Декада Белой трости, Библионочь, Общероссийский день библиотек, Международная акция «Тотальный диктант»). В 2015 году Челябинская областная специальная библиотека для слабовидящих и слепых становится официальной площадкой проведения международной акции «Тотальный диктант». В Челябинске впервые за десятилетнюю историю акции незрячие люди пишут текст рельефно-точечным шрифтом Брайля, наравне со всеми проходя проверку в штабе акции. В 2016 году к акции присоединяются слепоглухие читатели библиотеки.&nbsp;
2934</p>
2935<p style="text-align: justify;">
2936	 В 2013 году Челябинская областная специальная библиотека для слабовидящих и слепых первая и единственная оформила Паспорт доступности объекта социальной инфраструктуры. По итоговому заключению комиссии о состоянии доступности ОСИ специальная областная библиотека была признана объектом, доступным частично для всех категорий инвалидов. В библиотеке разработан план адаптации для маломобильных групп населения на период с 2016 по 2020 годы, согласно которому учреждение продолжает проводить реконструкцию и оснащение оборудованием, обеспечивающим доступность для людей с ограниченными возможностями здоровья.
2937</p>
2938<p style="text-align: justify;">
2939	 С развитием методической деятельности и становлением библиотеки как областного методического центра в учреждении стало активно развиваться научно-методическое направление. Раз в два года библиотека организует работу секции Международного интеллектуального форму «Чтение на Евразийском перекрестке». В 2014 году библиотека отпраздновала свой 60-летний юбилей и провела Всероссийскую научно-практическую конференцию «Методическая деятельность специальной библиотеки для слепых в стратегии модернизации интегрированного библиотечного обслуживания». В 2016 году состоялось расширенное заседание круглого стола — Всероссийский круглый стол по вопросам распространения идей, принципов и средств в формировании доступной среды для инвалидов и других маломобильных групп населения «Согретые вниманием», на котором присутствовали представили социальных сфер Челябинской области (ВОС, ВОГ, ВОИ, Уполномоченный по правам человека в ЧО, Министерство культуры ЧО, ЧГПУ, ГТРК «Южный Урал», Председатель Избиркома по ЧО, Музеи Челябинска и Верхнего Уфалея, Центр развития туризма, Управление культуры г. Еткуля, ГУФСИН, Министерство по физической культуры и спорту). С успехом в библиотеке проходят круглые столы и семинары по обсуждению вопросов доступности информации для людей с ограниченными возможностями здоровья, Ð
2939ºÑ€Ð¾Ð¼Ðµ этого специалисты библиотеки выступают делегатам на областных конференциях («Система менеджмента качества как фактор эффективности работы современной библиотеки» (2015); «Интеграция в социум особенных детей детским центром библиотеки» (2015); «Доступная среда в библиотека для слепых разных видов и типов» (2015);&nbsp; «Объединение многих и разных: реализация принципа равных возможностей в библиотеке» (2016); «Тактика общения — сотрудничество» (2016); «Молодежные инклюзивные игры» (2015, НИУ ЮУрГУ); семинар-практикум «Психологические аспекты работы с инвалидами в учреждениях культуры» (2015, Челябинский центр народного творчества); Всероссийская научно-практическая конференция «Инклюзивное образование. Индивидуализация психолого-педагогического сопровождения детей с ограниченными возможностями здоровья» (2016, ЧГПУ); семинар «Библиотечная образовательная платформа “Специалист”» (2016, Центральная детская библиотечная система г. Магнитогорска); заседание Общественного совета «Совет регионов» и досуговых центров Фонда поддержки слепоглухих «Со-единение» (2016, Москва)).
2940</p>
2941<p style="text-align: justify;">
2942	 1 февраля 2022 года приказом Министерства культуры Челябинской области директором Челябинской областной специальной библиотеки для слабовидящих и слепых назначена Пименова Кристина Владимировна. По ее инициативе начала активно развиваться работа со средствами массовой информации.&nbsp;<br>
2943</p>
2944<p style="text-align: justify;">
2945	 Челябинская областная специальная библиотека для слабовидящих и слепых размещает актуальную информацию для читателей, сотрудников и коллег на своем официальном сайте:&nbsp;<a href="https://www.chosbss.ru/">www.chosbss.ru</a>. Сайт начал свою работу в 2010 году. Современный сайт отвечает правилам универсального дизайна. Он удобен для пользователей, испытывающих проблемы со зрением. Созданы специальные кнопки, облегчающие работу слабовидящим людям (изменение структуры сайт, цвета фона и размера шрифта). Библиотека представлена в социальных сетях: Вконтакте, Facebook, Twitter. Новости библиотеки размещаются в средствах массовой информации: на телевидении, радио, в печатных изданиях и интернет-ресурсах.
2946</p>
2947<p style="text-align: justify;">
2948	 Достижения Челябинской областной специальной библиотеки в продвижении чтения и расширения доступности среды для людей с ограниченными возможностями здоровья отмечены дипломами:
2949</p>
2950<p style="text-align: justify;">
2951	 Диплом I степени V Всероссийского конкурса на лучшую творческую работу по продвижению книги в среду незрячих в номинации «Лучший сценарий мероприятия, ориентированного на привлечение незрячих пользователей к чтению» (2007);
2952</p>
2953<p style="text-align: justify;">
2954	 Диплом лауреата (II место) конкурса реабилитационных проектов–2008 в номинации «Учреждения и предприятия, окаÐ
2954·Ñ‹Ð²Ð°ÑŽÑ‰Ð¸Ðµ услуги инвалидам в сфере культуры»;
2955</p>
2956<p style="text-align: justify;">
2957	 Победа в конкурсе «Новая роль библиотек в образовании» Благотворительного фонда культурных инициатив Михаила Прохорова (2009);
2958</p>
2959<p style="text-align: justify;">
2960	 Диплом I степени VI Всероссийского конкурса на лучшую творческую работу по теме «Книга и инвалиды по зрению: организация семейного чтения» в номинации «Лучшая библиотечная программа и методическая разработка в поддержку семейного чтения» за разработку программы «Год семьи в библиотеке» и создание методического пособия «Подводный мир» (2009);
2961</p>
2962<p style="text-align: justify;">
2963	 Диплом I степени VIII Всероссийского конкурса на лучшее издание для слепых и слабовидящих детей в номинации «Лучшая методическая работа, направленная на привлечение слепых и слабовидящих детей к книге и библиотеке» за разработку и реализацию проекта «Рюкзачок открытий» (2013);
2964</p>
2965<p style="text-align: justify;">
2966	 Диплом за III место в номинации «Слава моего предприятия» на фестивале видеофильмов Центрального района города Челябинска (2013).
2967</p>
2968<p style="text-align: justify;">
2969	 Победа международного проекта библиотеки «Мир добрососедства», направленного на социализацию и интеграцию детей-инвалидов по зрению в общество, в конкурсе, организованном «Фондом поддержки детей, находящихся трудной жизненной ситуации» (2014).&nbsp;
2970</p>
2971<p>
2972	 Подробнее:&nbsp;<a href="https://yadi.sk/i/rd1wKOC8ZWBE4w">Книги многоточия… Очерки истории Челябинской областной библиотеки для слепых [Текст] / А.С. Панин. – Челябинск : Челяб. обл. спец. б-ка для слабовидящих и слепых, 2019. - 143 с.</a>
2973</p>
2974						<div id="bxdynamic_tULhhN_start" style="display:none"></div> 
2975<div style="position:relative">
2976  <section class="sf-grid-area  ">
2977
2978										<div class="container-wrap  " style="">
2979										
2980					<div class="">
2981						<div class="row ">
2982																								<div class=" col-12 ">
2983									  										 																																																<div class=" ">
2984																																									</div>
2985																																										 									</div>
2986																					</div>
2987					</div>
2988					
2989										
2990				</div>
2991												<div class="container-wrap  " style="">
2992										
2993					<div class="">
2994						<div class="row ">
2995																								<div class=" col-12 ">
2996									  										 <div class="">																																																<div class=" ">
2997																																									</div>
2998																																																												<div class=" ">
2999																																									</div>
3000																																	</div>									 									</div>
3001																					</div>
3002					</div>
3003					
3004										
3005				</div>
3006						</section>	
3007</div>
3008
3009<div id="bxdynamic_tULhhN_end" style="display:none"></div>					
3010					</main>
3011				
3012		
3013					
3014
3015					
3016					</section> 
3017
3018								
3019				</div>
3020				
3021				<footer 
3022					class = "
3023						sf-footer-area d-print-none 
3024						inherit-theme 
3025						mt-auto					"
3026					style = "
3027						background-color: ;
3028												background-repeat: ;
3029						background-position-x: ;
3030						background-position-y: ;
3031						background-size: ;
3032					"
3033				>
3034					 
3035<div style="position:relative">
3036  <section class="sf-grid-area theme-dark ">
3037
3038															<div class="container-wrap  " style="">
3039										
3040					<div class="container ">
3041						<div class="row py-4 b-theme-2 bb-1">
3042																								<div class=" col-12 col-lg-3 mb-3 mb-md-0">
3043									  										 <div class="">																																																<div class=" ">
3044																												
3045<h3 class="t-0 t-uppercase t-bold mt-0 mb-3">
3046	Контакты</h3 class="">													</div>
3047																																																												<div class="t--1 ">
3048																												
3049<i class="far fa-fw fa-map-marker-alt mr-2 c-icon-active" aria-hidden="true"></i>
3050<span class="c-text-primary">
3051	г. Челябинск, Свердловский пр., 58</span>													</div>
3052																																																												<div class="t--1 ">
3053																												
3054	<i class="far fa-fw fa-phone mr-2 c-icon-active" aria-hidden="true"></i>
3055		  		<span style="white-space:nowrap">
3056			<a class="c-text-primary sf-link sf-link-theme sf-link-dashed white-space-no-wrap"  href="tel:+7 (351) 265-0584">+7 (351) 265-0584</a>		</span>
3057				
3058													</div>
3059																																																												<div class="mb-3 t--1 ">
3060																												
3061<i class="far fa-fw fa-envelope mr-2 c-icon-active" aria-hidden="true"></i>
3062<a class="c-text-primary sf-link sf-link-theme sf-link-dashed" href="mailto:[email protected]">
3063	[email protected]</a>													</div>
3064																																																												<div class="mb-3 ">
3065																												<!-- MODAL WINDOW -->
3066 <div class="modal-window-home" id="modal-window-home-id" params="close"  onload="text">
3067	<form method="POST" name="helpForm">
3068<!-- CONTENT MODAL -->
3069		<div class="content-modal-window">
3070<!-- HEADER -->
3071			<div class="header-modal-window">
3072				<span class="header-modal-window-text">На сайте обнаружена ошибка</span>
3073				<div class="close-icon-button-block over-mask">
3074					<div class='over-mask but-close-over-mask' params="close" onclick="closeModalWindow()"></div>
3075					<svg width="18" height="18" viewBox="0 0 512 512">
3076						<line x1="5" y1="5" x2="510" y2="510" stroke="#000000" stroke-width="20"/>
3077						<line x1="5" y1="510" x2="510" y2="5" stroke="#000000" stroke-width="20"/>
3078					</svg>
3079				</div>
3080			</div>
3081<!-- CONTENT BLOCK -->
3082			<div class="content-modal-window-message-submit">
3083				<p>Текст с ошибкой</p>
3084				<div id="mess" class="text-error"></div>
3085				<div id='elem-form'></div>
3086			</div>
3087<!-- FOOTER -->
3088			<div class="footer-modal-window">
3089				<input type="submit" value="Отправить"  id='send'
3090					class="but-sm but-sm-submit btn-button-modal-window m-20">
3091			</div>
3092		</div>
3093	</form>
3094</div>
3095<p>Нашли ошибку? Сообщите нам!<br>Выделите и нажмите Ctr+Enter</p>													</div>
3096																																	</div>									 									</div>
3097																	<div class=" col-12 col-lg-6 mb-3 mb-md-0">
3098									  										 <div class="">																																																<div class=" ">
3099																												
3100<h3 class="t-0 t-uppercase t-bold mt-0 mb-3">
3101	Меню</h3 class="">													</div>
3102																																																												<div class="l-inherit ml-4 ">
3103																													<ul class="fa-ul row">
3104						<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>
3105						<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="/sveden/">Сведения об учреждении культуры</a></li>
3106						<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>
3107						<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="/library/">Библиотеки</a></li>
3108						<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="/service/">Услуги</a></li>
3109						<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>
3110						<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>
3111						<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>
3112						<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>
3113						<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="/appeal/">Обращения</a></li>
3114						<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="/contact/">Контакты</a></li>
3115						<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>
3116			</ul>
3117													</div>
3118																																	</div>									 									</div>
3119																	<div class=" col-12 col-lg-3 mb-3 mb-md-0">
3120									  										 <div class="">																																																<div class=" ">
3121																												
3122<h3 class="t-0 t-uppercase t-bold mt-0 mb-3">
3123	Социальные сети</h3 class="">													</div>
3124																																																												<div class=" ">
3125																												
3126			<a 
3127			class="
3128				btn btn-icon								btn-rounded mr-1			" 
3129			style="
3130				background-color: #6695BD; color: white							" 
3131			target="_blank" 
3132			href="https://vk.com/chosbss"
3133		>
3134			<i 
3135				class="
3136					fab fa-vk 
3137									" 
3138				style="
3139									" 
3140				aria-hidden="true" 
3141			></i>
3142		</a>
3143					<a 
3144			class="
3145				btn btn-icon								btn-rounded mr-1			" 
3146			style="
3147				background-color: #FF9205; color: white							" 
3148			target="_blank" 
3149			href="https://ok.ru/group/64223994904824"
3150		>
3151			<i 
3152				class="
3153					fab fa-odnoklassniki 
3154									" 
3155				style="
3156									" 
3157				aria-hidden="true" 
3158			></i>
3159		</a>
3160																	</div>
3161																																																												<div class=" ">
3162																												<div id="bx-composite-banner"></div>
3163													</div>
3164																																																												<div class=" ">
3165																												<span id="sputnik-informer"></span>
3166													</div>
3167																																	</div>									 									</div>
3168																					</div>
3169					</div>
3170					
3171										
3172				</div>
3173												<div class="container-wrap  " style="">
3174										
3175					<div class="container ">
3176						<div class="row py-3">
3177																								<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 ">
3178									  										 																																																<div class=" ">
3179																												
3180© 2026 Челябинская областная специальная библиотека  для слабовидящих и слепых													</div>
3181																																										 									</div>
3182																	<div class=" d-none d-sm-none d-md-none col-lg-6 d-lg-block col-xl-6 d-xl-block ">
3183									  										 																																																<div class="t-left t-lg-right l-inherit l-hover-underline-none l-hover-primary  ">
3184																												
3185
3186  <a href="https://creative.bz/websites/">Создание сайта: Креатив</a>
3187
3188
3189													</div>
3190																																										 									</div>
3191																					</div>
3192					</div>
3193					
3194										
3195				</div>
3196						</section>	
3197</div>
3198
3199				</footer>
3200		
3201					
3202		</section>
3203		
3204		<aside class="swiper-area swipebar-area-left d-print-none">
3205					</aside>
3206		
3207		<aside class="swiper-area swipebar-area-right d-print-none">
3208					</aside>
3209		
3210		<div class="sf-service-bottom-area d-print-none">
3211			<div id="bxdynamic_kgs83W_start" style="display:none"></div><a 
3212    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"
3213    data-animation="easeInOutQuart"
3214    data-speed="2000"
3215    data-offset="500">
3216    <i class="far c-white fa-chevron-up"></i>
3217</a><div id="bxdynamic_kgs83W_end" style="display:none"></div>
3218
3219<button class="stopSpeak" style="display: none;">
3220  <i class="fas fa-pause"></i>
3221</button>
3222		</div>	
3223		
3224		<div class="sf-notification d-print-none">
3225			
3226		</div>	
3227
3228		
3229	
3229<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 3229
3229
3230<script>(window.BX||top.BX).message({"MAIN_BASELINE_BROWSER_OUTDATED":"Вы используете устаревшую версию браузера. Обновите его для безопасной и стабильной работы","MAIN_BASELINE_DETAILS":"Подробнее","MAIN_BASELINE_CLOSE":"Закрыть"});</script>
3230<script src="/bitrix/js/main/baseline/dist/baseline.bundle.min.js?17836600254439"></script>
3230<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>
3230<script src="/bitrix/js/main/core/core.min.js?1783660040181429"></script>
3230<script>BX.Runtime.registerExtension({"name":"main.core","namespace":"BX","loaded":true});</script>
vendor: 1 bytes, line 3230
3230
3231<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"]);
3232</script>
vendor: 1 bytes, line 3232
3232
3233<script>BX.Runtime.registerExtension({"name":"ui.dexie","namespace":"BX.DexieExport","loaded":true});</script>
vendor: 1 bytes, line 3233
3233
3234<script>BX.Runtime.registerExtension({"name":"fc","namespace":"window","loaded":true});</script>
vendor: 1 bytes, line 3234
3234
3235<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":"18000","UTF_MODE":"Y","SITE_ID":"s1","SITE_DIR":"\/"});</script>
3235<script src="/bitrix/js/ui/dexie/dist/dexie.bundle.min.js?1762523141102530"></script>
vendor: 1 bytes, line 3235
3235
3236<script src="/bitrix/js/main/core/core_frame_cache.min.js?177925589110246"></script>
vendor: 1 bytes, line 3236
3236
3237<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.data\/grid\/block\/header\/translate.yandex\/yatranslate.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 3237
3237
3238<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.data\/grid\/block\/header\/translate.yandex\/yatranslate.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>
vendor: 1 bytes, line 3238
3238
3239<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>
vendor: 1 bytes, line 3239
3239
3240<script  src="/bitrix/cache/js/s1/simai.sf4biblio/template_ff649bea3457a7fc9d0904a4b9333992/template_ff649bea3457a7fc9d0904a4b9333992_v1.js?1783893668490379"></script>
3240
3241
3242<script async src="https://culturaltracking.ru/static/js/spxl.js?pixelId=13960" data-pixel-id="13960"></script>
3242<script async src="https://culturaltracking.ru/static/js/spxl.js?pixelId=32166" data-pixel-id="32166"></script>
3242<script>
3243$("[data-fancybox]").fancybox({ 
3244  afterLoad : function(instance, slide) {
3245    slide.$slide.find('img').attr("alt", slide.opts.$orig.data('alt'));
3246	slide.$slide.find('img').attr("title", slide.opts.$orig.data('title'));
3247  }
3248});
3249</script>
3249<script>
3250    window.addEventListener("DOMContentLoaded", function() {
3251        $('#sf-nav-9e248530da').sfNavMulti({
3252                                        searchContainer: false,
3253                horizontalSubmenu: false,
3254                                        transferHeadingItem: false,
3255            //===================== ФИКСИРОВАННОЕ =====================//
3256                                    fixedFlag: false,
3257                //===================== ПОЛНОЭКРАННОЕ =====================//
3258                                    fullScreenFlag: false,
3259                //===================== ТРАНСФОРМ =====================//
3260                                    transformFlag: true,
3261                    transformPaddingOne: 'p-2 t--1',
3262                    transformPaddingLower: ' t--1',
3263                    transformEffectHover: 'allotment',
3264                                            transformTheme: 'theme-light child-color-submenu-9e248530da                                                                                                                                    fixed-theme-light-submenu fixed-submenu-color9e248530da                                                                                    ', 
3265                                    //===================== МОБИЛЬНОЕ =====================//
3266                                    mobileFlag: true,
3267                                    });
3268
3269    });
3270</script>
3270
3271
3272<script>
3273	BX.ready(function(){
3274		new JCTitleSearch({
3275			'AJAX_PAGE' : '/about/',
3276			'CONTAINER_ID': 'title-search',
3277			'INPUT_ID': 'title-search-input',
3278			'MIN_QUERY_LEN': 2
3279		});
3280	});
3281</script>
vendor: 1 bytes, line 3281
3281
3282<script>
3283    window.addEventListener("DOMContentLoaded", function() {
3284        $('#sf-nav-3d31e0a77f').sfNavMulti({
3285                                        searchContainer: false,
3286                horizontalSubmenu: false,
3287                                        transferHeadingItem: false,
3288            //===================== ФИКСИРОВАННОЕ =====================//
3289                                    fixedFlag: true,
3290                    fixedId: "#sf-fixed-id-3d31e0a77f",
3291                    fixedClass: 'nav-fixed-3d31e0a77f nav-fixed',
3292                //===================== ПОЛНОЭКРАННОЕ =====================//
3293                                    fullScreenFlag: true,
3294                                            fullScreenTheme: 'theme-light full-screen-color-3d31e0a77f',
3295                                    //===================== ТРАНСФОРМ =====================//
3296                                    transformFlag: true,
3297                    transformPaddingOne: 'p-3 t--1 ',
3298                    transformPaddingLower: ' t--1',
3299                    transformEffectHover: 'blackout',
3300                                            transformTheme: 'theme-light child-color-submenu-3d31e0a77f                                        ', 
3301                                    //===================== МОБИЛЬНОЕ =====================//
3302                                    mobileFlag: true,
3303                                    });
3304
3305    });
3306</script>
3306
3307
3308<script>
3309$("[data-fancybox]").fancybox({ 
3310  afterLoad : function(instance, slide) {
3311    slide.$slide.find('img').attr("alt", slide.opts.$orig.data('alt'));
3312	slide.$slide.find('img').attr("title", slide.opts.$orig.data('title'));
3313  }
3314});
3315</script>
3315<script>
3316$(".modal-window-home").click(function(){
3317		  closeModalWindow();
3318		}).children().click(function(e) {
3319		  e.stopPropagation();
3320		});
3321</script>
3321</body>
3322</html>
3323
3324
3325<!--015a5638aaac9710dbf4e475df6dd402-->

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.