<!doctype html>
<html lang="uk_UA">
<head>
    <base href="/"/>
<meta charset="UTF-8">
<meta name="author" content="Oleg Komenda">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="keywords" content="Львівська обласна бібліотека для дітей,новини, конкурси, вернісаж, нові книги, електронний каталог, почесна медаль, Іван Франко - дітям, Тарас Шевченко - дітям, Леся Українка - дітям, Книжкові колекції, Періодика - 2014,літературні премії, книга на диску, Львівські письменники дітям, дітям про Львів,поради психолога,дитяча психологія, Бібліотеки України он-лайн, Методичний портфель, Видавництва дитячої літератури України, Ювілейний бібліотечний календар, Українська бібліотечна асоціація, адвокація, дитячі бібліотеки Львівської області" />
<link rel="shortcut icon" href="https://lodb.org.ua/images/lib_fav.jpg"/>
<link rel="apple-touch-icon" href="https://lodb.org.ua/images/lib_fav.jpg"/>
<meta name="description" content="" />
<meta property="fb:app_id" content="1568908913324021" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@lodb_lviv" />
<meta property="og:type" content="article" />
<meta property="og:site_name" content="Леотека" />
<meta property="og:title" content="Сторінку не знайдено" />
<meta property="og:url" content="https://lodb.org.ua/404" />



<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WBWHJ1LY50"></script>
<script>
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());

	gtag('config', 'G-WBWHJ1LY50');
</script>

	
<script>(function(w,d,s,u,o){w._cyA11yConfig={"iconId":"default","position":{"mobile":"bottom-right","desktop":"bottom-right"},"language":{"default":"en","selected":[]}};var js=d.createElement(s),fjs=d.getElementsByTagName(s)[0];js.src=u;js.async=true;fjs.parentNode.insertBefore(js,fjs);})(window,document,"script","https://cdn-cookieyes.com/widgets/accessibility.js?id=4495eba4-666c-4fdd-a4bd-0e6a23a9a693");</script>

    <title>Сторінку не знайдено - Леотека</title>
	<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,700&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/solid.css" integrity="sha384-r/k8YTFqmlOaqRkZuSiE9trsrDXkh07mRaoGBMoDcmA58OHILZPsk29i2BsFng1B" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/regular.css" integrity="sha384-IG162Tfx2WTn//TRUi9ahZHsz47lNKzYOp0b6Vv8qltVlPkub2yj9TVwzNck6GEF" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/fontawesome.css" integrity="sha384-4aon80D8rXCGx9ayDt85LbyUHeMWd3UiBaWliBlJ53yzm9hqN21A+o1pqoyK04h+" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.7.1/css/mdb.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">
<link rel="stylesheet" href="css/style.css?v=0.0.8">
<link rel="stylesheet" href="css/unite-gallery.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<link href='themes/default/ug-theme-default.css' rel='stylesheet' type='text/css' />
<link rel="alternate" type="application/rss+xml" title="Леотека RSS feed" href="https://lodb.org.ua/rss">
</head>
<body class="without-slider preload">
    <!-- SEARCH FORM -->
<div class="modal fade left bottom" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="true" aria-modal="true">
    <div class="modal-dialog modal-side modal-bottom-left modal-notify" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <h4 class="h5-responsive search-title">
                    Пошук по сайту
                </h4>
                <button type="button" class="close close--orange" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true" class="white-text">×</span>
                </button>

                <!-- modal form search -->
                <form class="search" method="GET" action="https://lodb.org.ua/rezultati-poshuku">
                    <input type="text" class="search__input" placeholder="пошук" name="search">
                    <button type="submit" class="search__button">
                        Знайти!
                    </button>
                </form>
            </div>
        </div>
        <!-- // modal content-->
    </div>
</div>
	<script>
	document.addEventListener('DOMContentLoaded', function() {
		let inclusivityButton = document.getElementById('inclusivity-button');
		let inclusivityButtonSize = document.getElementById('inclusivity-button-size');
		let inclusivityButtonYellow = document.getElementById('inclusivity-button-yellow');
		let inclusivityButtonBlack = document.getElementById('inclusivity-button-black');
		let inclusivityButtonReset = document.getElementById('inclusivity-button-reset');

		function setCookie(name, value, days) {
			let expires = "";
			if (days) {
				let date = new Date();
				date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
				expires = "; expires=" + date.toUTCString();
			}
			document.cookie = name + "=" + (value || "") + expires + "; path=/";
		}

		function getCookie(name) {
			let nameEQ = name + "=";
			let ca = document.cookie.split(';');
			for (let i = 0; i < ca.length; i++) {
				let c = ca[i];
				while (c.charAt(0) === ' ') c = c.substring(1, c.length);
				if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
			}
			return null;
		}

		function eraseCookie(name) {
			document.cookie = name + '=; Max-Age=-99999999;';
		}

		function updateBodyClassFromCookies() {
			if (getCookie('inclusivity-size') === 'yes') document.body.classList.add('inclusivity-size');
			if (getCookie('inclusivity-yellow') === 'yes') {
				document.body.classList.add('inclusivity-yellow');
				document.body.classList.remove('inclusivity-black');
			}
			if (getCookie('inclusivity-black') === 'yes') {
				document.body.classList.add('inclusivity-black');
				document.body.classList.remove('inclusivity-yellow');
			}
		}

		updateBodyClassFromCookies();

		if (inclusivityButton) {
			inclusivityButton.addEventListener('click', function(e) {
				e.preventDefault();
				document.body.classList.toggle('inclusivity-open');
			});
		}

		if (inclusivityButtonSize) {
			inclusivityButtonSize.addEventListener('click', function(e) {
				e.preventDefault();
				document.body.classList.toggle('inclusivity-size');
				setCookie('inclusivity-size', document.body.classList.contains('inclusivity-size') ? 'yes' : 'no', 7);
			});
		}

		if (inclusivityButtonYellow) {
			inclusivityButtonYellow.addEventListener('click', function(e) {
				e.preventDefault();
				document.body.classList.toggle('inclusivity-yellow');
				document.body.classList.remove('inclusivity-black');
				setCookie('inclusivity-yellow', document.body.classList.contains('inclusivity-yellow') ? 'yes' : 'no', 7);
				setCookie('inclusivity-black', 'no', 7);
			});
		}

		if (inclusivityButtonBlack) {
			inclusivityButtonBlack.addEventListener('click', function(e) {
				e.preventDefault();
				document.body.classList.toggle('inclusivity-black');
				document.body.classList.remove('inclusivity-yellow');
				setCookie('inclusivity-black', document.body.classList.contains('inclusivity-black') ? 'yes' : 'no', 7);
				setCookie('inclusivity-yellow', 'no', 7);
			});
		}

		if (inclusivityButtonReset) {
			inclusivityButtonReset.addEventListener('click', function(e) {
				e.preventDefault();
				document.body.classList.remove('inclusivity-open', 'inclusivity-size', 'inclusivity-yellow', 'inclusivity-black');
				eraseCookie('inclusivity-size');
				eraseCookie('inclusivity-yellow');
				eraseCookie('inclusivity-black');
			});
		}
	});
</script>
	
