PageSourceSearch

https://kidbi.com.ua/event

html kidbi.com.ua collected 2026-10-08 23:11:23 UTC 130,316 bytes, 1,919 lines download raw bytes

1<!DOCTYPE html>
2        
3        
4        
5<html lang="uk-UA" data-website-id="1" data-main-object="ir.ui.view(4228,)" data-add2cart-redirect="0">
6    <head>
6<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)})
7(window,'GTM-WB7S8Q3','google_tags_first_party');</script>
7<script>(function(w,d,s,l){w[l]=w[l]||[];(function(){w[l].push(arguments);})('set', 'developer_id.dYzg1YT', true);
8		w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
9		j=d.createElement(s);j.async=true;j.src='/ewho/';
10		f.parentNode.insertBefore(j,f);
11		})(window,document,'script','dataLayer');</script>
11
12        <meta charset="utf-8"/>
13        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
14        <meta name="viewport" content="width=device-width, initial-scale=1"/>
15        <meta name="generator" content="Odoo"/>
16        <meta name="description" content="Дитячі табори KIDBI 2026: зимові, весняні та літні зміни в Україні, Австрії, Болгарії та Карпатах. Розклад подій і програм."/>
17        <meta name="keywords" content="розклад,табір,в карпатах,болгарія,польща,дитячий табір,події,київ,розклад змін,літні канікули"/>
18            
19        <meta property="og:type" content="website"/>
20        <meta property="og:title" content="Розклад змін та подій на всі сезони KIDBI"/>
21        <meta property="og:site_name" content="KIDBI"/>
22        <meta property="og:url" content="https://kidbi.com.ua/event"/>
23        <meta property="og:image" content="https://kidbi.com.ua/unsplash/DqgMHzeio7g/parents%20kids.jpg?unique=6cc7561b"/>
24        <meta property="og:description" content="Дитячі табори KIDBI 2026: зимові, весняні та літні зміни в Україні, Австрії, Болгарії та Карпатах. Розклад подій і програм."/>
25            
26        <meta name="twitter:card" content="summary_large_image"/>
27        <meta name="twitter:title" content="Розклад змін та подій на всі сезони KIDBI"/>
28        <meta name="twitter:image" content="https://kidbi.com.ua/unsplash/DqgMHzeio7g/parents%20kids.jpg?unique=6cc7561b"/>
29        <meta name="twitter:description" content="Дитячі табори KIDBI 2026: зимові, весняні та літні зміни в Україні, Австрії, Болгарії та Карпатах. Розклад подій і програм."/>
30        
31        <link rel="canonical" href="https://kidbi.com.ua/event"/>
32        
33        
34        <title>Розклад змін та подій на всі сезони KIDBI</title>
35        <link type="image/x-icon" rel="shortcut icon" href="https://kidbi.com.ua/web/image/website/1/favicon?unique=8c17647"/>
36        <link rel="preload" href="https://kidbi.com.ua/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/>
37        <link type="text/css" rel="stylesheet" href="https://kidbi.com.ua/web/assets/68541-4a2d59a/1/web.assets_frontend.min.css" data-asset-bundle="web.assets_frontend" data-asset-version="4a2d59a"/>
38        
38<script id="web.layout.odooscript" type="2270e16a5b61c1f7d6b4dd1d-text/javascript">
39            var odoo = {
40                csrf_token: "09ab999eb3c6045fa4b20fd3234a583faeca2424o1823037082",
41                debug: "",
42            };
43        </script>
43
44        
44<script type="2270e16a5b61c1f7d6b4dd1d-text/javascript">
45            odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_website_user": true, "user_id": false, "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "bundle_params": {"lang": "en_US", "website_id": 1}, "translationURL": "/website/translations", "cache_hashes": {"translations": "8cb494905fb93e6b558e28f83e7a5e685b5c34d9"}, "geoip_country_code": null, "geoip_phone_code": null, "lang_url_code": "uk"};
46            if (!/(^|;\s)tz=/.test(document.cookie)) {
47                const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
48                document.cookie = `tz=${userTZ}; path=/`;
49            }
50        </script>
50
51        
51<script defer="defer" type="2270e16a5b61c1f7d6b4dd1d-text/javascript" src="https://kidbi.com.ua/web/assets/66909-ab2542f/1/web.assets_frontend_minimal.min.js" data-asset-bundle="web.assets_frontend_minimal" data-asset-version="ab2542f"></script>
51
52        
52<script defer="defer" type="2270e16a5b61c1f7d6b4dd1d-text/javascript" data-src="https://kidbi.com.ua/web/assets/68542-2e22a7a/1/web.assets_frontend_lazy.min.js" data-asset-bundle="web.assets_frontend_lazy" data-asset-version="2e22a7a"></script>
52
53        
54            <style>
55                /* Kidbi Global Sticky Header */
56                header#top {
57                    position: sticky !important;
58                    top: 0 !important;
59                    z-index: 99999 !important;
60                    background-color: #ffffff !important;
61                    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
62                    transition: all 0.3s ease;
63                }
64                .kidbi-navbar {
65                    background: transparent !important;
66                    padding-top: 10px !important;
67                    padding-bottom: 10px !important;
68                    border-bottom: none !important;
69                }
70                .kidbi-nav-link,
71                .kidbi-navbar .nav-link {
72                    color: #4b5563 !important;
73                    font-size: 1.05rem;
74                    font-weight: 300 !important;
75                    display: flex;
76                    align-items: center;
77                    gap: 8px;
78                    padding: 10px 16px !important;
79                    border-radius: 12px !important;
80                    transition: all 0.2s ease !important;
81                    background-color: transparent !important;
82                }
83                .kidbi-nav-link:hover,
84                .kidbi-navbar .nav-link:hover {
85                    color: #5A45FF !important;
86                    background-color: rgba(90, 69, 255, 0.08) !important;
87                }
88                @media (min-width: 992px) {
89                    .kidbi-navbar .navbar-brand img {
90                        height: 50px !important;
91                        object-fit: contain;
92                    }
93                }
94                
95                /* Custom Kidbi Buttons Global */
96                .btn-primary {
97                    background-color: #5A45FF !important;
98                    border-color: #5A45FF !important;
99                    border-radius: 12px !important;
100                    font-weight: 700 !important;
101                    transition: all 0.3s ease;
102                }
103                .btn-primary:hover {
104                    background-color: #4834ea !important;
105                    border-color: #4834ea !important;
106                    transform: translateY(-2px);
107                    box-shadow: 0 10px 20px rgba(90, 69, 255, 0.3) !important;
108                }
109                
110                .btn-primary-camp {
111                    background-color: #5A45FF !important;
112                    color: white !important;
113                    font-weight: 700;
114                    border-radius: 12px;
115                    padding: 14px 28px;
116                    display: inline-flex;
117                    align-items: center;
118                    gap: 12px;
119                    transition: all 0.3s ease;
120                    border: none;
121                    font-size: 1.1rem;
122                    text-decoration: none;
123                }
124                .btn-primary-camp:hover {
125                    background-color: #4834ea !important;
126                    color: white !important;
127                    transform: translateY(-2px);
128                    box-shadow: 0 10px 20px rgba(90, 69, 255, 0.3);
129                }
130                .btn-primary-camp-sm {
131                    background-color: #5A45FF;
132                    color: white !important;
133                    font-weight: 700;
134                    border-radius: 30px;
135                    padding: 8px 20px;
136                    display: inline-flex;
137                    align-items: center;
138                    gap: 8px;
139                    transition: all 0.3s ease;
140                    border: none;
141                    font-size: 0.9rem;
142                    text-decoration: none;
143                }
144                .btn-primary-camp-sm:hover {
145                    background-color: #4834ea;
146                    color: white !important;
147                    transform: translateY(-2px);
148                    box-shadow: 0 10px 20px rgba(90, 69, 255, 0.3);
149                }
150                
151                /* New Details Modal Button */
152                .btn-details-cta-icon {
153                    background-color: #5A45FF !important;
154                    color: white !important;
155                    width: 40px;
156                    height: 40px;
157                    border-radius: 50%;
158                    display: inline-flex;
159                    align-items: center;
160                    justify-content: center;
161                    transition: all 0.3s ease;
162                    border: none;
163                    font-size: 1.2rem;
164                    font-weight: 300 !important;
165                    text-decoration: none;
166                    font-family: inherit;
167                    font-style: italic;
168                }
169                .btn-details-cta-icon:hover {
170                    background-color: #4834ea !important;
171                    color: white !important;
172                    transform: translateY(-2px);
173                    box-shadow: 0 5px 15px rgba(90, 69, 255, 0.3);
174                }
175
176                /* Mobile App-like Header and Bottom Sheet Menu */
177                @media (max-width: 991.98px) {
178                    .kidbi-navbar {
179                        padding-top: 20px !important;
180                        padding-bottom: 20px !important;
181                    }
182                    /* Header toggler / Mobile Brand Setup */
183                    .kidbi-navbar .container {
184                        position: relative !important;
185                        display: flex !important;
186                        justify-content: center !important;
187                        padding-left: 20px !important;
188                        padding-right: 20px !important;
189                    }
190                    .kidbi-navbar .navbar-brand {
191                        margin: 0 !important;
192                        position: absolute;
193                        left: 50%;
194                        transform: translateX(-50%);
195                    }
196                    .kidbi-navbar .navbar-brand img {
197                        height: 35px !important;
198                        object-fit: contain;
199                    }
200                    .kidbi-navbar .navbar-toggler {
201                        position: absolute !important;
202                        right: 20px;
203                        background: transparent !important;
204                        border: none !important;
205                        padding: 10px !important;
206                    }
207                    .kidbi-navbar .navbar-toggler:focus {
208                        box-shadow: none !important;
209                    }
210                    /* Custom Dark Lines Hamburger Icon */
211                    .kidbi-navbar .navbar-toggler-icon {
212                        background-image: none !important;
213                        width: 25px;
214                        height: 18px;
215                        position: relative;
216                        display: inline-block;
217                        border-top: 3px solid #374151;
218                        border-bottom: 3px solid #374151;
219                        transition: all 0.2s;
220                        border-radius: 2px;
221                    }
222                    .kidbi-navbar .navbar-toggler-icon::after {
223                        content: '';
224                        position: absolute;
225                        left: 0;
226                        top: 50%;
227                        transform: translateY(-50%);
228                        width: 100%;
229                        height: 3px;
230                        background-color: #374151;
231                        transition: all 0.2s;
232                        border-radius: 2px;
233                    }
234
235                    /* Top Dropdown Mobile Menu */
236                    #top_menu_collapse.show {
237                        position: absolute !important;
238                        top: 20px !important;
239                        left: 0 !important;
240                        width: 100% !important;
241                        max-height: 85vh !important;
242                        background: #ffffff !important;
243                        border-radius: 0 0 24px 24px !important;
244                        z-index: 99998 !important;
245                        overflow-y: auto !important;
246                        overflow-x: hidden !important;
247                        padding: 20px 20px 40px 20px !important;
248                    }
249
250                    #top_menu_collapse.collapsing {
251                        position: absolute !important;
252                        top: 20px !important;
253                        left: 0 !important;
254                        width: 100% !important;
255                        max-height: 85vh !important;
256                        background: #ffffff !important;
257                        border-radius: 0 0 24px 24px !important;
258                        box-shadow: 0 0px 0px rgba(0,0,0,0.15) !important;
259                        z-index: -1 !important;
260                        overflow-y: auto !important;
261                        overflow-x: hidden !important;
262                        padding: 20px 20px 40px 20px !important;
263                        transition: max-height 0.3s ease-in-out;
264                    }
265                    
266                    #top_menu_collapse {
267                         position: relative;
268                    }
269                    
270                    .kidbi-nav-items {
271                        flex-direction: column !important;
272                        gap: 12px !important;
273                        margin-top: 10px !important;
274                    }
275
276                    /* Submenu link styling */
277                    .kidbi-navbar .nav-link {
278                        display: flex !important;
279                        align-items: center !important;
280                        background: #ffffff !important;
281                        border-radius: 16px !important;
282                        padding: 16px 20px !important;
283                        border: 1px solid #f3f4f6 !important;
284                        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05) !important;
285                        font-size: 1.1rem !important;
286                        color: #111827 !important;
287                        font-weight: 600 !important;
288                        position: relative;
289                        justify-content: flex-start !important;
290                        margin-bottom: 12px !important;
291                    }
292                    
293                    /* Chevron for items with submenu */
294                    .kidbi-navbar .dropdown-toggle::after {
295                        content: '\f054' !important; /* FontAwesome chevron right */
296                        font-family: 'FontAwesome' !important;
297                        border: none !important;
298                        position: absolute;
299                        right: 20px;
300                        font-size: 14px;
301                        color: #9ca3af;
302                        top: 50%;
303                        transform: translateY(-50%);
304                        margin: 0 !important;
305                    }
306                    
307                    /* Emoji Icons for specific menu items based on order */
308                    .kidbi-navbar .kidbi-nav-items .nav-item:nth-child(1) > .nav-link::before { content: '🏕️'; font-family: sans-serif; margin-right: 15px; font-size: 24px; display: inline-block; width: 30px; text-align: center; }
309                    .kidbi-navbar .kidbi-nav-items .nav-item:nth-child(2) > .nav-link::before { content: '📅'; font-family: sans-serif; margin-right: 15px; font-size: 24px; display: inline-block; width: 30px; text-align: center; }
310                    .kidbi-navbar .kidbi-nav-items .nav-item:nth-child(3) > .nav-link::before { content: '📍'; font-family: sans-serif; margin-right: 15px; font-size: 24px; display: inline-block; width: 30px; text-align: center; }
311                    .kidbi-navbar .kidbi-nav-items .nav-item:nth-child(4) > .nav-link::before { content: '🎁'; font-family: sans-serif; margin-right: 15px; font-size: 24px; display: inline-block; width: 30px; text-align: center; }
312                    .kidbi-navbar .kidbi-nav-items .nav-item:nth-child(5) > .nav-link::before { content: '🏆'; font-family: sans-serif; margin-right: 15px; font-size: 24px; display: inline-block; width: 30px; text-align: center; }
313                    .kidbi-navbar .kidbi-nav-items .nav-item:nth-child(n+6) > .nav-link::before { content: '✨'; font-family: sans-serif; margin-right: 15px; font-size: 24px; display: inline-block; width: 30px; text-align: center; }
314                    
315                    /* Custom icon for Sign-In / Profile dropdown on mobile */
316                    .kidbi-navbar .navbar-nav:not(.kidbi-nav-items) .nav-item > .nav-link::before {
317                        content: '👤';
318                        font-family: sans-serif;
319                        margin-right: 15px;
320                        font-size: 24px;
321                        display: inline-block;
322                        width: 30px;
323                        text-align: center;
324                    }
325                    /* Do not show profile icon for custom button or language selector */
326                    .kidbi-navbar .navbar-nav:not(.kidbi-nav-items) .nav-item .js_language_selector .nav-link::before,
327                    .kidbi-navbar .navbar-nav:not(.kidbi-nav-items) .nav-item .btn-details-cta-icon::before {
328                        display: none !important;
329                    }
330
331                    /* Make submenu items look nested and hide default background */
332                    .kidbi-navbar .dropdown-menu {
333                        border: none !important;
334                        background: transparent !important;
335                        padding-left: 0 !important; /* Align with text */
336                        box-shadow: none !important;
337                        margin-top: -10px !important;
338                        padding-bottom: 0 !important;
339                    }
340                    .kidbi-navbar .dropdown-menu .dropdown-item {
341                        padding: 10px 0 !important;
342                        font-size: 1rem !important;
343                        color: #6b7280 !important;
344                        font-weight: 500 !important;
345                        background: transparent !important;
346                    }
347                    .kidbi-navbar .dropdown-menu .dropdown-item:hover {
348                        color: #5A45FF !important;
349                    }
350                    
351                    /* Adjust Sign In and other right-side elements in mobile menu */
352                    .kidbi-navbar .navbar-nav:not(.kidbi-nav-items) {
353                        margin-top: 20px !important;
354                        border-top: 1px solid #f3f4f6;
355                        padding-top: 20px !important;
356                        flex-direction: column !important;
357                        align-items: flex-start !important;
358                    }
359                    .kidbi-navbar .navbar-nav:not(.kidbi-nav-items) .nav-item {
360                        width: 100%;
361                    }
362                    .kidbi-navbar .btn-primary-camp-sm {
363                        width: 100%;
364                        display: block;
365                        text-align: center;
366                        padding: 14px !important;
367                        border-radius: 12px;
368                        margin-top: 0px;
369                        font-size: 1.1rem;
370                    }
371                }
372            </style>
373        <!-- ========================= -->
374<!-- KIDBI HEAD OPTIMIZED CODE WITH GA4/GTM/RUM -->
375<!-- ========================= -->
376
377<!-- Preconnect до зовнішніх ресурсів -->
378<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
379<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
380<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
381<link rel="preconnect" href="https://analytics.ahrefs.com" crossorigin>
382<link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
383
384<!-- Robots та canonical -->
385
386
387<!-- Mylead Verification -->
388<meta name="mylead-verification" content="ec0dfa0a2646382417ea65f6910bac37">
389
390<!-- ========================= -->
391<!-- Критичний CSS для першого екрану (inline) -->
392<style>
393/* Hero, меню, кнопки, заголовки, модальні вікна */
394.modal--content--structure { min-height: 200px; width: 100%; }
395.o_footer_copyright { display: none; }
396.a-submit { background-color: #0c5b19; }
397.px-2.text-dark.d-flex.align-items-center.align-self-stretch {
398  font-size: x-large; width: max-content; color: #d10dd1 !important; font-weight: bold;
399}
400.o_wevent_registration_multi_select,
401.o_wevent_price_range { font-weight: bold; color: #d10dd1; font-size: x-large; }
402.text-dark { color: #d10dd1 !important; }
403.card-header {
404  padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgb(250 255 255);
405  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
406}
407.o_portal_sidebar #sidebar_content.card > div.card-footer { display: none !important; }
408.o_wevent_event_name { font-size: calc(0.8rem + 2vw) !important; }
409.o_wevent_event_subtitle {
410  font-weight: 600 !important; font-size: 1.125rem; background: #d54ba9;
411  padding: 10px; width: 20%; text-align: center; border-radius: 5px;
412}
413/* Контейнери для великих екранів */
414@media (min-width: 1400px) {
415  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container,
416  .o_container_small { max-width: 90% !important; }
417}
418</style>
419
420<!-- Font Awesome (preload + onload) -->
vendor: 137 bytes, lines 420-421
420
421<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="2270e16a5b61c1f7d6b4dd1d-|49"></script>
421<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
422<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"></noscript>
423
424<!-- Bootstrap Icons (preload + onload) -->
vendor: 137 bytes, lines 424-425
424
425<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="2270e16a5b61c1f7d6b4dd1d-|49"></script>
425<link rel="preload" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
426<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"></noscript>
427
428<!-- ========================= -->
429<!-- Inline snippet для негайного page_view -->
430<script type="2270e16a5b61c1f7d6b4dd1d-text/javascript">
431window.dataLayer = window.dataLayer || [];
432dataLayer.push({event: 'page_view'});
433</script>
433
434
435<!-- Скрипти аналітики (defer) -->
436<script defer src="https://analytics.ahrefs.com/analytics.js" data-key="BS5CORP/DGjgmfuHBMWcbw" type="2270e16a5b61c1f7d6b4dd1d-text/javascript"></script>
436
437
438<!-- GTM -->
439<script defer type="2270e16a5b61c1f7d6b4dd1d-text/javascript">
440(function(w,d,s,l,i){
441  w[l]=w[l]||[];
442  w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
443  var f=d.getElementsByTagName(s)[0],
444      j=d.createElement(s),
445      dl=l!='dataLayer'?'&l='+l:'';
446  j.defer=true;
447  j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
448  f.parentNode.insertBefore(j,f);
449})(window,document,'script','dataLayer','GTM-WB7S8Q3');
450</script>
450
451
452<!-- RUM / Ahrefs -->
453<script defer type="2270e16a5b61c1f7d6b4dd1d-application/javascript" src="https://patches.ahrefs.com/89a805dd-438f-4707-b987-b81f6a21c011.js"></script>
453
454
455    </head>
456    <body>
457        <div id="wrapwrap" class="   ">
458                <header id="top" data-anchor="true" data-name="Header" class="">
459    <nav data-name="Navbar" class="navbar navbar-expand-lg navbar-light o_colored_level o_cc shadow-sm border-bottom border-light kidbi-navbar">
460        
461                <div id="top_menu_container" class="container justify-content-start justify-content-lg-between align-items-center" style="max-width: 1320px;">
462                    
463    <a href="/" class="navbar-brand logo me-4">
464            
465            <span role="img" aria-label="Logo of KIDBI" title="KIDBI"><img src="https://kidbi.com.ua/web/image/website/1/logo/KIDBI?unique=8c17647" class="img img-fluid" width="95" height="40" alt="KIDBI" loading="lazy"/></span>
466        </a>
467    
468                    
469                    
470                    <div id="top_menu_collapse" class="collapse navbar-collapse order-last order-lg-0 justify-content-between">
471    <ul id="top_menu" class="nav navbar-nav o_menu_loading flex-grow-1 justify-content-center kidbi-nav-items">
472        
473                            
474    <li class="nav-item mx-lg-2">
475        <a role="menuitem" href="/" class="nav-link kidbi-nav-link ">
476            <span>✅ Про табір</span>
477        </a>
478    </li>
479    <li class="nav-item mx-lg-2">
480        <a role="menuitem" href="/event" class="nav-link kidbi-nav-link active">
481            <span>📆 Обрати зміну</span>
482        </a>
483    </li>
484    <li class="nav-item mx-lg-2 dropdown  position-static">
485        <a data-bs-toggle="dropdown" href="#" class="nav-link kidbi-nav-link dropdown-toggle o_mega_menu_toggle">
486            <span>⭐️ Додатково</span>
487        </a>
488        <div data-name="Mega Menu" class="dropdown-menu o_mega_menu o_no_parent_editor dropdown-menu-start">
489    
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518<section class="s_mega_menu_odoo_menu pt16 o_colored_level o_cc o_cc1" style="background-image: none;">
519        <div class="container">
520            <div class="row">
521                <div class="col-md-6 col-lg pt16 pb24 o_colored_level">
522                    <h4 class="text-uppercase h5 fw-bold mt-0" plerdy-tracking-id="64213663201">Додаткові послуги</h4>
523                    <div class="s_hr text-start pt4 pb16 text-o-color-3" data-name="Роздільник">
524                        <hr class="w-100 mx-auto" style="border-top: 2px solid rgb(163, 112, 247);">
525                    </div>
526                    <nav class="nav flex-column">
527                        <a href="/psychologist" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="" plerdy-tracking-id="31703863301">🙎Психологічні консультації</a>
528                        
529                        
530                        
531                        
532                        
533                    </nav>
534                </div>
535                <div class="col-md-6 col-lg pt16 pb24 o_colored_level" style="">
536                    <h4 class="text-uppercase h5 fw-bold mt-0" plerdy-tracking-id="74596100801">Партнери та спільнота</h4>
537                    <div class="s_hr text-start pt4 pb16 text-o-color-1" data-name="Роздільник">
538                        <hr class="w-100 mx-auto" style="border-top-width: 2px; border-top-style: solid;">
539                    </div>
540                    <nav class="nav flex-column">
541                        <a href="/rentalbase" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="" spellcheck="false" data-gramm="false" plerdy-tracking-id="68150272001">🏘️ Оренда бази відпочинку для Ваших заходів</a><a plerdy-tracking-id="16101054001" href="/kidbi-corporate-programs">🤝 Партнерські рішення для <strong>HR</strong> та <strong>CSR</strong></a><strong> </strong><div class="d-flex" plerdy-tracking-id="69111399001">
542        <span class="me-2 o_we_preview_favicon" plerdy-tracking-id="55661012401"><i class="fa fa-globe d-none" plerdy-tracking-id="68150272001"></i></span></div></nav><nav class="nav flex-column"><br>
543                    </nav>
544                </div><div class="col-md-6 col-lg pt16 o_colored_level pb0">
545                    <h4 class="text-uppercase h5 fw-bold mt-0" plerdy-tracking-id="57040914201">Акції</h4>
546                    <div class="s_hr text-start pt4 pb16 text-o-color-1" data-name="Роздільник">
547                        <hr class="w-100 mx-auto" style="border-top-width: 2px; border-top-style: solid;">
548                    </div>
549                    <nav class="nav flex-column">
550                        <a href="/shop/10" class="nav-link px-0" data-name="Menu Item" data-bs-original-title="" title="" spellcheck="false" data-gramm="false" plerdy-tracking-id="30668021201">💳 Подарункові картки </a></nav><nav class="nav flex-column"><br>
551                    </nav>
552                </div>
553                
554                </div></div>
555    </section>
556    
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575<section class="s_mega_menu_odoo_menu pt16 o_colored_level o_cc o_cc1" style="background-image: none;">
576        
577        <div class="container-fluid border-top s_mega_menu_odoo_menu_footer">
578            <div class="row">
579                <div class="col-12 pt8 pb8 o_colored_level" style="">
580                    <div class="s_social_media o_not_editable text-center" data-snippet="s_social_media" data-name="Social Media" contenteditable="false">
581                        <h5 class="s_social_media_title d-none" plerdy-tracking-id="98776930501">Слідкуйте за нами</h5>
582<a href="/website/social/instagram" class="s_social_media_instagram me-3 ms-3" target="_blank" plerdy-tracking-id="54645586501">
583                            <i class="fa fa-instagram m-1 fa-2x" plerdy-tracking-id="54645586501"></i>
584                        </a>
585<a href="https://t.me/+AOQ9owE99jphNzBi" class="me-3 ms-3 s_social_media_heart" target="_blank" plerdy-tracking-id="94308509901">
586                            <i class="fa fa-telegram m-1 fa-2x" style="color: rgb(57, 132, 
586198);" plerdy-tracking-id="94308509901"></i>
587                        </a>
588</div>
589                </div>
590            </div>
591        </div>
592    </section></div>
593    </li>
594    <li class="nav-item mx-lg-2">
595        <a role="menuitem" href="/blog" class="nav-link kidbi-nav-link ">
596            <span>💬 Блог</span>
597        </a>
598    </li>
599                        
600    </ul>
601
602                        
603                        <ul class="navbar-nav d-flex flex-row align-items-center gap-3 mt-3 mt-lg-0 mb-3 mb-lg-0">
604                            
605            <li class="nav-item o_no_autohide_item">
606                <a href="/web/login" class="nav-link kidbi-nav-link">Увійти</a>
607            </li>
608                            
609        
610        
611
612                            
613
614                            
615        <div class="oe_structure oe_structure_solo nav-item d-none d-lg-block">
616            <section class="s_text_block o_colored_level" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
617                <div class="container">
618                    <a href="tel://0981610101" class="_cta btn btn-primary" data-bs-original-title="" title="" plerdy-tracking-id="91103733001">098 161 01 01</a>
619                </div>
620            </section>
621        </div>
622                            
623                            
624                            <li class="nav-item d-none d-lg-block ms-2">
625                                <a href="#" onclick="if (!window.__cfRLUnblockHandlers) return false; var m=document.getElementById(&#39;modalLeadRegistration&#39;); if(m){ if(window.bootstrap) new bootstrap.Modal(m).show(); else if(window.$) $(m).modal(&#39;show&#39;); } return false;" class="btn-details-cta-icon" title="Дізнатися деталі" data-cf-modified-2270e16a5b61c1f7d6b4dd1d-="">
626                                    i
627                                </a>
628                            </li>
629                            
630                            
631                            <li class="nav-item d-lg-none w-100 mt-3 d-flex flex-row justify-content-center align-items-center gap-3 border-top pt-3">
632                                <a href="/blog/psychologic-2/tel:0981610101" class="btn btn-primary-camp-sm flex-grow-1 justify-content-center" style="padding: 14px; font-size: 1.1rem; border-radius: 12px;">
633                                    <i class="fa fa-phone"></i> 098 161 01 01
634                                </a>
635                                <a href="#" onclick="if (!window.__cfRLUnblockHandlers) return false; var m=document.getElementById(&#39;modalLeadRegistration&#39;); if(m){ if(window.bootstrap) new bootstrap.Modal(m).show(); else if(window.$) $(m).modal(&#39;show&#39;); } return false;" class="btn-details-cta-icon flex-shrink-0" title="Дізнатися деталі" data-cf-modified-2270e16a5b61c1f7d6b4dd1d-="">
636                                    i
637                                </a>
638                            </li>
639                        </ul>
640                    </div>
641
642                    
643    <button type="button" data-bs-toggle="collapse" data-bs-target="#top_menu_collapse" class="navbar-toggler ms-auto border-0 text-dark">
644        <span class="navbar-toggler-icon o_not_editable"></span>
645    </button>
646                </div>
647            
648    </nav>
649            </header>
650        <main>
651                    
652            
653                <style>
654                    #wrapwrap {
655                        position: relative;
656                        background-color: transparent !important;
657                    }
658                    #wrapwrap::before {
659                        content: "";
660                        position: fixed;
661                        top: 0; left: 0; right: 0; bottom: 0;
662                        background-image: url('/web/image/res.company/1/events_background_image') !important;
663                        background-size: cover !important;
664                        background-position: center top !important;
665                        background-repeat: no-repeat !important;
666                        opacity: 0.1 !important;
667                        z-index: -1;
668                    }
669                    main {
670                        background-color: transparent !important;
671                    }
672                    /* Робимо прозорими контейнери на сторінці /event, щоб було видно фон */
673                    .o_wevent_events_list {
674                        background-color: transparent !important;
675                    }
676                    .o_wevent_index_topbar {
677                        background-color: rgba(255, 255, 255, 0.8) !important;
678                        backdrop-filter: blur(10px);
679                        border-radius: 16px;
680                        margin-bottom: 20px;
681                        padding: 10px;
682                    }
683                </style>
684        <div id="wrap" class="o_wevent_index">
685
686            <div class="container d-lg-none mt-3">
687                <button class="btn btn-primary w-100 d-flex align-items-center justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFilters" aria-expanded="true" aria-controls="collapseFilters">
688                    <span><i class="fa fa-filter me-2"></i> Фільтри</span>
689                    <i class="fa fa-chevron-down small" data-bs-original-title="" title="" aria-describedby="tooltip24453"></i>
690                </button>
691            </div>
692
693            <div class="collapse d-lg-block" id="collapseFilters">
694    <nav class="navbar navbar-light border-top shadow-sm d-print-none">
695        <div class="container">
696            <div class="d-flex flex-column flex-sm-row justify-content-between w-100">
697                <span class="navbar-brand h4 my-0 me-auto">Події&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span>
698                <ul class="o_wevent_index_topbar_filters nav">
699                        <li class="nav-item dropdown me-2 my-1">
700                            <a href="#" role="button" class="btn dropdown-toggle" data-bs-toggle="dropdown">
701                                <i class="fa fa-folder-open"></i>
702                                Інтереси
703                            </a>
704                            <div class="dropdown-menu">
705                
706
707                
708                
709                
710
711                <a href="/event?tags=lizhi-snoubord" class="dropdown-item d-flex align-items-center justify-content-between ">
712                    Лижі | сноуборд
713                </a>
714                
715
716                
717                
718                
719
720                <a href="/event?tags=soft-skills" class="dropdown-item d-flex align-items-center justify-content-between ">
721                    Soft skills
722                </a>
723                
724
725                
726                
727                
728
729                <a href="/event?tags=aktorska" class="dropdown-item d-flex align-items-center justify-content-between ">
730                    Акторська
731                </a>
732                
733
734                
735                
736                
737
738                <a href="/event?tags=more" class="dropdown-item d-flex align-items-center justify-content-between ">
739                    Море
740                </a>
741                
742
743                
744                
745                
746
747                <a href="/event?tags=angliiska-mova" class="dropdown-item d-flex align-items-center justify-content-between ">
748                    Англійська мова
749                </a>
750                
751
752                
753                
754                
755
756                <a href="/event?tags=basein" class="dropdown-item d-flex align-items-center justify-content-between ">
757                    Басейн
758                </a>
759                
760
761                
762                
763                
764
765                <a href="/event?tags=proforiientatsiia" class="dropdown-item d-flex align-items-center justify-content-between ">
766                    Профорієнтація
767                </a>
768                
769
770                
771                
772                
773
774                <a href="/event?tags=nauka-ta-tekhnologiyi" class="dropdown-item d-flex align-items-center justify-content-between ">
775                    IT - Наука
776                </a>
777        </div>
778                        </li>
779                        <li class="nav-item dropdown me-2 my-1">
780                            <a href="#" role="button" class="btn dropdown-toggle" data-bs-toggle="dropdown">
781                                <i class="fa fa-folder-open"></i>
782                                Ключові цінності
783                            </a>
784                            <div class="dropdown-menu">
785                
786
787                
788                
789                
790
791                <a href="/event?tags=etika" class="dropdown-item d-flex align-items-center justify-content-between ">
792                    🌐 Етика
793                </a>
794                
795
796                
797                
798                
799
800                <a href="/event?tags=tvorchist" class="dropdown-item d-flex align-items-center justify-content-between ">
801                    🎨 Творчість
802                </a>
803                
804
805                
806                
807                
808
809                <a href="/event?tags=liderstvo" class="dropdown-item d-flex align-items-center justify-content-between ">
810                    🏆 Лідерство
811                </a>
812                
813
814                
815                
816                
817
818                <a href="/event?tags=komanda" class="dropdown-item d-flex align-items-center justify-content-between ">
819                    🤝 Команда
820                </a>
821                
822
823                
824                
825                
826
827                <a href="/event?tags=sport" class="dropdown-item d-flex align-items-center justify-content-between ">
828                    ⚽ Спорт
829                </a>
830        </div>
831                        </li>
832                        <li class="nav-item dropdown me-2 my-1">
833                            <a href="#" role="button" class="btn dropdown-toggle" data-bs-toggle="dropdown">
834                                <i class="fa fa-folder-open"></i>
835                                Сезони
836                            </a>
837                            <div class="dropdown-menu">
838                
839
840                
841                
842                
843
844                <a href="/event?tags=zima" class="dropdown-item d-flex align-items-center justify-content-between ">
845                    Зима
846                </a>
847                
848
849                
850                
851                
852
853                <a href="/event?tags=vesna" class="dropdown-item d-flex align-items-center justify-content-between ">
854                    Весна
855                </a>
856                
857
858                
859                
860                
861
862                <a href="/event?tags=lito" class="dropdown-item d-flex align-items-center justify-content-between ">
863                    Літо
864                </a>
865                
866
867                
868                
869                
870
871                <a href="/event?tags=osin" class="dropdown-item d-flex align-items-center justify-content-between ">
872                    Осінь
873                </a>
874        </div>
875                        </li>
876                        <li class="nav-item dropdown me-2 my-1">
877                            <a href="#" role="button" class="btn dropdown-toggle" data-bs-toggle="dropdown">
878                                <i class="fa fa-folder-open"></i>
879                                Локація
880                            </a>
881                            <div class="dropdown-menu">
882                
883
884                
885                
886                
887
888                <a href="/event?tags=karpati" class="dropdown-item d-flex align-items-center justify-content-between ">
889                    Карпати
890                </a>
891                
892
893                
894                
895                
896
897                <a href="/event?tags=kiyivska-obl" class="dropdown-item d-flex align-items-center justify-content-between ">
898                    Київська обл.
899                </a>
900                
901
902                
903                
904                
905
906                <a href="/event?tags=bolgariia" class="dropdown-item d-flex align-items-center justify-content-between ">
907                    Болгарія
908                </a>
909        </div>
910                        </li>
911        <li class="nav-item dropdown me-2 my-1">
912            <a href="#" role="button" class="btn dropdown-toggle" data-bs-toggle="dropdown">
913                <i class="fa fa-calendar"></i>
914                Найближчі події
915            </a>
916            <div class="dropdown-menu">
917                        <a href="/event?date=upcoming" class="dropdown-item d-flex align-items-center justify-content-between active">
918                            Найближчі події
919                            <span class="badge rounded-pill bg-light text-primary ms-3">2</span>
920                        </a>
921                        <a href="/event?date=month" class="dropdown-item d-flex align-items-center justify-content-between ">
922                            Цього місяця
923                            <span class="badge rounded-pill bg-primary ms-3">1</span>
924                        </a>
925                        <a href="/event?date=old" class="dropdown-item d-flex align-items-center justify-content-between ">
926                            Минулі події
927                        </a>
928                        <a href="/event?date=all" class="dropdown-item d-flex align-items-center justify-content-between ">
929                            Всі події
930                        </a>
931            </div>
932        </li>
933                </ul>
934                <div class="d-flex align-items-center flex-wrap ps-sm-3 pe-0">
935    <style>
936                /* Стилі для кнопок фільтрів (Dropdowns) */
937                .o_wevent_index_topbar_filters .dropdown-toggle,
938                .o_wevent_index_topbar_filters .btn {
939                    background-color: #ffffff !important;
940                    border: 1px solid #e5e7eb !important;
941                    color: #374151 !important;
942                    border-radius: 10px !important;
943                    padding: 8px 16px !important;
944                    font-weight: 500 !important;
945                    display: flex;
946                    align-items: center;
947                    gap: 8px;
948                    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
949                    transition: all 0.2s ease;
950                }
951                .o_wevent_index_topbar_filters .dropdown-toggle:hover,
952                .o_wevent_index_topbar_filters .btn:hover {
953                    background-color: #f9fafb !important;
954                    border-color: #d1d5db !important;
955                }
956                /* Активний стан */
957                .o_wevent_index_topbar_filters .dropdown-toggle.active,
958                .o_wevent_index_topbar_filters .dropdown-toggle:focus,
959                .o_wevent_index_topbar_filters .btn.active {
960                    border-color: #a855f7 !important;
961                    color: #a855f7 !important;
962                }
963                .o_wevent_index_topbar_filters .dropdown-toggle.active i,
964                .o_wevent_index_topbar_filters .dropdown-toggle:focus i,
965                .o_wevent_index_topbar_filters .btn.active i {
966                    color: #a855f7 !important;
967                }
968                /* Відступи між фільтрами */
969                .o_wevent_index_topbar_filters {
970                    gap: 12px !important;
971                }
972                
973                /* Заміна іконок у фільтрах на кастомні SVG */
974                .o_wevent_index_topbar_filters .dropdown-toggle i.fa {
975                    display: inline-block !important;
976                    width: 18px !important;
977                    height: 18px !important;
978                    background-size: contain !important;
979                    background-repeat: no-repeat !important;
980                    background-position: center !important;
981                    margin-right: 6px !important;
982                    vertical-align: middle !important;
983                    /* Приховуємо стандартний символ FontAwesome, але залишаємо елемент видимим */
984                    color: transparent !important;
985                }
986                
987                .o_wevent_index_topbar_filters .dropdown-toggle i.fa::before {
988                    content: '' !important;
989                    display: none !important;
990                }
991                
992                /* 1. Інтереси (Зірка - Оранжева) */
993                .o_wevent_index_topbar_filters .dropdown:nth-of-type(1) .dropdown-toggle i.fa {
994                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'%3E%3C/polygon%3E%3C/svg%3E") !important;
995                }
996
997                /* 2. Події (Закладка - Фіолетова) */
998                .o_wevent_index_topbar_filters .dropdown:nth-of-type(2) .dropdown-toggle i.fa {
999                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E") !important;
1000                }
1001
1002                /* 3. Ключові цінності (Діамант - Блакитний) */
1003                .o_wevent_index_topbar_filters .dropdown:nth-of-type(3) .dropdown-toggle i.fa {
1004                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230ea5e9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 22 22 7 12 2'%3E%3C/polygon%3E%3Cpolyline points='2 7 12 7 22 7'%3E%3C/polyline%3E%3Cpolyline points='12 22 12 7'%3E%3C/polyline%3E%3C/svg%3E") !important;
1005                }
1006
1007                /* 4. Сезони (Сонце - Жовте) */
1008                .o_wevent_index_topbar_filters .dropdown:nth-of-type(4) .dropdown-toggle i.fa {
1009                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eab308' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'%3E%3C/circle%3E%3Cline x1='12' y1='1' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='23'%3E%3C/line%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'%3E%3C/line%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'%3E%3C/line%3E%3Cline x1='1' y1='12' x2='3' y2='12'%3E%3C/line%3E%3Cline x1='21' y1='12' x2='23' y2='12'%3E%3C/line%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'%3E%3C/line%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'%3E%3C/line%3E%3C/svg%3E") !important;
1010                }
1011
1012                /* 5. Локація (Червоний пін) - прив'язуємо і до позиції, і до класу про всяк випадок */
1013                .o_wevent_index_topbar_filters .dropdown:nth-of-type(5) .dropdown-toggle i.fa,
1014                .o_wevent_index_topbar_filters .dropdown-toggle i.fa-map-marker,
1015                .o_wevent_index_topbar_filters .dropdown-toggle i.fa-globe {
1016                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E") !important;
1017                }
1018
1019                /* 6. Найближчі події (Календар - Зелений) */
1020                .o_wevent_index_topbar_filters .dropdown:nth-of-type(6) .dropdown-toggle i.fa,
1021                .o_wevent_index_topbar_filters .dropdown-toggle i.fa-calendar {
1022                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") !important;
1023                }
1024                
1025                /* Приховуємо заголовок "Події" зліва від фільтрів */
1026                .o_wevent_index_topbar h2,
1027                .o_wevent_index_topbar .h4,
1028                .o_wevent_index_topbar .h2,
1029                .o_wevent_index_topbar span.navbar-brand,
1030                #collapseFilters span.navbar-brand {
1031                    display: none !important;
1032                }
1033                
1034                /* Overrides for old custom CSS on Event Cards */
1035                .kidbi-event-card h3[itemprop="name"],
1036                .kidbi-event-card .event-name {
1037                    color: #111827 !important;
1038                    font-weight: 700 !important;
1039                }
1040                /* Збільшуємо специфічність селектора, щоб перебити старий запис .h-100.card.border-0.shadow-sm:hover */
1041                article.kidbi-event-card.h-100.card.border-0.shadow-sm {
1042                    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
1043                    transform: translateY(0) scale(1) rotate(0deg) !important;
1044                }
1045                article.kidbi-event-card.h-100.card.border-0.shadow-sm:hover {
1046                    transform: translateY(-4px) scale(1.01) rotate(0deg) !important;
1047                    box-shadow: 0 12px 24px rgba(0,0,0,0.1) !important;
1048                }
1049                .kidbi-event-card .kidbi-tag {
1050                    color: #4B5563 !important;
1051                    background-color: #F3F4F6 !important;
1052                    border: 1px solid #E5E7EB !important;
1053                }
1054                .kidbi-event-card .kidbi-seats-left {
1055                    color: #8D6E63 !important;
1056                    font-weight: 700 !important;
1057                    font-size: 1.1rem !important;
1058                    display: flex !important;
1059                    align-items: center !important;
1060                    gap: 8px !important;
1061                }
1062                .kidbi-event-card .kidbi-seats-left svg {
1063                    width: 1.4rem !important;
1064                    height: 1.4rem !important;
1065                }
1066                .kidbi-event-card .kidbi-location-info {
1067                    color: #111827 !important;
1068                    font-weight: 700 !important;
1069                    font-size: 1.1rem !important;
1070                    display: flex !important;
1071                    align-items: center !important;
1072                    gap: 8px !important;
1073                }
1074                .kidbi-event-card .kidbi-location-info svg {
1075                    width: 1.4rem !important;
1076                    height: 1.4rem !important;
1077                    color: #ef4444 !important;
1078                }
1079                .kidbi-event-card .kidbi-book-btn {
1080                    background-color: #253b80 !important; /* Dark blue from design */
1081                    border-color: #253b80 !important;
1082                    color: #ffffff !important;
1083                    border-radius: 0 0 24px 24px !important;
1084                    font-weight: 600 !important;
1085                    width: 100% !important;
1086                    display: block !important;
1087                    text-align: center !important;
1088                    padding: 18px !important;
1089                    font-size: 1.1rem !important;
1090                    margin: 0 !important;
1091                    border: none !important;
1092                }
1093                .kidbi-event-card .kidbi-book-btn:hover {
1094                    background-color: #1e3066 !important;
1095                    border-color: #1e3066 !important;
1096                }
1097                .kidbi-event-card .kidbi-book-btn.sold-out-btn {
1098                    background-color: #6c757d !important;
1099                    border-color: #6c757d !important;
1100                    color: #ffffff !important;
1101                    opacity: 0.8 !important;
1102                }
1103                .kidbi-event-card .kidbi-book-btn.sold-out-btn:hover {
1104                    background-color: #5a6268 !important;
1105                    border-color: #5a6268 !important;
1106                }
1107                .kidbi-event-card .kidbi-price-badge {
1108                    background-color: #e6f4ea !important; /* Light green from design */
1109                    border-radius: 12px !important;
1110                    padding: 12px 16px !important;
1111                }
1112                .kidbi-event-card .kidbi-price-badge .date-val {
1113                    color: #111827 !important;
1114                    font-weight: 600 !important;
1115                    font-size: 0.85rem !important;
1116                }
1117                .kidbi-event-card .kidbi-price-badge .price-val {
1118                    color: #166534 !important; /* Dark green from design */
1119                    font-weight: 700 !important;
1120                    font-size: 1.25rem !important;
1121                }
1122                .kidbi-event-card .kidbi-price-badge .currency-val {
1123                    color: #166534 !important;
1124                    font-weight: 500 !important;
1125                    font-size: 0.85rem !important;
1126                }
1127                .kidbi-event-card .kidbi-hit-badge {
1128                    background-color: #fbbd08; /* Default Yellow */
1129                    color: #111827; /* Default Text */
1130                    font-weight: 700 !important;
1131                    border-radius: 8px !important;
1132                    padding: 6px 12px !important;
1133                    font-size: 0.75rem !important;
1134                    white-space: nowrap !important;
1135                }
1136            </style>
1137            <form method="get" class="d-flex flex-grow-1 my-1 my-lg-0 o_wevent_event_searchbar_form" style="min-width: 250px;" action="/event">
1138                
1139                    <input type="hidden" name="date" value="upcoming"/>
1140                    <input type="hidden" name="tags" value=""/>
1141                
1142                
1143                <div class="input-group shadow-sm">
1144                    <input type="text" name="search" class="form-control py-2 bg-white" style="border-color: #ced4da; border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: none;" placeholder="Пошук подій..." value=""/>
1145                    <button type="submit" class="btn text-white px-4" style="background-color: #a855f7; border-color: #a855f7; border-top-right-radius: 10px; border-bottom-right-radius: 10px;">
1146                        <i class="fa fa-search"></i>
1147                    </button>
1148                </div>
1149            </form>
1150                </div>
1151            </div>
1152        </div>
1153    </nav>
1154            <style>
1155                .kidbi-hide-scrollbar::-webkit-scrollbar {
1156                    display: none;
1157                }
1158                .kidbi-hide-scrollbar {
1159                    -ms-overflow-style: none;
1160                    scrollbar-width: none;
1161                }
1162            </style>
1163        </div>
1164
1165            <div id="oe_structure_we_index_1" class="oe_structure oe_empty" data-editor-message-default="true" data-editor-message="ПЕРЕТЯГНІТЬ СЮДИ БЛОКИ" data-lt-tmp-id="lt-895283" spellcheck="false" data-gramm="false"></div><div class="o_wevent_events_list">
1166                <div class="container">
1167                    <div class="d-flex mx-n3">
1168    <div class="d-flex align-items-center mt16">
1169    </div>
1170                    </div>
1171                    <div class="row">
1172                        <div id="o_wevent_index_main_col" class="col-md my-5 opt_events_list_rows">
1173                            <div class="row">
1174                                <div class="kidbi-modern-layout custom_events_container w-100">
1175                <style>
1176                    /* Sidebar width adjustment for desktop */
1177                    @media (min-width: 992px) {
1178                        .o_wevent_index > .row {
1179                            display: flex;
1180                            flex-wrap: nowrap !important;
1181                        }
1182                        #o_wevent_index_sidebar {
1183                            flex: 0 0 24% !important;
1184                            max-width: 24% !important;
1185                            width: 24% !important;
1186                            padding-left: 0.5rem !important;
1187                        }
1188                        #o_wevent_index_main_col {
1189                            flex: 0 0 70% !important;
1190                            max-width: 100% !important;
1191                            width: 72% !important;
1192                            padding-right: 0.5rem !important;
1193                        }
1194                    }
1195                    .kidbi-modern-layout .card-body {
1196                        background-color: transparent !important;
1197                    }
1198                    .kidbi-modern-layout .row > * {
1199                        padding-left: 0px !important;
1200                    }
1201                    .kidbi-card-title {
1202                        line-height: normal !important;
1203                    }
1204                    .kidbi-btn-details {
1205                        border: 1px solid #5a45ff !important;
1206                        color: #5a45ff !important;
1207                        background: transparent !important;
1208                        font-weight: 400 !important;
1209                        border-radius: 5px !important;
1210                        padding-right: 8px !important;
1211                        padding-left: 8px !important;
1212                        padding-top: 3px !important;
1213                        padding-bottom: 3px !important;
1214                        font-size: 0.8rem !important;
1215                    }
1216                    .kidbi-row-img {
1217                        width: 100% !important;
1218                        height: 180px !important;
1219                    }
1220                    @media (min-width: 768px) {
1221                        .kidbi-row-img {
1222                            width: 180px !important;
1223                            height: 120px !important;
1224                        }
1225                    }
1226                </style>
1227                    
1228                    
1229                    <div class="d-flex align-items-center gap-3 mb-2">
1230                        <h1 class="fw-bold mb-0" style="color: #111827;">Всі події</h1>
1231                        <span class="badge rounded-pill" style="background-color: #5a45ff; color: #ffffff; font-size: 1.05rem; font-weight: 600; padding: 4px 14px;">2</span>
1232                    </div>
1233
1234                        <section class="upcoming-section mb-4 w-100 d-none d-md-block">
1235                            <div class="mb-2">
1236                                <h2 class="h5 fw-bold mb-0" style="color: #111827;">Найближчі зміни</h2>
1237                            </div>
1238                            <div class="w-100">
1239                                <div class="row g-3">
1240                                        <div class="col-12 col-md-6 col-xl-3">
1241                                            <div style="border-radius: 12px; transition: transform 0.3s ease; position: relative; overflow: hidden;" class="upcoming-card h-100 bg-white shadow-sm border-0 d-flex flex-column ">
1242
1243                                                <div class="card-img-top position-relative" style="height: 180px; border-radius: 12px 12px 0 0; overflow: hidden; ">
1244    <div data-name="Обкладинка" style="" data-res-model="event.event" data-res-id="76" class="o_record_cover_container d-flex flex-column h-100 o_colored_level o_cc    w-100 h-100">
1245        <div style="background-image: url(&#39;https://kidbi.com.ua/web/image/event.event/76/x_event_bg_file&#39;);" class="o_record_cover_component o_record_cover_image "></div>
1246        
1247                                                
1248    </div>
1249                                                
1250                                                <div class="position-absolute d-flex flex-column" style="bottom: 0; left: 0; z-index: 10; align-items: flex-start;">
1251                                                    
1252                                                    <div class="d-flex flex-column gap-1 mb-1">
1253                                                    </div>
1254                                                    
1255                                                    <div class="border" style="font-weight: 600; font-size: 0.85rem; padding: 6px 14px; border-radius: 0 12px 0 0; background-color: #e2fceb;
1255 color: #166534; border-color: #d1fae5;">
1256                                                        <span>24 жовтня</span> - <span>1 листопада</span>
1257                                                    </div>
1258                                                </div>
1259                                            </div>
1260                                            <div class="card-body p-3 d-flex flex-column">
1261                                                <h3 class="kidbi-card-title h6 fw-bold mb-1 text-truncate-2" style="height: 2.8em; overflow: hidden; color: #111827 !important;">#84 KIDBI TV: ON AIR Осінній табір Львів 2026</h3>
1262                                                
1263                                                <div class="info-markers d-flex flex-column gap-2 mb-2 mt-auto">
1264                                                    <div class="marker d-flex align-items-center gap-1 small text-muted">
1265                                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
1266                                                        <span>Emily Resort,  Львівська область</span>
1267                                                    </div>
1268                                                        <div class="marker d-flex align-items-center gap-1 small text-muted">
1269                                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
1270                                                            <span>1 місць залишилося</span>
1271                                                        </div>
1272                                                </div>
1273                                                <div class="d-flex flex-wrap gap-2 mb-3">
1274                                                        <span class="badge" style="font-weight: 500; font-size: 0.75rem; background-color: #f1f5f9; color: #475569;">Soft skills</span>
1275                                                        <span class="badge" style="font-weight: 500; font-size: 0.75rem; background-color: #f1f5f9; color: #475569;">🌐 Етика</span>
1276                                                </div>
1277                                                <div class="mt-auto pt-2">
1278                                                        <div class="shadow-sm w-100 mb-2 font-weight-bold text-center" style="background-color: #ef4444; color: #ffffff; border-radius: 6px; padding: 6px 8px; font-size: 0.8rem;">
1279                                                            Ціна раннього бронювання: залишилось 5 днів
1280                                                        </div>
1281                                                    <div class="d-flex justify-content-between align-items-center">
1282                                                        <div class="price fw-bold" style="font-size: 1.05rem; color: #5a45ff;">26500.0 <span class="small fw-normal">грн</span></div>
1283                                                        <a class="btn kidbi-btn-details" href="/event/84-tabir-u-lvovi-2026-76" style="">Детальніше</a>
1284                                                    </div>
1285                                                </div>
1286                                            </div>
1287                                        </div>
1288                                    </div>
1289                                        <div class="col-12 col-md-6 col-xl-3">
1290                                            <div style="border-radius: 12px; transition: transform 0.3s ease; position: relative; overflow: hidden;" class="upcoming-card h-100 bg-white shadow-sm border-0 d-flex flex-column ">
1291
1292                                                <div class="card-img-top position-relative" style="height: 180px; border-radius: 12px 12px 0 0; overflow: hidden; ">
1293    <div data-name="Обкладинка" style="" data-res-model="event.event" data-res-id="77" class="o_record_cover_container d-flex flex-column h-100 o_colored_level o_cc    w-100 h-100">
1294        <div style="background-image: url(&#39;https://kidbi.com.ua/web/image/event.event/77/x_event_bg_file&#39;);" class="o_record_cover_component o_record_cover_image "></div>
1295        
1296                                                
1297    </div>
1298                                                
1299                                                <div class="position-absolute d-flex flex-column" style="bottom: 0; left: 0; z-index: 10; align-items: flex-start;">
1300                                                    
1301                                                    <div class="d-flex flex-column gap-1 mb-1">
1302                                                    </div>
1303                                                    
1304                                                    <div class="border" style="font-weight: 600; font-size: 0.85rem; padding: 6px 14px; border-radius: 0 12px 0 0; background-color: #e2fceb;
1304 color: #166534; border-color: #d1fae5;">
1305                                                        <span>24 грудня</span> - <span>30 грудня</span>
1306                                                    </div>
1307                                                </div>
1308                                            </div>
1309                                            <div class="card-body p-3 d-flex flex-column">
1310                                                <h3 class="kidbi-card-title h6 fw-bold mb-1 text-truncate-2" style="height: 2.8em; overflow: hidden; color: #111827 !important;">#87 KIDBI: Christmas camp 2026</h3>
1311                                                
1312                                                <div class="info-markers d-flex flex-column gap-2 mb-2 mt-auto">
1313                                                    <div class="marker d-flex align-items-center gap-1 small text-muted">
1314                                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
1315                                                        <span>Chevalier Panorama, вулиця Горішків, Яблуниця, Івано-Франківська область, Україна</span>
1316                                                    </div>
1317                                                        <div class="marker d-flex align-items-center gap-1 small text-muted">
1318                                                            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
1319                                                            <span>20 місць залишилося</span>
1320                                                        </div>
1321                                                </div>
1322                                                <div class="d-flex flex-wrap gap-2 mb-3">
1323                                                        <span class="badge" style="font-weight: 500; font-size: 0.75rem; background-color: #f1f5f9; color: #475569;">Лижі | сноуборд</span>
1324                                                        <span class="badge" style="font-weight: 500; font-size: 0.75rem; background-color: #f1f5f9; color: #475569;">🌐 Етика</span>
1325                                                </div>
1326                                                <div class="mt-auto pt-2">
1327                                                    <div class="d-flex justify-content-between align-items-center">
1328                                                        <div class="price fw-bold" style="font-size: 1.05rem; color: #5a45ff;">24500.0 <span class="small fw-normal">грн</span></div>
1329                                                        <a class="btn kidbi-btn-details" href="/event/87-tabir-v-karpatah-2026-77" style="">Детальніше</a>
1330                                                    </div>
1331                                                </div>
1332                                            </div>
1333                                        </div>
1334                                    </div>
1335                            </div>
1336                        </div>
1337                    </section>
1338
1339                    
1340                    <section class="main-events-list w-100">
1341                                <h3 class="month-divider h5 fw-bold mt-5 mb-3 d-flex align-items-center gap-2 w-100" style="color: #111827;">
1342                                    <i class="fa fa-calendar" style="color: #5a45ff; font-size: 1.25rem;"></i>
1343                                    <span class="text-capitalize">жовтень 2026</span>
1344                                </h3>
1345
1346                            
1347                            <div style="border-radius: 12px; border-color: #f3f4f6; overflow: hidden;" class="modern-event-row bg-white shadow-sm mb-3 w-100 border ">
1348                                <div class="d-flex flex-column flex-md-row align-items-md-center w-100 p-2 p-md-3 gap-3" style="position: relative;">
1349                                    <div class="row-img position-relative kidbi-row-img" style="flex-shrink: 0; border-radius: 8px; overflow: hidden; margin-left: 0; ">
1350    <div data-name="Обкладинка" style="" data-res-model="event.event" data-res-id="76" class="o_record_cover_container d-flex flex-column h-100 o_colored_level o_cc    w-100 h-100">
1351        <div style="background-image: url(&#39;https://kidbi.com.ua/web/image/event.event/76/x_event_bg_file&#39;);" class="o_record_cover_component o_record_cover_image "></div>
1352        
1353                                        
1354    </div>
1355                                        <div class="position-absolute d-flex flex-column gap-1" style="top: 8px; left: 0; z-index: 10; align-items: flex-start;">
1356                                        </div>
1357                                    </div>
1358                                    <div class="row-info pe-md-4 py-2 flex-grow-1 d-flex flex-column justify-content-center" style="min-width: 0; padding-left: 0;">
1359                                        
1360                                        <div class="d-flex align-items-center justify-content-between w-100 mb-1 gap-2">
1361                                            <h4 class="h5 fw-bold text-truncate mb-0 text-start flex-grow-1" style="color: #111827; margin-left: 0 !important;">
1361#84 KIDBI TV: ON AIR Осінній табір Львів 2026</h4>
1362                                            <div class="badge bg-danger flex-shrink-0 d-none d-lg-flex align-items-center gap-1 shadow-sm" style="font-size: 0.75rem; padding: 6px 10px; border-radius: 4px;">
1363                                                <i class="fa fa-clock-o text-white text-opacity-75"></i>
1364                                                <span>Ціна раннього бронювання: залишилось 5 днів</span>
1365                                            </div>
1366                                        </div>
1367
1368                                        
1369                                        <div class="d-flex justify-content-between align-items-center w-100 mb-2 gap-3" style="min-height: 28px;">
1370                                            <div class="flex-grow-1"></div> 
1371                                            <div class="d-none d-md-flex flex-shrink-0 align-items-center gap-3">
1372                                                <div class="price fw-bold mb-0" style="font-size: 1.15rem; color: #5a45ff;">
1373                                                    26500.0 <span class="fw-normal small" style="font-size: 0.85rem;">грн</span>
1374                                                </div>
1375                                                <a class="btn kidbi-btn-details" href="/event/84-tabir-u-lvovi-2026-76" style="">Детальніше</a>
1376                                            </div>
1377                                        </div>
1378                                        
1379                                        
1380                                        <div class="d-flex flex-column flex-md-row align-items-md-center w-100 gap-3">
1381                                            
1382                                            <div style="min-width: 130px;" class="d-flex align-items-center gap-1 small flex-shrink-0 text-muted">
1383                                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
1384                                                <span>Emily Resort,  Львівська область</span>
1385                                            </div>
1386
1387                                            <div class="text-center rounded flex-shrink-0" style="padding: 4px 14px; font-weight: 600; font-size: 0.85rem; background-color: #e2fceb; color: #166534;">
1388                                                <span>24 жовтня</span> - <span>1 листопада</span>
1389                                            </div>
1390
1391                                            <div class="d-flex gap-2 d-none d-lg-flex kidbi-hide-scrollbar" style="overflow-x: auto; flex-wrap: nowrap; flex: 1 1 0; min-width: 0; padding-bottom: 2px;">
1392                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Soft skills</span>
1393                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Акторська</span>
1394                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Англійська мова</span>
1395                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🌐 Етика</span>
1396                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🎨 Творчість</span>
1397                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🏆 Лідерство</span>
1398                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🤝 Команда</span>
1399                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Осінь</span>
1400                                            </div>
1401
1402                                            <div class="badge flex-shrink-0 d-none d-lg-flex align-items-center gap-1 shadow-sm ms-auto" style="background-color: #fef3c7; color: #92400e; font-size: 0.75rem; padding: 6px 10px; border-radius: 4px;">
1403                                                <i class="fa fa-users text-opacity-75" style="color: #92400e;"></i>
1404                                                <span>Залишилось 1 місць</span>
1405                                            </div>
1406
1407                                        </div>
1408                                    </div>
1409
1410                                    
1411                                    <div class="p-3 pt-0 d-md-none border-top w-100">
1412                                            <div class="shadow-sm w-100 mt-2 mb-2 font-weight-bold text-center" style="background-color: #ef4444; color: #ffffff; border-radius: 6px; padding: 6px 8px; font-size: 0.8rem;">
1413                                                Ціна раннього бронювання: залишилось 5 днів
1414                                            </div>
1415
1416                                        <div class="d-flex gap-2 mt-2 mb-2 kidbi-hide-scrollbar" style="overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px;">
1417                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Soft skills</span>
1418                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Акторська</span>
1419                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Англійська мова</span>
1420                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🌐 Етика</span>
1421                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🎨 Творчість</span>
1422                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🏆 Лідерство</span>
1423                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🤝 Команда</span>
1424                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Осінь</span>
1425                                        </div>
1426
1427                                        <div class="d-flex justify-content-between align-items-center mb-2">
1428                                            <div class="badge flex-shrink-0 align-items-center gap-1 shadow-sm" style="background-color: #fef3c7; color: #92400e; font-size: 0.75rem; padding: 6px 10px; border-radius: 4px;">
1429                                                <i class="fa fa-users text-opacity-75" style="color: #92400e;"></i>
1430                                                <span>Залишилось 1 місць</span>
1431                                            </div>
1432                                        </div>
1433
1434                                        <div class="d-flex justify-content-between align-items-center border-top pt-2 mt-1">
1435                                            <div class="price fw-bold" style="font-size: 1.15rem; color: #5a45ff;">
1436                                                26500.0 <span class="fw-normal small" style="font-size: 0.85rem;">грн</span>
1437                                            </div>
1438                                            <a class="btn kidbi-btn-details" href="/event/84-tabir-u-lvovi-2026-76" style="">Детальніше</a>
1439                                        </div>
1440                                    </div>
1441                                </div>
1442                            </div>
1443                                <h3 class="month-divider h5 fw-bold mt-5 mb-3 d-flex align-items-center gap-2 w-100" style="color: #111827;">
1444                                    <i class="fa fa-calendar" style="color: #5a45ff; font-size: 1.25rem;"></i>
1445                                    <span class="text-capitalize">грудень 2026</span>
1446                                </h3>
1447
1448                            
1449                            <div style="border-radius: 12px; border-color: #f3f4f6; overflow: hidden;" class="modern-event-row bg-white shadow-sm mb-3 w-100 border ">
1450                                <div class="d-flex flex-column flex-md-row align-items-md-center w-100 p-2 p-md-3 gap-3" style="position: relative;">
1451                                    <div class="row-img position-relative kidbi-row-img" style="flex-shrink: 0; border-radius: 8px; overflow: hidden; margin-left: 0; ">
1452    <div data-name="Обкладинка" style="" data-res-model="event.event" data-res-id="77" class="o_record_cover_container d-flex flex-column h-100 o_colored_level o_cc    w-100 h-100">
1453        <div style="background-image: url(&#39;https://kidbi.com.ua/web/image/event.event/77/x_event_bg_file&#39;);" class="o_record_cover_component o_record_cover_image "></div>
1454        
1455                                        
1456    </div>
1457                                        <div class="position-absolute d-flex flex-column gap-1" style="top: 8px; left: 0; z-index: 10; align-items: flex-start;">
1458                                        </div>
1459                                    </div>
1460                                    <div class="row-info pe-md-4 py-2 flex-grow-1 d-flex flex-column justify-content-center" style="min-width: 0; padding-left: 0;">
1461                                        
1462                                        <div class="d-flex align-items-center justify-content-between w-100 mb-1 gap-2">
1463                                            <h4 class="h5 fw-bold text-truncate mb-0 text-start flex-grow-1" style="color: #111827; margin-left: 0 !important;">#87 KIDBI: Christmas camp 2026</h4>
1464                                        </div>
1465
1466                                        
1467                                        <div class="d-flex justify-content-between align-items-center w-100 mb-2 gap-3" style="min-height: 28px;">
1468                                            <div class="flex-grow-1"></div> 
1469                                            <div class="d-none d-md-flex flex-shrink-0 align-items-center gap-3">
1470                                                <div class="price fw-bold mb-0" style="font-size: 1.15rem; color: #5a45ff;">
1471                                                    24500.0 <span class="fw-normal small" style="font-size: 0.85rem;">грн</span>
1472                                                </div>
1473                                                <a class="btn kidbi-btn-details" href="/event/87-tabir-v-karpatah-2026-77" style="">Детальніше</a>
1474                                            </div>
1475                                        </div>
1476                                        
1477                                        
1478                                        <div class="d-flex flex-column flex-md-row align-items-md-center w-100 gap-3">
1479                                            
1480                                            <div style="min-width: 130px;" class="d-flex align-items-center gap-1 small flex-shrink-0 text-muted">
1481                                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#ef4444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
1482                                                <span>Chevalier Panorama, вулиця Горішків, Яблуниця, Івано-Франківська область, Україна</span>
1483                                            </div>
1484
1485                                            <div class="text-center rounded flex-shrink-0" style="padding: 4px 14px; font-weight: 600; font-size: 0.85rem; background-color: #e2fceb; color: #166534;">
1486                                                <span>24 грудня</span> - <span>30 грудня</span>
1487                                            </div>
1488
1489                                            <div class="d-flex gap-2 d-none d-lg-flex kidbi-hide-scrollbar" style="overflow-x: auto; flex-wrap: nowrap; flex: 1 1 0; min-width: 0; padding-bottom: 2px;">
1490                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Лижі | сноуборд</span>
1491                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Soft skills</span>
1492                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Басейн</span>
1493                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🌐 Етика</span>
1494                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🎨 Творчість</span>
1495                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🏆 Лідерство</span>
1496                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🤝 Команда</span>
1497                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Зима</span>
1498                                                    <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Карпати</span>
1499                                            </div>
1500
1501                                            <div class="badge flex-shrink-0 d-none d-lg-flex align-items-center gap-1 shadow-sm ms-auto" style="background-color: #fef3c7; color: #92400e; font-size: 0.75rem; padding: 6px 10px; border-radius: 4px;">
1502                                                <i class="fa fa-users text-opacity-75" style="color: #92400e;"></i>
1503                                                <span>Залишилось 20 місць</span>
1504                                            </div>
1505
1506                                        </div>
1507                                    </div>
1508
1509                                    
1510                                    <div class="p-3 pt-0 d-md-none border-top w-100">
1511
1512                                        <div class="d-flex gap-2 mt-2 mb-2 kidbi-hide-scrollbar" style="overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px;">
1513                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Лижі | сноуборд</span>
1514                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Soft skills</span>
1515                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Басейн</span>
1516                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🌐 Етика</span>
1517                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🎨 Творчість</span>
1518                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🏆 Лідерство</span>
1519                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">🤝 Команда</span>
1520                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Зима</span>
1521                                                <span class="badge flex-shrink-0" style="font-weight: 500; font-size: 0.75rem; padding: 6px 10px; background-color: #f1f5f9; color: #475569;">Карпати</span>
1522                                        </div>
1523
1524                                        <div class="d-flex justify-content-between align-items-center mb-2">
1525                                            <div class="badge flex-shrink-0 align-items-center gap-1 shadow-sm" style="background-color: #fef3c7; color: #92400e; font-size: 0.75rem; padding: 6px 10px; border-radius: 4px;">
1526                                                <i class="fa fa-users text-opacity-75" style="color: #92400e;"></i>
1527                                                <span>Залишилось 20 місць</span>
1528                                            </div>
1529                                        </div>
1530
1531                                        <div class="d-flex justify-content-between align-items-center border-top pt-2 mt-1">
1532                                            <div class="price fw-bold" style="font-size: 1.15rem; color: #5a45ff;">
1533                                                24500.0 <span class="fw-normal small" style="font-size: 0.85rem;">грн</span>
1534                                            </div>
1535                                            <a class="btn kidbi-btn-details" href="/event/87-tabir-v-karpatah-2026-77" style="">Детальніше</a>
1536                                        </div>
1537                                    </div>
1538                                </div>
1539                            </div>
1540                    </section>
1541            </div>
1542        </div>
1543                        </div>
1544    <div id="o_wevent_index_sidebar" class="col-lg-4 ms-lg-3 ms-xl-5 my-5">
1545        <div class="o_wevent_sidebar_block">
1546            <h6 class="o_wevent_sidebar_title" style="text-align: center;"><font style="color: rgb(8, 82, 148);"><br/></font><br/></h6></div>
1547        <div id="oe_structure_website_event_about_us_1" class="oe_structure"><section id="register" class="registration-section-kidbi py-5 text-center o_colored_level pb0 o_half_screen_height pt0" style="background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: white; position: relative; background-image: linear-gradient(135deg, rgb(203, 94, 238) 0%, rgb(75, 225, 236) 100%);" data-oe-shape-data="{&#34;shape&#34;:&#34;web_editor/Airy/03_001&#34;,&#34;colors&#34;:{&#34;c5&#34;:&#34;#CED4DA&#34;},&#34;flip&#34;:[],&#34;animated&#34;:&#34;true&#34;}"><div class="o_we_shape o_web_editor_Airy_03_001 o_we_animated" style="background-image: url(&#34;/web_editor/shape/web_editor%2FAiry%2F03_001.svg?c5=%23CED4DA&#34;);"></div>
1548    <div class="o_container_small">
1549        <h2 class="display-5 mb-4 fw-bold" plerdy-tracking-id="79629847501"><span style="font-size: 24px;">Маєте запитання?</span></h2><section class="s_website_form o_colored_level pt0 pb0" data-vcss="001" data-snippet="s_website_form" style="background-image: none;" data-name="Кастомний Форма: Святецька"><div class="container" plerdy-tracking-id="83582038202"><form action="/website/form/" method="post" enctype="multipart/form-data" class="o_mark_required" data-mark="*" data-pre-fill="true" data-success-mode="redirect" data-success-page="/contactus-thank-you" data-model_name="crm.lead" data-gtm-form-interact-id="0"><div class="s_website_form_rows row s_col_no_bgcolor"><div data-visibility-condition="" data-visibility-between="" class="s_website_form_field mb-3 
1549col-12 s_website_form_model_required col-lg-10 offset-lg-1" data-type="tel" data-name="Field">
1550            
1551                <label class="s_website_form_label d-none" style="width: 0px" for="o1nth5kqcqu3">
1552                     
1553        
1554        <span class="s_website_form_label_content">Ім`я</span>
1555        
1556            <span class="s_website_form_mark">                   *</span>
1557        
1558    
1559                </label>
1560                
1561            <input type="tel" class="form-control s_website_form_input" name="name" required="true" value="" placeholder="Ім`я" id="o1nth5kqcqu3" data-fill-with="undefined"/>
1562        
1563                
1564
1565
1566        
1567        
1568        
1569    
1570            
1571        </div><div data-visibility-condition="" data-visibility-between="" class="s_website_form_field mb-3 col-12 col-lg-10 offset-lg-1" data-type="char" data-name="Field">
1572            
1573                <label class="s_website_form_label d-none" style="width: 0px" for="oc6ggaemmm2j">
1574                     
1575        
1576        <span class="s_website_form_label_content">Телефон</span>
1577        
1578            
1579        
1580    
1581                </label>
1582                
1583            <input type="text" class="form-control s_website_form_input" name="phone" value="" placeholder="Номер телефону" id="oc6ggaemmm2j" data-fill-with="undefined"/>
1584        
1585                
1586
1587
1588        
1589        
1590        
1591    
1592            
1593        </div><div class="mb-0 py-2 s_website_form_submit o_colored_level text-center s_website_form_no_submit_label col-lg-11 offset-lg-1" data-name="Submit Button" plerdy-tracking-id="56458902801" style="">
1594                        <div style="" class="s_website_form_label" plerdy-tracking-id="21853893501"></div>
1595                        <a href="#" role="button" class="s_website_form_send btn btn-fill-custom bg-o-color-4 rounded-circle btn-sm" data-bs-original-title="" title="" style="border-width: 0px; border-style: solid; color: rgb(8, 82, 148);" data-lt-tmp-id="lt-987010" spellcheck="false" data-gramm="false" plerdy-tracking-id="41384585801">✍️&nbsp; &nbsp; &nbsp; Отримати консультацію&nbsp;</a>&nbsp;<span id="s_website_form_result" class="text-danger ml8"></span>
1596    
1597                    <br/></div>
1598        
1599        
1600        
1601        <div class="s_website_form_field mb-3 col-12 s_website_form_dnone" data-name="Field">
1602            <div class="row s_col_no_resize s_col_no_bgcolor">
1603                <label class="col-form-label col-sm-auto s_website_form_label" style="width: 0px;" plerdy-tracking-id="76520659801">
1604                     
1605        
1606        <span class="s_website_form_label_content"></span>
1607        
1608            
1609        
1610    
1611                </label>
1612                <div class="col-sm">
1613                    
1614            <input type="hidden" class="form-control s_website_form_input" name="team_id" value="5" plerdy-tracking-id="48981095101"/>
1615        
1616                    
1617
1618
1619        
1620        
1621        
1622    
1623                </div>
1624            </div>
1625        </div>
1626    
1627    
1628        
1629        
1630        
1631        <div class="s_website_form_field mb-3 col-12 s_website_form_dnone" data-name="Field">
1632            <div class="row s_col_no_resize s_col_no_bgcolor">
1633                <label class="col-form-label col-sm-auto s_website_form_label" style="width: 0px;" plerdy-tracking-id="76520659802">
1634                     
1635        
1636        <span class="s_website_form_label_content"></span>
1637        
1638            
1639        
1640    
1641                </label>
1642                <div class="col-sm">
1643                    
1644            <input type="hidden" class="form-control s_website_form_input" name="user_id" value="11" plerdy-tracking-id="93898173001"/>
1645        
1646                    
1647
1648
1649        
1650        
1651        
1652    
1653                </div>
1654            </div>
1655        </div>
1656    
1657    
1658                </div>
1659            </form>​​​</div></section></div></section><section class="s_text_image o_colored_level pb0 pt0" data-snippet="s_text_image" data-name="Текст - Зображення" style="background-image: none;"><div class="container-fluid"><div class="row o_grid_mode" data-row-count="9" style="--grid-item-padding-y: 15px; --grid-item-padding-x: 15px;">
1660    
1661
1662    
1663
1664    
1665
1666    
1667
1668    
1669
1670    
1671
1672    
1673
1674    
1675
1676    
1677
1678    
1679
1680    
1681
1682    
1683
1684    
1685
1686    
1687
1688    
1689
1690    
1691
1692    
1693
1694    
1695
1696    
1697
1698    
1699
1700    
1701
1702    
1703
1704    
1705
1706    
1707<div class="o_colored_level o_grid_item g-col-lg-12 g-height-9 col-lg-12 rounded" style="grid-area: 1 / 1 / 10 / 13; z-index: 1; border-radius: 5px !important;">
1708                        <div class="card activity-card h-100 border-0 shadow-sm" style="background-color: #f8f9fa; color: #495057;">
1709                            <div class="card-body text-center p-3"><br/><img src="https://kidbi.com.ua/web/image/51023-07b8c27c/social-engagement_3977351.png" alt="" class="d-block mb-2 img img-fluid o_we_custom_image" style="width: 40px; height: 40px; margin: 0px auto;" data-original-id="51022" data-original-src="/web/image/51022-8cdd4010/social-engagement_3977351.png" data-mimetype="image/png" data-resize-width="512" data-bs-original-title="" title="" aria-describedby="tooltip364878" loading="lazy"/>
1710                                <p class="fw-bold" style="text-align: left;"><strong>Фантастичний табір на всі сезони -&nbsp;</strong><span style="font-weight: normal;">де народжуються спогади на все життя.&nbsp;Насолоджуйтесь емоціями та досягненями дитини - з вами найкращий бізнес табір України<br/><br/></span></p><div class="container"><div data-row-count="7" class="row o_grid_mode" style="--grid-item-padding-y: 15px; --grid-item-padding-x: 15px;">
1711    
1712<div style="z-index: 2; grid-area: 5 / 2 / 8 / 12;" class="o_colored_level o_grid_item g-col-lg-10 g-height-3 col-lg-10"><ul class="list-unstyled small"><li style="box-shadow: 0 2px 4px rgba(0,0,0,0.05); padding: 4px; border-radius: 4px; margin-bottom: 4px;" class="mb-1 d-flex"><i class="bi bi-check-circle-fill text-success me-2"></i>ТОП 5 таборів України</li>
1713                            <li style="box-shadow: 0 2px 4px rgba(0,0,0,0.05); padding: 4px; border-radius: 4px; margin-bottom: 4px;" class="mb-1 d-flex o_default_snippet_text"><i class="bi bi-check-circle-fill text-success me-2"></i>Падел-теніс&nbsp;</li><li style="box-shadow: 0 2px 4px rgba(0,0,0,0.05); padding: 4px; border-radius: 4px; margin-bottom: 4px;" class="mb-1 d-flex"><i class="bi bi-check-circle-fill text-success me-2"><br/></i>Басейн Starfit</li><li style="box-shadow: 0 2px 4px rgba(0,0,0,0.05); padding: 4px; border-radius: 4px; margin-bottom: 4px;" class="mb-1 d-flex o_default_snippet_text">
1714                            <i class="bi bi-check-circle-fill text-success me-2"></i>Екскурсія Львовом</li></ul></div></div>
1715        </div>
1716    <p></p><section data-name="Кастомний Форма реєстрації - компактна" data-anchor="true" id="form3" style="background-image: none;" data-snippet="sh_snippet_builder_ud_tmpl_45" class="sh_snippet_builder_section_user_defined o_colored_level">
1717            </section><p class="fw-bold" style="text-align: left;"><span style="font-weight: normal;">
1718    </span></p><div class="container"></div><p></p></div>
1719                        </div>
1720                    </div><div class="o_colored_level o_grid_item g-col-lg-10 g-height-3 col-lg-10" style="z-index: 2; grid-area: 6 / 2 / 9 / 12;">
1721                        <ul class="list-unstyled small">
1722                            <li class="mb-1 d-flex" style="box-shadow: 0 2px 4px rgba(0,0,0,0.05); padding: 4px; border-radius: 4px; margin-bottom: 4px;"><i class="bi bi-check-circle-fill text-success me-2"></i>Дітям <strong>&nbsp;8–17</strong>&nbsp;років</li>
1723                            <li class="mb-1 d-flex" style="box-shadow: 0 2px 4px rgba(0,0,0,0.05); padding: 4px; border-radius: 4px; margin-bottom: 4px;"><i class="bi bi-check-circle-fill text-success me-2"></i><strong>ТОП 5</strong> таборів України</li><li class="mb-1 d-flex" style="box-shadow: 0 2px 4px rgba(0,0,0,0.05); padding: 4px; border-radius: 4px; margin-bottom: 4px;"><i class="bi bi-check-circle-fill text-success me-2"><br/></i>Україна та за кордон</li><li class="mb-1 d-flex" style="box-shadow: 0 2px 4px rgba(0,0,0,0.05); padding: 4px; border-radius: 4px; margin-bottom: 4px;">
1724                            <i class="bi bi-check-circle-fill text-success me-2"></i>Всі сезони Літо | Осінь |&nbsp;Зима&nbsp;|&nbsp;Весна</li></ul></div></div>
1725        </div>
1726    </section><section class="sh_snippet_builder_section_user_defined o_colored_level" data-snippet="sh_snippet_builder_ud_tmpl_39" style="background-image: none;" data-name="HERO Блок новий">
1727            
1728                </section><section class="sh_snippet_builder_section_user_defined o_colored_level" data-snippet="sh_snippet_builder_ud_tmpl_45" style="background-image: none;" id="form3" data-anchor="true" data-name="Кастомний Форма реєстрації - компактна">
1729            </section></div>
1730        <h6 class="o_wevent_sidebar_title">Фотографії</h6>
1731        <a href="/event" class="">
1732            <figure class="o_wevent_sidebar_block o_wevent_sidebar_figure figure">
1733                <img src="https://kidbi.com.ua/web/image/51027-4b9b52d3/KBI02433.JPG" alt="" class="figure-img img-fluid rounded img o_we_custom_image" data-original-id="45026" data-original-src="/web/image/45026-be92f4e2/KBI02433.JPG" data-mimetype="image/jpeg" data-resize-width="690" data-bs-original-title="" title="" aria-describedby="tooltip221348" loading="lazy" style=""/>
1734                <figcaption class="figure-caption">Сімейний день в ТРЦ "Gulliver"</figcaption>
1735            </figure>
1736        </a>
1737        <a href="/event" class="">
1738            <figure class="o_wevent_sidebar_block o_wevent_sidebar_figure figure">
1739                <img src="https://kidbi.com.ua/web/image/51028-d4f5ad0f/a1e2398b-b189-4a10-b586-0b8e32fadafd.jpeg" alt="" class="figure-img img-fluid rounded img o_we_custom_image" data-original-id="44994" data-original-src="/web/image/44994-5580f9fb/a1e2398b-b189-4a10-b586-0b8e32fadafd.jpeg" data-mimetype="image/jpeg" data-resize-width="690" loading="lazy" style=""/>
1740                <figcaption class="figure-caption">Apple Campus&nbsp;</figcaption>
1741            </figure>
1742        </a></div>
1743                    </div>
1744                </div>
1745            </div>
1746
1747            <div id="oe_structure_we_index_2" class="oe_structure oe_empty" data-editor-message-default="true" data-editor-message="ПЕРЕТЯГНІТЬ СЮДИ БЛОКИ" data-lt-tmp-id="lt-343107" spellcheck="false" data-gramm="false"></div></div>
1748
1749    
1750                </main>
1751                <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc ">
1752                    <div id="footer" class="oe_structure oe_structure_solo" style="">
1753            <section class="s_text_block pt40 pb16" data-snippet="s_text_block" data-name="Text" style="background-image: none;">
1754                <div class="container">
1755                    <div class="row">
1756                        <div class="col-lg-2 pt24 pb24 o_colored_level">
1757                            <h5 class="mb-3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Корисні посилання</font></font></font></font></h5>
1758                            <ul class="list-unstyled">
1759                                <li><lt-highlighter style="display: none; z-index: auto !important;" data-lt-linked="1"><lt-div spellcheck="false" class="lt-highlighter__wrapper" style="width: 60.5833px !important; height: 21.3333px !important; transform: none !important; transform-origin: 0px 0px !important; zoom: 1 !important; margin-top: 1.33334px !important;"><lt-div class="lt-highlighter__scroll-element" style="top: 0px !important; left: 0px !important; width: 60.5833px !important; height: 21px !important;"></lt-div></lt-div></lt-highlighter><a href="/" data-lt-tmp-id="lt-304850" spellcheck="false" data-gramm="false" data-bs-original-title="" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Головна</font></font></font></font></a><a href="#"></a></li><li>
1760                                    <lt-highlighter style="display: none; z-index: auto !important;" data-lt-linked="1"><lt-div spellcheck="false" class="lt-highlighter__wrapper" style="width: 87.5625px !important; height: 45.3333px !important; transform: none !important; transform-origin: 0px 0px !important; zoom: 1 !important; margin-top: 1.33334px !important;"><lt-div class="lt-highlighter__scroll-element" style="top: 0px !important; left: 0px !important; width: 87.5625px !important; height: 45px !important;"></lt-div></lt-div></lt-highlighter><a href="/privacy" data-lt-tmp-id="lt-179841" spellcheck="false" data-gramm="false" data-bs-original-title="" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Політика приватності</font></font></font></font></a>
1761                                </li>
1762                                <li><a href="/contactus"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Зв'яжіться з нами</font></font></font></font></a></li>
1763                            </ul>
1764                        </div>
1765                        <div class="col-lg-5 pt24 pb24 o_colored_level">
1766                            <h5 class="mb-3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Про нас</font></font></font></font><br/></h5>
1767                            <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><strong>KIDBI</strong> — дитячий та підлітковий табір, де народжуються спогади на все життя. Ми створюємо безпечне, активне та натхненне середовище для дітей і підлітків, поєднуючи відпочинок, розвиток і командну взаємодію.</font></font></font></font></p><p>Програма KIDBI базується на сильному менторстві, лідерстві та роботі в команді: командні ігри, підтримка тренерів, система мотивації, правила команди, турбота про емоційний стан дитини та увага до деталей.</p><p>
1768</p><p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ми організовуємо <strong>літні, зимові та весняні дитячі табори</strong>, а також <strong>табори за кордоном</strong>, зокрема в Європі. KIDBI — це нові друзі, розвиток самостійності, активний відпочинок і справжні емоції, які залишаються з дитиною надовго.</font></font></font></font></p><p>​<strong><font class="text-gradient" style="background-image: linear-gradient(135deg, rgb(47, 128, 237) 0%, rgb(178, 255, 218) 100%);">Підпишіться, щоб отримувати&nbsp;анонси майбутніх змін та акційних програм</font></strong><br/></p><div class="s_newsletter_subscribe_form s_newsletter_list js_subscribe" data-vxml="001" data-list-id="3" data-name="Інформаційний бюлетень" data-snippet="s_newsletter_subscribe_form">
1769        <div class="input-group">
1770            <input type="email" name="email" class="js_subscribe_value form-control" placeholder="ваш email..."/>
1771            <a role="button" href="#" class="btn btn-primary js_subscribe_btn o_submit o_default_snippet_text">Підписатися</a>
1772            <a role="button" href="#" class="btn btn-success js_subscribed_btn d-none o_submit o_default_snippet_text" disabled="disabled">Дякуємо</a>
1773        </div>
1774    </div><section class="s_embed_code pt64 pb64 text-center" data-snippet="s_embed_code" data-name="Код для влаштування">
1775        <div class="s_embed_code_embedded container o_not_editable" contenteditable="false"></div>
1776    </section>
1777                        </div>
1778                        <div id="connect" class="col-lg-4 offset-lg-1 pt24 pb24 o_colored_level" style="">
1779                            <h5 class="mb-3"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Зв'яжіться з нами</font></font></font></font></h5>
1780                            <ul class="list-unstyled">
1781                                <li><i class="fa fa-comment fa-fw me-2"></i><span><a href="/contactus"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Зв'яжіться з нами</font></font></font></font></a></span></li>
1782                                <li><i class="fa fa-envelope fa-fw me-2"></i><span><lt-highlighter style="display: none; z-index: 1 !important;" data-lt-linked="1"><lt-div spellcheck="false" class="lt-highlighter__wrapper" style="width: 235.99px !important; height: 24px !important; transform: none !important; transform-origin: 117.995px 12px !important; zoom: 1 !important; margin-top: -3.5e-06px !important; margin-left: 28.5625px !important;"><lt-div class="lt-highlighter__scroll-element" style="top: 0px !important; left: 0px !important; width: 241px !important; height: 29px !important;"></lt-div></lt-div><lt-div spellcheck="false" class="lt-highlighter__wrapper" style="width: 131.812px !important; height: 21.3333px !important; transform: none !important; transform-origin: 0px 0px !important; zoom: 1 !important; margin-left: 28.5625px !important; margin-top: -22.6668px !important;"><lt-div class="lt-highlighter__scroll-element" style="top: 0px !important; left: 0px !important; width: 131.812px !important; height: 21px !important;"></lt-div></lt-div></lt-highlighter><lt-highlighter style="display: none; z-index: auto !important;" data-lt-linked="1"></lt-highlighter><a href="/cdn-cgi/l/email-protection#81e8efe7eec1eae8e5e3e8afe2eeecaff4e0" data-bs-original-title="" title="" data-lt-tmp-id="lt-9837" spellcheck="false" data-gramm="false"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><span class="__cf_email__" data-cfemail="d5bcbbb3ba95bebcb1b7bcfbb6bab8fba0b4">[email&#160;protected]</span></font></font></font></font></a></span></li>
1783                                <li><i class="fa fa-phone fa-fw me-2"></i><span class="o_force_ltr"><lt-highlighter style="display: none; z-index: auto !important;" data-lt-linked="1"><lt-div spellcheck="false" class="lt-highlighter__wrapper" style="width: 139.271px !important; height: 21.3333px !important; transform: none !important; transform-origin: 0px 0px !important; zoom: 1 !important; margin-left: 28.5625px !important; margin-top: 1.33334px !important;"><lt-div class="lt-highlighter__scroll-element" style="top: 0px !important; left: 0px !important; width: 139px !important; height: 21px !important;"></lt-div></lt-div></lt-highlighter><a href="tel:+38 (098) 161-0101" data-lt-tmp-id="lt-944160" spellcheck="false" data-gramm="false" data-bs-original-title="" title=""><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">+38 (098) 161-0101</font></font></font></font></a></span></li>
1784                            </ul><br/><a class="btn btn-fill-custom text-white rounded-circle" href="https://www.instagram.com/kidbi.official/" target="_blank" data-bs-original-title="" title="" style="border-width: 1px; border-style: solid; background-color: rgb(165, 74, 123);">​​​​Instagram</a>&nbsp;<a class="btn btn-fill-custom text-white rounded-circle" href="https://t.me/+AOQ9owE99jphNzBi" style="border-width: 1px; border-style: solid;
1784 background-color: rgb(57, 132, 198);" data-bs-original-title="" title="">​​Telegram</a>&nbsp;<br/><br/><a class="btn btn-fill-custom rounded-circle" href="/kidbi-corporate-programs" style="border-width: 1px; border-style: solid; background-color: rgb(239, 198, 49);" data-bs-original-title="" title="">Пропозиції для компаній</a><br/>
1785                        </div>
1786                    </div>
1787                </div>
1788            </section>
1789        </div>
1790    <div class="o_footer_copyright o_colored_level o_cc" data-name="Copyright">
1791                        <div class="container py-3">
1792                            <div class="row">
1793                                <div class="col-sm text-center text-sm-start text-muted">
1794                                    <span class="o_footer_copyright_name me-2">Copyright 
1795<b style="font-weight: 500;color: rgb(255, 255, 255);font-size: 16px;font-style: normal;background-color: rgb(33, 33, 33)">©&nbsp;</b>KIDBI 2023</span>
1796        
1797        
1798                                </div>
1799                                <div class="col-sm text-center text-sm-end o_not_editable">
1800        <div class="o_brand_promotion">
1801    
1802        </div>
1803                                </div>
1804                            </div>
1805                        </div>
1806                    </div>
1807                </footer>
1808        <div id="website_cookies_bar" class="s_popup o_snippet_invisible o_no_save d-none" data-name="Cookies Bar" data-vcss="001" data-invisible="1" style="">
1809            <div class="modal modal_shown o_cookies_discrete s_popup_bottom s_popup_no_backdrop" data-show-after="500" data-display="afterDelay" data-consents-duration="999" data-bs-focus="false" data-bs-backdrop="false" data-bs-keyboard="false" tabindex="-1" style="display: none;" plerdy-tracking-id="28787983801" aria-hidden="true">
1810                <div class="modal-dialog d-flex s_popup_size_full">
1811                    <div class="modal-content oe_structure"><section class="o_colored_level o_cc o_cc1" style="background-image: none;">
1812            <div class="container">
1813                <div class="row">
1814                    <div class="text-end pt16 pb16 o_colored_level col-lg-4">
1815                        <a href="#" id="cookies-consent-essential" role="button" class="js_close_popup btn btn-outline-primary rounded-circle btn-sm px-2" plerdy-tracking-id="87885021601">Тільки найнеобхідніше</a>
1816                        <a href="#" id="cookies-consent-all" role="button" class="js_close_popup btn btn-outline-primary rounded-circle btn-sm" data-bs-original-title="" title="" plerdy-tracking-id="83559494701">Я погоджуюсь</a>
1817                    </div><div class="pt16 o_colored_level col-lg-7">
1818                        <p>
1819                            <span class="pe-1">Ми використовуємо файли cookie, щоб забезпечити&nbsp; вам кращий досвід роботи з цим веб-сайтом.</span>
1820                            <a href="/cookie-policy" class="o_cookies_bar_text_policy btn btn-link btn-sm px-0" plerdy-tracking-id="52618228101">Політика cookie</a>
1821                        </p>
1822                    </div>
1823                    
1824                </div>
1825            </div>
1826        </section></div>
1827                </div>
1828            </div>
1829        </div>
1830            </div>
1831            
1832            <div class="modal fade" id="modalLeadRegistration" tabindex="-1" aria-labelledby="modalLeadRegistrationLabel" aria-hidden="true">
1833                <div class="modal-dialog modal-dialog-centered">
1834                    <div class="modal-content" style="border-radius: 20px; border: none; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);">
1835                        <div class="modal-header d-flex justify-content-between align-items-start pb-0" style="background: #ffffff; border-bottom: none; padding: 32px 32px 16px;">
1836                            <h4 class="modal-title fw-bold" id="modalLeadRegistrationLabel" style="color: #0f172a; font-size: 1.75rem; line-height: 1.2;">
1837                                Готові до пригод? <br/>
1838                                <span style="color: #5A45FF;">Зареєструйтеся зараз! 🚀</span>
1839                            </h4>
1840                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1841                        </div>
1842                        <div class="modal-body" style="padding: 24px 32px 32px; background: #ffffff;">
1843                            <section class="s_website_form" data-snippet="s_website_form">
1844                                <form action="/website/form/" method="post" enctype="multipart/form-data" class="o_mark_required" data-mark="*" data-pre-fill="true" data-success-mode="redirect" data-success-page="/contactus-thank-you" data-model_name="crm.lead" data-gtm-form-interact-id="0">
1845                                    <input type="hidden" name="csrf_token" value="09ab999eb3c6045fa4b20fd3234a583faeca2424o1823037082"/>
1846                                    
1847                                    <div class="s_website_form_rows row s_col_no_bgcolor">
1848                                        
1849                                        
1850                                        
1851                                        <div class="col-12 mb-3 s_website_form_field s_website_form_required" data-type="char" data-name="Field">
1852                                        <label class="s_website_form_label form-label mb-2 fw-bold" style="color: #374151; font-size: 0.95rem;">Ваше ім'я та прізвище *</label>
1853                                        <input type="text" class="form-control s_website_form_input" name="contact_name" required="1" placeholder="Ваше ім&#39;я" style="background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 16px; font-size: 1rem;"/>
1854                                    </div>
1855                                    
1856                                    
1857                                    <div class="col-12 mb-3 s_website_form_field s_website_form_required" data-type="tel" data-name="Field">
1858                                        <label class="s_website_form_label form-label mb-2 fw-bold" style="color: #374151; font-size: 0.95rem;">Номер телефону *</label>
1859                                        <input type="tel" class="form-control s_website_form_input" name="phone" required="1" placeholder="+380..." style="background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 16px; font-size: 1rem;"/>
1860                                    </div>
1861                                    
1862                                    
1863                                    <div class="col-12 mb-3 s_website_form_field s_website_form_required" data-type="email" data-name="Field">
1864                                        <label class="s_website_form_label form-label mb-2 fw-bold" style="color: #374151; font-size: 0.95rem;">Email *</label>
1865                                        <input type="email" class="form-control s_website_form_input" name="email_from" required="1" placeholder="[email protected]" style="background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 16px; font-size: 1rem;"/>
1866                                    </div>
1867                                    
1868                                    
1869                                    <div class="col-12 mb-4 s_website_form_field s_website_form_model_required" data-type="char" data-name="Field">
1870                                        <label class="s_website_form_label form-label mb-2 fw-bold" style="color: #374151; font-size: 0.95rem;">Ім'я та вік дитини *</label>
1871                                        <input type="text" class="form-control s_website_form_input" name="name" required="1" placeholder="Наприклад: Олексій, 10 років" style="background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 16px; font-size: 1rem;"/>
1872                                    </div>
1873                                    
1874                                    <div class="col-12 mb-0 py-2 s_website_form_submit" data-name="Submit Button">
1875                                        <div style="" class="s_website_form_label"></div>
1876                                        <a href="#" role="button" class="btn btn-primary w-100 s_website_form_send" style="background: #5A45FF; border: none; border-radius: 14px; padding: 16px; font-weight: 700; font-size: 1.1rem; box-shadow: 0 8px 24px rgba(90, 69, 255, 0.3); transition: all 0.2s ease; display: inline-block; text-align: center; color: #ffffff;">
1877                                            Надіслати заявку <i class="fa fa-paper-plane ms-2"></i>
1878                                        </a>
1879                                        <span id="s_website_form_result"></span>
1880                                    </div>
1881                                </div>
1882                                </form>
1883                            </section>
1884                        </div>
1885                    </div>
1886                </div>
1887            </div>
vendor: 134 bytes, lines 1887-1889
1887
1888            
1889            <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1889<script type="2270e16a5b61c1f7d6b4dd1d-text/javascript">
1890                document.addEventListener('DOMContentLoaded', function() {
1891                    var eventIdMatch = window.location.pathname.match(/-(\d+)(?:\?|$)/) || window.location.pathname.match(/\/(\d+)$/);
1892                    if (eventIdMatch && window.location.pathname.includes('/event/')) {
1893                        var form = document.querySelector('#modalLeadRegistration form');
1894                        if (form) {
1895                            var input = document.createElement('input');
1896                            input.type = 'hidden';
1897                            input.name = 'x_bazhana_zmina';
1898                            input.value = eventIdMatch[1];
1899                            input.className = 'form-control s_website_form_input';
1900                            var container = document.createElement('div');
1901                            container.className = 'd-none s_website_form_field';
1902                            container.setAttribute('data-type', 'char');
1903                            container.setAttribute('data-name', 'Field');
1904                            container.appendChild(input);
1905                            var rows = form.querySelector('.s_website_form_rows');
1906                            if (rows) {
1907                                rows.insertBefore(container, rows.firstChild);
1908                            }
1909                        }
1910                    }
1911                });
1912            </script>
1912
1913        <!-- 
1914
1915<link rel="stylesheet" href="/website/static/src/css/lazy.css?v=2" media="print" onload="this.media='all'"> -->
vendor: 152 bytes, lines 1915-1917
1915
1916
1917        <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="2270e16a5b61c1f7d6b4dd1d-|49" defer></script>
1917<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"c8f686fb00704c88993c6cd78498ca44","r":1,"spa":2}' crossorigin="anonymous"></script>
1917
1918</body>
1919</html>

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.