<style>
	body.inclusivity-yellow,
	body.inclusivity-yellow .header,
	body.inclusivity-yellow .nav,
	body.inclusivity-yellow .sidebar__slider.slick-slider,
	body.inclusivity-yellow .sidebar-v2 .sidebar__books:before,
	body.inclusivity-yellow .our-projects__item,
	body.inclusivity-yellow .footer,
	body.inclusivity-yellow .news__item,
	body.inclusivity-yellow .books__item,
	body.inclusivity-yellow .nav__dropdown-menu,
	body.inclusivity-yellow .books-grid .books__item-title,
	body.inclusivity-yellow .contact-area{
		background-color: yellow !important;
	}
	body.inclusivity-black,
	body.inclusivity-black .header,
	body.inclusivity-black .nav,
	body.inclusivity-black .sidebar__slider.slick-slider,
	body.inclusivity-black .sidebar-v2 .sidebar__books:before,
	body.inclusivity-black .our-projects__item,
	body.inclusivity-black .footer,
	body.inclusivity-black .news__item,
	body.inclusivity-black .books__item,
	body.inclusivity-black .nav__dropdown-menu,
	body.inclusivity-black .books-grid .books__item-title,
	body.inclusivity-black .contact-area{
		background-color: black !important;
	}
	
	body.inclusivity-yellow .header .button,
	body.inclusivity-yellow .header .button,
	body.inclusivity-yellow .sidebar__mailing-title,
	body.inclusivity-yellow .sidebar__mailing-button,
	body.inclusivity-yellow .news__item-date{
		background-color: black !important;
	}
	body.inclusivity-black .header .button,
	body.inclusivity-black .header .button,
	body.inclusivity-black .sidebar__mailing-title,
	body.inclusivity-black .sidebar__mailing-button,
	body.inclusivity-black .news__item-date{
		background-color: yellow !important;
	}
	body.inclusivity-yellow .nav__dropdown-menu:before{
		border-bottom: 10px solid yellow !important;
	}
	body.inclusivity-black .nav__dropdown-menu:before{
		border-bottom: 10px solid black !important;
	}
	body.inclusivity-yellow .our-projects__item,
	body.inclusivity-yellow .header-right-top .search,
	body.inclusivity-yellow .news__item,
	body.inclusivity-yellow .books__item,
	body.inclusivity-yellow footer form .sidebar__mailing-input,
	body.inclusivity-yellow .contact-area{
		border: solid 1px black !important;
	}
	body.inclusivity-black .our-projects__item,
	body.inclusivity-black .header-right-top .search,
	body.inclusivity-black .news__item,
	body.inclusivity-black .books__item,
	body.inclusivity-black footer form .sidebar__mailing-input,
	body.inclusivity-black .contact-area{
		border: solid 1px yellow !important;
	}
	body.inclusivity-yellow .footer{
		border-top: solid 1px black;
	}
	body.inclusivity-black .footer{
		border-top: solid 1px yellow;
	}
	body.inclusivity-yellow .footer-menu__item ul li a,
	body.inclusivity-yellow .nav__dropdown-link, .nav__menu-link,
	body.inclusivity-yellow .news__more,
	body.inclusivity-yellow .our-projects__item-title,
	body.inclusivity-yellow .our-projects__item-title span,
	body.inclusivity-yellow .books-grid .books__item-title,
	body.inclusivity-black .sidebar__mailing-title,
	body.inclusivity-black .sidebar__mailing-button,
	body.inclusivity-black .news__item-date,
	body.inclusivity-black .content .news__item-date{
		color: black !important;
	}
	body.inclusivity-black .footer-menu__item ul li a,
	body.inclusivity-black .nav__dropdown-link,
	body.inclusivity-black .nav__menu-link,
	body.inclusivity-black .news__more,
	body.inclusivity-black .our-projects__item-title,
	body.inclusivity-black .our-projects__item-title span,
	body.inclusivity-black .books-grid .books__item-title,
	body.inclusivity-black #top-buttons a,
	body.inclusivity-black #top-buttons .social-item,
	body.inclusivity-black .golden-down,
	body.inclusivity-black .news__item-publish-date,
	body.inclusivity-black .news__item-title,
	body.inclusivity-black .news__item-title a,
	body.inclusivity-black .news__item-publish-date,
	body.inclusivity-black .sidebar__slide-title,
	body.inclusivity-black .footer__map-title,
	body.inclusivity-black .footer__map p,
	body.inclusivity-black .footer-top-center,
	body.inclusivity-black .footer-menu__item-title,
	body.inclusivity-black footer form .sidebar__mailing-input::placeholder,
	body.inclusivity-black .content p,
	body.inclusivity-black .content strong,
	body.inclusivity-black .content span,
	body.inclusivity-black .content li,
	body.inclusivity-black .h3-responsive,
	body.inclusivity-black .h4-responsive,
	body.inclusivity-black .text-normal,
	body.inclusivity-black .text-def,
	body.inclusivity-black h3 span,
	body.inclusivity-black p a,
	body.inclusivity-black #year-total,
	body.inclusivity-black .radio-inputs label,
	body.inclusivity-black #calculator th,
	body.inclusivity-black #calculator td,
	body.inclusivity-black .calculator-registration,
	body.inclusivity-black .our-projects__more,
	body.inclusivity-black .wrapper__left p{
		color: yellow !important;
	}
	body.inclusivity-yellow .full-news__content a,
	body.inclusivity-yellow a h3,
	body.inclusivity-yellow a h4,
	body.inclusivity-yellow .wrapper__left p a{
		color: black !important;
		font-weight: 700;
		text-decoration: underline !important;
	}
	body.inclusivity-black .full-news__content a,
	body.inclusivity-black a h3,
	body.inclusivity-black a h4,
	body.inclusivity-black .wrapper__left p a{
		color: yellow !important;
		font-weight: 700;
		text-decoration: underline !important;
	}
	body.inclusivity-yellow .text-def,
	body.inclusivity-yellow a h3,
	body.inclusivity-yellow a h4,
	body.inclusivity-black .text-def,
	body.inclusivity-black a h3,
	body.inclusivity-black a h4{
		font-weight: 500;
	}
	body.inclusivity-black .header .button,
	body.inclusivity-black .header .button{
		color: black;
	}
	body.inclusivity-black .header .button.phone img,
	body.inclusivity-black #inclusivity-button svg{
		filter: brightness(0);
	}
	body.inclusivity-black .header-right-top .search input {
		background: black !important;
		color: yellow !important;
	}
	body.inclusivity-black .header-right-top .search input::placeholder{
		color: yellow !important;
	}
	body.inclusivity-black .header-right-top .search{
		background: black !important;
	}
	body.inclusivity-black .header-right-top .black-text{
		color: yellow !important;
	}
	
	body.inclusivity-size .nav__menu-link,
	body.inclusivity-size .nav__dropdown-link,
	body.inclusivity-size #top-buttons a,
	body.inclusivity-size #top-buttons .social-item,
	body.inclusivity-size .header-right-top .search input,
	body.inclusivity-size .header .button,
	body.inclusivity-size .news-grid-wrapper .news__item-date,
	body.inclusivity-size .news__item-title a,
	body.inclusivity-size .footer__map p,
	body.inclusivity-size .footer-menu__item-title,
	body.inclusivity-size .footer-menu__item ul li a,
	body.inclusivity-size.sidebar__mailing-input,
	body.inclusivity-size form button[type=submit],
	body.inclusivity-size .our-projects__item .author,
	body.inclusivity-size .full-news__subheader .news__item-date,
	body.inclusivity-size .table-border .title{
        font-size: 20px!important;
    }
	body.inclusivity-size .wrapper__left h3,
	body.inclusivity-size .wrapper__left h4,
	body.inclusivity-size .full-news__content p,
	body.inclusivity-size .full-news__content span,
	body.inclusivity-size .full-news__content strong,
	body.inclusivity-size .full-news__content b,
	body.inclusivity-size .full-news__content li,
	body.inclusivity-size .full-news__content a,
	body.inclusivity-size .text-def,
	body.inclusivity-size .news__more,
	body.inclusivity-size .wrapper__left p,
	body.inclusivity-size .wrapper__left p a{
		font-size: 22px!important;
		line-height: 1.3;
	}
	body.inclusivity-size .our-projects__item-title span,
	body.inclusivity-size .sidebar__slide-title,
	body.inclusivity-size .sidebar__mailing-title{
		font-size: 24px!important;
		line-height: 1.3;
	}
	body.inclusivity-size .footer-top-center strong,
	body.inclusivity-size .footer-top-center span,
	body.inclusivity-size .news__item-publish-date,
	body.inclusivity-size .radio-inputs,
	body.inclusivity-size #calculator th,
	body.inclusivity-size #calculator td{
		font-size: 18px!important;
		line-height: 1.3;
	}
	body.inclusivity-size .golden-down{
		font-size: 40px!important;
	}
	body.inclusivity-size .news__item-announce {
		padding-top: 45px!important;
	}
	body.inclusivity-size .footer-top-center #top-buttons a,
	body.inclusivity-size .footer-top-center #top-buttons .social-item{
		font-size: 0!important;
		width: auto!important;
    	margin-bottom: 10px!important;
		text-align: center;
	}
	body.inclusivity-size #top-buttons a img,
	body.inclusivity-size #top-buttons .social-item img{
        width: auto;
        height: auto;
    }
	.footer-menu__item ul li a{
		padding-right: 15px;
	}
	body.inclusivity-size .golden-down{
		text-align: center;
	}
	
	iframe{
		width: 100%;
	}
	.grid-two{
		display: flex;
    	flex-direction: row;
    	width: 100%;
    	flex-wrap: wrap;
    	justify-content: space-between;
		margin-top: 30px !important;
	}
	.grid-two a{
		margin-bottom: 10px;
    	width: calc(33.33% - 5px);
	}
	.grid-two a img{
		width: 100%;
    	height: 100%;
	}
	.header{
		z-index: 3;
		width: 100%;
		height: 115px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 45px;
		position: fixed;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
		box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
		background-color: rgba(255, 255, 255);
		top: 0;
		flex-wrap: nowrap;
		left: 0;
		right: 0;
	}
	.header .site-logo{
		width: 160px;
		height: auto;
	}
	.header .site-logo .site-logo__logo{
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	.header .site-logo .site-logo__logo img{
		position: relative;
	    left: 0;
		width: 160px;
		max-height: 93px;
		height: auto;
		object-fit: contain;
		object-position: left;
	}
	.top-banner.banner-85{
		margin-top: 75px;
	}
	.header-right{
		display: flex;
		width: calc(100% - 160px);
		flex-direction: column;
		height: 115px;
    	padding-top: 15px;
	}
	.header-right nav{
		position: relative;
		top: auto;
		box-shadow: none;
		margin-left: auto;
		justify-content: center;
		padding: 0 130px 0 0;
		height: 53px;
	}
	.header-right nav .nav__menu{
		align-items: center;
	}
	.header-right-top{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-bottom: 7px;
	}
	.header-right-top .search{
		flex-direction: row;
		margin: 0;
		background: #fff;
		padding: 0 5px;
		margin-right: 10px;
		border-radius: 5px;
		border: solid 1px #afafaf;
	}
	.header-right-top .search input{
		max-height: 40px;
		border: none!important;
	}
	.header-right-top .search .search__button{
		border: none;
		outline: none;
		background: transparent;
		margin: 0;
		padding: 0;
		height: 40px;
		width: 40px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.header .button{
		background: #ffba0c;
		color: #fff;
		height: 40px;
		margin: 0;
		display: flex;
		align-items: center;
		padding: 0 25px;
		font-weight: 500;
		border-radius: 5px;
		transition: all .3s;
	}
	.sidebar__mailing-title,
	.sidebar__mailing-button{
		background: #ffba0c;
	}
	form button[type=submit]:hover,
	.sidebar__mailing-button:hover,
	.header .button:hover{
		background: #ff8a00;
	}
	.header .button.phone{
		margin-left: 15px;
		border-radius: 100%;
		padding: 0;
		height: 40px;
		width: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.header .button.phone img{
		width: 22px;
		height: 22px;
		filter: brightness(0) invert(1);
	}
	.header .lang-dropdown__menu,
	.header .nav__dropdown-menu{
		top: 65px;
	}
	.header .nav__dropdown-menu{
		right: 0;
	}
	.header .nav__dropdown-menu:before{
		right: 40px;
		left: auto;
	}
	.header .nav__menu-link:before{
		bottom: 10px;
	}
	.footer-menu__item:last-child {
		margin: 50px auto 0;
	}
	.footer-menu__item ul li a,
	.nav__dropdown-link,
	.nav__menu-link,
	.news__more,
	.our-projects__item-title,
	.our-projects__item-title span{
		font-weight: 500;
		color: #000;
	}
	.our-projects__item-title span{
		transition: all .3s;
	}
	.news__more:hover,
	.our-projects__item:hover .our-projects__item-title span{
		color: #ff8a00;
	}
	.top-banner{
		display: flex;
		width: 100%;
		margin-top: 115px;
		background: #f3f3f3;
	}
	.top-banner img{
		width: 100%;
		height: auto;
	}
	form input[type=text], form input[type=email], form input[type=tel], form textarea{
		border-radius: 5px!important;
		border: solid 1px #afafaf!important;
		background: transparent!important;
	}
	form button[type=submit]{
		border-radius: 5px;
		font-size: 16px;
		font-weight: 500;
		padding: 0 25px;
		height: 45px;
		transition: all .3s;
	}
	.top-banner{
		display: flex;
		width: 100%;
		flex-direction: column;
	}
	.top-banner img.top-banner__text{
		width: 75%;
		margin: 15px auto;
	}
	.mobile{
		display: none;
	}
	.sidebar__slider.slick-slider{
		padding: 25px 0;
	}
	#top-buttons{
		display: flex;
		padding-top: 30px;
		justify-content: space-evenly;
	}
	#top-buttons a,
	#top-buttons .social-item{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #212529;
		font-weight: 500;
		font-size: 16px;
		transition: all .3s;
	}
	#top-buttons a:hover,
	#top-buttons .social-item:hover{
		color: #fdb813;
	}
	#top-buttons img{
		max-width: 94px;
		height: auto;
		margin-bottom: 10px;
		filter: grayscale(100%);
		transition: all .3s;
	}
	#top-buttons a:hover img,
	#top-buttons .social-item:hover img{
		filter: none;
	}
	.news-grid{
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		align-self: flex-start!important;
	}
	.news-grid-wrapper .news__item{
		width: calc(25% - 12px);
		display: flex;
		flex-direction: column;
		margin-top: 0;
		margin-bottom: 15px;
		padding-top: 15px;
		align-items: center;
		position: relative;
		padding-bottom: 20px;
	}
	.news-grid-wrapper .news__item:nth-child(1),
	.news-grid-wrapper .news__item:nth-child(2),
	.news-grid-wrapper .news__item:nth-child(3),
	.news-grid-wrapper .news__item:nth-child(5),
	.news-grid-wrapper .news__item:nth-child(6),
	.news-grid-wrapper .news__item:nth-child(7),
	.news-grid-wrapper .news__item:nth-child(9),
	.news-grid-wrapper .news__item:nth-child(10),
	.news-grid-wrapper .news__item:nth-child(11),
	.news-grid-wrapper .news__item:nth-child(13),
	.news-grid-wrapper .news__item:nth-child(14),
	.news-grid-wrapper .news__item:nth-child(15){
		margin-right: 15px;
	}
	.news-grid-wrapper .news__item-thumb{
		padding: 0
	}
	.news-grid-wrapper{
		justify-content: center;
	}
	.news-grid-wrapper .news__item-title{
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 10px;
	}
	.news__item-title a {
		word-break: break-word;
	}
	.news-grid-wrapper .news__item-wrapper{
		padding: 10px 15px 0;
		width: 100%;
	}
	.news-grid-wrapper .news__item-wrapper br{
		display: none;
	}
	.news-grid-wrapper .news__item-date{
		position: absolute;
		top: -15px;
		left: 0;
		right: 0;
		font-size: 16px;
		padding: 10px 5px;
		font-weight: 500;
		text-align: center;
	}
	.news__item-announce{
		padding-top: 35px!important;
	}
	.our-projects__item,
	.news__item{
		border: none!important;
	}
	.sidebar-v2.sidebar{
		display: flex;
		flex-direction: column;
	}
	.sidebar-v2 .sidebar__books{
		position: relative;
		height: calc(100% - 110px);
	}
	.sidebar-v2 .sidebar__books:before{
		content: '';
		background: #f3f3f3;
		position: absolute;
		top: 190px;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.sidebar-v2 .sidebar .news__more{
		margin-top: auto;
	}
	.header-slider{
		height: calc(100% - 115px);
    	max-height: calc(100vh - 115px);
    	position: relative;
		margin-bottom: 100px;
	}
	.news__item-publish-date {
		font-size: 12px;
		color: black;
		font-weight: 400;
	}
	.news__item-date{
		background: #ffba0c;
	}
	.golden-down:after{
		background: black!important;
	}
	.nav__icons-item.nav__dropdown.lang-dropdown{
		display:none!important;
	}
	.books__item{
		border: none;
		padding: 20px 20px 20px 170px;
		position: relative;
		min-height: 220px;
		justify-content: flex-start;
	}
	.books__item .books__item-wrapper{
		margin-top: 15px;
	}
	.books__item .books__item-title {
		font-weight: 600;
		font-size: 18px;
	}
	.books__item .books__item-thumb {
		display: inline-block;
		width: 125px;
		height: 175px;
		position: absolute;
		left: 20px;
		top: 20px;
		object-fit: contain;
		object-position: top center;
		margin-top: 0;
	}
	.books-grid .books__item .books__item-thumb{
		position: relative;
		width: 100%;
		height: auto;
		left: auto;
		right: auto;
		top: auto;
	}
	.books-grid .books__item .books__item-wrapper{
		margin-top: 0;
	}
	.books-grid .books__item:hover .books__item-title{
		z-index: 3;
	}
	.books__item .text-def {
		font-size: 16px;
		line-height: 1.4;
		color: #000;
		padding-left: 0;
	}
	.inclusivity-header{
		margin-left: 10px;
		display: flex;
		position: relative;
	}
	#inclusivity-button{		
		border-radius: 100%;
		padding: 0;
		height: 40px;
		width: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		cursor: pointer;
	}
	#inclusivity-button svg{
		filter: brightness(0) invert(1);
	}
	.inclusivity-popup{
		padding: 10px 0 10px 10px;
    	position: absolute;
    	border-radius: 3px;
		display: flex;
		flex-direction: row;
		box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    	background-color: rgba(255, 255, 255, 0.902);
		right: 0;
    	top: calc(100% + 15px);
    	z-index: 9;
		pointer-events: none;
		opacity: 0;
		transition: all .3s;
	}
	#inclusivity-button span{
		position: absolute;
		opacity: 0;
	}
	body.inclusivity-open .inclusivity-popup{
		opacity: 1;
		pointer-events: all;
	}
	body.inclusivity-open #inclusivity-button svg{
		opacity: 0;
	}
	body.inclusivity-open #inclusivity-button span{
		opacity: 1;
	}
	.inclusivity-popup:before{
		content: '';
		top: -10px;
		right: 10px;
    	left: auto;
		position: absolute;
		width: 0;
		height: 0;
		content: '';
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid rgba(255, 255, 255, 0.902);
	}
	.inclusivity-popup button{
		background: transparent;
		border: none;
		outline: none;
		margin-right: 10px;
		background: transparent;
		border: solid 3px #fff;
		outline: none;
		margin-right: 10px;
		width: 42px;
		height: 42px;
		font-size: 16px;
		font-weight: 600;
		border-radius: 100%;
		cursor: pointer;
	}
	.inclusivity-popup button#inclusivity-button-yellow{
		background: #ffba0c;
		color: #000;
	}
	.inclusivity-popup button#inclusivity-button-black{
		background: #000;
		color: #ffba0c;
	}
	#inclusivity-button-reset{
		display: none;
	}
	body.inclusivity-size .inclusivity-popup button#inclusivity-button-size,
	body.inclusivity-yellow .inclusivity-popup button#inclusivity-button-yellow{
		border-color: #000;
	}
	body.inclusivity-black .inclusivity-popup button#inclusivity-button-black{
		border-color: #ffba0c;
	}
	
	.button-donate.button span{
		margin-right: 5px;
	}
	
	@media screen and (max-width: 1430px){
		.news-grid-wrapper .news__item{
			width: calc(33.33% - 10px);
		}
		.news-grid-wrapper .news__item:nth-child(1),
		.news-grid-wrapper .news__item:nth-child(2),
		.news-grid-wrapper .news__item:nth-child(4),
		.news-grid-wrapper .news__item:nth-child(5),
		.news-grid-wrapper .news__item:nth-child(7),
		.news-grid-wrapper .news__item:nth-child(8),
		.news-grid-wrapper .news__item:nth-child(10),
		.news-grid-wrapper .news__item:nth-child(11),
		.news-grid-wrapper .news__item:nth-child(13),
		.news-grid-wrapper .news__item:nth-child(14){
			margin-right: 15px;
		}
		.news-grid-wrapper .news__item:nth-child(3),
		.news-grid-wrapper .news__item:nth-child(6),
		.news-grid-wrapper .news__item:nth-child(9),
		.news-grid-wrapper .news__item:nth-child(12),
		.news-grid-wrapper .news__item:nth-child(15){
			margin-right: 0!important;
		}
		.news-grid-wrapper .news__item:nth-child(16){
			display: none!important;
		}
	}
	@media screen and (max-width: 1200px){
		#top-buttons.wrapper{
			flex-direction: row;
			flex-wrap: wrap;
			margin-bottom: 25px;
		}
		body.inclusivity-size #top-buttons a,
		body.inclusivity-size #top-buttons .social-item{
			width: 20%;
			margin-bottom: 50px;
		}
	}
	@media screen and (max-width: 1024px){
		.mobile{
			display: flex;
		}
		.header .button.phone img{
			width: 32px;
			height: 32px;
		}
		.top-banner img.top-banner__text{
			width: 95%;
		}
		.header{
			padding-left: 15px;
			padding-right: 15px;
		}
		.header, .header-right, .header .site-logo{
			height: 90px;
		}
		.header-right-top .search,
		.header-right-top .button{
			display: none;
		}
		.header-right-top .button-donate.button{
			display: flex;
			font-size: 0;
			padding: 0;
			width: 40px;
			height: 40px;
			border-radius: 100%;
			align-items: center;
			justify-content: center;
			position: absolute;
			top: 26px;
			right: 115px;
		}
		.header-right-top .button-donate.button span{
			font-size: 22px;
			line-height: 1;
			margin: 0;
		}
		.header-right-top .button.phone{
			height: 60px;
    		width: 60px;
			position: absolute;
			right: 65px;
			top: 15px;
		}
		.header-right-top .button.phone i{
			font-size: 25px!important;
		}
		.header .site-logo .site-logo__logo img{
			width: 110px;
			max-height: 65px;
			margin-top: 12px;
		}
		.top-banner{
			margin-top: 90px;
		}
		.header .site-logo .site-logo__logo {
			max-width: 100%;
			width: 100%;
			height: 90px;
			flex: 0 0 90px;
		}
		.nav.active{
			height: calc(100vh - 90px);
			min-height: calc(100vh - 90px);
			left: 0;
			top: 90px;
			right: 0;
			justify-content: center;
			position: fixed;
			padding: 0;
		}
		.header-right nav .nav__menu{
			padding: 0;
			width: 100%;
			position: relative;
		}
		.nav__dropdown{
			width: 100%;
		}
		.header .lang-dropdown__menu, .header .nav__dropdown-menu {
			left: 0;
			top: 50px;
			width: 100%;
		}
		.nav-search-mobile{
			position: relative;
			top: -2px;
		}
		.nav__social.mobile{
			margin-top: 5px;
		}
		.nav__dropdown-menu.lang-dropdown__menu{
			position: relative;
			background: transparent;
			box-shadow: none;
			display: inline-flex;
			top: auto;
			left: auto;
			transform: none;
			flex-direction: row;
			padding-left: 10px;
		}
		.nav__dropdown-link{
			margin: 0 10px!important;
		}
		.nav__icons-top{
			display: inline-flex;
    		flex-direction: column;
		}
		.nav__icons-item.nav__dropdown.lang-dropdown{
			margin-left: 80px;
		}
		.header-right-top .button.phone {
			height: 40px;
			width: 40px;
			position: absolute;
			right: 65px;
			top: 26px;
		}
		.header .button.phone img{
			width: 24px;
			height: 24px;
		}
		.menu-toggle {
			top: 26px;
			right: 15px;
			width: 40px;
			height: 40px;
			justify-content: space-around;
			padding: 8px 0;
		}
		.menu-toggle span {
			width: 60%;
			margin: 0!important;
		}
		.inclusivity-header {
			margin-left: 0;
			position: absolute;
			top: 26px;
			right: 64px;
		}
	}
	@media screen and (max-width: 900px){
		#top-buttons.wrapper{
			margin-bottom: 0;
		}
		#top-buttons a,
		#top-buttons .social-item{
			width: 33.333%;
			margin-bottom: 30px;
			font-size: 14px;
			padding-right: 5px;
			padding-left: 5px;
		}
		#top-buttons a img,
		#top-buttons .social-item img{
			width: 60px;
			height: 60px;
			object-fit: contain;
		}
		body.inclusivity-size #top-buttons a
		body.inclusivity-size #top-buttons .social-item{
			width: 33.333%;
			margin-bottom: 50px;
		}
		.news-grid-wrapper .news-grid{
			align-items: flex-start!important;
		}
		.footer-menu__item:last-child {
			margin: 50px 0 0;
		}
	}
	@media screen and (max-width: 768px){
		.top-banner.banner-85{
			margin-top: 50px;
		}
		.books__item{
			padding: 180px 20px 20px 20px;
			min-height: auto;
		}
		.books__item .books__item-thumb {
			display: inline-block;
			width: 100%;
			max-width: 100%;
			height: 140px;
			position: absolute;
			left: 0;
			top: 20px;
			right: 0;
			object-fit: contain;
			object-position: top center;
			margin-top: 0;
		}
		.books__item .books__item-desc{
			margin-top: 0;
		}
		
		.news-grid-wrapper .news__item{
			width: calc(50% - 5px);
		}
		.news-grid-wrapper .news__item:nth-child(1),
		.news-grid-wrapper .news__item:nth-child(3),
		.news-grid-wrapper .news__item:nth-child(5),
		.news-grid-wrapper .news__item:nth-child(7),
		.news-grid-wrapper .news__item:nth-child(9),
		.news-grid-wrapper .news__item:nth-child(11){
			margin-right: 5px!important;
		}
		.news-grid-wrapper .news__item:nth-child(2),
		.news-grid-wrapper .news__item:nth-child(4),
		.news-grid-wrapper .news__item:nth-child(6),
		.news-grid-wrapper .news__item:nth-child(8),
		.news-grid-wrapper .news__item:nth-child(10),
		.news-grid-wrapper .news__item:nth-child(12){
			margin-right: 0!important;
		}
		.news-grid-wrapper .news__item:nth-child(8),
		.news-grid-wrapper .news__item:nth-child(9),
		.news-grid-wrapper .news__item:nth-child(10),
		.news-grid-wrapper .news__item:nth-child(12),
		.news-grid-wrapper .news__item:nth-child(13),
		.news-grid-wrapper .news__item:nth-child(14),
		.news-grid-wrapper .news__item:nth-child(15),
		.news-grid-wrapper .news__item:nth-child(16){
			display: none!important;
		}
		article.content{
			padding-left: 15px;
		}
		article.content img{
			max-width: 100%;
		}
		#wrapper{
			margin-top: 90px;
		}
		#top-buttons ~ #wrapper{
			margin-top: 0;
		}
		.wrapper__left div{
			max-width: 100%;
			margin: 0;
		}
		.sidebar__title{
			text-align: center;
		}
		.news__item-desc {
			width: 100%!important;
			overflow: hidden!important;
		}
		.header-slider{
			margin-top: 90px;
		}
		.grid-two{
			flex-direction: column;
		}
		.grid-two a {
			margin-bottom: 10px;
			width: 100%;
		}
		
	}
	@media screen and (max-width: 568px){
		.news-grid-wrapper .news__item{
			width: 100%;
			margin-right: 0!important;
		}
		.news__item-wrapper{
			text-align: left!important;
		}
		body.inclusivity-size #top-buttons a,
		body.inclusivity-size #top-buttons .social-item{
			width: 50%;
			margin-bottom: 50px;
		}
	}
</style>
	<header>
	<!-- MENU TOGGLE -->
	<div class="menu-toggle">
		<span></span>
		<span></span>
		<span></span>
	</div>
	<!-- NAVIGATION -->
	<div class="header">
		<a href="/" class="nav__logo site-logo">
			<span class="site-logo__logo">
				<!--<img class="" src="https://lodb.org.ua/assets/images/85-rokiv/85-logo.jpeg" alt="((yams_data:Львівська обласна бібліотека для дітей))" />-->
				<img class="" src="images/logos/1x602.png" alt="((yams_data:Львівська обласна бібліотека для дітей))" />
			</span>
		</a>
		<div class="header-right">
			<div class="header-right-top">
				<form class="search" method="GET" action="https://lodb.org.ua/rezultati-poshuku">
					<input type="text" class="search__input" placeholder="пошук" name="search">
					<button type="submit" class="search__button">
						<i class="fas fa-search black-text" style="font-size:20px;"></i>
					</button>
				</form>
				<a href="https://next.privat24.ua/payments/form/%7B%22token%22:%221325047e6f5977af151ebf1e9dae4bb6r372dgcn%22,%22outSource%22:%22QR-mob%22%7D" class="button button-donate" target="_blank">
					<span>₴</span>Підтримати
				</a>
				<a href="tel:+380676543919" class="phone button" target="_blank">
					<img src="https://lodb.org.ua/images/phone-1.png" alt="">
					<!--<i class="fas fa-phone" style="font-size:20px;"></i>-->
				</a>
				<!--<div class="inclusivity-header">
					<button id="inclusivity-button" class="button" tabindex="0" role="button" aria-label="інклюзивність">
						<svg xmlns="http://www.w3.org/2000/svg" width="22" height="16" viewBox="0 0 22 16" fill="none">
							<path fill-rule="evenodd" clip-rule="evenodd" d="M0 8C0 8 4 16 11 16C18 16 22 8 22 8C22 8 18 0 11 0C4 0 0 8 0 8ZM2.30924 8C2.34275 8.0532 2.37782 8.10823 2.41445 8.16495C2.85212 8.84262 3.49883 9.74119 4.33407 10.6321C6.04104 12.4529 8.29902 14 11 14C13.701 14 15.959 12.4529 17.6659 10.6321C18.5012 9.74119 19.1479 8.84262 19.5855 8.16495C19.6222 8.10823 19.6573 8.0532 19.6908 8C19.6573 7.94681 19.6222 7.89177 19.5855 7.83505C19.1479 7.15738 18.5012 6.25881 17.6659 5.36788C15.959 3.54712 13.701 2 11 2C8.29902 2 6.04104 3.54712 4.33407 5.36788C3.49883 6.25881 2.85212 7.15738 2.41445 7.83505C2.37782 7.89177 2.34275 7.94681 2.30924 8Z" fill="#141414"></path>
							<path fill-rule="evenodd" clip-rule="evenodd" d="M11 10C12.1046 10 13 9.10457 13 8C13 6.89543 12.1046 6 11 6C9.89543 6 9 6.89543 9 8C9 9.10457 9.89543 10 11 10ZM11 12C13.2091 12 15 10.2091 15 8C15 5.79086 13.2091 4 11 4C8.79086 4 7 5.79086 7 8C7 10.2091 8.79086 12 11 12Z" fill="#141414"></path>
						</svg>
						<span>✕</span>
					</button>
					<div class="inclusivity-popup">
						<button data-class="inclusivity-size" id="inclusivity-button-size" title="Збільшити розмір тексту">A+</button>
						<button data-class="inclusivity-yellow" id="inclusivity-button-yellow" title="Чорним по Жовтому">A</button>
						<button data-class="inclusivity-black" id="inclusivity-button-black" title="Жовтим по Чорному">A</button>
						<button id="inclusivity-button-reset">✕</button>
					</div>
				</div>-->
			</div>
			<nav class="nav">
				<ul class="nav__menu">
					<li class="nav__menu-item nav__dropdown">
						<span class="nav__menu-link nav__dropdown-btn">
							Про бібліотеку <i class="fas fa-caret-right fa-sm ml-2"></i>
						</span>
						<!-- dropdown -->
						<div class="nav__dropdown-menu">
						<ul>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/pro-biblioteku/rozporyadok-roboty" class="nav__dropdown-link nav__dropdown2-btn">
									Години роботи
								</a>
							</li>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/pro-biblioteku/pravyla-korystuvannya" class="nav__dropdown-link nav__dropdown2-btn">
									Правила користування
								</a>
							</li>					
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/pro-biblioteku/istoriya-biblioteky" class="nav__dropdown-link nav__dropdown2-btn">
									Історія бібліотеки
								</a>
							</li>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/pro-biblioteku/pochesna-medal" class="nav__dropdown-link nav__dropdown2-btn">
									Почесна медаль
								</a>
							</li>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/pro-biblioteku/navkolo-biblioteky-mashynoyu-chasu" class="nav__dropdown-link nav__dropdown2-btn">
									Навколо бібліотеки - машиною часу!
								</a>
							</li>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/derzhavni-zakupivli" class="nav__dropdown-link nav__dropdown2-btn">
									Державні закупівлі
								</a>
							</li>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/pro-biblioteku/zvit-pro-robotu-2025" class="nav__dropdown-link nav__dropdown2-btn">
									Звіт про роботу 2025
								</a>
							</li>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/pro-nas/dogovir-publichnoyi-oferty" class="nav__dropdown-link nav__dropdown2-btn">
									Договір публічної оферти
								</a>
							</li>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/nashi-partnery" class="nav__dropdown-link nav__dropdown2-btn">
									Наші партнери
								</a>
							</li>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/pro-biblioteku/struktura" class="nav__dropdown-link nav__dropdown2-btn">
									Структура бібліотеки 
								</a>
							</li>
						</ul>
						</div>
					</li>
					<li class="nav__menu-item nav__dropdown">
						<span class="nav__menu-link nav__dropdown-btn">
							Для тебе <i class="fas fa-caret-right fa-sm ml-2"></i>
						</span>
						<!-- dropdown -->
						<div class="nav__dropdown-menu">
						<ul>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/novi-knygy/novi-knygy-travnya-2026" class="nav__dropdown-link nav__dropdown2-btn">
									Нові книги
								</a>
							</li>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/nashi-poslugy" class="nav__dropdown-link nav__dropdown2-btn">
									Послуги бібліотеки
								</a>
							</li>
							
							<li class="nav__dropdown-item nav__dropdown2">
								<a href="https://lodb.org.ua/dytyachi-studiyi" class="nav__dropdown-link">
									Дитячі студії
								</a>
							</li>
							<li class="nav__dropdown-item nav__dropdown2">
								<a href="https://lodb.org.ua/nashi-proekty" class="nav__dropdown-link">
									Наші проєкти
								</a>
							</li>
							<li class="nav__dropdown-item nav__dropdown2">
								<a href="https://lodb.org.ua/nashi-proekty/qr-chytalnya-levenyatka" class="nav__dropdown-link">
									Електронна бібліотека
								</a>
							</li>
							<li class="nav__dropdown-item">
								<a href="https://lodb.org.ua/use-pro-lviv/lvivski-pysmennyky-dityam" class="nav__dropdown-link">
									Львівські письменники дітям
								</a>
							</li>
						</ul>
						</div>
					</li>
					<li class="nav__menu-item nav__dropdown">
						<a href="https://opac.lodb.org.ua/" target="_blank" class="nav__menu-link nav__dropdown-btn">
							Каталог <!--<i class="fas fa-caret-right fa-sm ml-2"></i>-->
						</a>
						<!--<div class="nav__dropdown-menu">
							<ul>
								<li class="nav__dropdown-item">
									<a href="https://opac.lodb.org.ua/" class="nav__dropdown-link nav__dropdown2-btn">
										Каталог
									</a>
								</li>
								<li class="nav__dropdown-item">
									<a href="https://lodb.org.ua/katalog/yak-korystuvatys-katalogom" class="nav__dropdown-link nav__dropdown2-btn">
										Як користуватись каталогом
									</a>
								</li>
							</ul>
						</div>-->
					</li>
					<li class="nav__menu-item nav__dropdown">
						<span class="nav__menu-link nav__dropdown-btn">
							Бібліотекарям <i class="fas fa-caret-right fa-sm ml-2"></i>
						</span>
						<div class="nav__dropdown-menu">
							<ul>
								<!--<li class="nav__dropdown-item">
									<a href="https://lodb.org.ua/bibliotekaryam/metodychnyj-portfel" class="nav__dropdown-link nav__dropdown2-btn">
										Методичний портфель
									</a>
								</li>
								<li class="nav__dropdown-item">
									<a href="https://lvivmetod.blogspot.com/" class="nav__dropdown-link nav__dropdown2-btn">
										Блог “БлоГнот Методиста”
									</a>
								</li>-->
								<li class="nav__dropdown-item">
									<a href="https://metod.lodb.org.ua/" class="nav__dropdown-link nav__dropdown2-btn">
										Парк інновацій
									</a>
								</li>
								<li class="nav__dropdown-item">
									<a href="https://bibliograflviv.blogspot.com/" class="nav__dropdown-link nav__dropdown2-btn">
										Блог “Бібліо-Граф”
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="nav__menu-item nav__dropdown">
						<span class="nav__menu-link nav__dropdown-btn">
							 Контакти <i class="fas fa-caret-right fa-sm ml-2"></i>
						</span>
						<div class="nav__dropdown-menu">
							<ul>
								<li class="nav__dropdown-item">
									<a href="https://lodb.org.ua/kontakty" class="nav__dropdown-link nav__dropdown2-btn">
										Контакти
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="nav__menu-item">
						<a href="https://lodb.org.ua/3d-tour" class="nav__menu-link" target="_blank">
							3D тур
						</a>
					</li>
					<ul class="nav__icons nav__icons-top">
						<li class="nav__icons-item mobile">
							<a href="javascript:void(0);" class="nav__icons-link nav-search-mobile" data-toggle="modal" data-target="#searchModal">
								<i class="fas fa-search black-text" style="font-size: 28px;"></i>
							</a>
						</li>
						<li class="nav__icons-item nav__dropdown lang-dropdown">
							<span class="nav__icons-link nav__dropdown-btn lang-dropdown__btn">
	<img src="img/icons/uk.png" alt="ukr" />
</span>
<!-- dropdown -->
<ul class="nav__dropdown-menu lang-dropdown__menu"><li class="nav__dropdown-item lang-dropdown__item">
	<a href="https://lodb.org.ua/pl/404" class="nav__dropdown-link lang-dropdown__link">
		<img src="img/icons/pl.png" alt="pl" class="lang-dropdown__icon">
	</a>
</li><li class="nav__dropdown-item lang-dropdown__item">
	<a href="https://lodb.org.ua/en/404" class="nav__dropdown-link lang-dropdown__link">
		<img src="img/icons/en.png" alt="en" class="lang-dropdown__icon">
	</a>
</li></ul>
						</li>
					</ul>
					<ul  class="nav__icons nav__social mobile">
						<li class="nav__icons-item">
							<a href="https://www.facebook.com/lodb.org.ua/" class="nav__icons-link" target="_blank" rel="noopener noreferrer">
								<img src="img/icons/icons8-facebook-48.png" class="nav__icons-icon" alt="fb">
							</a>
						</li>
						<li class="nav__icons-item">
							<a href="http://www.instagram.com/leo_teka/?fbclid=IwAR3kMYnyyTsKHwFD0Es6ALnEJjDUjiXmidryxrRaIm9njxbZXUo0S8SvXBY" target="_blank" rel="noopener noreferrer" class="nav__icons-link">
								<img src="img/icons/icons8-instagram-48.png" class="nav__icons-icon" alt="insta">
							</a>
						</li>
						<!--<li class="nav__icons-item">
							<a href="https://t.me/LvivLodb" target="_blank" rel="noopener noreferrer" class="nav__icons-link">
								<img src="img/icons/icons8-telegram-app-48.png" class="nav__icons-icon" alt="telegram">
							</a>
						</li>-->
						<li class="nav__icons-item">
							<a href="https://www.youtube.com/channel/UCw6Ut3qx_RGG_UXstOiNXUw?view_as=subscriber" target="_blank" rel="noopener noreferrer" class="nav__icons-link">
								<img src="img/icons/icons8-play-button-48.png" class="nav__icons-icon" alt="youtube channel">
							</a>
						</li>
						<li class="nav__icons-item">
							<a href="https://www.tiktok.com/@leo_teka" class="nav__icons-link" target="_blank" rel="noopener noreferrer">
								<img src="images/tiktok.png" class="nav__icons-icon" alt="tiktok" style="max-width:26px;">
							</a>
						</li>
						<li class="nav__icons-item">
							<a href="https://lodb.org.ua/rss" class="nav__icons-link">
								<img src="img/icons/icons8-rss-48.png" class="nav__icons-icon" alt="rss">
							</a>
						</li>
					</ul>
				</ul>    
			</nav>
		</div>
	</div>
</header>
    
    <!-- MAIN -->
    <main class="wrapper" id="wrapper">
        <!-- left content -->
        <section class=" wrapper__left">
			<h1 class="h2-responsive sidebar__title golden-down">
				Сторінку не знайдено
			</h1>
            <p><span>Сторінка, яку Ви запросили не знайдено, можливо вона була переміщена або видалена. Для пошуку інформації скористайтеся меню навігації або&nbsp;</span>пошуком по сайту<span>.</span></p>
<p><a href="http://lodb.org.ua/">Перейти на головну сторінку</a>&nbsp;</p>
        </section>
        <!-- right bar -->
<aside class="sidebar">
    <!-- books list -->
    <div class="sidebar__books">
        <h2 class="h2-responsive sidebar__title golden-down">
            Нові книги
        </h2>
	<div class="sidebar__slider"><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/__cover_9.png" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Франко, Іван. Вибрані твори / І. Франко ; диз. обкл. А. Гаврилюк. - Київ : Yakaboo Publishing, 2025. - 383 с. - (Серія "Yaka ШКОЛА") (Качай класиків).</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/__cover_6.png" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Стефаник, Василь. Вибрані твори / В. Стефаник ; диз. обкл. А. Гаврилюк. - Київ : Yakaboo Publishing, 2023. - 175 с. - (Серія "Yaka ШКОЛА") (Качай класиків).</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/402_1_2_1.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Підмогильний, Валер'ян. Вибрані твори / В. Підмогильний ; диз. обкл. А. Гаврилюк. - Харків : Yakaboo Publishing, 2025. - 399 с. - (Серія "Yaka ШКОЛА").</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/1bcb033d0b0487a4dc20b5118c7b9fa5.png" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Підмогильний, Валер'ян. Невеличка драма / Валер'ян Підмогильний ; упоряд. й передм. Я. Цимбал; диз. обкл. Р. Куртвелієва-Бережна. - Харків : Видавництво "Vivat", 2025. - 331 с. : іл. - (Серія "Vivat класика").</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/1_1796.png" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Королева, Наталена. Шовкова пані / упоряд., передм. та приміт. М. Комариц і; диз. обкл. : Р. Куртвелієва-Бережна, Н. Королева. - Харків : Видавництво Vivat, 2024. - 365 с. - (Серія "Vivat класика").</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/cc699d9232ba985d307266a7a6b30ebc.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Кобилянська, Ольга. За ситуаціями / О. Кобилянська ; упоряд. вид., передм. і приміт. С. Кирилюк ; диз. обкл. Р. Куртвелієва-Бережна. - Харків : Видавництво Vivat, 2024. - 283 с. - (Серія "Vivat класика").</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/95_63.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Винничук, Юрій. Наречена вітру : роман / Ю. Винничук; обкл., диз. Г. Букша. - Вид. друге. - Київ : А-БА-БА-ГА-ЛА-МА-ГА, 2025. - 382 с.</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/10_60_96.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Романишин, Романа. З півслова. Про спілкування та розуміння одне одного / Р. Романишин та А. Лесів ; іл. та графічне опрац. Р. Романишин, Андрія Лесіва. - Львів : Видавництво Старого Лева, 2025. - 127 с. : іл.</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/2049_1.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Тарасенко, Таміла. Кращі в світі Тутка-Тамки та інші казки / напис. Т. Тарасенко ; намал. А. Компанієць. - Івано-Франківськ : Маґура, 2024. - 109 с. : іл.</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/1512_1_2.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Перро, Шарль. Улюблені казки Перро / Ш. Перро; іл. І. Коршунова ; літ. оброб. О. Уліщенко. - Харків : Видавництво Vivat, 2024. - 93 с. : іл. - (Серія "Світ чарівних казок").</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/__cr_4_8.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Ґанері, Аніта. Казки для безстрашних дівчат / переказ А. Ґанері ; іл. Коа Ле ; пер. з англ. І. Коломієць. - Харків : Видавництво Vivat, 2024. - 118 с. : іл. - (Серія "Світ чарівних казок").</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/img435_1_40.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Жамм, Елізабет. Будинок для подорожніх / Е. Жамм [текст та іл.] ; пер. з фр. О. Абраменка. - Крихівці : Маґура, 2025. - 127 с. : іл. - (Фортуна / Елізабет Жамм ; 1).</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/17_9_48.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Клінг, Марк-Уве. Ойніріг і гадюка Нудюка / М.-У. Клінг ; пер. з нім. О. Сидор та Г. Яновської (вірші) ; іл. А. Генн. - Харків : Видавництво "Жорж", 2024. - приблизно 40 с. : іл., гра "Ходилка-повзалка". - (Серія "Час із книгою").</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/228-1.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Фалькович, Григорій. Розкажи мені казку про війну : вірші / Г. Фалькович ; намал. А. Птаха. - Тернопіль: Видавництво Богдан, 2025. - 45 с. : іл.</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/name_1162_116.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Хобта, Олена. Секрети домашніх улюбленців. Дбаю. Доглядаю. Відповідаю / О. Хобта ; іл. В. Проскуріної. - Харків : Основа, 2025. - 47 с. : іл. - (Серія "Хочу знати!").</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/c1da9a6e_1.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Велленштайн, Орелі. Еквінокс. Книга друга, Морський кінь / авт. О. Велленштайн  худож.  А. Ґейт ; пер. з фр. І. Вєдіної. - Харків : Видавництво Vivat, 2025. - 56 с. :  іл. - (Серія "Мальопис" ; 2).</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/195090.970.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Лезер-Маттесіус, Інґрід. Чарівна флейта. Опера Вольфґанґа Амадея Моцарта / розп. І. Лезер-Маттесіус ; іл. Л. Ґлазер-Науде ; пер. з нім. Т. Супрун за ред. І. Малковича. - Київ : А-БА-БА-ГА-ЛА-МА-ГА, 2024. - 50 с. : іл.</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/odynytsi-vymiryuvannya-926012.800x800.jpeg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Одиниці вимірювання / худож. Н. Шерстюк. - Харків : Талант, 2023. - 15 с. : іл., віконця. - (Серія "Бібліотека малюка").</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/u_files_store_5_8.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Бонілла, Росіо. Як усе почалося / текст та іл. Р. Бонілла ; пер. з каталан. В. Гаврилової. - Дніпро : ТОВ "Видавництво "Абрикос", 2025. - 83 с. : іл. - (Лукас Кент і Ґрета Руж / Росіо Бонілла).</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/_65464654_cr.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Сайкс, Джулі. Софія та Барвистик / Д. Сайкс ; проіл. Л. Труман ; пер. з англ. А. Тарасенко. - Київ : ARTBOOKS, 2025. - 126 с. : іл. - (Академія єдинорогів / Д. Сайкс).</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/img509_1_73.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Григорук, Анатолій. Історії для дітей, узяті з життя, та ігри за історіями, які покращують родинні взаємини / А. Григорук ; намал. О. Бугренкова. - Київ : Видавництво "Час майстрів", 2025. - 133 с. : іл. - (Серія "Рекомендуємо прочитати").</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/image.png" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Бондаренко, Катерина. Звідки в їжаків голки / К. Бондаренко ; худож. І. Рогожнікова. - Львів : Галицька видавнича спілка, 2026. - 23 с. : іл.</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/2_780_1.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Абетка дослідників / іл. О. Переста. - Дніпро : terra moth : Видавництво "Абрикос", 2024. - 67 с. : іл. + 1 розмальовка.</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/vryatuvati-marchika-obkladinka_2-min.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Белей, Лесь. Врятувати Марчика / Л. Белей ; намал. О. Манн ; концепція К. Оккіконе. - Чернівці : Чорні вівці [Книги - XXI], 2025. - 71 с. : іл.</p>
		</div><div class="sidebar__slide">
			<img data-lazy="/assets/images/books-may-2026/obkladinka-rubi-ferigeil-i-magichnii-ostriv_2-min.jpg" class="sidebar__slide-img" alt="Slide">
			<p class="sidebar__slide-title">Яблонскі, Марлене. Рубі Феріґейл і магічний острів. Книга 1 / М. Яблонскі ; у співавт. з К. Ґембрі ; іл. В. Кертінґ ; пер. з нім. О. Григоренко. - Чернівці : Чорні вівці [Книги - XXI], 2025. - 75 с. : іл.</p>
		</div></div>
    </div>
    <!-- <div class="sidebar__mailing">
		<h3 class="sidebar__mailing-title">
	Хочу отримувати розсилання
</h3>
<form 
	  class="sidebar__mailing-form" 
	  action="//lodb.us2.list-manage.com/subscribe/post?u=f01f1e36c9031f10895dc4f5e&amp;id=71f492ef95" 
	  method="post" 
	  id="mc-embedded-subscribe-form" 
	  name="mc-embedded-subscribe-form" 
	  class="validate" 
	  target="_blank" 
	  novalidate
>
	<div style="position: absolute; left: -5000px;"><input type="text" name="b_f01f1e36c9031f10895dc4f5e_71f492ef95" tabindex="-1" value=""></div>
	<input type="email" class="sidebar__mailing-input" placeholder="E-Mail адреса" name="EMAIL" id="mce-EMAIL" required>
	<button type="submit" class="sidebar__mailing-button float-right" name="subscribe" id="mc-embedded-subscribe">
		Підписатися
	</button>
</form>
    </div> -->
</aside>
    </main>
    <!-- // MAIN -->
    <section class="wrapper" style="flex-direction:column;padding-top:50px;">
	<div style="display:flex;width:100%;text-align:center;justify-content:center;">
		<h2 class="h2-responsive sidebar__title golden-down">
			Наші партнери
		</h2>
	</div>
	<div class="logo-slider" style="width:100%;">
		<a href="https://lodb.org.ua/nashi-partnery/ukrayinska-bibliotechna-asocziacziya" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/.200x500_ULA-Logo-Ukr-2021.png" alt="">
			<span>Українська бібліотечна асоціація</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/naczionalna-biblioteka-ukrayiny-dlya-ditej" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_CHL.jpg" alt="">
			<span>Національна бібліотека України для дітей</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/gromadska-organizacziya-forum-vydavcziv" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_1292229479_3-rr-srssr-rrjorrrssr..jpg" alt="">
			<span>Громадська Організація «Форум видавців»</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/ete-instytut-v-ukrayini" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_1541540644_logotip-foto.png" alt="">
			<span>Ґете-Інститут в Україні</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/starlev" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/.200x500_logo_starlev.jpg" alt="">
			<span>Видавництво «Старого Лева»</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/konsulat-respubliky-polshha-u-lvovi" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/.200x500_200x500_konsulat.jpg" alt="">
			<span>Генеральне консульство Польщі (консулат)</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/polskyi-zentr-batkivstva" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_pzb.png" alt="">
			<span>Асоціація бібліотек Польщі</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/miska-publichna-biblioteka-mista-vroczlava" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/%D0%B7%D0%B0%D0%B2%D0%B0%D0%BD%D1%82%D0%B0%D0%B6%D0%B5%D0%BD%D0%BD%D1%8F.png" alt="">
			<span>Міська публічна бібліотека міста Вроцлава</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/biblioteka-dlya-ditej-mista-olshtyn" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_banner400x166.jpg" alt="">
			<span>Мишеняткова абетка</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/mizhnarodnyjinternet-proekt-brovchyk-club" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_logo-browka.jpg" alt="">
			<span>Міжнародний інтернет-проект Brovchyk Club</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/lvivskyj-oblasnyj-instytut-pislyadyplomnoyi-pedagogichnoyi-osvity" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_loippo.jpg" alt="">
			<span>Львівський обласний інститут післядипломної педагогічної освіти</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/batky-v-diyi" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_batky-v-diyi.jpg" alt="">
			<span>Батьки в дії</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/impulsis" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_impulsis.jpg" alt="">
			<span>Компанія з розробки програмного забезпечення Impulsis</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/fundacja-tuptuptup" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_Fundacja_TupTupTup.png" alt="">
			<span>Fundacja CultureLab</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/hudozhnya-galereya" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_galereya.jpg" alt="">
			<span>Львівська національна галерея мистецтв імені Б. Г. Возницького</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/dity-v-horode" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_01-detiVgorode-Logo-Lviv-ua-470x470px.png" alt="">
			<span>Діти в місті</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/dytiachyi-prostir" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/463413386_980507797453621_3331642719771270052_n%20(1).jpg" alt="">
			<span>Благодійна організація Worldwide Orphans</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/yunisef" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_yunisef.jpg" alt="">
			<span>Дитячий фонд ООН (ЮНІСЕФ) в Україні</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/biblioteka-mista-olshtyn" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_olshtyn.png" alt="">
			<span>Відділення українців Польщі. Міський гурток м. Ольштин (Польща)</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/kulturnyj-czentr" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_kulturnyj-czentr.jpg" alt="">
			<span>Gargždų Laisvalaikio Centras, Культурний центр м. Гаргждай, (Литва)</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/pershyj" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_pershyj.jpg" alt="">
			<span>Перший український театр для дітей та юнацтва</span>
		</a>
		<a href="https://lodb.org.ua/nashi-partnery/koshyk" rel="nofollow noopener">
			<img src="https://lodb.org.ua/assets/images/partners/.200x500_koshyk.png" alt="">
			<span>Творча майстерня Театр у кошику</span>
		</a>
	</div>
</section>
<footer class="footer">
	<div class="footer-top">
		<div class="footer__feedback">
			<h3 class="sidebar__mailing-title">
	Хочу отримувати розсилання
</h3>
<form 
	  class="validate" 
	  action="//lodb.us2.list-manage.com/subscribe/post?u=f01f1e36c9031f10895dc4f5e&amp;id=71f492ef95" 
	  method="post" 
	  id="mc-embedded-subscribe-form" 
	  name="mc-embedded-subscribe-form" 
	  target="_blank" 
	  novalidate
>
	<div style="position: absolute; left: -5000px;"><input type="text" name="b_f01f1e36c9031f10895dc4f5e_71f492ef95" tabindex="-1" value=""></div>
	<input type="email" class="sidebar__mailing-input" placeholder="E-Mail адреса" name="EMAIL" id="mce-EMAIL" required>
	<button type="submit" class="sidebar__mailing-button float-right" name="subscribe" id="mc-embedded-subscribe">
		Підписатися
	</button>
</form>
		</div>
		<div class="footer-top-center">
			<div class="footer__logo">
				<a href="#">
					<img srcset="images/logos/1x150.png, images/logos/1x1502.png 2x" alt="logo-footer" class="footer__logo-img">
				</a>
				
			</div>
			<section id="top-buttons" class="wrapper">
	<a href="https://forms.gle/cuXMEHTuzL5DYHaU9" target="_blank" class="social-item">
		<img src="/images/knopka-zovta-11.png" alt="">
		Реєстрація
	</a>
	<a href="https://opac.lodb.org.ua/" target="_blank" class="social-item">
		<img src="/images/knopka-zovta-02-new.png" alt="">
		<span style="height:16px;text-align:center;">Замовити книгу</span>
	</a>
	<!--<a href="https://lodb.org.ua/kontakty" class="social-item">
		<img src="/images/knopka-zovta-08.png" alt="">
		Контакти
	</a>-->
	<a href="https://lodb.org.ua/chytaj-sluxaj-dyvys" class="social-item">
		<img src="https://lodb.org.ua/assets/images/read/knopka-zovta-17.png" alt="">
		<span style="height:16px;text-align:center;">Читай. Слухай. Дивись.</span>
	</a>
	<a href="https://lodb.org.ua/kalkulyator" class="social-item">
		<img src="/images/knopka-zovta-13.png" alt="">
		<span style="height:16px;text-align:center;">Економ з<br> Леотекою</span>
	</a>
	<a href="https://lodb.org.ua/nashi-proekty/qr-chytalnya-levenyatka" class="social-item">
		<img src="/assets/images/img/knopka-zovta-18.png" alt="">
		<span style="height:16px;text-align:center;">Електронна <br>бібліотека</span>
	</a>
	<div class="social-item social-popup-opener footer-hide">
		<img src="/images/social-icon.jpeg" alt="">
		Соціальні мережі
		<div class="social-popup-wrapper">
			<a href="https://www.youtube.com/channel/UCw6Ut3qx_RGG_UXstOiNXUw?view_as=subscriber" target="_blank">
				<img src="/images/icon-youtube.png" alt="">
			</a>
			<a href="https://www.instagram.com/leo_teka/?fbclid=IwAR3kMYnyyTsKHwFD0Es6ALnEJjDUjiXmidryxrRaIm9njxbZXUo0S8SvXBY" target="_blank">
				<img src="/images/icon-instagram.png" alt="">
			</a>
			<a href="https://www.facebook.com/lodb.org.ua" target="_blank">
				<img src="/images/icon-facebook.png" alt="">
			</a>
			<a href="https://www.tiktok.com/@leo_teka" target="_blank">
				<img src="/images/icon-tiktok.png" alt="">
			</a>
			<a href="https://soundcloud.com/masovyjleoteka" target="_blank">
				<img src="/images/icon-soundcloud.png" alt="">
			</a>
			<a href="https://www.threads.net/@leo_teka" target="_blank">
				<img src="/images/icon-threads.png" alt="">
			</a>
			<a href="https://whatsapp.com/channel/0029Vam4PhJ3wtb8y8tlis2x" target="_blank">
				<img src="/images/icon-whatsapp.png" alt="">
			</a>
		</div>
	</div><br>
	<a href="https://www.youtube.com/channel/UCw6Ut3qx_RGG_UXstOiNXUw?view_as=subscriber" target="_blank" class="only-footer">
		<img src="/images/knopka-zovta-03.png" alt="">
		YouTube
	</a>
	<a href="http://www.instagram.com/leo_teka/?fbclid=IwAR3kMYnyyTsKHwFD0Es6ALnEJjDUjiXmidryxrRaIm9njxbZXUo0S8SvXBY" target="_blank" class="only-footer">
		<img src="/images/knopka-zovta-04.png" alt="">
		Instagram
	</a>
	<a href="https://www.facebook.com/lodb.org.ua/" target="_blank" class="only-footer">
		<img src="/images/knopka-zovta-06.png" alt="">
		Facebook
	</a>
	<a href="https://www.tiktok.com/@leo_teka" target="_blank" class="only-footer">
		<img src="/images/knopka-zovta-07.png" alt="">
		TikTok
	</a>
	<a href="https://www.threads.net/@leo_teka" target="_blank" class="only-footer">
		<img src="/images/knopka-threads.png" alt="">
		Threads
	</a>
	<a href="https://whatsapp.com/channel/0029Vam4PhJ3wtb8y8tlis2x" target="_blank" class="only-footer">
		<img src="/images/knopka-whatsapp.png" alt="">
		Whatsapp
	</a>
	<!--<a href="https://soundcloud.com/masovyjleoteka" class="footer-hide" target="_blank">
		<img src="/images/knopka-zvota-14.jpeg" alt="">
		SoundCloud
	</a>-->
</section>
<style>
	.social-popup-opener{
		position: relative;
		cursor: pointer;
	}
	.social-popup-wrapper{
		position: absolute;
		pointer-events: none;
    	opacity: 0;
    	display: flex;
    	z-index: -9;
		background: #f3f3f3;
    	padding: 10px;
    	top: 100%;
    	right: 0;
		width: 200px;
    	flex-wrap: wrap;
    	justify-content: center;
		height: 140px;
    	align-items: center;
    	align-content: center;
		transition: all .3s;
	}
	#top-buttons .social-popup-wrapper a{
		margin: 0;
	}
	#top-buttons .social-popup-wrapper img{
		filter: none;
    	width: 35px;
    	height: 35px;
    	border-radius: 100%;
    	margin: 5px;
	}
	.social-popup-opener:hover .social-popup-wrapper{
		opacity: 1;
		z-index: 9;
		pointer-events: all;
	}
	.only-footer,
	footer #top-buttons .social-item span,
	footer #top-buttons .social-popup-wrapper{
		display: none!important;
	}
	
	footer .only-footer{
		display: flex!important;
	}
	
	@media screen and (max-width: 900px) {
		.social-popup-wrapper {
			width: 220px;
			height: 140px;
		}
		#top-buttons .social-popup-wrapper a {
			margin: 0;
			width: auto;
			padding: 0;
		}
		.social-popup-opener{
			top: 6px;
		}
		.footer__map {
			margin-top: 50px;
			width: 100%;
			overflow: hidden;
		}
	}
</style>
			<div style="display:flex;flex-direction:column;width:180px;margin:25px auto 0;">
				<strong style="font-size:16px;font-weight:600;margin-bottom: 10px;">Години роботи</strong>
				<span style="margin-bottom:5px;">Пн-пт: 09:00 - 19:00</span>
				<span>Сб-нд: 10:00 - 17:00</span>
			</div>
		</div>
		<!-- // logo -->
		<div class="footer__map">
			<h3 class="h3-responsive footer__map-title">
				Мінімапа 
			</h3>
			<p style="font-weight: 500;
    font-size: 14px;
    text-align: center;
    margin: 10px 0 15px;">вулиця Володимира Винниченка, 1,<br> Львів, Львівська область,<br> 79008</p>
			<div id="map"></div>
			<!-- <script src="https://lodb.org.ua/assets/js/map-without-key.js"></script> -->
			<!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCDDeHb58-pertQPyL7WyEK0unqxo0EImU"></script>-->
			<!-- <script>
				let map;
				function initMap() {
			
					let map_link = "https://www.google.com/maps/place/Lviv+regional+children's+library/@49.8390748,24.0353214,21z/data=!4m15!1m8!3m7!1s0x473add6bfcb54471:0x43553868d6a324be!2z0LLRg9C70LjRhtGPINCS0L7Qu9C-0LTQuNC80LjRgNCwINCS0LjQvdC90LjRh9C10L3QutCwLCAxLCDQm9GM0LLRltCyLCDQm9GM0LLRltCy0YHRjNC60LAg0L7QsdC70LDRgdGC0YwsINCj0LrRgNCw0ZfQvdCwLCA3OTAwMA!3b1!8m2!3d49.839069!4d24.0353405!16s%2Fg%2F1tfcgjlv!3m5!1s0x473add6bfcb54471:0x66daeef7f2bddd28!8m2!3d49.8390385!4d24.0353535!16s%2Fg%2F1hc1_js3j?hl=uk-UA&entry=ttu";
					
					map = new google.maps.Map(document.getElementById('map'), {
						center: new google.maps.LatLng(49.8390748, 24.0353214),
						zoom: 16,
					});					
					
					//const marker_content =
					//	'<div id="marker-content">' +
					//		'<strong id="marker-title">Леотека</strong>' +
					//		'<div id="marker-buttons">' +
					//			'<a href="' + map_link + '">Переглянути</a>' +
					//		'</div>' +
					//	'</div>';
			
					const marker_info = new google.maps.InfoWindow({
						//content: marker_content,
						ariaLabel: 'Леотека',
					});
			
					const marker = new google.maps.Marker({
						position: new google.maps.LatLng(49.8390748, 24.0353214),
						//icon: '',
						url: map_link,
						map: map,
					});
					marker.addListener('click', () => {
						window.open(marker.url, '_blank').focus();
					});
				}
				setTimeout(function(){
					initMap();
				}, 500);
			</script> -->
			<style>
				#map{height:300px;width:400px;max-width:100%;}
				.gmnoprint.gm-style-mtc-bbw{display:none;}
				@media screen and (max-width: 768px) {
					#map{
						width: 100%;
					}
				}
			</style>
			<!--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2573.1803357101157!2d24.033151816037837!3d49.83906897939577!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x473add6bfcb54471%3A0x43553868d6a324be!2z0LLRg9C70LjRhtGPINCS0L7Qu9C-0LTQuNC80LjRgNCwINCS0LjQvdC90LjRh9C10L3QutCwLCAxLCDQm9GM0LLRltCyLCDQm9GM0LLRltCy0YHRjNC60LAg0L7QsdC70LDRgdGC0YwsIDc5MDAw!5e0!3m2!1suk!2sua!4v1549659127971" frameborder="0" style="border: none;" allowfullscreen></iframe>-->
		</div>
	</div>
	<div class="footer-menu">
		<div class="footer-menu__item">
			<div class="footer-menu__item-title">Про бібліотеку </div>
			<ul>
				<li>
					<a href="https://lodb.org.ua/pro-biblioteku/rozporyadok-roboty">
						Години роботи
					</a>
				</li>
				<li>
					<a href="https://lodb.org.ua/pro-biblioteku/istoriya-biblioteky">
						Історія бібліотеки
					</a>
				</li>
				<li>
					<a href="https://lodb.org.ua/pro-biblioteku/pochesna-medal">
						Почесна медаль
					</a>
				</li>
				<li>
					<a href="https://lodb.org.ua/pro-biblioteku/navkolo-biblioteky-mashynoyu-chasu">
						Навколо бібліотеки - машиною часу!
					</a>
				</li>
				<li>
					<a href="https://lodb.org.ua/derzhavni-zakupivli">
						Державні закупівлі
					</a>
				</li>
				<li>
					<a href="https://lodb.org.ua/pro-biblioteku/pravyla-korystuvannya">
						Правила користування
					</a>
				</li>
				<li>
					<a href="https://lodb.org.ua/pro-biblioteku/zvit-pro-robotu-2025">
						Звіт про роботу 2025
					</a>
				</li>
				<li>
					<a href="https://lodb.org.ua/pro-nas/dogovir-publichnoyi-oferty">
						Договір публічної оферти
					</a>
				</li>
			</ul>
		</div>
		<div class="footer-menu__item">
			<div class="footer-menu__item-title">Для тебе</div>
			<ul>
				<li>
					<a href="https://lodb.org.ua/nashi-poslugy">
						Послуги бібліотеки
					</a>
				</li>
			
				<li>
					<a href="https://lodb.org.ua/dytyachi-studiyi">
						Дитячі студії
					</a>
				</li>
				<li>
					<a href="https://lodb.org.ua/nashi-proekty">
						Наші проєкти
					</a>
				</li>
				<li>
					<a href="https://lodb.org.ua/nashi-proekty/qr-chytalnya-levenyatka">
						Електронна бібліотека
					</a>
				</li>
				<li>
					<a href="https://lodb.org.ua/use-pro-lviv/lvivski-pysmennyky-dityam">
						Львівські письменники дітям
					</a>
				</li>
			</ul>
		</div>
		<div class="footer-menu__item">
			<div class="footer-menu__item-title">Каталог</div>
			<ul>
				<li>
					<a href="https://opac.lodb.org.ua/">
						Каталог
					</a>
				</li>
				<li>
					<a href="https://lodb.org.ua/katalog/yak-korystuvatys-katalogom">
						Як користуватись каталогом
					</a>
				</li>
			</ul>
		</div>
		<div class="footer-menu__item">
			<div class="footer-menu__item-title">Бібліотекарям</div>
			<ul>
				<!--<li>
					<a href="https://lodb.org.ua/bibliotekaryam/metodychnyj-portfel">
						Методичний портфель
					</a>
				</li>
				<li>
					<a href="https://lvivmetod.blogspot.com/">
						Блог “БлоГнот Методиста”
					</a>
				</li>-->
				<li>
					<a href="https://metod.lodb.org.ua/">
						Парк інновацій
					</a>
				</li>
				<li>
					<a href="https://bibliograflviv.blogspot.com/">
						Блог “Бібліо-Граф”
					</a>
				</li>
			</ul>
		</div>
		<div class="footer-menu__item">
			<div class="footer-menu__item-title">Контакти</div>
			<ul>
				<li>
					<a href="https://lodb.org.ua/kontakty">
						Контакти
					</a>
				</li>
			</ul>
		</div>
	</div>
</footer>
<script>
	document.addEventListener('DOMContentLoaded', function() {
    let logoSlider = document.querySelector('.logo-slider');
    if (logoSlider) {
        $('.logo-slider').slick({
            slidesToShow: 5,
            slidesToScroll: 1,
            arrows: true,
            dots: false,
            infinite: true,
            autoplay: true,
            autoplaySpeed: 3000,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: { slidesToShow: 4 }
                },
                {
                    breakpoint: 768,
                    settings: { slidesToShow: 2 }
                },
                {
                    breakpoint: 480,
                    settings: { slidesToShow: 1 }
                }
            ]
        });
    }
});
</script>
<style>
	.logo-slider{
		padding: 15px 0 75px;
	}
	
	/* .logo-slider .slick-slide {
		display: flex !important;
		justify-content: center;
		align-items: center;
	} */

	.logo-slider img{
		height: 80px !important;
		width: 100%;
		object-fit: contain;
		object-position: center;
		display: block;
	}
	.logo-slider a{
		padding: 0 15px;
		transition: .3s all;
	}
	.logo-slider a span{
		color: #000;
		font-size: 12px;
		line-height: 1.4;
		font-weight: 600;
		text-align: center;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 16px 10px 0;
		width: 100%;
		transition: .3s all;
	}
	.logo-slider a:hover span{
		color: #ffba0c;
	}
	
	.footer{
		flex-direction: column;
	}
	.footer-top{
		display: flex;
		width: 100%;
		flex-direction: row;
    	flex-wrap: wrap;
		justify-content: space-between;
	}
	.footer-menu{
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.footer-menu__item-title{
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.footer-menu__item{
		margin-top: 50px;
	}
	.footer-menu__item ul{
		margin-top: 20px;
	}
	.footer-menu__item ul li{
		margin-bottom: 10px;
	}
	.footer-menu__item ul li a{
		color: #212529;
		transition: all .3s
	}
	.footer-menu__item ul li a:hover{
		color: #ff8a00;
	}
	.footer-top-center{
		width: 33.33%;
		display: flex;
		flex-direction: column;
	}
	.footer-top-center #top-buttons{
		flex-wrap: wrap;
    	justify-content: center;
	}
	.footer-top-center #top-buttons a{
		font-size: 0;
    	margin: 0 3px;
	}
	.footer-top-center #top-buttons img{
		max-width: 35px;
	}
	.footer-top-center .footer-hide{
		display: none!important;
	}
	
	.ug-slider-control.ug-zoompanel.ug-skin-default{
		display: none;
	}
	.ug-default-button-hidepanel,
	.ug-default-button-hidepanel .ug-default-button-hidepanel-bg{
		width: 40px !important;
		height: 40px !important;
	}
	.ug-default-button-hidepanel .ug-default-button-hidepanel-tip{
		background-image: none !important;
		width: 40px !important;
		height: 40px !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ug-default-button-hidepanel .ug-default-button-hidepanel-tip::before {
		content: "↑";
		display: inline-block;
		font-size: 30px;
		line-height: 1;
		color: #fff;
	}
	.ug-default-button-hidepanel.ug-button-hidden-mode .ug-default-button-hidepanel-tip::before {
		content: "↓";
	}
	
	@media screen and (max-width: 1200px){
		.footer-menu__item{
			width: 33.33%;
			padding-right: 25px;
		}
		.footer-menu{
			justify-content: flex-start;
		}
		.footer-top-center{
			width: 50%;
		}
	}
	@media screen and (max-width: 1024px){
		.footer-top {
			justify-content: center;
			flex-direction: column;
			text-align: center;
		}
		.footer .footer__feedback {
			max-width: 100%;
		}
		.footer-top-center{
			width: 100%;
		}
	}
	@media screen and (max-width: 900px){
		.footer-menu__item{
			width: 50%;
		}
		.footer-top-center #top-buttons a{
			width: auto;
		}
		.logo-slider .slick-dots{
			display: none!important;
		}
		
		.ug-slider-wrapper .ug-slider-inner{
			width: 100%!important;
		}
		.ug-slider-wrapper .ug-slider-inner .ug-item-wrapper img{
			height: 100%!important;
			width: 100%!important;
			top: 0!important;
			left: 0!important;
			object-fit: contain!important;
			object-position: center!important;
		}
	
	}
	@media screen and (max-width: 568px){
		.footer-menu__item{
			width: 100%;
			margin-top: 30px;
		}
	}
</style>
<?php echo 'ddd'; ?>
	<!-- JQuery -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.7.1/js/mdb.min.js"></script>
<!-- Slick Slider -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<!-- Magnific Popup -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script src="js/script.js?v=0.0.11"></script>
<script src="js/unitegallery.min.js"></script>
<script src="themes/tiles/ug-theme-tiles.js"></script>
<script src="themes/default/ug-theme-default.js"></script>

<script>
	$(document).ready(function (e) {
	  $('.header__slider_v2').slick({
		autoplaySpeed: 3000,
		cssEase: 'linear',
		infinite: true,
		autoplay: true,
		arrows: true,
		dots: false,
		fade: true,
		speed: 500,
	  });
	});
</script>
	<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-6827885-3', 'auto');
  ga('send', 'pageview');
</script>
</body>
</html>
