<!--::result::time::10:50:40::App\Service\Components\Header\H04::-->
<!--::result::time::10:50:40::work: 0.0071 s::App\Service\Components\Header\H04::-->
<!--::result::time::10:50:40::App\Service\Components\Header\H03::-->
<!--::result::time::10:50:40::work: 0.013 s::App\Service\Components\Header\H03::-->
<!--::result::time::10:50:40::App\Service\Components\Header\L01::-->
<!--::result::time::10:50:40::work: 0.0457 s::App\Service\Components\Header\L01::-->
<!--::result::time::10:50:40::App\Service\Components\Header\H09::-->
<!--::result::time::10:50:40::work: 0.0161 s::App\Service\Components\Header\H09::-->
<!--::result::time::10:50:40::App\Service\Components\Header\H10::-->
<!--::result::time::10:50:40::work: 0.0107 s::App\Service\Components\Header\H10::-->
<!--::result::time::10:50:40::App\Service\Components\Text\T04::-->
<!--::result::time::10:50:40::work: 0.001 s::App\Service\Components\Text\T04::-->
<!--::result::time::10:50:40::App\Service\Components\Text\T01::-->
<!--::result::time::10:50:40::work: 0.0009 s::App\Service\Components\Text\T01::-->
<!--::result::time::10:50:40::App\Service\Components\News\N14::-->
<!--::result::time::10:50:40::work: 0.0638 s::App\Service\Components\News\N14::-->
<!--::result::time::10:50:40::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0.0031 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4517,4548,4549,4550,4551,4552::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.002 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.0036 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.011 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.0224 s::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::App\Service\Components\News\N02::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4547::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 8::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.0167 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.0029 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 8 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.0157 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.0381 s::App\Service\Components\News\N02::-->
<!--::result::time::10:50:40::App\Service\Components\News\N14::-->
<!--::result::time::10:50:40::work: 0.0613 s::App\Service\Components\News\N14::-->
<!--::result::time::10:50:40::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4561::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.0006 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.0042 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.0083 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.0146 s::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4562::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.0009 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.0036 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.0089 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.0149 s::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0.0036 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4529,4530,4531,4532,4533,4534,4535,4572::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.0039 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.0026 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.0096 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.0204 s::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4563::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.0006 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.0033 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.008 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.013 s::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4564::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.0007 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.0044 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.0078 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.0141 s::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4534::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.0006 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.0034 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.0088 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.0137 s::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4565::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.0006 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.0031 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.0078 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.0125 s::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4570::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.0019 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.0022 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.0072 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.0125 s::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0.002 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4521,4522,4523,4524::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 2::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.0024 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.002 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 2 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.0039 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.0112 s::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::getChildsMapIds work: 0.0017 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work category: 4525,4526,4527,4528::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work count: 2::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::SELECT work: 0.0034 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::POST work: 0.0013 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::count work: 2 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::foreach work: 0.0041 s::getPagesByCategoryLimit::-->
<!--::result::time::10:50:40::work: 0.0114 s::App\Service\Components\News\N01::-->
<!--::result::time::10:50:40::work: 0.4484 s::-->
<!--::result::time::10:50:40::render work: 0.0352 s::-->
<!DOCTYPE html>
<html class="default-style" lang="ua">
    <head>
        <meta charset="UTF-8">
                <title>www.uacenter.media</title>

        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="preconnect" href="https://cdn.ukraine-inform.com" />
        <script>
            var thumb_url = "https://media.ukraine-inform.com/thumb/thumb.php";
        </script>
        
        <style>
            @import url('https://fonts.googleapis.com/css?family=Marck Script&display=swap&subset=cyrillic');
            .navbar .navbar-nav .nav-link {
                font-size: 14px;
            }
            .preloader-page {
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: #f5f5f5;
                z-index: 999999;
                padding: 15px;
            }
            .hpp {
                width: 100%;
                height: 20%;
                background: #fff;
                margin-bottom: 15px;
                position: relative;
            }
            .bpp {
                width: calc(80% - 15px);
                height: 60%;
                background: #fff;
                float: left;
                margin-right: 15px;
                margin-bottom: 15px;
            }
            .blpp {
                width: 20%;
                height: 60%;
                background: #fff;
                float: right;
            }
            .bbpp {
                width: 100%;
                height: 20%;
                background: #fff;
                margin-bottom: 15px;
            }
            .search-item {
                position: relative;
            }
            .form-search {
                position: absolute;
                display: none;
                min-width: 340px;
                right: 0;
                z-index: 9999999;
                background: #fff;
                padding: 5px;
                border-bottom: 2px solid #155c92;
                box-shadow: 0 0 4px #00000061;
            }
            .form-search input {
                display: inline-block;
                width: 249px;
                padding: 5px 10px;
                background: #fff;
                border: 0;
                height: auto;
                line-height: 1;
                min-height: auto;
                font-size: 14px;
            }
            .form-search button {
                display: inline-block;
                margin: 0;
                width: 70px;
                padding: 5px 0px;
                font-size: 14px;
            }
            .form-search button:hover {
                cursor: pointer;
                opacity: 0.8;
            }
            a:hover {
                text-decoration: none;
            }
        </style>
        <link rel="stylesheet" href="https://cdn.ukraine-inform.com/app.d7656b1e.css">
        <!--<link rel="stylesheet" href="https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.css">
        <link rel="stylesheet" href="/widjets/assets/bootstrap/css/bootstrap.min.css">

        <link rel="stylesheet" href="/widjets/assets/bootstrap/css/bootstrap-grid.min.css">
        <link rel="stylesheet" href="/widjets/assets/bootstrap/css/bootstrap-reboot.min.css">
        <link rel="stylesheet" href="/admin/vendor/fonts/fontawesome.css">
        <link rel="stylesheet" href="/widjets/assets/material-icons.css">
        <link rel="stylesheet" href="/widjets/assets/dropdown/css/style.css">
        <link rel="stylesheet" href="/widjets/assets/mobirise/css/mbr-additional.css" type="text/css">

        <link rel="stylesheet" href="/widjets/assets/theme/css/style.css">
-->

        <!--<link rel="stylesheet" href="/admin/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">-->
        <link rel="stylesheet" href="/assets-param/style/font">
        <link rel="stylesheet" href="/assets-param/style/option">
                
        
                <style>
            .row-k-width-2365-0 {width:95%}
.row-k-style-2365-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-2365-1 {width:95%}
.row-k-style-2365-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-2365-2 {width:95%}
.row-k-style-2365-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-2365-3 {width:95%}
.row-k-style-2365-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-2365-4 {width:95%}
.row-k-style-2365-4 {background: linear-gradient(#00a6e3,#00a6e3)}
.row-k-width-2365-5 {width:95%}
.row-k-style-2365-5 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-0 {width:95%}
.row-k-style-2366-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-1 {width:95%}
.row-k-style-2366-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-2 {width:95%}
.row-k-style-2366-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-3 {width:95%}
.row-k-style-2366-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-4 {width:95%}
.row-k-style-2366-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-5 {width:95%}
.row-k-style-2366-5 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-6 {width:95%}
.row-k-style-2366-6 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-7 {width:95%}
.row-k-style-2366-7 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-8 {width:95%}
.row-k-style-2366-8 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-9 {width:95%}
.row-k-style-2366-9 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-10 {width:95%}
.row-k-style-2366-10 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-11 {width:95%}
.row-k-style-2366-11 {background: linear-gradient(#fff,#fff)}
.row-k-width-2366-12 {width:95%}
.row-k-style-2366-12 {background: linear-gradient(#fff,#fff)}

        </style>
                <style>
            .row-k-style {
                transition: all 0.3s ease;
            }
            .row-k-style.fixed-menu-bar {
                position: fixed;
                z-index: 9999;
                width: 100%;
                top: 0;
                padding: 5px;
                box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
            }
        </style>
    
                    <link href="https://cdn.jsdelivr.net/npm/video.js@6.6.2/dist/video-js.css" rel="stylesheet">
            <link href="https://cdn.jsdelivr.net/npm/vue-video-player@5.0.0/src/custom-theme.css" rel="stylesheet">
            <link href="https://unpkg.com/vue-slick-carousel@1.0.6/dist/vue-slick-carousel.css" rel="stylesheet">
            <link href="https://unpkg.com/vue-slick-carousel@1.0.6/dist/vue-slick-carousel-theme.css" rel="stylesheet">
            <link href="https://cdn.ukraine-inform.com/assets/video/videojs-vtt-thumbnails.css" rel="stylesheet">
                                                                		            <link rel="preload" href="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.01.2023/1ab12897cc96bb765b4cbd7c8868bdce.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Ярослав КРЕСЛОВ, патріотичний волонтер ЗСУ, ремонтує бойові автівки">
			<meta property="og:description" content="В умовах війни, що триває вже більше ніж пів року, кожен українець усіма можливими й, інколи здавалося б не доступними способами, намагається допомогти нашим бійцям та підтримати їх у боротьбі з окупантом. Серед таких героїв тилу варто виділити й Креслова Ярослава – звичайного майстра з невеличкого села,...">
			<meta property="og:url" content="https://dnipro-inform.com">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.01.2023/1ab12897cc96bb765b4cbd7c8868bdce.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.01.2023/1ab12897cc96bb765b4cbd7c8868bdce.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="www.uacenter.media">
			<link rel="canonical" href="https://ukraine-inform.com/news-suspilstvo-blagodiynist/120454-yaroslav-kreslov---patr-otichniy-volonter-dopomaga-zsu-z-remontom-boyovih-avt-vok.html"/>
            
            </head>
    <body>
   <!-- <div class="preloader-page">
        <div class="hpp"></div>
        <div class="bpp"></div>
        <div class="blpp"></div>
        <div style="clear: both"></div>
        <div class="bbpp"></div>
    </div>-->
                                <section class=" row-k-style-2365-0 row-k-style" id="row-k-style-2365-0">
            <div class="row-k-width-2365-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 disable-cont no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2365-1 row-k-style" id="row-k-style-2365-1">
            <div class="row-k-width-2365-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-6 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--4752.logo-box {
        display: block;
    }
    </style>
<a class="widjetComponent--4752 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.10.2022/0375faa779f2f41bef1c087484938221.jpeg&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.10.2022/0375faa779f2f41bef1c087484938221.jpeg&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.10.2022/0375faa779f2f41bef1c087484938221.jpeg&size=<<340 340w">
        </a>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-5 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4745.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--4745 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--4745.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--4745.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--4745.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--4745 .navbar .navbar-nav .nav-link {
        font-size: 10px;
        color: #000;
    }
    .widjetComponent--4745 .open-search {
        color: #000;
    }
     #navbarSupportedContent4745 .sub-menu {
         display: none;
     }
    #navbarSupportedContent4745 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent4745 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent4745 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent4745 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--4745" once="menu" id="menu4745-6" data-rv-view="756">
    <nav class="navbar navbar-expand beta-menu align-items-center navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent4745"
                aria-controls="navbarSupportedContent4745" aria-expanded="false" aria-label="Toggle navigation">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent4745">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/115899-rada-forumu">Команда</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/116035-kontakti">Контакти</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/video">Строкаті світлини</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/">Блоги</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/users">Автори новин</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/auth/login">Увійти</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/auth/register">Зареєструватися</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-1 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4751 {
        padding-top: 15px;
    }
    .widjetComponent--4751 select {
        height: 40px;
        min-width: 60px;
        text-align: center;
    }
</style>
<section class="widjet-component-inner widjetComponent--4751" style="">
    <select class="sel-locale" id="sel-locale-4751">
                                                                    <option value="/"
                        selected>UA</option>
                                            <option value="/en/"
                    >EN</option>
                                            <option value="/pl/"
                    >PL</option>
                        </select>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(document).ready(function() {
            $('#sel-locale-4751').on('change', function() {
                var url = $(this).val();
                if (url) {
                    window.location = url;
                }
                return false;
            });
        });
    });

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2365-2 row-k-style" id="row-k-style-2365-2">
            <div class="row-k-width-2365-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-height no-height disable-cont no-height no-padding">
                                <div class="content-inner">
                                                                            
<style>
    .widjetComponent--4736 .navbar {
        padding: 0;
    }
    .widjetComponent--4736 .nav-dropdown .link {
        margin: 0;
    }
    .widjetComponent--4736 .navbar-toggleable-sm .navbar-collapse {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .widjetComponent--4736 {
        background: #00a6e3;
    }

    .widjetComponent--4736 .nav-dropdown>li>a:hover:after {
        left: 0;
        right: 0;
        width: auto;
        opacity: 1;
    }
    .widjetComponent--4736 .nav-dropdown>li>a:before {
        content: '';
        width: 100%;
        height: 0;
        display: inline-block;
        position: absolute;
        background: #57c7f0;
        top: 0;
        right: 0;
        z-index: -1;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

    .widjetComponent--4736 .nav-dropdown .link.dropdown-toggle::after {
        margin-left: 0;
        border: 0;
    }
    .widjetComponent--4736 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--4736 .nav-dropdown>li>a {
        padding: 15px 15px 15px 15px;
        color: #ffffff;
        position: relative;
        font-size: 16px;
        border-right: 1px solid #46637e;
    }
    .widjetComponent--4736 .navbar-toggleable-sm .navbar-nav .nav-link:hover,
    .widjetComponent--4736 .nav-dropdown>li>a:hover {
        padding: 15px 15px 15px 15px;
        color: #9ed8ff;
    }

    .widjetComponent--4736 .navbar-toggleable-sm .navbar-nav .dropdown .nav-link:hover,
    .widjetComponent--4736 .navbar-toggleable-sm .navbar-nav .dropdown .nav-link,
    .widjetComponent--4736 .nav-dropdown>li.dropdown>a:hover,
    .widjetComponent--4736 .nav-dropdown>li.dropdown>a {
        padding-right: 41px;
    }

    .widjetComponent--4736 .nav-dropdown>li.nav-item.dropdown:after {
        content: "\e5cf";
        font-family: 'Material Icons';
        font-size: 20px;
        position: absolute;
        top: 50%;
        right: 0;
        margin: -8px 15px 0 0;
        line-height: 0.8em;
        display: inline-block;
        color: #ffffff;
    }

    .widjetComponent--4736 .dropdown.open .dropdown-menu {
        display: block;
        padding: 0;
        border-top: 3px solid #00a6e3;
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    }
    .widjetComponent--4736 .dropdown .dropdown-menu .dropdown-item {
        background: #50a4c2;
        padding: 5px 10px;
        font-size: 14px;
        color: #ffffff;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-bottom: 1px solid #ededed;
    }
    .widjetComponent--4736 .dropdown .dropdown-menu .dropdown-item:hover {
        background: #00a6e3;
        color: #ffc2c2;
    }
</style>
<section class="menu widjetComponent--4736">
    <nav class="navbar navbar-expand navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent4736"
                aria-controls="navbarSupportedContent4736" aria-expanded="false" aria-label="Toggle navigation">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent4736">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                                                                                        <a class="nav-link link" href="/news-ukraine-and-worlds">Новини України та світу</a>
                                                                                                                                                                                                <a class="nav-link link" href="/russian-invasion-of-ukraine">Агресія Росії в Україні</a>
                                                                                                                                                                                                <a class="nav-link link" href="/poland-and-ukraine-realities-and-prospects">Польща й Україна: реалії і перспективи</a>
                                                                                                                                                                                                <a class="nav-link link" href="/grimaces-of-the-russian-peace">Гримаси «русского міра»</a>
                                                                                                                                    <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-suspilstvo"
                               data-toggle="dropdown-submenu" aria-expanded="false">Культура. Історія. Релігія</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-suspilstvo-events">Події</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-religion">Релігія</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-culture">Культура</a>
                                                                    <a class="dropdown-item" href="/history">Історія</a>
                                                            </div>
                        </li>
                                                                                                                                            <a class="nav-link link" href="/human-destinies">Долі людські</a>
                                                                                                    </ul>
        </div>
    </nav>
</section>
                                                                            <style>
    .widjetComponent--4758 .navbar {
        padding: 0;
    }
    .widjetComponent--4758 .nav-dropdown .link {
        margin: 0;
    }
    .widjetComponent--4758 .navbar-toggleable-sm .navbar-collapse {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .widjetComponent--4758 {
        background: transparent;
    }

    .widjetComponent--4758 .nav-dropdown>li>a:hover:after {
        left: 0;
        right: 0;
        width: auto;
        opacity: 1;
    }
    .widjetComponent--4758 .nav-dropdown>li>a:before {
        content: '';
        width: 100%;
        height: 0;
        display: inline-block;
        position: absolute;
        background: #ffffff;
        top: 0;
        right: 0;
        z-index: -1;
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }

    .widjetComponent--4758 .nav-dropdown .link.dropdown-toggle::after {
        margin-left: 0;
        border: 0;
    }
    .widjetComponent--4758 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--4758 .nav-dropdown>li>a {
        padding: 15px 15px 15px 15px;
        color: #ffffff;
        position: relative;
        font-size: 14px;
    }
    .widjetComponent--4758 .navbar-toggleable-sm .navbar-nav .nav-link:hover,
    .widjetComponent--4758 .nav-dropdown>li>a:hover {
        padding: 15px 15px 15px 15px;
        color: #ffffff;
    }

    .widjetComponent--4758 .navbar-toggleable-sm .navbar-nav .dropdown .nav-link:hover,
    .widjetComponent--4758 .navbar-toggleable-sm .navbar-nav .dropdown .nav-link,
    .widjetComponent--4758 .nav-dropdown>li.dropdown>a:hover,
    .widjetComponent--4758 .nav-dropdown>li.dropdown>a {
        padding-right: 41px;
    }

    .widjetComponent--4758 .nav-dropdown>li.nav-item.dropdown:after {
        content: "\e5cf";
        font-family: 'Material Icons';
        font-size: 20px;
        position: absolute;
        top: 50%;
        right: 0;
        margin: -8px 15px 0 0;
        line-height: 0.8em;
        display: inline-block;
        color: #ffffff;
    }

    .widjetComponent--4758 .dropdown.open .dropdown-menu {
        display: block;
        padding: 0;
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    }
    .widjetComponent--4758 .dropdown .dropdown-menu .dropdown-item {
        background: #000000bf;
        padding: 5px 10px;
        font-size: 14px;
        color: #ddd;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-bottom: 1px solid #252525;
    }
    .widjetComponent--4758 .dropdown .dropdown-menu .dropdown-item:hover {
        background: #000d1;
        color: #f80000;
    }
</style>
<section class="menu widjetComponent--4758">
    <nav class="navbar navbar-expand navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent4758"
                aria-controls="navbarSupportedContent4758" aria-expanded="false" aria-label="Toggle navigation">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent4758">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li>
                            <a class="nav-link link" href="/the-ukrainian-word-is-immortal">Слово українське безсмертне</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/news-suspilstvo-education">Освіта: потреби і практика</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/knugarna">Наша книгарня</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/thoughts-aloud">Думки вголос</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/legal-polyclinic">Юридична поліклініка</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/pogertvu.pdf">Пожертви</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/news-derzhava-rehiony-ukrayiny">Вісті з регіонів</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/about-us">Преса про нас</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/Blogs">Блоги</a>
                        </li>
                                                </ul>
        </div>
    </nav>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-0 row-k-style" id="row-k-style-2366-0">
            <div class="row-k-width-2366-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-7 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4737 .post-image img {
        width: 100%;
    }
    .widjetComponent--4737 .post-image a {
        display: block;
    }
    .widjetComponent--4737 .post-content .category a {
        color: #ffffff;
        font-size: 12px;
        font-weight: normal;;
    }
    .widjetComponent--4737 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4737 .widget-title a {
        color: #111111;
        font-size: 21px;
        font-weight: normal;;
    }
    .widjetComponent--4737 .widget-title.smal a {
        font-size: 14px;
    }
    .widjetComponent--4737 .widget-title.smal {
        margin: 0;
    }
    .widjetComponent--4737 .widget-title a:hover {
        color: #00a6e3;
    }
    .widjetComponent--4737 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4737 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4737 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4737 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4737 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4737 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4737 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
    .widjetComponent--4737 .post-image img {
        width: 100%;
    }
    .widjetComponent--4737 .widget-title {
        margin: 20px 0;
    }
    .widjetComponent--4737 .post-inner {
        padding-bottom: 15px;
        box-shadow: 0 0 0 rgba(103, 122, 141, 0);
        margin-bottom: 5px;
        border-bottom: 1px solid #e5e5e5;
    }
    .widjetComponent--4737 .widget-title a {
        color: #111111;
        font-size: 21px;
        font-weight: normal;
    }
    .widjetComponent--4737 .widget-title a:hover {
        color: #00a6e3;
    }
    .widjetComponent--4737 .entry-content {
        color: #777;
        font-size: 13px;
    }
</style>
<section class="widjet-component-inner widjetComponent--4737">
            <style>
        .widjetComponent--title--4737.widget-title-base {
            color: #ffffff;
            font-size: 14px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #00a6e3;
            text-align: flex-start;
        }
        .widjetComponent--title--4737.widget-title-base span {
            background: #00a6e3;
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4737 widget-title-base">
        <span>Головне</span>
    </h4>
    </a>    <div class="row" >
        <div class="col-md-6">
                                                <div class="post">
                        <div class="post-inner">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/120883-aktual-no-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.01.2023/4317ea0fa86d3113c41937194eab23b0.jpeg&amp;size=700x410" class="wp-post-image" alt="АКТУАЛЬНО: Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">
                                </a>
                            </div>
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/120883-aktual-no-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html" title="АКТУАЛЬНО: Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">АКТУАЛЬНО: Коментар письменника, політика і дипломата Юрія ЩЕРБАКА</a>
                                    <!--<a href="/news-ukraine-and-worlds/120883-aktual-no-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html" title="АКТУАЛЬНО: Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">АКТУАЛЬНО: Коментар письменника, політика і дипломата Юрія...</a>-->
                                </h3>
                                
                                
                                <div class="entry-content">
                                    

&nbsp;
IMF:&nbsp;Читайте, слухайте,&nbsp;ДИВІТЬСЯ!&nbsp;&ndash;&nbsp;www.uacenter.media
Важливі рішення країн Заходу щодо росії
Погляди України на рішення...
                                </div>
                            </div>
                        </div>
                    </div>
                                    </div>
        <div class="col-md-6">
            <div class="row">
                                                                </div>
        </div>
        
            </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4737 .set-price-params.active').length > 0) {
                $('.widjetComponent--4737 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4737 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4737 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4737 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4737 .price-set-' + id).html(price);
            });

            if ($('#streem_append_block-4737').length > 0) {
                setInterval(function () {
                    $.ajax({
                        url: '/video/get-static-rooms',
                        type: "POST",
                        dataType: 'json',
                        async: true,
                        success: function (data) {
                            if (data.length > 0) {
                                var streems_all = $('#streem_append_block-4737 .post');
                                streems_all.each(function () {
                                    var num = $(this).data('id');
                                    var remove = true;
                                    for (var i = 0; i < data.length; i++) {
                                        if (data[i].id == num)
                                            remove = false;
                                    }
                                    if (remove)
                                        $(this).parent().remove();
                                });
                                for (var i = 0; i < data.length; i++) {
                                    var cur = data[i];
                                    if ($('.entry-' + cur.id).length == 0) {
                                        var curstr = '<div data-id="' + cur.id + '" class="post entry-' + cur.id + ' col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">';
                                        curstr += '<div class="post-inner"><div class="post-image">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/' + cur.id + '" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '</div><div class="post-content"><h3 class="widget-title">';
                                        curstr += '<a href="/s/' + cur.id + '">' + cur.name + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-4737').append(curstr);
                                    }
                                }
                            } else {
                                $('#streem_append_block-4737').html('');
                            }
                        }
                    });
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-5 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4753 .post-image img {
        width: 100%;
    }
    .widjetComponent--4753 .post-image a {
        display: block;
    }
    .widjetComponent--4753 .post-content .category a {
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;;
    }
    .widjetComponent--4753 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4753 .widget-title a {
        color: #000;
        font-size: 10px;
        font-weight: normal;;
    }
    .widjetComponent--4753 .widget-title a:hover {
        color: #ffffff;
    }
    .widjetComponent--4753 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4753 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4753 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4753 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4753 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4753 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4753 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4753">
            <style>
        .widjetComponent--title--4753.widget-title-base {
            color: #26a5ff;
            font-size: 18px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #26a5ff;
            text-align: center;
        }
        .widjetComponent--title--4753.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/video" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4753 widget-title-base">
        <span>Відео новини</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/120872-volodimir-zelens-kiy-priv-tav-ukra-nc-v-z-dnem-sobornost-ukra-ni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.01.2023/1121cd78a4a194ae67ccd92c24255fe2/db24042b3be58a29845c3343edf9a61f.mp4"
                               data-videoid="4775"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.01.2023/1121cd78a4a194ae67ccd92c24255fe2/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/120872-volodimir-zelens-kiy-priv-tav-ukra-nc-v-z-dnem-sobornost-ukra-ni.html"
                               title="Володимир Зеленський привітав українців із Днем Соборності України"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.01.2023/1121cd78a4a194ae67ccd92c24255fe2/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.01.2023/1121cd78a4a194ae67ccd92c24255fe2/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.01.2023/1121cd78a4a194ae67ccd92c24255fe2/b2b39a3fb49fc4582e1e8c6ec60e74a3_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Володимир Зеленський привітав українців із Днем Соборності України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/120872-volodimir-zelens-kiy-priv-tav-ukra-nc-v-z-dnem-sobornost-ukra-ni.html" title="Володимир Зеленський привітав українців із Днем Соборності України">Володимир Зеленський привітав українців із Днем Соборності України</a>
                            <!--<a href="/video-derzhava/120872-volodimir-zelens-kiy-priv-tav-ukra-nc-v-z-dnem-sobornost-ukra-ni.html" title="Володимир Зеленський привітав українців із Днем Соборності України">Володимир Зеленський привітав українців із Днем Соборності...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="https://niezalezna.pl/"
                                                   >
                            <img loading="lazy" src="https://uacenter.media/niezalezna.gif" class="wp-post-image" alt="Представники медичної роти окремої механізованої 115-тої бригади Збройних Сил України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing"></a>
                        </div>
                        <h3 class="widget-title">
                            <a href="https://niezalezna.pl/" title="Представники медичної роти окремої механізованої 115-тої бригади Збройних Сил України">Представники медичної роти окремої механізованої 115-тої бригади Збройних...</a>
                            <!--<a href="https://niezalezna.pl/" title=""></a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/120804-predstavniki-medichno-roti-okremo-mehan-zovano-115-to-brigadi-zbroynih-sil-ukra-ni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/19.01.2023/d3395810d6d9fa10764deae3428db7e0/4ba8b73d7c6c48a3864a1fc425ab6e36.mp4"
                               data-videoid="4774"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/19.01.2023/d3395810d6d9fa10764deae3428db7e0/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/120804-predstavniki-medichno-roti-okremo-mehan-zovano-115-to-brigadi-zbroynih-sil-ukra-ni.html"
                               title="Представники медичної роти окремої механізованої 115-тої бригади Збройних Сил України"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/19.01.2023/d3395810d6d9fa10764deae3428db7e0/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/19.01.2023/d3395810d6d9fa10764deae3428db7e0/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/19.01.2023/d3395810d6d9fa10764deae3428db7e0/38fced05acd018644a150463298abbc7_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Представники медичної роти окремої механізованої 115-тої бригади Збройних Сил України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/120804-predstavniki-medichno-roti-okremo-mehan-zovano-115-to-brigadi-zbroynih-sil-ukra-ni.html" title="Представники медичної роти окремої механізованої 115-тої бригади Збройних Сил України">Представники медичної роти окремої механізованої 115-тої бригади Збройних...</a>
                            <!--<a href="/video-derzhava/120804-predstavniki-medichno-roti-okremo-mehan-zovano-115-to-brigadi-zbroynih-sil-ukra-ni.html" title="Представники медичної роти окремої механізованої 115-тої бригади Збройних Сил України">Представники медичної роти окремої механізованої 115-тої...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/118190-komanduvach-obyednanih-sil-zs-ukrayini-general-lejtenant-sergij-nayev-privitav-nezalezhnij-media-forum.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/02.12.2022/c88582efddea606aec9c1cee1a47b7641/C0005.mp4"
                               data-videoid="4548"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/02.12.2022/c88582efddea606aec9c1cee1a47b7641/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/118190-komanduvach-obyednanih-sil-zs-ukrayini-general-lejtenant-sergij-nayev-privitav-nezalezhnij-media-forum.html"
                               title="Незалежний Медіа Форум привітав  генерал-лейтенант Сергій НАЄВ, Командувач Об’єднаних Сил ЗСУ   "
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/02.12.2022/c88582efddea606aec9c1cee1a47b7641/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/02.12.2022/c88582efddea606aec9c1cee1a47b7641/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/02.12.2022/c88582efddea606aec9c1cee1a47b7641/ff9df6cba8fbf9a0bbe2fe538fca353d_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Незалежний Медіа Форум привітав  генерал-лейтенант Сергій НАЄВ, Командувач Об’єднаних Сил ЗСУ   ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/118190-komanduvach-obyednanih-sil-zs-ukrayini-general-lejtenant-sergij-nayev-privitav-nezalezhnij-media-forum.html" title="Незалежний Медіа Форум привітав  генерал-лейтенант Сергій НАЄВ, Командувач Об’єднаних Сил ЗСУ   ">Незалежний Медіа Форум привітав  генерал-лейтенант Сергій НАЄВ, Командувач...</a>
                            <!--<a href="/video-derzhava/118190-komanduvach-obyednanih-sil-zs-ukrayini-general-lejtenant-sergij-nayev-privitav-nezalezhnij-media-forum.html" title="Незалежний Медіа Форум привітав  генерал-лейтенант Сергій НАЄВ, Командувач Об’єднаних Сил ЗСУ   ">Незалежний Медіа Форум привітав  генерал-лейтенант Сергій...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4753 .set-price-params.active').length > 0) {
                $('.widjetComponent--4753 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4753 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4753 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4753 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4753 .price-set-' + id).html(price);
            });

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-4753 .entry").remove();');
                            //$('#streem_append_block-4753 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                                /*if(!conection.recording)
                                continue;*/
count++;
                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-4753').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4753 .entry").remove();');
                            $('#streem_append_block-4753 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            /*if(remove)
                                $(this).parent().remove();*/
                        });
                    }
                });
            }

            if ($('#streem_append_block-4753').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-1 row-k-style" id="row-k-style-2366-1">
            <div class="row-k-width-2366-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4741 .post-image img {
        width: 100%;
    }
    .widjetComponent--4741 .post-image a {
        display: block;
    }
    .widjetComponent--4741 .post-content .category a {
        color: #ffffff;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--4741 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4741 .widget-title a {
        color: #00a6e3;
        font-size: 16px;
        font-weight: normal;;
    }
    .widjetComponent--4741 .widget-title a:hover {
        color: #00a6e3;
    }
    .widjetComponent--4741 .entry-content {
        color: #9a9a9a;
        font-size: 14px;
    }
    .widjetComponent--4741 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4741 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4741 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4741 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4741 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4741 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4741 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4741">
            <style>
        .widjetComponent--title--4741.widget-title-base {
            color: #ffffff;
            font-size: 20px;
            font-weight: normal;
            margin: 15px 0;
            text-align: center;
        }
    </style>

    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4741 widget-title-base">Новини України та світу</h4>
    </a>    <div class="row">
                                                <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/121204-ros-ys-kiy-teror-ma-prograti-v-us-omu-na-pol-boyu-v-tomu-schob-v-ukra-n-ne-zalishilosya-zhodno-ru-ni-zvernennya-prezidenta-volodimira-zelens-kogo.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/31.01.2023/227b4231049052d4c5f54893466024b2.jpeg&amp;size=850x560" class="wp-post-image" alt="Російський терор має програти в усьому: і на полі бою, і в тому, щоб в Україні не залишилося жодної руїни – звернення Президента Володимира Зеленського">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/121204-ros-ys-kiy-teror-ma-prograti-v-us-omu-na-pol-boyu-v-tomu-schob-v-ukra-n-ne-zalishilosya-zhodno-ru-ni-zvernennya-prezidenta-volodimira-zelens-kogo.html" title="Російський терор має програти в усьому: і на полі бою, і в тому, щоб в Україні не залишилося жодної руїни – звернення Президента Володимира Зеленського">Російський терор має програти в усьому: і на полі бою, і в тому, щоб в...</a>
                        </h3>
                    </div>
                    <div class="entry-content">
                        

Бажаю здоровʼя, шановні українці!
Сьогодні весь день у відрядженні:...
                    </div>

                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/121130-bahmuts-kiy-napryamok-okupanti-zahopili-blagodatne-namagayut-sya-perer-zati-trasu-t0504-deepstate.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.01.2023/9aa8245bdc9e00879f4918a32b08cd8f.png&amp;size=850x560" class="wp-post-image" alt="Бахмутський напрямок: окупанти захопили Благодатне і намагаються перерізати трасу Т0504, – DeepState">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/121130-bahmuts-kiy-napryamok-okupanti-zahopili-blagodatne-namagayut-sya-perer-zati-trasu-t0504-deepstate.html" title="Бахмутський напрямок: окупанти захопили Благодатне і намагаються перерізати трасу Т0504, – DeepState">Бахмутський напрямок: окупанти захопили Благодатне і намагаються перерізати...</a>
                        </h3>
                    </div>
                    <div class="entry-content">
                        

Бахмутський напрямок на Донеччині продовжує залишатись суцільною...
                    </div>

                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/121125-boris-dzhonson-rozpov-v-scho-put-n-pogrozhuvav-yomu-raketnim-udarom-naperedodn-vtorgnennya-v-ukra-nu.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.01.2023/f043048215fe9fbd40cb93ec282c5179.png&amp;size=850x560" class="wp-post-image" alt="Борис Джонсон розповів, що путін погрожував йому ракетним ударом напередодні вторгнення в Україну">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/121125-boris-dzhonson-rozpov-v-scho-put-n-pogrozhuvav-yomu-raketnim-udarom-naperedodn-vtorgnennya-v-ukra-nu.html" title="Борис Джонсон розповів, що путін погрожував йому ракетним ударом напередодні вторгнення в Україну">Борис Джонсон розповів, що путін погрожував йому ракетним ударом напередодні...</a>
                        </h3>
                    </div>
                    <div class="entry-content">
                        

Колишній прем'єр-міністр Британії Борис Джонсон заявив, що російський...
                    </div>

                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/121124-amerikans-kiy-general-nazvav-m-sce-vir-shal-no-bitvi-u-v-yn-m-zh-ukra-noyu-ta-ros-yu.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.01.2023/ac239298222a41d66a25aa24b1afbbd0.jpeg&amp;size=850x560" class="wp-post-image" alt="Американський генерал назвав місце вирішальної битви у війні між Україною та росією">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/121124-amerikans-kiy-general-nazvav-m-sce-vir-shal-no-bitvi-u-v-yn-m-zh-ukra-noyu-ta-ros-yu.html" title="Американський генерал назвав місце вирішальної битви у війні між Україною та росією">Американський генерал назвав місце вирішальної битви у війні між Україною...</a>
                        </h3>
                    </div>
                    <div class="entry-content">
                        

Цьогоріч війна стане ще жорстокішою. Росія готує великий наступ,...
                    </div>

                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/121123-zsu-znischili-mayzhe-500-okupant-v-za-dobu-podrobic-v-d-genshtabu.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.01.2023/3e98a660849f785a1e298bf8673bb33a.jpeg&amp;size=850x560" class="wp-post-image" alt="ЗСУ знищили майже 500 окупантів за добу: подробиці від Генштабу">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/121123-zsu-znischili-mayzhe-500-okupant-v-za-dobu-podrobic-v-d-genshtabu.html" title="ЗСУ знищили майже 500 окупантів за добу: подробиці від Генштабу">ЗСУ знищили майже 500 окупантів за добу: подробиці від Генштабу</a>
                        </h3>
                    </div>
                    <div class="entry-content">
                        

З початку повномасштабного вторгнення російської федерації в...
                    </div>

                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/121122-ma-mo-zrobiti-chas-nashoyu-zbro-yu-ma-mo-prishvidshuvati-postachannya-novih-zbroynih-opc-y-dlya-ukra-ni-zvernennya-prezidenta-volodimira-zelens-kogo.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.01.2023/46c3d9676b4e1bfc237ab74ebefcbb0e.png&amp;size=850x560" class="wp-post-image" alt="Маємо зробити час нашою зброєю – маємо пришвидшувати постачання нових збройних опцій для України – звернення Президента Володимира Зеленського">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/121122-ma-mo-zrobiti-chas-nashoyu-zbro-yu-ma-mo-prishvidshuvati-postachannya-novih-zbroynih-opc-y-dlya-ukra-ni-zvernennya-prezidenta-volodimira-zelens-kogo.html" title="Маємо зробити час нашою зброєю – маємо пришвидшувати постачання нових збройних опцій для України – звернення Президента Володимира Зеленського">Маємо зробити час нашою зброєю – маємо пришвидшувати постачання нових збройних...</a>
                        </h3>
                    </div>
                    <div class="entry-content">
                        

Бажаю здоров&rsquo;я, шановні українці!
Провів сьогодні чергове...
                    </div>

                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/121109-pam-yat-dmitra-pavlichka.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.01.2023/5cb9e66ffff4fa65e0698fb56caea9cb.jpeg&amp;size=850x560" class="wp-post-image" alt="Пам&#039;яті Дмитра ПАВЛИЧКА">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/121109-pam-yat-dmitra-pavlichka.html" title="Пам&#039;яті Дмитра ПАВЛИЧКА">Пам&#039;яті Дмитра ПАВЛИЧКА</a>
                        </h3>
                    </div>
                    <div class="entry-content">
                        

Помер Дмитро ПАВЛИЧКО.
Великий поет, великий державний діяч,...
                    </div>

                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/121097-u-den-pam-yat-gero-v-krut-zelens-kiy-ushanuvav-pam-yat-poleglih-u-borot-b-za-nezalezhnu-ukra-nu-p-d-chas-ukra-ns-ko-revolyuc-1917-1921-rok-v.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.01.2023/a071622d665a184621bd0bcc0ee56af4.jpeg&amp;size=850x560" class="wp-post-image" alt="У День пам’яті Героїв Крут Зеленський ушанував пам&#039;ять полеглих у боротьбі за незалежну Україну під час Української революції 1917–1921 років">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/121097-u-den-pam-yat-gero-v-krut-zelens-kiy-ushanuvav-pam-yat-poleglih-u-borot-b-za-nezalezhnu-ukra-nu-p-d-chas-ukra-ns-ko-revolyuc-1917-1921-rok-v.html" title="У День пам’яті Героїв Крут Зеленський ушанував пам&#039;ять полеглих у боротьбі за незалежну Україну під час Української революції 1917–1921 років">У День пам’яті Героїв Крут Зеленський ушанував пам&#039;ять полеглих у боротьбі...</a>
                        </h3>
                    </div>
                    <div class="entry-content">
                        

❤️ У День пам&rsquo;яті Героїв Крут Зеленський ушанував пам'ять...
                    </div>

                </div>
            </div>
            </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4741 .set-price-params.active').length > 0) {
                $('.widjetComponent--4741 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4741 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4741 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4741 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4741 .price-set-' + id).html(price);
            });
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-2 row-k-style" id="row-k-style-2366-2">
            <div class="row-k-width-2366-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4739 .post-image img {
        width: 100%;
    }
    .widjetComponent--4739 .post-image a {
        display: block;
    }
    .widjetComponent--4739 .post-content .category a {
        color: #ffffff;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--4739 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4739 .widget-title a {
        color: #000000;
        font-size: 21px;
        font-weight: normal;;
    }
    .widjetComponent--4739 .widget-title.smal a {
        font-size: 14px;
    }
    .widjetComponent--4739 .widget-title.smal {
        margin: 0;
    }
    .widjetComponent--4739 .widget-title a:hover {
        color: #00a6e3;
    }
    .widjetComponent--4739 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4739 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4739 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4739 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4739 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4739 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4739 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
    .widjetComponent--4739 .post-image img {
        width: 100%;
    }
    .widjetComponent--4739 .widget-title {
        margin: 20px 0;
    }
    .widjetComponent--4739 .post-inner {
        padding-bottom: 15px;
        box-shadow: 0 0 0 rgba(103, 122, 141, 0);
        margin-bottom: 5px;
        border-bottom: 1px solid #e5e5e5;
    }
    .widjetComponent--4739 .widget-title a {
        color: #000000;
        font-size: 21px;
        font-weight: normal;
    }
    .widjetComponent--4739 .widget-title a:hover {
        color: #00a6e3;
    }
    .widjetComponent--4739 .entry-content {
        color: #777;
        font-size: 13px;
    }
</style>
<section class="widjet-component-inner widjetComponent--4739">
            <style>
        .widjetComponent--title--4739.widget-title-base {
            color: #ffffff;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            text-align: center;
        }
    </style>

    <a href="/russian-invasion-of-ukraine" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4739 widget-title-base">Агресія Росії в Україні</h4>
    </a>    <div class="row" >
        <div class="col-md-6">
                                                <div class="post">
                        <div class="post-inner">
                            <div class="post-image">
                                <a class="" href="/russian-invasion-of-ukraine/115816-dokumentu-mo-ros-ys-ka-arm-ya-nischit-ukra-ns-ku-kul-turnu-spadschinu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.10.2022/5dffe9d33f48d2bb5081c491855a73a2.jpeg&amp;size=700x410" class="wp-post-image" alt="Документуємо: Російська армія нищить українську культурну спадщину">
                                </a>
                            </div>
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/russian-invasion-of-ukraine/115816-dokumentu-mo-ros-ys-ka-arm-ya-nischit-ukra-ns-ku-kul-turnu-spadschinu.html" title="Документуємо: Російська армія нищить українську культурну спадщину">Документуємо: Російська армія нищить українську культурну спадщину</a>
                                    <!--<a href="/russian-invasion-of-ukraine/115816-dokumentu-mo-ros-ys-ka-arm-ya-nischit-ukra-ns-ku-kul-turnu-spadschinu.html" title="Документуємо: Російська армія нищить українську культурну спадщину">Документуємо: Російська армія нищить українську культурну...</a>-->
                                </h3>
                                
                                
                                <div class="entry-content">
                                    

У Києві Український інститут розпочав публікувати &laquo;Листівки з України&raquo;.&nbsp; Їхній головний мотив &ndash; світлини зруйнованих московськими...
                                </div>
                            </div>
                        </div>
                    </div>
                                                                                                                                                    </div>
        <div class="col-md-6">
            <div class="row">
                                                                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            <div class="post-inner">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="post-image">
                                            <a class="" href="/russian-invasion-of-ukraine/115835-v-yna-mor-moskva-sl-ozam-ne-v-rit-t-l-ki-krov-yur-y-scherbak.html">
                                                <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.10.2022/69d8fac381435d8e0ad44a38a41ea189.jpeg&amp;size=700x410" class="wp-post-image" alt="Війна і мор: Москва сльозам не вірить, тільки крові… Юрій ЩЕРБАК">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-8">
                                        <div class="post-content">
                                            <h3 class="widget-title smal">
                                                <a href="/russian-invasion-of-ukraine/115835-v-yna-mor-moskva-sl-ozam-ne-v-rit-t-l-ki-krov-yur-y-scherbak.html" title="Війна і мор: Москва сльозам не вірить, тільки крові… Юрій ЩЕРБАК">Війна і мор: Москва сльозам не вірить, тільки крові… Юрій ЩЕРБАК</a>
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            <div class="post-inner">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="post-image">
                                            <a class="" href="/russian-invasion-of-ukraine/115836-pavlo-romanyuk-chorna-mesa-v-yna-mper-zla-proti-sv-tovo-civ-l-zac.html">
                                                <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.10.2022/53d13de6f97eb4ec49a36ef1b7da682b.jpeg&amp;size=700x410" class="wp-post-image" alt="Павло Романюк. Чорна меса. Війна «Імперії Зла» проти світової цивілізації">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-8">
                                        <div class="post-content">
                                            <h3 class="widget-title smal">
                                                <a href="/russian-invasion-of-ukraine/115836-pavlo-romanyuk-chorna-mesa-v-yna-mper-zla-proti-sv-tovo-civ-l-zac.html" title="Павло Романюк. Чорна меса. Війна «Імперії Зла» проти світової цивілізації">Павло Романюк. Чорна меса. Війна «Імперії Зла» проти світової цивілізації</a>
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            <div class="post-inner">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="post-image">
                                            <a class="" href="/russian-invasion-of-ukraine/115847-jurij-szczerbak-w-europie-powstanie-pot-ny-tandem-ukrai-sko-polski.html">
                                                <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/08.10.2022/34a087eb869960f2e5bf6f1d8b96d390.jpeg&amp;size=700x410" class="wp-post-image" alt=" Юрій Щербак: У Європі виникне потужний українсько-польський тандем">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-8">
                                        <div class="post-content">
                                            <h3 class="widget-title smal">
                                                <a href="/russian-invasion-of-ukraine/115847-jurij-szczerbak-w-europie-powstanie-pot-ny-tandem-ukrai-sko-polski.html" title=" Юрій Щербак: У Європі виникне потужний українсько-польський тандем"> Юрій Щербак: У Європі виникне потужний українсько-польський тандем</a>
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                            <div class="post-inner">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="post-image">
                                            <a class="" href="/russian-invasion-of-ukraine/116048-vorog-c-lit-po-simvolah-ukra-ns-ko-nac-onal-no-dentichnost.html">
                                                <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/12.10.2022/a875b3907c7581dc731f503a5228e5b4.jpeg&amp;size=700x410" class="wp-post-image" alt="Ворог цілить по символах української національної ідентичності">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-8">
                                        <div class="post-content">
                                            <h3 class="widget-title smal">
                                                <a href="/russian-invasion-of-ukraine/116048-vorog-c-lit-po-simvolah-ukra-ns-ko-nac-onal-no-dentichnost.html" title="Ворог цілить по символах української національної ідентичності">Ворог цілить по символах української національної ідентичності</a>
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                                </div>
        </div>
        
        
            </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4739 .set-price-params.active').length > 0) {
                $('.widjetComponent--4739 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4739 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4739 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4739 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4739 .price-set-' + id).html(price);
            });

            if ($('#streem_append_block-4739').length > 0) {
                setInterval(function () {
                    $.ajax({
                        url: '/video/get-static-rooms',
                        type: "POST",
                        dataType: 'json',
                        async: true,
                        success: function (data) {
                            if (data.length > 0) {
                                var streems_all = $('#streem_append_block-4739 .post');
                                streems_all.each(function () {
                                    var num = $(this).data('id');
                                    var remove = true;
                                    for (var i = 0; i < data.length; i++) {
                                        if (data[i].id == num)
                                            remove = false;
                                    }
                                    if (remove)
                                        $(this).parent().remove();
                                });
                                for (var i = 0; i < data.length; i++) {
                                    var cur = data[i];
                                    if ($('.entry-' + cur.id).length == 0) {
                                        var curstr = '<div data-id="' + cur.id + '" class="post entry-' + cur.id + ' col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">';
                                        curstr += '<div class="post-inner"><div class="post-image">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/' + cur.id + '" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '</div><div class="post-content"><h3 class="widget-title">';
                                        curstr += '<a href="/s/' + cur.id + '">' + cur.name + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-4739').append(curstr);
                                    }
                                }
                            } else {
                                $('#streem_append_block-4739').html('');
                            }
                        }
                    });
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-3 row-k-style" id="row-k-style-2366-3">
            <div class="row-k-width-2366-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4885 .post-image img {
        width: 100%;
    }
    .widjetComponent--4885 .post-image a {
        display: block;
    }
    .widjetComponent--4885 .post-content .category a {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4885 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4885 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4885 .widget-title a:hover {
        color: #ffffff;
    }
    .widjetComponent--4885 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4885 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4885 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4885 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4885 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4885 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4885 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4885">
            <style>
        .widjetComponent--title--4885.widget-title-base {
            color: #00b3ff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #00b3ff;
            text-align: center;
        }
        .widjetComponent--title--4885.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/grimaces-of-the-russian-peace" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4885 widget-title-base">
        <span>Гримаси «русского міра»</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/grimaces-of-the-russian-peace/121088-niezalezna-pl-chi-soromno-buti-ros-yaninom.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/28.01.2023/9d434d982e90b41b04c66580e06ebd5d.jpeg&amp;size=320x210" class="wp-post-image" alt="Niezalezna.PL: Чи соромно бути росіянином?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/grimaces-of-the-russian-peace" class="post_term category investing">Гримаси «руского міра»</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/grimaces-of-the-russian-peace/121088-niezalezna-pl-chi-soromno-buti-ros-yaninom.html" title="Niezalezna.PL: Чи соромно бути росіянином?">Niezalezna.PL: Чи соромно бути росіянином?</a>
                            <!--<a href="/grimaces-of-the-russian-peace/121088-niezalezna-pl-chi-soromno-buti-ros-yaninom.html" title="Niezalezna.PL: Чи соромно бути росіянином?">Niezalezna.PL: Чи соромно бути росіянином?</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/grimaces-of-the-russian-peace/120664-man-yak-u-pogonah-hoche-voyuvati-v-ukra-n.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.01.2023/86aa749d70c7923ba7503f94916c14c7.jpeg&amp;size=320x210" class="wp-post-image" alt=""Маніяк у погонах" хоче воювати в Україні">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/grimaces-of-the-russian-peace" class="post_term category investing">Гримаси «руского міра»</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/grimaces-of-the-russian-peace/120664-man-yak-u-pogonah-hoche-voyuvati-v-ukra-n.html" title=""Маніяк у погонах" хоче воювати в Україні">"Маніяк у погонах" хоче воювати в Україні</a>
                            <!--<a href="/grimaces-of-the-russian-peace/120664-man-yak-u-pogonah-hoche-voyuvati-v-ukra-n.html" title="&quot;Маніяк у погонах&quot; хоче воювати в Україні">"Маніяк у погонах" хоче воювати в Україні</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/grimaces-of-the-russian-peace/120592-noviy-f-l-m-z-ciklu-lyudi-put-na-pro-gennad-ya-timchenka.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.01.2023/123925caf7c277cb6598fe6a115cda1d.jpeg&amp;size=320x210" class="wp-post-image" alt="Новий фільм із циклу «Люди Путіна» про Геннадія Тимченка">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/grimaces-of-the-russian-peace" class="post_term category investing">Гримаси «руского міра»</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/grimaces-of-the-russian-peace/120592-noviy-f-l-m-z-ciklu-lyudi-put-na-pro-gennad-ya-timchenka.html" title="Новий фільм із циклу «Люди Путіна» про Геннадія Тимченка">Новий фільм із циклу «Люди Путіна» про Геннадія Тимченка</a>
                            <!--<a href="/grimaces-of-the-russian-peace/120592-noviy-f-l-m-z-ciklu-lyudi-put-na-pro-gennad-ya-timchenka.html" title="Новий фільм із циклу «Люди Путіна» про Геннадія Тимченка">Новий фільм із циклу «Люди Путіна» про Геннадія Тимченка</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/grimaces-of-the-russian-peace/120129-bogdan-gorin-pershodruk-ros-ys-ka-mental-n-st.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.01.2023/c0d2bbdf73c4b285b147d4ee9368ef0f.jpeg&amp;size=320x210" class="wp-post-image" alt="Богдан ГОРИНЬ. ПЕРШОДРУК: Російська ментальність">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/grimaces-of-the-russian-peace" class="post_term category investing">Гримаси «руского міра»</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/grimaces-of-the-russian-peace/120129-bogdan-gorin-pershodruk-ros-ys-ka-mental-n-st.html" title="Богдан ГОРИНЬ. ПЕРШОДРУК: Російська ментальність">Богдан ГОРИНЬ. ПЕРШОДРУК: Російська ментальність</a>
                            <!--<a href="/grimaces-of-the-russian-peace/120129-bogdan-gorin-pershodruk-ros-ys-ka-mental-n-st.html" title="Богдан ГОРИНЬ. ПЕРШОДРУК: Російська ментальність">Богдан ГОРИНЬ. ПЕРШОДРУК: Російська ментальність</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4885 .set-price-params.active').length > 0) {
                $('.widjetComponent--4885 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4885 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4885 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4885 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4885 .price-set-' + id).html(price);
            });

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-4885 .entry").remove();');
                            //$('#streem_append_block-4885 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                                /*if(!conection.recording)
                                continue;*/
count++;
                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-4885').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4885 .entry").remove();');
                            $('#streem_append_block-4885 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            /*if(remove)
                                $(this).parent().remove();*/
                        });
                    }
                });
            }

            if ($('#streem_append_block-4885').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-4 row-k-style" id="row-k-style-2366-4">
            <div class="row-k-width-2366-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4767 .post-image img {
        width: 100%;
    }
    .widjetComponent--4767 .post-image a {
        display: block;
    }
    .widjetComponent--4767 .post-content .category a {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4767 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4767 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4767 .widget-title a:hover {
        color: #ffffff;
    }
    .widjetComponent--4767 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4767 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4767 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4767 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4767 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4767 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4767 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4767">
            <style>
        .widjetComponent--title--4767.widget-title-base {
            color: #00b3ff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #00b3ff;
            text-align: center;
        }
        .widjetComponent--title--4767.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/poland-and-ukraine-realities-and-prospects" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4767 widget-title-base">
        <span>Польща й Україна: реалії і перспективи</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/poland-and-ukraine-realities-and-prospects/121086-gazeta-polska-daily-usp-h-pol-sch-usp-h-ukra-ni.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/28.01.2023/5d3d333822cb543169331f054960bd03.jpeg&amp;size=320x210" class="wp-post-image" alt="Gazeta Polska Daily: Успіх Польщі, успіх України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/poland-and-ukraine-realities-and-prospects" class="post_term category investing">Польща й Україна: реалії і перспективи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/poland-and-ukraine-realities-and-prospects/121086-gazeta-polska-daily-usp-h-pol-sch-usp-h-ukra-ni.html" title="Gazeta Polska Daily: Успіх Польщі, успіх України">Gazeta Polska Daily: Успіх Польщі, успіх України</a>
                            <!--<a href="/poland-and-ukraine-realities-and-prospects/121086-gazeta-polska-daily-usp-h-pol-sch-usp-h-ukra-ni.html" title="Gazeta Polska Daily: Успіх Польщі, успіх України">Gazeta Polska Daily: Успіх Польщі, успіх України</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/poland-and-ukraine-realities-and-prospects/120708-gromadyani-s-z-kra-n-vrosoyuzu-pol-scha-nayb-l-she-dopomogla.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.01.2023/15642dd9502ccf318b1e00ddc1545529.jpeg&amp;size=320x210" class="wp-post-image" alt="Громадяни ЄС: Із країн Євросоюзу Польща найбільше допомогла">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/poland-and-ukraine-realities-and-prospects" class="post_term category investing">Польща й Україна: реалії і перспективи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/poland-and-ukraine-realities-and-prospects/120708-gromadyani-s-z-kra-n-vrosoyuzu-pol-scha-nayb-l-she-dopomogla.html" title="Громадяни ЄС: Із країн Євросоюзу Польща найбільше допомогла">Громадяни ЄС: Із країн Євросоюзу Польща найбільше допомогла</a>
                            <!--<a href="/poland-and-ukraine-realities-and-prospects/120708-gromadyani-s-z-kra-n-vrosoyuzu-pol-scha-nayb-l-she-dopomogla.html" title="Громадяни ЄС: Із країн Євросоюзу Польща найбільше допомогла">Громадяни ЄС: Із країн Євросоюзу Польща найбільше допомогла</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/poland-and-ukraine-realities-and-prospects/120706-prem-r-moravec-kiy-pol-s-k-st-odne-z-oblich-vropeys-kost.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.01.2023/4030437a3a1a601ae080868f1f17400a.jpeg&amp;size=320x210" class="wp-post-image" alt="Прем’єр МОРАВЕЦЬКИЙ: Польськість – одне з облич європейськості">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/poland-and-ukraine-realities-and-prospects" class="post_term category investing">Польща й Україна: реалії і перспективи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/poland-and-ukraine-realities-and-prospects/120706-prem-r-moravec-kiy-pol-s-k-st-odne-z-oblich-vropeys-kost.html" title="Прем’єр МОРАВЕЦЬКИЙ: Польськість – одне з облич європейськості">Прем’єр МОРАВЕЦЬКИЙ: Польськість – одне з облич європейськості</a>
                            <!--<a href="/poland-and-ukraine-realities-and-prospects/120706-prem-r-moravec-kiy-pol-s-k-st-odne-z-oblich-vropeys-kost.html" title="Прем’єр МОРАВЕЦЬКИЙ: Польськість – одне з облич європейськості">Прем’єр МОРАВЕЦЬКИЙ: Польськість – одне з облич європейськості</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/poland-and-ukraine-realities-and-prospects/120646-2023-nayb-l-shim-postane-muzey-stor-pol-sch.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.01.2023/026ac8664ee46824309344d68099bd7d.jpeg&amp;size=320x210" class="wp-post-image" alt="2023: Найбільшим постане Музей історії Польщі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/poland-and-ukraine-realities-and-prospects" class="post_term category investing">Польща й Україна: реалії і перспективи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/poland-and-ukraine-realities-and-prospects/120646-2023-nayb-l-shim-postane-muzey-stor-pol-sch.html" title="2023: Найбільшим постане Музей історії Польщі">2023: Найбільшим постане Музей історії Польщі</a>
                            <!--<a href="/poland-and-ukraine-realities-and-prospects/120646-2023-nayb-l-shim-postane-muzey-stor-pol-sch.html" title="2023: Найбільшим постане Музей історії Польщі">2023: Найбільшим постане Музей історії Польщі</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4767 .set-price-params.active').length > 0) {
                $('.widjetComponent--4767 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4767 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4767 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4767 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4767 .price-set-' + id).html(price);
            });

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-4767 .entry").remove();');
                            //$('#streem_append_block-4767 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                                /*if(!conection.recording)
                                continue;*/
count++;
                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-4767').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4767 .entry").remove();');
                            $('#streem_append_block-4767 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            /*if(remove)
                                $(this).parent().remove();*/
                        });
                    }
                });
            }

            if ($('#streem_append_block-4767').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-5 row-k-style" id="row-k-style-2366-5">
            <div class="row-k-width-2366-5 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4759 .post-image img {
        width: 100%;
    }
    .widjetComponent--4759 .post-image a {
        display: block;
    }
    .widjetComponent--4759 .post-content .category a {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4759 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4759 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4759 .widget-title a:hover {
        color: #ffffff;
    }
    .widjetComponent--4759 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4759 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4759 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4759 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4759 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4759 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4759 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4759">
            <style>
        .widjetComponent--title--4759.widget-title-base {
            color: #00b3ff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #00b3ff;
            text-align: center;
        }
        .widjetComponent--title--4759.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4759 widget-title-base">
        <span>Культура. Історія. Релігія</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/history/121052-aktual-no-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.01.2023/4d67cd68a227ed1ae9f874739ee4c4c6.jpeg&amp;size=320x210" class="wp-post-image" alt="АКТУАЛЬНО: Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/history" class="post_term category investing">Історія</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/history/121052-aktual-no-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html" title="АКТУАЛЬНО: Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">АКТУАЛЬНО: Коментар письменника, політика і дипломата Юрія ЩЕРБАКА</a>
                            <!--<a href="/history/121052-aktual-no-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html" title="АКТУАЛЬНО: Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">АКТУАЛЬНО: Коментар письменника, політика і дипломата Юрія...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-medicine/121006-u-l-vov-proveli-un-kal-nu-operac-yu-z-peresadki-legen-v-d-posmertnogo-donora-pov-domlya-moz.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2023/8cab87d7c7cb40d29d42c2ef9799c54b.jpeg&amp;size=320x210" class="wp-post-image" alt="У Львові провели унікальну операцію з пересадки легень від посмертного донора, — повідомляє МОЗ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-medicine" class="post_term category investing">Медицина</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-medicine/121006-u-l-vov-proveli-un-kal-nu-operac-yu-z-peresadki-legen-v-d-posmertnogo-donora-pov-domlya-moz.html" title="У Львові провели унікальну операцію з пересадки легень від посмертного донора, — повідомляє МОЗ">У Львові провели унікальну операцію з пересадки легень від посмертного...</a>
                            <!--<a href="/news-suspilstvo-medicine/121006-u-l-vov-proveli-un-kal-nu-operac-yu-z-peresadki-legen-v-d-posmertnogo-donora-pov-domlya-moz.html" title="У Львові провели унікальну операцію з пересадки легень від посмертного донора, — повідомляє МОЗ">У Львові провели унікальну операцію з пересадки легень від...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-culture/120917-neterpim-st-do-diskrim-nac-oznaka-suchasnogo-rozvinenogo-susp-l-stva.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.01.2023/4149a957bd9910b1213c7b952fd8c4fe.jpeg&amp;size=320x210" class="wp-post-image" alt="Нетерпимість до дискримінації – ознака сучасного розвиненого суспільства">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-culture" class="post_term category investing">Культура</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-culture/120917-neterpim-st-do-diskrim-nac-oznaka-suchasnogo-rozvinenogo-susp-l-stva.html" title="Нетерпимість до дискримінації – ознака сучасного розвиненого суспільства">Нетерпимість до дискримінації – ознака сучасного розвиненого суспільства</a>
                            <!--<a href="/news-suspilstvo-culture/120917-neterpim-st-do-diskrim-nac-oznaka-suchasnogo-rozvinenogo-susp-l-stva.html" title="Нетерпимість до дискримінації – ознака сучасного розвиненого суспільства">Нетерпимість до дискримінації – ознака сучасного розвиненого...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/120740-d-ti-yakih-vbila-ros-ys-ka-raketa-u-dn-pr.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2023/e69a6a738d7e06c34df4d3c475ff225f.jpeg&amp;size=320x210" class="wp-post-image" alt="Діти, яких вбила російська ракета у Дніпрі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/120740-d-ti-yakih-vbila-ros-ys-ka-raketa-u-dn-pr.html" title="Діти, яких вбила російська ракета у Дніпрі">Діти, яких вбила російська ракета у Дніпрі</a>
                            <!--<a href="/news-suspilstvo-events/120740-d-ti-yakih-vbila-ros-ys-ka-raketa-u-dn-pr.html" title="Діти, яких вбила російська ракета у Дніпрі">Діти, яких вбила російська ракета у Дніпрі</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4759 .set-price-params.active').length > 0) {
                $('.widjetComponent--4759 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4759 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4759 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4759 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4759 .price-set-' + id).html(price);
            });

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-4759 .entry").remove();');
                            //$('#streem_append_block-4759 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                                /*if(!conection.recording)
                                continue;*/
count++;
                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-4759').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4759 .entry").remove();');
                            $('#streem_append_block-4759 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            /*if(remove)
                                $(this).parent().remove();*/
                        });
                    }
                });
            }

            if ($('#streem_append_block-4759').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-6 row-k-style" id="row-k-style-2366-6">
            <div class="row-k-width-2366-6 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4760 .post-image img {
        width: 100%;
    }
    .widjetComponent--4760 .post-image a {
        display: block;
    }
    .widjetComponent--4760 .post-content .category a {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4760 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4760 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4760 .widget-title a:hover {
        color: #ffffff;
    }
    .widjetComponent--4760 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4760 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4760 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4760 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4760 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4760 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4760 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4760">
            <style>
        .widjetComponent--title--4760.widget-title-base {
            color: #00b3ff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #00b3ff;
            text-align: center;
        }
        .widjetComponent--title--4760.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/human-destinies" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4760 widget-title-base">
        <span>Долі людські</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/human-destinies/121089-na-blokpostu-11-r-chniy-yaroslav-morgac-kiy-z-chern-gova.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.01.2023/fee908f591b78b42afb6be9a61fae3f3.gif&amp;size=320x210" class="wp-post-image" alt="На блокпосту – 11-річний Ярослав Моргацький із Чернігова">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/human-destinies" class="post_term category investing">Долі людські</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/human-destinies/121089-na-blokpostu-11-r-chniy-yaroslav-morgac-kiy-z-chern-gova.html" title="На блокпосту – 11-річний Ярослав Моргацький із Чернігова">На блокпосту – 11-річний Ярослав Моргацький із Чернігова</a>
                            <!--<a href="/human-destinies/121089-na-blokpostu-11-r-chniy-yaroslav-morgac-kiy-z-chern-gova.html" title="На блокпосту – 11-річний Ярослав Моргацький із Чернігова">На блокпосту – 11-річний Ярослав Моргацький із Чернігова</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/human-destinies/120600-u-boyah-za-soledar-dmitro-l-nartovich-ukra-ns-kiy-aktor-dobrovolec-otrimav-vazhke-poranennya.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/14.01.2023/9664300e91cbc38b982a50145069d286.jpeg&amp;size=320x210" class="wp-post-image" alt="У боях за Соледар Дмитро Лінартович, український актор і доброволець, отримав важке поранення ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/human-destinies" class="post_term category investing">Долі людські</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/human-destinies/120600-u-boyah-za-soledar-dmitro-l-nartovich-ukra-ns-kiy-aktor-dobrovolec-otrimav-vazhke-poranennya.html" title="У боях за Соледар Дмитро Лінартович, український актор і доброволець, отримав важке поранення ">У боях за Соледар Дмитро Лінартович, український актор і доброволець, отримав...</a>
                            <!--<a href="/human-destinies/120600-u-boyah-za-soledar-dmitro-l-nartovich-ukra-ns-kiy-aktor-dobrovolec-otrimav-vazhke-poranennya.html" title="У боях за Соледар Дмитро Лінартович, український актор і доброволець, отримав важке поранення ">У боях за Соледар Дмитро Лінартович, український актор і...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/human-destinies/119968-sa-d-smag-lov-muft-y-musul-man-ukra-ni-p-shov-na-front.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/31.12.2022/1eaa398139c0fb7026e57e4839c0f7fe.jpeg&amp;size=320x210" class="wp-post-image" alt="Саід ІСМАГІЛОВ, муфтій мусульман України, пішов на фронт">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/human-destinies" class="post_term category investing">Долі людські</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/human-destinies/119968-sa-d-smag-lov-muft-y-musul-man-ukra-ni-p-shov-na-front.html" title="Саід ІСМАГІЛОВ, муфтій мусульман України, пішов на фронт">Саід ІСМАГІЛОВ, муфтій мусульман України, пішов на фронт</a>
                            <!--<a href="/human-destinies/119968-sa-d-smag-lov-muft-y-musul-man-ukra-ni-p-shov-na-front.html" title="Саід ІСМАГІЛОВ, муфтій мусульман України, пішов на фронт">Саід ІСМАГІЛОВ, муфтій мусульман України, пішов на фронт</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/human-destinies/119849-prosyat-pro-dopomogu-zhurnal-sti-z-ki-va.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.12.2022/c1af3ad44cd1c182b55a1a79a84f900d.jpeg&amp;size=320x210" class="wp-post-image" alt="Просять про допомогу журналісти з Києва ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/human-destinies" class="post_term category investing">Долі людські</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/human-destinies/119849-prosyat-pro-dopomogu-zhurnal-sti-z-ki-va.html" title="Просять про допомогу журналісти з Києва ">Просять про допомогу журналісти з Києва </a>
                            <!--<a href="/human-destinies/119849-prosyat-pro-dopomogu-zhurnal-sti-z-ki-va.html" title="Просять про допомогу журналісти з Києва ">Просять про допомогу журналісти з Києва </a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4760 .set-price-params.active').length > 0) {
                $('.widjetComponent--4760 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4760 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4760 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4760 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4760 .price-set-' + id).html(price);
            });

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-4760 .entry").remove();');
                            //$('#streem_append_block-4760 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                                /*if(!conection.recording)
                                continue;*/
count++;
                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-4760').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4760 .entry").remove();');
                            $('#streem_append_block-4760 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            /*if(remove)
                                $(this).parent().remove();*/
                        });
                    }
                });
            }

            if ($('#streem_append_block-4760').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-7 row-k-style" id="row-k-style-2366-7">
            <div class="row-k-width-2366-7 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4761 .post-image img {
        width: 100%;
    }
    .widjetComponent--4761 .post-image a {
        display: block;
    }
    .widjetComponent--4761 .post-content .category a {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4761 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4761 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4761 .widget-title a:hover {
        color: #ffffff;
    }
    .widjetComponent--4761 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4761 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4761 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4761 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4761 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4761 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4761 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4761">
            <style>
        .widjetComponent--title--4761.widget-title-base {
            color: #00b3ff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #00b3ff;
            text-align: center;
        }
        .widjetComponent--title--4761.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/the-ukrainian-word-is-immortal" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4761 widget-title-base">
        <span>Слово українське безсмертне</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/the-ukrainian-word-is-immortal/121110-yur-y-scherbak-slovo-pro-dmitra-pavlichka.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.01.2023/7556bf4528218f506c2a969c645f7fe3.jpeg&amp;size=320x210" class="wp-post-image" alt="Юрій ЩЕРБАК. Слово про Дмитра ПАВЛИЧКА">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/the-ukrainian-word-is-immortal" class="post_term category investing">Слово українське безсмертне</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/the-ukrainian-word-is-immortal/121110-yur-y-scherbak-slovo-pro-dmitra-pavlichka.html" title="Юрій ЩЕРБАК. Слово про Дмитра ПАВЛИЧКА">Юрій ЩЕРБАК. Слово про Дмитра ПАВЛИЧКА</a>
                            <!--<a href="/the-ukrainian-word-is-immortal/121110-yur-y-scherbak-slovo-pro-dmitra-pavlichka.html" title="Юрій ЩЕРБАК. Слово про Дмитра ПАВЛИЧКА">Юрій ЩЕРБАК. Слово про Дмитра ПАВЛИЧКА</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/the-ukrainian-word-is-immortal/120923-pavlo-tichina-a-spravzhnya-muza-tam-na-front.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.01.2023/1aca62f29bd2e9a68108956d5ad11bc0.jpeg&amp;size=320x210" class="wp-post-image" alt="Павло ТИЧИНА:  А справжня муза там, на фронті…">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/the-ukrainian-word-is-immortal" class="post_term category investing">Слово українське безсмертне</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/the-ukrainian-word-is-immortal/120923-pavlo-tichina-a-spravzhnya-muza-tam-na-front.html" title="Павло ТИЧИНА:  А справжня муза там, на фронті…">Павло ТИЧИНА:  А справжня муза там, на фронті…</a>
                            <!--<a href="/the-ukrainian-word-is-immortal/120923-pavlo-tichina-a-spravzhnya-muza-tam-na-front.html" title="Павло ТИЧИНА:  А справжня муза там, на фронті…">Павло ТИЧИНА:  А справжня муза там, на фронті…</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/the-ukrainian-word-is-immortal/120432-serg-y-trimbach-koli-b-us-oduren-prozr-li-koli-b-us-ubit-ozhili-v-simonenko.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/10.01.2023/9de0f18b6007806b5bdfd7f4cc965a0b.jpeg&amp;size=320x210" class="wp-post-image" alt="СЕРГІЙ ТРИМБАЧ: «Коли б усі одурені прозріли, коли б усі убиті ожили…» (В.Симоненко)">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/the-ukrainian-word-is-immortal" class="post_term category investing">Слово українське безсмертне</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/the-ukrainian-word-is-immortal/120432-serg-y-trimbach-koli-b-us-oduren-prozr-li-koli-b-us-ubit-ozhili-v-simonenko.html" title="СЕРГІЙ ТРИМБАЧ: «Коли б усі одурені прозріли, коли б усі убиті ожили…» (В.Симоненко)">СЕРГІЙ ТРИМБАЧ: «Коли б усі одурені прозріли, коли б усі убиті ожили…»...</a>
                            <!--<a href="/the-ukrainian-word-is-immortal/120432-serg-y-trimbach-koli-b-us-oduren-prozr-li-koli-b-us-ubit-ozhili-v-simonenko.html" title="СЕРГІЙ ТРИМБАЧ: «Коли б усі одурені прозріли, коли б усі убиті ожили…» (В.Симоненко)">СЕРГІЙ ТРИМБАЧ: «Коли б усі одурені прозріли, коли б усі...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/the-ukrainian-word-is-immortal/120126-bogdan-gorin-pershodruk-shlyah-ukra-ni-do-nezalezhnost.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.01.2023/4ff7c04a8b23359d72aa75ee65ec01b9.jpeg&amp;size=320x210" class="wp-post-image" alt="Богдан ГОРИНЬ. ПЕРШОДРУК: Шлях України до Незалежності">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/the-ukrainian-word-is-immortal" class="post_term category investing">Слово українське безсмертне</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/the-ukrainian-word-is-immortal/120126-bogdan-gorin-pershodruk-shlyah-ukra-ni-do-nezalezhnost.html" title="Богдан ГОРИНЬ. ПЕРШОДРУК: Шлях України до Незалежності">Богдан ГОРИНЬ. ПЕРШОДРУК: Шлях України до Незалежності</a>
                            <!--<a href="/the-ukrainian-word-is-immortal/120126-bogdan-gorin-pershodruk-shlyah-ukra-ni-do-nezalezhnost.html" title="Богдан ГОРИНЬ. ПЕРШОДРУК: Шлях України до Незалежності">Богдан ГОРИНЬ. ПЕРШОДРУК: Шлях України до Незалежності</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4761 .set-price-params.active').length > 0) {
                $('.widjetComponent--4761 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4761 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4761 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4761 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4761 .price-set-' + id).html(price);
            });

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-4761 .entry").remove();');
                            //$('#streem_append_block-4761 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                                /*if(!conection.recording)
                                continue;*/
count++;
                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-4761').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4761 .entry").remove();');
                            $('#streem_append_block-4761 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            /*if(remove)
                                $(this).parent().remove();*/
                        });
                    }
                });
            }

            if ($('#streem_append_block-4761').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-8 row-k-style" id="row-k-style-2366-8">
            <div class="row-k-width-2366-8 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4764 .post-image img {
        width: 100%;
    }
    .widjetComponent--4764 .post-image a {
        display: block;
    }
    .widjetComponent--4764 .post-content .category a {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4764 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4764 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4764 .widget-title a:hover {
        color: #ffffff;
    }
    .widjetComponent--4764 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4764 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4764 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4764 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4764 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4764 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4764 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4764">
            <style>
        .widjetComponent--title--4764.widget-title-base {
            color: #00b3ff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #00b3ff;
            text-align: center;
        }
        .widjetComponent--title--4764.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-suspilstvo-education" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4764 widget-title-base">
        <span>Освіта: потреби і практика</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-education/118611-zm-ni-do-deklarac-osv-tn-ogo-byudzhetu-programi-ekonom-chnogo-soc-al-nogo-rozvitku-na-2023-r-k.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/11.12.2022/4255d07db38331bd24e22a2269b43734.png&amp;size=320x210" class="wp-post-image" alt="Зміни до Декларації освітнього бюджету, програми економічного і соціального розвитку на 2023 рік">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-education" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-education/118611-zm-ni-do-deklarac-osv-tn-ogo-byudzhetu-programi-ekonom-chnogo-soc-al-nogo-rozvitku-na-2023-r-k.html" title="Зміни до Декларації освітнього бюджету, програми економічного і соціального розвитку на 2023 рік">Зміни до Декларації освітнього бюджету, програми економічного і соціального...</a>
                            <!--<a href="/news-suspilstvo-education/118611-zm-ni-do-deklarac-osv-tn-ogo-byudzhetu-programi-ekonom-chnogo-soc-al-nogo-rozvitku-na-2023-r-k.html" title="Зміни до Декларації освітнього бюджету, програми економічного і соціального розвитку на 2023 рік">Зміни до Декларації освітнього бюджету, програми економічного...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-education/118256-konferenc-ya-v-yna-y-un-versitet-v-yagellons-komu-un-versitet-u-krakov.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/04.12.2022/3b2405b5cc16bdca8c57911b905bde82.jpeg&amp;size=320x210" class="wp-post-image" alt="Конференція «Війна й університет» в Ягеллонському університеті у Кракові">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-education" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-education/118256-konferenc-ya-v-yna-y-un-versitet-v-yagellons-komu-un-versitet-u-krakov.html" title="Конференція «Війна й університет» в Ягеллонському університеті у Кракові">Конференція «Війна й університет» в Ягеллонському університеті у Кракові</a>
                            <!--<a href="/news-suspilstvo-education/118256-konferenc-ya-v-yna-y-un-versitet-v-yagellons-komu-un-versitet-u-krakov.html" title="Конференція «Війна й університет» в Ягеллонському університеті у Кракові">Конференція «Війна й університет» в Ягеллонському університеті...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-education/117999-yagellons-kiy-un-versitet-do-r-chnic-stvorennya-lyubl-ns-kogo-trikutnika.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.11.2022/39c1d11508c49dd71059e2dc3f206311.jpeg&amp;size=320x210" class="wp-post-image" alt="Ягеллонський університет і річниця Люблінського Трикутника">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-education" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-education/117999-yagellons-kiy-un-versitet-do-r-chnic-stvorennya-lyubl-ns-kogo-trikutnika.html" title="Ягеллонський університет і річниця Люблінського Трикутника">Ягеллонський університет і річниця Люблінського Трикутника</a>
                            <!--<a href="/news-suspilstvo-education/117999-yagellons-kiy-un-versitet-do-r-chnic-stvorennya-lyubl-ns-kogo-trikutnika.html" title="Ягеллонський університет і річниця Люблінського Трикутника">Ягеллонський університет і річниця Люблінського Трикутника</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-education/117738-anketa-shlyah-ukra-ns-kogo-studenta-do-pol-sch.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.11.2022/e5eb4c3a9daf4d0f2c33055d44e8a28f.jpeg&amp;size=320x210" class="wp-post-image" alt="Анкета. Шлях українського студента до Польщі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-education" class="post_term category investing">Освіта</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-education/117738-anketa-shlyah-ukra-ns-kogo-studenta-do-pol-sch.html" title="Анкета. Шлях українського студента до Польщі">Анкета. Шлях українського студента до Польщі</a>
                            <!--<a href="/news-suspilstvo-education/117738-anketa-shlyah-ukra-ns-kogo-studenta-do-pol-sch.html" title="Анкета. Шлях українського студента до Польщі">Анкета. Шлях українського студента до Польщі</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4764 .set-price-params.active').length > 0) {
                $('.widjetComponent--4764 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4764 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4764 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4764 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4764 .price-set-' + id).html(price);
            });

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-4764 .entry").remove();');
                            //$('#streem_append_block-4764 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                                /*if(!conection.recording)
                                continue;*/
count++;
                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-4764').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4764 .entry").remove();');
                            $('#streem_append_block-4764 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            /*if(remove)
                                $(this).parent().remove();*/
                        });
                    }
                });
            }

            if ($('#streem_append_block-4764').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-9 row-k-style" id="row-k-style-2366-9">
            <div class="row-k-width-2366-9 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4765 .post-image img {
        width: 100%;
    }
    .widjetComponent--4765 .post-image a {
        display: block;
    }
    .widjetComponent--4765 .post-content .category a {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4765 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4765 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4765 .widget-title a:hover {
        color: #ffffff;
    }
    .widjetComponent--4765 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4765 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4765 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4765 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4765 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4765 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4765 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4765">
            <style>
        .widjetComponent--title--4765.widget-title-base {
            color: #00b3ff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #00b3ff;
            text-align: center;
        }
        .widjetComponent--title--4765.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/thoughts-aloud" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4765 widget-title-base">
        <span>Думки вголос</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/thoughts-aloud/120806-aktual-no-davos-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.01.2023/7d369f066e1645fa6312a9a68c6124bd.jpeg&amp;size=320x210" class="wp-post-image" alt="АКТУАЛЬНО: Давос. Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/thoughts-aloud" class="post_term category investing">Думки вголос</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/thoughts-aloud/120806-aktual-no-davos-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html" title="АКТУАЛЬНО: Давос. Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">АКТУАЛЬНО: Давос. Коментар письменника, політика і дипломата Юрія ЩЕРБАКА</a>
                            <!--<a href="/thoughts-aloud/120806-aktual-no-davos-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html" title="АКТУАЛЬНО: Давос. Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">АКТУАЛЬНО: Давос. Коментар письменника, політика і дипломата...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/thoughts-aloud/120709-foreign-affairs-tri-ymov-rn-scenar-zak-nchennya-v-yni.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.01.2023/e9ddc35333d0422f590beb6ce7b43353.jpeg&amp;size=320x210" class="wp-post-image" alt="Foreign Affairs: Три ймовірні сценарії закінчення війни">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/thoughts-aloud" class="post_term category investing">Думки вголос</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/thoughts-aloud/120709-foreign-affairs-tri-ymov-rn-scenar-zak-nchennya-v-yni.html" title="Foreign Affairs: Три ймовірні сценарії закінчення війни">Foreign Affairs: Три ймовірні сценарії закінчення війни</a>
                            <!--<a href="/thoughts-aloud/120709-foreign-affairs-tri-ymov-rn-scenar-zak-nchennya-v-yni.html" title="Foreign Affairs: Три ймовірні сценарії закінчення війни">Foreign Affairs: Три ймовірні сценарії закінчення війни</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/thoughts-aloud/119468-aktual-no-p-dsumki-v-zitu-do-ssha-prezidenta-zelens-kogo.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.12.2022/537f6950233d03c036996689dd578039.jpeg&amp;size=320x210" class="wp-post-image" alt="АКТУАЛЬНО: Підсумки візиту до США Президента Зеленського ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/thoughts-aloud" class="post_term category investing">Думки вголос</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/thoughts-aloud/119468-aktual-no-p-dsumki-v-zitu-do-ssha-prezidenta-zelens-kogo.html" title="АКТУАЛЬНО: Підсумки візиту до США Президента Зеленського ">АКТУАЛЬНО: Підсумки візиту до США Президента Зеленського </a>
                            <!--<a href="/thoughts-aloud/119468-aktual-no-p-dsumki-v-zitu-do-ssha-prezidenta-zelens-kogo.html" title="АКТУАЛЬНО: Підсумки візиту до США Президента Зеленського ">АКТУАЛЬНО: Підсумки візиту до США Президента Зеленського...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/thoughts-aloud/119386-taras-krem-n-movniy-front-sered-osnovnih.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.12.2022/b2f1c3d56964bb6c55b7a6ca310923dd.jpeg&amp;size=320x210" class="wp-post-image" alt="Тарас КРЕМІНЬ: Мовний фронт – серед основних">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/thoughts-aloud" class="post_term category investing">Думки вголос</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/thoughts-aloud/119386-taras-krem-n-movniy-front-sered-osnovnih.html" title="Тарас КРЕМІНЬ: Мовний фронт – серед основних">Тарас КРЕМІНЬ: Мовний фронт – серед основних</a>
                            <!--<a href="/thoughts-aloud/119386-taras-krem-n-movniy-front-sered-osnovnih.html" title="Тарас КРЕМІНЬ: Мовний фронт – серед основних">Тарас КРЕМІНЬ: Мовний фронт – серед основних</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4765 .set-price-params.active').length > 0) {
                $('.widjetComponent--4765 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4765 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4765 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4765 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4765 .price-set-' + id).html(price);
            });

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-4765 .entry").remove();');
                            //$('#streem_append_block-4765 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                                /*if(!conection.recording)
                                continue;*/
count++;
                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-4765').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4765 .entry").remove();');
                            $('#streem_append_block-4765 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            /*if(remove)
                                $(this).parent().remove();*/
                        });
                    }
                });
            }

            if ($('#streem_append_block-4765').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-10 row-k-style" id="row-k-style-2366-10">
            <div class="row-k-width-2366-10 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4766 .post-image img {
        width: 100%;
    }
    .widjetComponent--4766 .post-image a {
        display: block;
    }
    .widjetComponent--4766 .post-content .category a {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4766 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4766 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4766 .widget-title a:hover {
        color: #ffffff;
    }
    .widjetComponent--4766 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4766 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4766 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4766 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4766 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4766 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4766 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4766">
            <style>
        .widjetComponent--title--4766.widget-title-base {
            color: #00b3ff;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #00b3ff;
            text-align: center;
        }
        .widjetComponent--title--4766.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-derzhava-rehiony-ukrayiny" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4766 widget-title-base">
        <span>Вісті з регіонів</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-rehiony-ukrayiny/121103-nasl-dki-s-ogodn-shn-ogo-obstr-lu-oblasno-kl-n-chno-l-karn-u-herson.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.01.2023/989810da1b7abbe63e3ae92667541e37.jpeg&amp;size=320x210" class="wp-post-image" alt="Наслідки сьогоднішнього обстрілу обласної клінічної лікарні у Херсоні">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-rehiony-ukrayiny" class="post_term category investing">Вісті з регіонів</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-rehiony-ukrayiny/121103-nasl-dki-s-ogodn-shn-ogo-obstr-lu-oblasno-kl-n-chno-l-karn-u-herson.html" title="Наслідки сьогоднішнього обстрілу обласної клінічної лікарні у Херсоні">Наслідки сьогоднішнього обстрілу обласної клінічної лікарні у Херсоні</a>
                            <!--<a href="/news-derzhava-rehiony-ukrayiny/121103-nasl-dki-s-ogodn-shn-ogo-obstr-lu-oblasno-kl-n-chno-l-karn-u-herson.html" title="Наслідки сьогоднішнього обстрілу обласної клінічної лікарні у Херсоні">Наслідки сьогоднішнього обстрілу обласної клінічної лікарні...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-rehiony-ukrayiny/121070-tri-lyudini-zaginuli-schonaymenshe-dvoh-poraneno-v-d-s-ogodn-shn-ogo-rankovogo-raketnogo-udaru-po-kostyantin-vc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/28.01.2023/1a26a0349663be554b4d171577bdc1a2.jpeg&amp;size=320x210" class="wp-post-image" alt="Три людини загинули і щонайменше двох поранено від сьогоднішнього ранкового ракетного удару по Костянтинівці">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-rehiony-ukrayiny" class="post_term category investing">Вісті з регіонів</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-rehiony-ukrayiny/121070-tri-lyudini-zaginuli-schonaymenshe-dvoh-poraneno-v-d-s-ogodn-shn-ogo-rankovogo-raketnogo-udaru-po-kostyantin-vc.html" title="Три людини загинули і щонайменше двох поранено від сьогоднішнього ранкового ракетного удару по Костянтинівці">Три людини загинули і щонайменше двох поранено від сьогоднішнього ранкового...</a>
                            <!--<a href="/news-derzhava-rehiony-ukrayiny/121070-tri-lyudini-zaginuli-schonaymenshe-dvoh-poraneno-v-d-s-ogodn-shn-ogo-rankovogo-raketnogo-udaru-po-kostyantin-vc.html" title="Три людини загинули і щонайменше двох поранено від сьогоднішнього ранкового ракетного удару по Костянтинівці">Три людини загинули і щонайменше двох поранено від сьогоднішнього...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-rehiony-ukrayiny/121018-chern-g-vs-kiy-tv-y-gazzbut-shantazhu-kl-nt-v-rozsilayuchi-listi-z-pogrozami.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2023/7e64868d1ec0cf5e255c1a96e82b59f3.jpeg&amp;size=320x210" class="wp-post-image" alt="Чернігівський "ТВІЙ ГАЗЗБУТ" шантажує клієнтів, розсилаючи листи з погрозами">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-rehiony-ukrayiny" class="post_term category investing">Вісті з регіонів</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-rehiony-ukrayiny/121018-chern-g-vs-kiy-tv-y-gazzbut-shantazhu-kl-nt-v-rozsilayuchi-listi-z-pogrozami.html" title="Чернігівський "ТВІЙ ГАЗЗБУТ" шантажує клієнтів, розсилаючи листи з погрозами">Чернігівський "ТВІЙ ГАЗЗБУТ" шантажує клієнтів, розсилаючи листи з погрозами</a>
                            <!--<a href="/news-derzhava-rehiony-ukrayiny/121018-chern-g-vs-kiy-tv-y-gazzbut-shantazhu-kl-nt-v-rozsilayuchi-listi-z-pogrozami.html" title="Чернігівський &quot;ТВІЙ ГАЗЗБУТ&quot; шантажує клієнтів, розсилаючи листи з погрозами">Чернігівський "ТВІЙ ГАЗЗБУТ" шантажує клієнтів, розсилаючи...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-rehiony-ukrayiny/121002-v-rayon-bahmuta-vorog-vtracha-schodnya-batal-yon-ubitimi-serg-y-cherevatiy.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.01.2023/9b18c7e01b22025f6d7d1891aff350b9.jpeg&amp;size=320x210" class="wp-post-image" alt="В районі Бахмута ворог втрачає щодня батальйон убитими – Сергій Череватий ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-rehiony-ukrayiny" class="post_term category investing">Вісті з регіонів</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-rehiony-ukrayiny/121002-v-rayon-bahmuta-vorog-vtracha-schodnya-batal-yon-ubitimi-serg-y-cherevatiy.html" title="В районі Бахмута ворог втрачає щодня батальйон убитими – Сергій Череватий ">В районі Бахмута ворог втрачає щодня батальйон убитими – Сергій Череватий...</a>
                            <!--<a href="/news-derzhava-rehiony-ukrayiny/121002-v-rayon-bahmuta-vorog-vtracha-schodnya-batal-yon-ubitimi-serg-y-cherevatiy.html" title="В районі Бахмута ворог втрачає щодня батальйон убитими – Сергій Череватий ">В районі Бахмута ворог втрачає щодня батальйон убитими –...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4766 .set-price-params.active').length > 0) {
                $('.widjetComponent--4766 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4766 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4766 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4766 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4766 .price-set-' + id).html(price);
            });

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-4766 .entry").remove();');
                            //$('#streem_append_block-4766 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                                /*if(!conection.recording)
                                continue;*/
count++;
                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-4766').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4766 .entry").remove();');
                            $('#streem_append_block-4766 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            /*if(remove)
                                $(this).parent().remove();*/
                        });
                    }
                });
            }

            if ($('#streem_append_block-4766').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-11 row-k-style" id="row-k-style-2366-11">
            <div class="row-k-width-2366-11 row-k-width">
                <div class="row">
                                                                        <div class="col-md-6 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4762 .post-image img {
        width: 100%;
    }
    .widjetComponent--4762 .post-image a {
        display: block;
    }
    .widjetComponent--4762 .post-content .category a {
        color: #ffffff;
        font-size: 10px;
        font-weight: bold;;
    }
    .widjetComponent--4762 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4762 .widget-title a {
        color: #000;
        font-size: 10px;
        font-weight: normal;;
    }
    .widjetComponent--4762 .widget-title a:hover {
        color: #ffffff;
    }
    .widjetComponent--4762 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4762 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4762 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4762 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4762 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4762 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4762 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4762">
            <style>
        .widjetComponent--title--4762.widget-title-base {
            color: #00b3ff;
            font-size: 17px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #00b3ff;
            text-align: center;
        }
        .widjetComponent--title--4762.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4762 widget-title-base">
        <span>Держава</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-vlada/121142-aktual-no-pereymenuvannya-vulic-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/30.01.2023/adbe24033c8d72580c79c4de215989d2.jpeg&amp;size=850x560" class="wp-post-image" alt="АКТУАЛЬНО: Перейменування вулиць. Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-vlada" class="post_term category investing">Влада</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-vlada/121142-aktual-no-pereymenuvannya-vulic-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html" title="АКТУАЛЬНО: Перейменування вулиць. Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">АКТУАЛЬНО: Перейменування вулиць. Коментар письменника, політика і дипломата...</a>
                            <!--<a href="/news-derzhava-vlada/121142-aktual-no-pereymenuvannya-vulic-komentar-pis-mennika-pol-tika-diplomata-yur-ya-scherbaka.html" title="АКТУАЛЬНО: Перейменування вулиць. Коментар письменника, політика і дипломата Юрія ЩЕРБАКА">АКТУАЛЬНО: Перейменування вулиць. Коментар письменника,...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava-vlada/120736-ckorochennya-derzhaparatu-schoroku-ekonomitime-12-mlrd-grn.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.01.2023/56bb46bc7ddaf9d56137b8376b34cb40.jpeg&amp;size=850x560" class="wp-post-image" alt="Cкорочення держапарату щороку економитиме 12 млрд грн">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-vlada" class="post_term category investing">Влада</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-vlada/120736-ckorochennya-derzhaparatu-schoroku-ekonomitime-12-mlrd-grn.html" title="Cкорочення держапарату щороку економитиме 12 млрд грн">Cкорочення держапарату щороку економитиме 12 млрд грн</a>
                            <!--<a href="/news-derzhava-vlada/120736-ckorochennya-derzhaparatu-schoroku-ekonomitime-12-mlrd-grn.html" title="Cкорочення держапарату щороку економитиме 12 млрд грн">Cкорочення держапарату щороку економитиме 12 млрд грн</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4762 .set-price-params.active').length > 0) {
                $('.widjetComponent--4762 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4762 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4762 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4762 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4762 .price-set-' + id).html(price);
            });

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-4762 .entry").remove();');
                            //$('#streem_append_block-4762 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                                /*if(!conection.recording)
                                continue;*/
count++;
                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-4762').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4762 .entry").remove();');
                            $('#streem_append_block-4762 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            /*if(remove)
                                $(this).parent().remove();*/
                        });
                    }
                });
            }

            if ($('#streem_append_block-4762').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-6 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4763 .post-image img {
        width: 100%;
    }
    .widjetComponent--4763 .post-image a {
        display: block;
    }
    .widjetComponent--4763 .post-content .category a {
        color: #ffffff;
        font-size: 10px;
        font-weight: bold;;
    }
    .widjetComponent--4763 .post-content .category a:hover {
        color: #ffffff;
    }
    .widjetComponent--4763 .widget-title a {
        color: #000;
        font-size: 10px;
        font-weight: normal;;
    }
    .widjetComponent--4763 .widget-title a:hover {
        color: #ffffff;
    }
    .widjetComponent--4763 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4763 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4763 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4763 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4763 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4763 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4763 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4763">
            <style>
        .widjetComponent--title--4763.widget-title-base {
            color: #00b3ff;
            font-size: 17px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #00b3ff;
            text-align: center;
        }
        .widjetComponent--title--4763.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-polityka" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4763 widget-title-base">
        <span>Політика</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/121094-nfograf-ka-v-d-cnn-schodo-k-l-kost-tank-v-yaku-ob-cyali-peredati-ukra-n.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.01.2023/e0c58f50e1ba55ded7ba277081c5315b.jpeg&amp;size=850x560" class="wp-post-image" alt="Інфографіка від CNN щодо кількості танків, яку обіцяли передати Україні ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/121094-nfograf-ka-v-d-cnn-schodo-k-l-kost-tank-v-yaku-ob-cyali-peredati-ukra-n.html" title="Інфографіка від CNN щодо кількості танків, яку обіцяли передати Україні ">Інфографіка від CNN щодо кількості танків, яку обіцяли передати Україні...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/121094-nfograf-ka-v-d-cnn-schodo-k-l-kost-tank-v-yaku-ob-cyali-peredati-ukra-n.html" title="Інфографіка від CNN щодо кількості танків, яку обіцяли передати Україні ">Інфографіка від CNN щодо кількості танків, яку обіцяли передати...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/121093-zastupnik-golovi-mzs-mel-nik-zaproponuvav-n-mechchin-pod-litisya-z-ukra-noyu-p-dvodnimi-chovnami.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.01.2023/db24282ac8f93803ba528c04ee828d88.jpeg&amp;size=850x560" class="wp-post-image" alt="Заступник голови МЗС Мельник запропонував Німеччині поділитися з Україною підводними човнами">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/121093-zastupnik-golovi-mzs-mel-nik-zaproponuvav-n-mechchin-pod-litisya-z-ukra-noyu-p-dvodnimi-chovnami.html" title="Заступник голови МЗС Мельник запропонував Німеччині поділитися з Україною підводними човнами">Заступник голови МЗС Мельник запропонував Німеччині поділитися з Україною...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/121093-zastupnik-golovi-mzs-mel-nik-zaproponuvav-n-mechchin-pod-litisya-z-ukra-noyu-p-dvodnimi-chovnami.html" title="Заступник голови МЗС Мельник запропонував Німеччині поділитися з Україною підводними човнами">Заступник голови МЗС Мельник запропонував Німеччині поділитися...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(function () {
            if ($('.widjetComponent--4763 .set-price-params.active').length > 0) {
                $('.widjetComponent--4763 .set-price-params.active').each(function () {
                    var id = $(this).data('id');
                    $('.widjetComponent--4763 .price-set-' + id).html($(this).data('price'));
                })

            }

            $('.widjetComponent--4763 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4763 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4763 .price-set-' + id).html(price);
            });

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://t.ukraine-inform.com:4445/openvidu/api/sessions',
                    type: "GET",
                    dataType: 'json',
                    beforeSend: function (xhr) {
                        xhr.setRequestHeader ("Authorization", "Basic " + btoa("OPENVIDUAPP:qzrvum"));
                    },
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.content;

                        if(conections.length < 1) {
                            console.log('$("#streem_append_block-4763 .entry").remove();');
                            //$('#streem_append_block-4763 .entry').remove();
                        } else {
                            $('.slider-streem').fadeIn(300);
                        }

                        var count = 0;
                        for(var i = 0; i < conections.length; i++) {
                            
                            var conection = conections[i];
                            if(conection.sessionId === 'session')
                                continue;

                                /*if(!conection.recording)
                                continue;*/
count++;
                            if(conection.connections.content < 1) {
                                continue;
                            }
                            var user = conection.connections.content[0].clientData;

                            user = JSON.parse(user);
                            if(user.clientData == 'viewer')
                                continue;


                            if($('.entry-'+user.id).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.id+'" data-id="'+user.id+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+user.id+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.id+'">' + user.name + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-4763').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4763 .entry").remove();');
                            $('#streem_append_block-4763 .entry').remove();
                        }

                        var streems_all = $('#streem_append_block .entry');
                        streems_all.each(function () {
                            var num = $(this).data('id');
                            var remove = true;
                            for(var i = 0; i < conections.length; i++) {
                                var conection = conections[i];
                                if (conection.sessionId === 'session')
                                    continue;

                                var user = conection.connections.content[0].clientData;
                                user = JSON.parse(user);

                                if(user.id==num)
                                    remove = false;
                            }

                            /*if(remove)
                                $(this).parent().remove();*/
                        });
                    }
                });
            }

            if ($('#streem_append_block-4763').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2366-12 row-k-style" id="row-k-style-2366-12">
            <div class="row-k-width-2366-12 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 base-content no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2365-4 row-k-style" id="row-k-style-2365-4">
            <div class="row-k-width-2365-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-3 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4748 .inner-text {
        padding: 10px 10px 10px 10px;
    }
</style>

<section class="widjetComponent--4748">
    <div class="inner-text">
                    <a href="/"><span class="first-l-t---1" style="    display: block;    text-transform: uppercase;    font-weight: 800;    font-size: 16px;    color: #fff;    /* letter-spacing: -0.02rem; */    font-style: italic;">Незалежний <span style="    color: #ffc107;">Український</span></span><span style="    display: block;    text-transform: uppercase;    font-weight: 800;    font-size: 18px;    color: #000;    letter-spacing: 10px;">Медіа Центр</span></a>
            </div>
</section>

<script>

    document.addEventListener("DOMContentLoaded", function () {
        $(document).ready(function () {
            if($('.widjetComponent--4748 iframe').length>0) {
                setTimeout(function () {
                    $('.widjetComponent--4748 iframe').each(function () {
                        if($(this).data('src'))
                            $(this).attr('src', $(this).data('src'));
                    });
                }, 3000)
            }
        });
    });
</script>
                                                                    </div>
                            </div>
                                                                                                <div class="col-md-9 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4768 {
        background: transparent;;
    }
    .widjetComponent--4768 .inner-text {
        padding: 10px 10px 10px 10px;
        color: #ffffff;
    }
    .widjetComponent--4768 .inner-text * {
        color: #ffffff;
    }
</style>

<section class="widjetComponent--4768">
    <div class="inner-text">
        <p style="text-align: center;"><span lang="EN-US">uacenter</span><span lang="UK">.</span><span lang="EN-US">media</span><span lang="UK">, </span><span lang="EN-US">ua<span lang="UK">.</span>mediacenter<span lang="UK">.</span>eu<span lang="UK">@</span>gmail<span lang="UK">.</span>com</span><span lang="UK">, 01001 Київ, вулиця Хрещатик 10, +38 067 461 6900, +48 609 00 6656</span></p><p style="text-align: center;">© Міжнародний благодійний фонд «Незалежний Український Медіа Центр у Європі», 2022</p><p style="text-align: center;"><span lang="UK">© </span><span lang="EN-US">Yurii SCHERBAK</span><span lang="UK">, 2022</span><span lang="EN-US">   </span><span lang="UK">© </span><span lang="EN-US">Valentyn KONDRATIUK</span><span lang="UK">, 2022</span></p>
    </div>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2365-5 row-k-style" id="row-k-style-2365-5">
            <div class="row-k-width-2365-5 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 disable-cont no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
            
        
        <a href="#" id="go-top"><i class="fas fa-arrow-up"></i></a>

        <!--<script src="/widjets/assets/jquery/jquery.min.js"></script>-->
                            <!--<script src="/widjets/assets/popper/popper.min.js"></script>
            <script src="/widjets/assets/touch-swipe/jquery.touch-swipe.min.js"></script>
            <script src="https://cdn.ukraine-inform.com/new1/runtime.554dc886.js"></script>-->
                        <script src="https://cdn.ukraine-inform.com/new1/runtime.554dc886.js"></script>
            <script src="https://cdn.ukraine-inform.com/new1/0.cf7d5735.js"></script>
            
            <!--<script src="https://cdn.ukraine-inform.com/new1/app.a5e7f618.js"></script>-->
            
            <div id="vueplayerlater">
                <div style="display: none" class="list-video-modal" v-if="open">
                    <div class="row-k-width">
                        <div class="close-video-modal" @click="openModal"><i class="fa fa-window-close"></i></div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="list-menu">
                                    <div class="list-menu-item" :class="{'active' : curList=='my'}" @click="setList('my')">Мої відео</div>
                                    <div class="list-menu-item" :class="{'active' : curList=='rec'}" @click="setList('rec')">Рекомендовані</div>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <div class="list-videos" v-if="baseVideos.length>0">
                                    <div class="list-videos-item post-video" v-for="video in baseVideos">
                                        <div class="row">
                                            <div class="col-3" :data-videoanimation="video.videoanimation">
                                                <a :href="video.link"><img :src="video.source.image"></a>
                                            </div>
                                            <div class="col-8">
                                                <div class="list-videos-item-name"><a :href="video.link">${ video.source.title }</a></div>
                                            </div>
                                            <div v-if="curList=='my'" class="col-1">
                                                <div class="remove-video-modal" @click="removeVideoMy(video.id)"><i class="fa fa-window-close"></i></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-videos" v-else>
                                    <p style="font-size: 16px">Відео відсутнє</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="my-video-button" @click="openModal">Мої відео</div>
                            </div>
            <script>
                function addScript(url) {
                    var s = document.createElement("script");
                    s.type = "text/javascript";
                    s.src = url;
                    document.head.appendChild(s);
                }
                function addStyle(url) {
                    var s = document.createElement("link");
                    s.type = "text/css";
                    s.rel = "stylesheet";
                    s.media = 'all';
                    s.href = url;
                    document.head.appendChild(s);
                }


                document.addEventListener("DOMContentLoaded", function () {
                    $(document).ready(function () {
                        var in_slider_2 = false;
                        var ww = $(window).width();
                        addStyle("https://cdn.ukraine-inform.com/assets/videoplayer.css?v=2df3sss1");
                        if(ww > 991) {
                            
                                                        addStyle("https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.css");
                            addScript("https://cdn.ukraine-inform.com/new1/app.a5e7f618.js");
                            
                            addScript("https://cdn.ukraine-inform.com/assets/videoplayer.js?v=1675198240");
                        }
                                                addStyle("https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.css");
                                                addScript("https://cdn.ukraine-inform.com/new1/app.a5e7f618.js");
                        addScript("https://cdn.ukraine-inform.com/assets/videoplayer.js?v=1675198240");
                                                addStyle("https://cdn.ukraine-inform.com/assets/proxyma/stylesheet.css");
                                                $(window).scroll(function() {
                            var scroll = $(window).scrollTop();

                            if (scroll >= 100) {
                                if (!in_slider_2) {
                                    in_slider_2 = true;
                                    if(ww < 991) {
                                        
                                    }


                                                                       // addStyle("/assets-param/style/font");
                                    //addScript("https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed/THEOplayer.js");
                                    //addStyle("https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed/ui.css");
                                                                                                        }
                            }
                        });


                        $('.open-search').click(function (e) {
                            e.preventDefault();
                            $('.search-item').off();
                            $('.form-search').fadeIn(300);
                        });
                        $('.search-item').mousedown(function (e) {
                            e.preventDefault();
                        });

                        $(document).mouseup(function (e){ // событие клика по веб-документу
                            var div = $(".form-search"); // тут указываем ID элемента
                            if (!div.is(e.target) // если клик был не по нашему блоку
                                && div.has(e.target).length === 0) { // и не по его дочерним элементам
                                div.hide(); // скрываем его
                            }
                        });

                        if($('.button-add-checkout').length>0) {
                            function setCookieCheck(cname, cvalue, exdays) {
                                var d = new Date();
                                d.setTime(d.getTime() + (exdays*24*60*60*1000));
                                var expires = "expires="+ d.toUTCString();
                                document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
                            }
                            function getCookieCheck(cname) {
                                var name = cname + "=";
                                var decodedCookie = decodeURIComponent(document.cookie);
                                var ca = decodedCookie.split(';');
                                for(var i = 0; i <ca.length; i++) {
                                    var c = ca[i];
                                    while (c.charAt(0) == ' ') {
                                        c = c.substring(1);
                                    }
                                    if (c.indexOf(name) == 0) {
                                        return c.substring(name.length, c.length);
                                    }
                                }
                                return "";
                            }

                            function checkoutLoad() {
                                $('body').css('opacity', '0.6');
                                $('.cont-checkout').remove();
                                $.ajax({
                                    type: 'POST',
                                    url: '/helps/get-checkout',
                                    success: function (response) {
                                        $('body').css('opacity', '1');
                                        $('body').append(response)
                                    }
                                });
                            }
                            $('.button-add-checkout').click(function (e) {
                                e.preventDefault();
                                var id = $(this).data('id');
                                var myProduct = [];
                                if(getCookie('my-product-1')) {
                                    myProduct = JSON.parse(getCookie('my-product-1'));
                                    for(var i=0; i<myProduct.length; i++) {
                                        if(myProduct[i]==id) {
                                            checkoutLoad();
                                            return 0;
                                        }
                                    }
                                }
                                myProduct.push(id);
                                setCookie('my-product-1', JSON.stringify(myProduct), 365);
                                checkoutLoad();
                            });
                            $(document).on('click', '.button-add-checkout-final', function (e){
                                e.preventDefault();
                                var _this = $(this);
                                $('body').css('opacity', '0.6');
                                $.ajax({
                                    type: 'POST',
                                    url: '/helps/get-post-player-send-message',
                                    data: {
                                        name: $('#check_name').val(),
                                        city: $('#check_city').val(),
                                        number: $('#check_number').val(),
                                        phone: $('#check_phone').val(),
                                        comment: $('#check_comment').val(),
                                        email: '',
                                        text: $('#check_text').val(),
                                        time: '',
                                        doktor: '',
                                        email_send: _this.data('email'),
                                    },
                                    success: function (response) {
                                        setCookie('my-product-1', JSON.stringify([]), 365);
                                        $('body').css('opacity', '1');
                                        $('.cont-checkout').remove();
                                    }
                                });
                            });
                            $(document).on('click', '.check-close', function (e){
                                e.preventDefault();
                                $('.cont-checkout').remove();
                            });
                            $(document).on('click', '.rem-pr', function (e){
                                e.preventDefault();
                                var id = $(this).data('id');
                                var myProduct = [];
                                if(getCookie('my-product-1')) {
                                    var tmp = JSON.parse(getCookie('my-product-1'));
                                    for(var i=0; i<tmp.length; i++) {
                                        if(tmp[i]!=id)
                                            myProduct.push(tmp[i]);
                                    }
                                }
                                setCookie('my-product-1', JSON.stringify(myProduct), 365);
                                checkoutLoad();
                            });
                        }
                    });
                });
            </script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/6.6.2/video.min.js"></script>
            <script src="https://cdn.ukraine-inform.com/assets/video/videojs.watermark.js"></script>
            <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>-->
            <script src="https://unpkg.com/@videojs/http-streaming@2.14.2/dist/videojs-http-streaming.min.js"></script>
            
            <script src="https://cdn.ukraine-inform.com/assets/video/videojs-vtt-thumbnails.min.js"></script>

                            <!--player-->

                            <script src="https://cdn.ukraine-inform.com/admin/axios.min.js"></script>
            <!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
            <script src="https://cdn.ukraine-inform.com/admin/vue.js"></script>
            <script src="https://cdn.ukraine-inform.com/assets/video-player/player.js?v=1675198240"></script>
                                                    			            <!--player-->
                                                                            
            
                        <script type="text/javascript">
            $(function() {
                $.fn.fixedMenu = function() {
                    if ($(window).scrollTop() >= "250") $(this).addClass("fixed-menu-bar")
                    var scrollDiv = $(this);
                    $(window).scroll(function() {
                        if ($(window).scrollTop() <= "250")
                            $(scrollDiv).removeClass("fixed-menu-bar");
                        else
                            $(scrollDiv).addClass("fixed-menu-bar");
                    });
                }

                $.fn.scrollToTop = function() {
                    $(this).hide().removeAttr("href");
                    if ($(window).scrollTop() >= "250") $(this).fadeIn("slow");
                    var scrollDiv = $(this);
                    $(window).scroll(function() {
                        if ($(window).scrollTop() <= "250")
                            $(scrollDiv).fadeOut("slow");
                        else
                            $(scrollDiv).fadeIn("slow");
                    });
                    $(this).click(function() {
                        $("html, body").animate({scrollTop: 0}, "slow");
                    });
                }

                var nav = $('body nav.navbar');
                nav = nav.eq(nav.length-1);
                var row = nav.closest('.row-k-style');
                row.fixedMenu();

                if($("#go-top").length>0)
                    $("#go-top").scrollToTop();

                $('.news_list').on('click', '.set-video-link-to-file', function (e) {
                    e.preventDefault();
                    /*$('body').addClass('load-video');*/
                    $.ajax({
                        url: '/helps/set-link',
                        type: "POST",
                        dataType: "json",
                        async: true,
                        data: {
                            'src': $(this).data('name'),
                            'name': $(this).data('file'),
                        },
                        success: function (data) {
                            //$('body').removeClass('load-video');
                        }
                    });
                });
            });
        </script>
        
<div id="sfwdtedebd7" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"></div><script nonce="25dfb34141cd12a4219ddee3c5fde1a5">/*<![CDATA[*/    if (typeof Sfjs === 'undefined' || typeof Sfjs.loadToolbar === 'undefined') {    Sfjs = (function() {        "use strict";        if ('classList' in document.documentElement) {            var hasClass = function (el, cssClass) { return el.classList.contains(cssClass); };            var removeClass = function(el, cssClass) { el.classList.remove(cssClass); };            var addClass = function(el, cssClass) { el.classList.add(cssClass); };            var toggleClass = function(el, cssClass) { el.classList.toggle(cssClass); };        } else {            var hasClass = function (el, cssClass) { return el.className.match(new RegExp('\\b' + cssClass + '\\b')); };            var removeClass = function(el, cssClass) { el.className = el.className.replace(new RegExp('\\b' + cssClass + '\\b'), ' '); };            var addClass = function(el, cssClass) { if (!hasClass(el, cssClass)) { el.className += " " + cssClass; } };            var toggleClass = function(el, cssClass) { hasClass(el, cssClass) ? removeClass(el, cssClass) : addClass(el, cssClass); };        }        var noop = function() {};        var profilerStorageKey = 'symfony/profiler/';        var addEventListener;        var el = document.createElement('div');        if (!('addEventListener' in el)) {            addEventListener = function (element, eventName, callback) {                element.attachEvent('on' + eventName, callback);            };        } else {            addEventListener = function (element, eventName, callback) {                element.addEventListener(eventName, callback, false);            };        }        var request = function(url, onSuccess, onError, payload, options) {            var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');            options = options || {};            options.maxTries = options.maxTries || 0;            xhr.open(options.method || 'GET', url, true);            xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');            xhr.onreadystatechange = function(state) {                if (4 !== xhr.readyState) {                    return null;                }                if (xhr.status == 404 && options.maxTries > 1) {                    setTimeout(function(){                        options.maxTries--;                        request(url, onSuccess, onError, payload, options);                    }, 1000);                    return null;                }                if (200 === xhr.status) {                    (onSuccess || noop)(xhr);                } else {                    (onError || noop)(xhr);                }            };            xhr.send(payload || '');        };        var getPreference = function(name) {            if (!window.localStorage) {                return null;            }            return localStorage.getItem(profilerStorageKey + name);        };        var setPreference = function(name, value) {            if (!window.localStorage) {                return null;            }            localStorage.setItem(profilerStorageKey + name, value);        };        var requestStack = [];        var extractHeaders = function(xhr, stackElement) {            /* Here we avoid to call xhr.getResponseHeader in order to */            /* prevent polluting the console with CORS security errors */            var allHeaders = xhr.getAllResponseHeaders();            var ret;            if (ret = allHeaders.match(/^x-debug-token:\s+(.*)$/im)) {                stackElement.profile = ret[1];            }            if (ret = allHeaders.match(/^x-debug-token-link:\s+(.*)$/im)) {                stackElement.profilerUrl = ret[1];            }            if (ret = allHeaders.match(/^Symfony-Debug-Toolbar-Replace:\s+(.*)$/im)) {                stackElement.toolbarReplaceFinished = false;                stackElement.toolbarReplace = '1' === ret[1];            }        };        var successStreak = 4;        var pendingRequests = 0;        var renderAjaxRequests = function() {            var requestCounter = document.querySelector('.sf-toolbar-ajax-request-counter');            if (!requestCounter) {                return;            }            requestCounter.textContent = requestStack.length;            var infoSpan = document.querySelector(".sf-toolbar-ajax-info");            if (infoSpan) {                infoSpan.textContent = requestStack.length + ' AJAX request' + (requestStack.length !== 1 ? 's' : '');            }            var ajaxToolbarPanel = document.querySelector('.sf-toolbar-block-ajax');            if (requestStack.length) {                ajaxToolbarPanel.style.display = 'block';            } else {                ajaxToolbarPanel.style.display = 'none';            }            if (pendingRequests > 0) {                addClass(ajaxToolbarPanel, 'sf-ajax-request-loading');            } else if (successStreak < 4) {                addClass(ajaxToolbarPanel, 'sf-toolbar-status-red');                removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');            } else {                removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');                removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red');            }        };        var startAjaxRequest = function(index) {            var tbody = document.querySelector('.sf-toolbar-ajax-request-list');            if (!tbody) {                return;            }            var nbOfAjaxRequest = tbody.rows.length;            if (nbOfAjaxRequest >= 100) {                tbody.deleteRow(0);            }            var request = requestStack[index];            pendingRequests++;            var row = document.createElement('tr');            request.DOMNode = row;            var requestNumberCell = document.createElement('td');            requestNumberCell.textContent = index + 1;            row.appendChild(requestNumberCell);            var profilerCell = document.createElement('td');            profilerCell.textContent = 'n/a';            row.appendChild(profilerCell);            var methodCell = document.createElement('td');            methodCell.textContent = request.method;            row.appendChild(methodCell);            var typeCell = document.createElement('td');            typeCell.textContent = request.type;            row.appendChild(typeCell);            var statusCodeCell = document.createElement('td');            var statusCode = document.createElement('span');            statusCode.textContent = 'n/a';            statusCodeCell.appendChild(statusCode);            row.appendChild(statusCodeCell);            var pathCell = document.createElement('td');            pathCell.className = 'sf-ajax-request-url';            if ('GET' === request.method) {                var pathLink = document.createElement('a');                pathLink.setAttribute('href', request.url);                pathLink.textContent = request.url;                pathCell.appendChild(pathLink);            } else {                pathCell.textContent = request.url;            }            pathCell.setAttribute('title', request.url);            row.appendChild(pathCell);            var durationCell = document.createElement('td');            durationCell.className = 'sf-ajax-request-duration';            durationCell.textContent = 'n/a';            row.appendChild(durationCell);            request.liveDurationHandle = setInterval(function() {                durationCell.textContent = (new Date() - request.start) + 'ms';            }, 100);            row.className = 'sf-ajax-request sf-ajax-request-loading';            tbody.insertBefore(row, null);            var toolbarInfo = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');            toolbarInfo.scrollTop = toolbarInfo.scrollHeight;            renderAjaxRequests();        };        var finishAjaxRequest = function(index) {            var request = requestStack[index];            clearInterval(request.liveDurationHandle);            if (!request.DOMNode) {                return;            }            if (request.toolbarReplace && !request.toolbarReplaceFinished && request.profile) {                /* Flag as complete because finishAjaxRequest can be called multiple times. */                request.toolbarReplaceFinished = true;                /* Search up through the DOM to find the toolbar's container ID. */                for (var elem = request.DOMNode; elem && elem !== document; elem = elem.parentNode) {                    if (elem.id.match(/^sfwdt/)) {                        Sfjs.loadToolbar(elem.id.replace(/^sfwdt/, ''), request.profile);                        break;                    }                }            }            pendingRequests--;            var row = request.DOMNode;            /* Unpack the children from the row */            var profilerCell = row.children[1];            var methodCell = row.children[2];            var statusCodeCell = row.children[4];            var statusCodeElem = statusCodeCell.children[0];            var durationCell = row.children[6];            if (request.error) {                row.className = 'sf-ajax-request sf-ajax-request-error';                methodCell.className = 'sf-ajax-request-error';                successStreak = 0;            } else {                row.className = 'sf-ajax-request sf-ajax-request-ok';                successStreak++;            }            if (request.statusCode) {                if (request.statusCode < 300) {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status');                } else if (request.statusCode < 400) {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-yellow');                } else {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');                }                statusCodeElem.textContent = request.statusCode;            } else {                statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');            }            if (request.duration) {                durationCell.textContent = request.duration + 'ms';            }            if (request.profilerUrl) {                profilerCell.textContent = '';                var profilerLink = document.createElement('a');                profilerLink.setAttribute('href', request.profilerUrl);                profilerLink.textContent = request.profile;                profilerCell.appendChild(profilerLink);            }            renderAjaxRequests();        };                    if (window.fetch && window.fetch.polyfill === undefined) {                var oldFetch = window.fetch;                window.fetch = function () {                    var promise = oldFetch.apply(this, arguments);                    var url = arguments[0];                    var params = arguments[1];                    var paramType = Object.prototype.toString.call(arguments[0]);                    if (paramType === '[object Request]') {                        url = arguments[0].url;                        params = {                            method: arguments[0].method,                            credentials: arguments[0].credentials,                            headers: arguments[0].headers,                            mode: arguments[0].mode,                            redirect: arguments[0].redirect                        };                    } else {                        url = String(url);                    }                    if (!url.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                        var method = 'GET';                        if (params && params.method !== undefined) {                            method = params.method;                        }                        var stackElement = {                            error: false,                            url: url,                            method: method,                            type: 'fetch',                            start: new Date()                        };                        var idx = requestStack.push(stackElement) - 1;                        promise.then(function (r) {                            stackElement.duration = new Date() - stackElement.start;                            stackElement.error = r.status < 200 || r.status >= 400;                            stackElement.statusCode = r.status;                            stackElement.profile = r.headers.get('x-debug-token');                            stackElement.profilerUrl = r.headers.get('x-debug-token-link');                            stackElement.toolbarReplaceFinished = false;                            stackElement.toolbarReplace = '1' === r.headers.get('Symfony-Debug-Toolbar-Replace');                            finishAjaxRequest(idx);                        }, function (e){                            stackElement.error = true;                            finishAjaxRequest(idx);                        });                        startAjaxRequest(idx);                    }                    return promise;                };            }            if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) {                var proxied = XMLHttpRequest.prototype.open;                XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {                    var self = this;                    /* prevent logging AJAX calls to static and inline files, like templates */                    var path = url;                    if (url.slice(0, 1) === '/') {                        if (0 === url.indexOf('')) {                            path = url.slice(0);                        }                    }                    else if (0 === url.indexOf('https\u003A\/\/www.uacenter.media')) {                        path = url.slice(26);                    }                    if (!path.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                        var stackElement = {                            error: false,                            url: url,                            method: method,                            type: 'xhr',                            start: new Date()                        };                        var idx = requestStack.push(stackElement) - 1;                        this.addEventListener('readystatechange', function() {                            if (self.readyState == 4) {                                stackElement.duration = new Date() - stackElement.start;                                stackElement.error = self.status < 200 || self.status >= 400;                                stackElement.statusCode = self.status;                                extractHeaders(self, stackElement);                                finishAjaxRequest(idx);                            }                        }, false);                        startAjaxRequest(idx);                    }                    proxied.apply(this, Array.prototype.slice.call(arguments));                };            }                return {            hasClass: hasClass,            removeClass: removeClass,            addClass: addClass,            toggleClass: toggleClass,            getPreference: getPreference,            setPreference: setPreference,            addEventListener: addEventListener,            request: request,            renderAjaxRequests: renderAjaxRequests,            load: function(selector, url, onSuccess, onError, options) {                var el = document.getElementById(selector);                if (el && el.getAttribute('data-sfurl') !== url) {                    request(                        url,                        function(xhr) {                            el.innerHTML = xhr.responseText;                            el.setAttribute('data-sfurl', url);                            removeClass(el, 'loading');                            var pending = pendingRequests;                            for (var i = 0; i < requestStack.length; i++) {                                startAjaxRequest(i);                                if (requestStack[i].duration) {                                    finishAjaxRequest(i);                                }                            }                            /* Revert the pending state in case there was a start called without a finish above. */                            pendingRequests = pending;                            (onSuccess || noop)(xhr, el);                        },                        function(xhr) { (onError || noop)(xhr, el); },                        '',                        options                    );                }                return this;            },            loadToolbar: function(token, newToken) {                newToken = (newToken || token);                this.load(                    'sfwdt' + token,                    'https\u003A\/\/www.uacenter.media\/_wdt\/xxxxxx'.replace(/xxxxxx/, newToken),                    function(xhr, el) {                        /* Do nothing in the edge case where the toolbar has already been replaced with a new one */                        if (!document.getElementById('sfToolbarMainContent-' + newToken)) {                            return;                        }                        /* Evaluate in global scope scripts embedded inside the toolbar */                        var i, scripts = [].slice.call(el.querySelectorAll('script'));                        for (i = 0; i < scripts.length; ++i) {                            eval.call({}, scripts[i].firstChild.nodeValue);                        }                        el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none';                        if (el.style.display == 'none') {                            return;                        }                        if (getPreference('toolbar/displayState') == 'none') {                            document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'none';                            document.getElementById('sfToolbarClearer-' + newToken).style.display = 'none';                            document.getElementById('sfMiniToolbar-' + newToken).style.display = 'block';                        } else {                            document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'block';                            document.getElementById('sfToolbarClearer-' + newToken).style.display = 'block';                            document.getElementById('sfMiniToolbar-' + newToken).style.display = 'none';                        }                        /* Handle toolbar-info position */                        var toolbarBlocks = [].slice.call(el.querySelectorAll('.sf-toolbar-block'));                        for (i = 0; i < toolbarBlocks.length; ++i) {                            toolbarBlocks[i].onmouseover = function () {                                var toolbarInfo = this.querySelectorAll('.sf-toolbar-info')[0];                                var pageWidth = document.body.clientWidth;                                var elementWidth = toolbarInfo.offsetWidth;                                var leftValue = (elementWidth + this.offsetLeft) - pageWidth;                                var rightValue = (elementWidth + (pageWidth - this.offsetLeft)) - pageWidth;                                /* Reset right and left value, useful on window resize */                                toolbarInfo.style.right = '';                                toolbarInfo.style.left = '';                                if (elementWidth > pageWidth) {                                    toolbarInfo.style.left = 0;                                }                                else if (leftValue > 0 && rightValue > 0) {                                    toolbarInfo.style.right = (rightValue * -1) + 'px';                                } else if (leftValue < 0) {                                    toolbarInfo.style.left = 0;                                } else {                                    toolbarInfo.style.right = '0px';                                }                            };                        }                        addEventListener(document.getElementById('sfToolbarHideButton-' + newToken), 'click', function (event) {                            event.preventDefault();                            var p = this.parentNode;                            p.style.display = 'none';                            (p.previousElementSibling || p.previousSibling).style.display = 'none';                            document.getElementById('sfMiniToolbar-' + newToken).style.display = 'block';                            setPreference('toolbar/displayState', 'none');                        });                        addEventListener(document.getElementById('sfToolbarMiniToggler-' + newToken), 'click', function (event) {                            event.preventDefault();                            var elem = this.parentNode;                            if (elem.style.display == 'none') {                                document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'none';                                document.getElementById('sfToolbarClearer-' + newToken).style.display = 'none';                                elem.style.display = 'block';                            } else {                                document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'block';                                document.getElementById('sfToolbarClearer-' + newToken).style.display = 'block';                                elem.style.display = 'none'                            }                            setPreference('toolbar/displayState', 'block');                        });                        renderAjaxRequests();                        addEventListener(document.querySelector('.sf-toolbar-ajax-clear'), 'click', function() {                            requestStack = [];                            renderAjaxRequests();                            successStreak = 4;                            document.querySelector('.sf-toolbar-ajax-request-list').innerHTML = '';                        });                        addEventListener(document.querySelector('.sf-toolbar-block-ajax'), 'mouseenter', function (event) {                            var elem = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');                            elem.scrollTop = elem.scrollHeight;                        });                        addEventListener(document.querySelector('.sf-toolbar-block-ajax > .sf-toolbar-icon'), 'click', function (event) {                            event.preventDefault();                            toggleClass(this.parentNode, 'hover');                        });                        var dumpInfo = document.querySelector('.sf-toolbar-block-dump .sf-toolbar-info');                        if (null !== dumpInfo) {                            addEventListener(dumpInfo, 'sfbeforedumpcollapse', function () {                                dumpInfo.style.minHeight = dumpInfo.getBoundingClientRect().height+'px';                            });                            addEventListener(dumpInfo, 'mouseleave', function () {                                dumpInfo.style.minHeight = '';                            });                        }                    },                    function(xhr) {                        if (xhr.status !== 0) {                            var sfwdt = document.getElementById('sfwdt' + token);                            sfwdt.innerHTML = '\                                <div class="sf-toolbarreset">\                                    <div class="sf-toolbar-icon"><svg width="26" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 26 28" enable-background="new 0 0 26 28" xml:space="preserve"><path fill="#FFFFFF" d="M13 0C5.8 0 0 5.8 0 13c0 7.2 5.8 13 13 13c7.2 0 13-5.8 13-13C26 5.8 20.2 0 13 0z M20 7.5 c-0.6 0-1-0.3-1-0.9c0-0.2 0-0.4 0.2-0.6c0.1-0.3 0.2-0.3 0.2-0.4c0-0.3-0.5-0.4-0.7-0.4c-2 0.1-2.5 2.7-2.9 4.8l-0.2 1.1 c1.1 0.2 1.9 0 2.4-0.3c0.6-0.4-0.2-0.8-0.1-1.3C18 9.2 18.4 9 18.7 8.9c0.5 0 0.8 0.5 0.8 1c0 0.8-1.1 2-3.3 1.9 c-0.3 0-0.5 0-0.7-0.1L15 14.1c-0.4 1.7-0.9 4.1-2.6 6.2c-1.5 1.8-3.1 2.1-3.8 2.1c-1.3 0-2.1-0.6-2.2-1.6c0-0.9 0.8-1.4 1.3-1.4 c0.7 0 1.2 0.5 1.2 1.1c0 0.5-0.2 0.6-0.4 0.7c-0.1 0.1-0.3 0.2-0.3 0.4c0 0.1 0.1 0.3 0.4 0.3c0.5 0 0.9-0.3 1.2-0.5 c1.3-1 1.7-2.9 2.4-6.2l0.1-0.8c0.2-1.1 0.5-2.3 0.8-3.5c-0.9-0.7-1.4-1.5-2.6-1.8c-0.8-0.2-1.3 0-1.7 0.4C8.4 10 8.6 10.7 9 11.1 l0.7 0.7c0.8 0.9 1.3 1.7 1.1 2.7c-0.3 1.6-2.1 2.8-4.3 2.1c-1.9-0.6-2.2-1.9-2-2.7c0.2-0.6 0.7-0.8 1.2-0.6 c0.5 0.2 0.7 0.8 0.6 1.3c0 0.1 0 0.1-0.1 0.3C6 15 5.9 15.2 5.9 15.3c-0.1 0.4 0.4 0.7 0.8 0.8c0.8 0.3 1.7-0.2 1.9-0.9 c0.2-0.6-0.2-1.1-0.4-1.2l-0.8-0.9c-0.4-0.4-1.2-1.5-0.8-2.8c0.2-0.5 0.5-1 0.9-1.4c1-0.7 2-0.8 3-0.6c1.3 0.4 1.9 1.2 2.8 1.9 c0.5-1.3 1.1-2.6 2-3.8c0.9-1 2-1.7 3.3-1.8C20 4.8 21 5.4 21 6.3C21 6.7 20.8 7.5 20 7.5z"/></svg></div>\                                    An error occurred while loading the web debug toolbar. <a href="https\u003A\/\/www.uacenter.media\/_profiler\/' + newToken + '>Open the web profiler.</a>\                                </div>\                            ';                            sfwdt.setAttribute('class', 'sf-toolbar sf-error-toolbar');                        }                    },                    { maxTries: 5 }                );                return this;            },            toggle: function(selector, elOn, elOff) {                var tmp = elOn.style.display,                    el = document.getElementById(selector);                elOn.style.display = elOff.style.display;                elOff.style.display = tmp;                if (el) {                    el.style.display = 'none' === tmp ? 'none' : 'block';                }                return this;            },            createTabs: function() {                var tabGroups = document.querySelectorAll('.sf-tabs:not([data-processed=true])');                /* create the tab navigation for each group of tabs */                for (var i = 0; i < tabGroups.length; i++) {                    var tabs = tabGroups[i].querySelectorAll(':scope > .tab');                    var tabNavigation = document.createElement('ul');                    tabNavigation.className = 'tab-navigation';                    var selectedTabId = 'tab-' + i + '-0'; /* select the first tab by default */                    for (var j = 0; j < tabs.length; j++) {                        var tabId = 'tab-' + i + '-' + j;                        var tabTitle = tabs[j].querySelector('.tab-title').innerHTML;                        var tabNavigationItem = document.createElement('li');                        tabNavigationItem.setAttribute('data-tab-id', tabId);                        if (hasClass(tabs[j], 'active')) { selectedTabId = tabId; }                        if (hasClass(tabs[j], 'disabled')) { addClass(tabNavigationItem, 'disabled'); }                        tabNavigationItem.innerHTML = tabTitle;                        tabNavigation.appendChild(tabNavigationItem);                        var tabContent = tabs[j].querySelector('.tab-content');                        tabContent.parentElement.setAttribute('id', tabId);                    }                    tabGroups[i].insertBefore(tabNavigation, tabGroups[i].firstChild);                    addClass(document.querySelector('[data-tab-id="' + selectedTabId + '"]'), 'active');                }                /* display the active tab and add the 'click' event listeners */                for (i = 0; i < tabGroups.length; i++) {                    tabNavigation = tabGroups[i].querySelectorAll(':scope > .tab-navigation li');                    for (j = 0; j < tabNavigation.length; j++) {                        tabId = tabNavigation[j].getAttribute('data-tab-id');                        document.getElementById(tabId).querySelector('.tab-title').className = 'hidden';                        if (hasClass(tabNavigation[j], 'active')) {                            document.getElementById(tabId).className = 'block';                        } else {                            document.getElementById(tabId).className = 'hidden';                        }                        tabNavigation[j].addEventListener('click', function(e) {                            var activeTab = e.target || e.srcElement;                            /* needed because when the tab contains HTML contents, user can click */                            /* on any of those elements instead of their parent '<li>' element */                            while (activeTab.tagName.toLowerCase() !== 'li') {                                activeTab = activeTab.parentNode;                            }                            /* get the full list of tabs through the parent of the active tab element */                            var tabNavigation = activeTab.parentNode.children;                            for (var k = 0; k < tabNavigation.length; k++) {                                var tabId = tabNavigation[k].getAttribute('data-tab-id');                                document.getElementById(tabId).className = 'hidden';                                removeClass(tabNavigation[k], 'active');                            }                            addClass(activeTab, 'active');                            var activeTabId = activeTab.getAttribute('data-tab-id');                            document.getElementById(activeTabId).className = 'block';                        });                    }                    tabGroups[i].setAttribute('data-processed', 'true');                }            },            createToggles: function() {                var toggles = document.querySelectorAll('.sf-toggle:not([data-processed=true])');                for (var i = 0; i < toggles.length; i++) {                    var elementSelector = toggles[i].getAttribute('data-toggle-selector');                    var element = document.querySelector(elementSelector);                    addClass(element, 'sf-toggle-content');                    if (toggles[i].hasAttribute('data-toggle-initial') && toggles[i].getAttribute('data-toggle-initial') == 'display') {                        addClass(toggles[i], 'sf-toggle-on');                        addClass(element, 'sf-toggle-visible');                    } else {                        addClass(toggles[i], 'sf-toggle-off');                        addClass(element, 'sf-toggle-hidden');                    }                    addEventListener(toggles[i], 'click', function(e) {                        e.preventDefault();                        if ('' !== window.getSelection().toString()) {                            /* Don't do anything on text selection */                            return;                        }                        var toggle = e.target || e.srcElement;                        /* needed because when the toggle contains HTML contents, user can click */                        /* on any of those elements instead of their parent '.sf-toggle' element */                        while (!hasClass(toggle, 'sf-toggle')) {                            toggle = toggle.parentNode;                        }                        var element = document.querySelector(toggle.getAttribute('data-toggle-selector'));                        toggleClass(toggle, 'sf-toggle-on');                        toggleClass(toggle, 'sf-toggle-off');                        toggleClass(element, 'sf-toggle-hidden');                        toggleClass(element, 'sf-toggle-visible');                        /* the toggle doesn't change its contents when clicking on it */                        if (!toggle.hasAttribute('data-toggle-alt-content')) {                            return;                        }                        if (!toggle.hasAttribute('data-toggle-original-content')) {                            toggle.setAttribute('data-toggle-original-content', toggle.innerHTML);                        }                        var currentContent = toggle.innerHTML;                        var originalContent = toggle.getAttribute('data-toggle-original-content');                        var altContent = toggle.getAttribute('data-toggle-alt-content');                        toggle.innerHTML = currentContent !== altContent ? altContent : originalContent;                    });                    /* Prevents from disallowing clicks on links inside toggles */                    var toggleLinks = toggles[i].querySelectorAll('a');                    for (var j = 0; j < toggleLinks.length; j++) {                        addEventListener(toggleLinks[j], 'click', function(e) {                            e.stopPropagation();                        });                    }                    toggles[i].setAttribute('data-processed', 'true');                }            },            createFilters: function() {                document.querySelectorAll('[data-filters] [data-filter]').forEach(function (filter) {                    var filters = filter.closest('[data-filters]'),                        type = 'choice',                        name = filter.dataset.filter,                        ucName = name.charAt(0).toUpperCase()+name.slice(1),                        list = document.createElement('ul'),                        values = filters.dataset['filter'+ucName] || filters.querySelectorAll('[data-filter-'+name+']'),                        labels = {},                        defaults = null,                        indexed = {},                        processed = {};                    if (typeof values === 'string') {                        type = 'level';                        labels = values.split(',');                        values = values.toLowerCase().split(',');                        defaults = values.length - 1;                    }                    addClass(list, 'filter-list');                    addClass(list, 'filter-list-'+type);                    values.forEach(function (value, i) {                        if (value instanceof HTMLElement) {                            value = value.dataset['filter'+ucName];                        }                        if (value in processed) {                            return;                        }                        var option = document.createElement('li'),                            label = i in labels ? labels[i] : value,                            active = false,                            matches;                        if ('' === label) {                            option.innerHTML = '<em>(none)</em>';                        } else {                            option.innerText = label;                        }                        option.dataset.filter = value;                        option.setAttribute('title', 1 === (matches = filters.querySelectorAll('[data-filter-'+name+'="'+value+'"]').length) ? 'Matches 1 row' : 'Matches '+matches+' rows');                        indexed[value] = i;                        list.appendChild(option);                        addEventListener(option, 'click', function () {                            if ('choice' === type) {                                filters.querySelectorAll('[data-filter-'+name+']').forEach(function (row) {                                    if (option.dataset.filter === row.dataset['filter'+ucName]) {                                        toggleClass(row, 'filter-hidden-'+name);                                    }                                });                                toggleClass(option, 'active');                            } else if ('level' === type) {                                if (i === this.parentNode.querySelectorAll('.active').length - 1) {                                    return;                                }                                this.parentNode.querySelectorAll('li').forEach(function (currentOption, j) {                                    if (j <= i) {                                        addClass(currentOption, 'active');                                        if (i === j) {                                            addClass(currentOption, 'last-active');                                        } else {                                            removeClass(currentOption, 'last-active');                                        }                                    } else {                                        removeClass(currentOption, 'active');                                        removeClass(currentOption, 'last-active');                                    }                                });                                filters.querySelectorAll('[data-filter-'+name+']').forEach(function (row) {                                    if (i < indexed[row.dataset['filter'+ucName]]) {                                        addClass(row, 'filter-hidden-'+name);                                    } else {                                        removeClass(row, 'filter-hidden-'+name);                                    }                                });                            }                        });                        if ('choice' === type) {                            active = null === defaults || 0 <= defaults.indexOf(value);                        } else if ('level' === type) {                            active = i <= defaults;                            if (active && i === defaults) {                                addClass(option, 'last-active');                            }                        }                        if (active) {                            addClass(option, 'active');                        } else {                            filters.querySelectorAll('[data-filter-'+name+'="'+value+'"]').forEach(function (row) {                                toggleClass(row, 'filter-hidden-'+name);                            });                        }                        processed[value] = true;                    });                    if (1 < list.childNodes.length) {                        filter.appendChild(list);                        filter.dataset.filtered = '';                    }                });            }        };    })();    Sfjs.addEventListener(document, 'DOMContentLoaded', function() {        Sfjs.createTabs();        Sfjs.createToggles();    });}/*]]>*/</script><style nonce="f8dcff29b04cbe1ef686007b85466482">    .sf-minitoolbar {    background-color: #222;    border-top-left-radius: 4px;    bottom: 0;    box-sizing: border-box;    display: none;    height: 36px;    padding: 6px;    position: fixed;    right: 0;    z-index: 99999;}.sf-minitoolbar a {    display: block;}.sf-minitoolbar svg,.sf-minitoolbar img {    max-height: 24px;    max-width: 24px;    display: inline;}.sf-toolbar-clearer {    clear: both;    height: 36px;}.sf-display-none {    display: none;}.sf-toolbarreset * {    box-sizing: content-box;    vertical-align: baseline;    letter-spacing: normal;    width: auto;}.sf-toolbarreset {    background-color: #222;    bottom: 0;    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);    color: #EEE;    font: 11px Arial, sans-serif;    left: 0;    margin: 0;    padding: 0 36px 0 0;    position: fixed;    right: 0;    text-align: left;    text-transform: none;    z-index: 99999;    direction: ltr;    /* neutralize the aliasing defined by external CSS styles */    -webkit-font-smoothing: subpixel-antialiased;    -moz-osx-font-smoothing: auto;}.sf-toolbarreset abbr {    border: dashed #777;    border-width: 0 0 1px;}.sf-toolbarreset svg,.sf-toolbarreset img {    height: 20px;    width: 20px;    display: inline-block;}.sf-toolbarreset .hide-button {    background: #444;    display: block;    position: absolute;    top: 0;    right: 0;    width: 36px;    height: 36px;    cursor: pointer;    text-align: center;}.sf-toolbarreset .hide-button svg {    max-height: 18px;    margin-top: 10px;}.sf-toolbar-block {    cursor: default;    display: block;    float: left;    height: 36px;    margin-right: 0;    white-space: nowrap;    max-width: 15%;}.sf-toolbar-block > a,.sf-toolbar-block > a:hover {    display: block;    text-decoration: none;    background-color: transparent;    color: inherit;}.sf-toolbar-block span {    display: inline-block;}.sf-toolbar-block .sf-toolbar-value {    color: #F5F5F5;    font-size: 13px;    line-height: 36px;    padding: 0;}.sf-toolbar-block .sf-toolbar-label,.sf-toolbar-block .sf-toolbar-class-separator {    color: #AAA;    font-size: 12px;}.sf-toolbar-block .sf-toolbar-info {    border-collapse: collapse;    display: table;    z-index: 100000;}.sf-toolbar-block hr {    border-top: 1px solid #777;    margin: 4px 0;    padding-top: 4px;}.sf-toolbar-block .sf-toolbar-info-piece {    /* this 'border-bottom' trick is needed because 'margin-bottom' doesn't work for table rows */    border-bottom: solid transparent 3px;    display: table-row;}.sf-toolbar-block .sf-toolbar-info-piece-additional,.sf-toolbar-block .sf-toolbar-info-piece-additional-detail {    display: none;}.sf-toolbar-block .sf-toolbar-info-group {    margin-bottom: 4px;    padding-bottom: 2px;    border-bottom: 1px solid #333333;}.sf-toolbar-block .sf-toolbar-info-group:last-child {    margin-bottom: 0;    padding-bottom: 0;    border-bottom: none;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status {    padding: 2px 5px;    margin-bottom: 0;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status + .sf-toolbar-status {    margin-left: 4px;}.sf-toolbar-block .sf-toolbar-info-piece:last-child {    margin-bottom: 0;}div.sf-toolbar .sf-toolbar-block .sf-toolbar-info-piece a {    color: #99CDD8;    text-decoration: underline;}div.sf-toolbar .sf-toolbar-block a:hover {    text-decoration: none;}.sf-toolbar-block .sf-toolbar-info-piece b {    color: #AAA;    display: table-cell;    font-size: 11px;    padding: 4px 8px 4px 0;}.sf-toolbar-block:not(.sf-toolbar-block-dump) .sf-toolbar-info-piece span {    color: #F5F5F5;}.sf-toolbar-block .sf-toolbar-info-piece span {    font-size: 12px;}.sf-toolbar-block .sf-toolbar-info {    background-color: #444;    bottom: 36px;    color: #F5F5F5;    display: none;    padding: 9px 0;    position: absolute;}.sf-toolbar-block .sf-toolbar-info:empty {    visibility: hidden;}.sf-toolbar-block .sf-toolbar-status {    display: inline-block;    color: #FFF;    background-color: #666;    padding: 3px 6px;    margin-bottom: 2px;    vertical-align: middle;    min-width: 15px;    min-height: 13px;    text-align: center;}.sf-toolbar-block .sf-toolbar-status-green {    background-color: #4F805D;}.sf-toolbar-block .sf-toolbar-status-red {    background-color: #B0413E;}.sf-toolbar-block .sf-toolbar-status-yellow {    background-color: #A46A1F;}.sf-toolbar-block.sf-toolbar-status-green {    background-color: #4F805D;    color: #FFF;}.sf-toolbar-block.sf-toolbar-status-red {    background-color: #B0413E;    color: #FFF;}.sf-toolbar-block.sf-toolbar-status-yellow {    background-color: #A46A1F;    color: #FFF;}.sf-toolbar-block-request .sf-toolbar-status {    color: #FFF;    display: inline-block;    font-size: 14px;    height: 36px;    line-height: 36px;    padding: 0 10px;}.sf-toolbar-block-request .sf-toolbar-info-piece a {    background-color: transparent;    text-decoration: none;}.sf-toolbar-block-request .sf-toolbar-info-piece a:hover {    text-decoration: underline;}.sf-toolbar-block-request .sf-toolbar-redirection-status {    font-weight: normal;    padding: 2px 4px;    line-height: 18px;}.sf-toolbar-block-request .sf-toolbar-info-piece span.sf-toolbar-redirection-method {    font-size: 12px;    height: 17px;    line-height: 17px;    margin-right: 5px;}.sf-toolbar-block-ajax .sf-toolbar-icon {    cursor: pointer;}.sf-toolbar-status-green .sf-toolbar-label,.sf-toolbar-status-yellow .sf-toolbar-label,.sf-toolbar-status-red .sf-toolbar-label {    color: #FFF;}.sf-toolbar-status-green svg path,.sf-toolbar-status-green svg .sf-svg-path,.sf-toolbar-status-red svg path,.sf-toolbar-status-red svg .sf-svg-path,.sf-toolbar-status-yellow svg path,.sf-toolbar-status-yellow svg .sf-svg-path {    fill: #FFF;}.sf-toolbar-block-config svg path,.sf-toolbar-block-config svg .sf-svg-path {    fill: #FFF;}.sf-toolbar-block .sf-toolbar-icon {    display: block;    height: 36px;    padding: 0 7px;    overflow: hidden;    text-overflow: ellipsis;}.sf-toolbar-block-request .sf-toolbar-icon {    padding-left: 0;    padding-right: 0;}.sf-toolbar-block .sf-toolbar-icon img,.sf-toolbar-block .sf-toolbar-icon svg {    border-width: 0;    position: relative;    top: 8px;    vertical-align: baseline;}.sf-toolbar-block .sf-toolbar-icon img + span,.sf-toolbar-block .sf-toolbar-icon svg + span {    margin-left: 4px;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-value {    margin-left: 4px;}.sf-toolbar-block:hover,.sf-toolbar-block.hover {    position: relative;}.sf-toolbar-block:hover .sf-toolbar-icon,.sf-toolbar-block.hover .sf-toolbar-icon {    background-color: #444;    position: relative;    z-index: 10002;}.sf-toolbar-block-ajax.hover .sf-toolbar-info {    z-index: 10001;}.sf-toolbar-block:hover .sf-toolbar-info,.sf-toolbar-block.hover .sf-toolbar-info {    display: block;    padding: 10px;    max-width: 525px;    max-height: 480px;    word-wrap: break-word;    overflow: hidden;    overflow-y: auto;}.sf-toolbar-info-piece b.sf-toolbar-ajax-info {    color: #F5F5F5;}.sf-toolbar-ajax-requests {    table-layout: auto;    width: 100%;}.sf-toolbar-ajax-requests td {    background-color: #444;    border-bottom: 1px solid #777;    color: #F5F5F5;    font-size: 12px;    padding: 4px;}.sf-toolbar-ajax-requests tr:last-child td {    border-bottom: 0;}.sf-toolbar-ajax-requests th {    background-color: #222;    border-bottom: 0;    color: #AAA;    font-size: 11px;    padding: 4px;}.sf-ajax-request-url {    max-width: 250px;    line-height: 9px;    overflow: hidden;    text-overflow: ellipsis;}.sf-toolbar-ajax-requests .sf-ajax-request-url a {    text-decoration: none;}.sf-toolbar-ajax-requests .sf-ajax-request-url a:hover {    text-decoration: underline;}.sf-ajax-request-duration {    text-align: right;}.sf-ajax-request-loading {    animation: sf-blink .5s ease-in-out infinite;}@keyframes sf-blink {    0% { background: #222; }    50% { background: #444; }    100% { background: #222; }}.sf-toolbar-block.sf-toolbar-block-dump .sf-toolbar-info {    max-width: none;    width: 100%;    position: fixed;    box-sizing: border-box;    left: 0;}.sf-toolbar-block-dump pre.sf-dump {    background-color: #222;    border-color: #777;    border-radius: 0;    margin: 6px 0 12px 0;}.sf-toolbar-block-dump pre.sf-dump:last-child {    margin-bottom: 0;}.sf-toolbar-block-dump pre.sf-dump .sf-dump-search-wrapper {    margin-bottom: 5px;}.sf-toolbar-block-dump pre.sf-dump span.sf-dump-search-count {    color: #333;    font-size: 12px;}.sf-toolbar-block-dump .sf-toolbar-info-piece {    display: block;}.sf-toolbar-block-dump .sf-toolbar-info-piece .sf-toolbar-file-line {    color: #AAA;    margin-left: 4px;}.sf-toolbar-block-dump .sf-toolbar-info img {    display: none;}/* Responsive Design */.sf-toolbar-icon .sf-toolbar-label,.sf-toolbar-icon .sf-toolbar-value {    display: none;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-label {    display: inline-block;}/* Legacy Design - these styles are maintained to make old panels look   a bit better on the new toolbar */.sf-toolbar-block .sf-toolbar-info-piece-additional-detail {    color: #AAA;    font-size: 12px;}.sf-toolbar-status-green .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-yellow .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-red .sf-toolbar-info-piece-additional-detail {    color: #FFF;}@media (min-width: 768px) {    .sf-toolbar-icon .sf-toolbar-label,    .sf-toolbar-icon .sf-toolbar-value {        display: inline;    }    .sf-toolbar-block .sf-toolbar-icon img,    .sf-toolbar-block .sf-toolbar-icon svg {        top: 6px;    }    .sf-toolbar-block-time .sf-toolbar-icon svg,    .sf-toolbar-block-memory .sf-toolbar-icon svg {        display: none;    }    .sf-toolbar-block-time .sf-toolbar-icon svg + span,    .sf-toolbar-block-memory .sf-toolbar-icon svg + span {        margin-left: 0;    }    .sf-toolbar-block .sf-toolbar-icon {        padding: 0 10px;    }    .sf-toolbar-block-time .sf-toolbar-icon {        padding-right: 5px;    }    .sf-toolbar-block-memory .sf-toolbar-icon {        padding-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-icon {        padding-left: 0;        padding-right: 0;    }    .sf-toolbar-block-request .sf-toolbar-label {        margin-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-status + svg {        margin-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-icon svg + .sf-toolbar-label {        margin-left: 0;     }    .sf-toolbar-block-request .sf-toolbar-label + .sf-toolbar-value {        margin-right: 10px;    }    .sf-toolbar-block-request:hover .sf-toolbar-info {        max-width: none;    }    .sf-toolbar-block .sf-toolbar-info-piece b {        font-size: 12px;    }    .sf-toolbar-block .sf-toolbar-info-piece span {        font-size: 13px;    }    .sf-toolbar-block-right {        float: right;        margin-left: 0;        margin-right: 0;    }}@media (min-width: 1024px) {    .sf-toolbar-block .sf-toolbar-info-piece-additional,    .sf-toolbar-block .sf-toolbar-info-piece-additional-detail {        display: inline;    }    .sf-toolbar-block .sf-toolbar-info-piece-additional:empty,    .sf-toolbar-block .sf-toolbar-info-piece-additional-detail:empty {        display: none;    }}/***** Error Toolbar *****/.sf-error-toolbar .sf-toolbarreset {    background: #222;    color: #f5f5f5;    font: 13px/36px Arial, sans-serif;    height: 36px;    padding: 0 15px;    text-align: left;}.sf-error-toolbar .sf-toolbarreset svg {    height: auto;}.sf-error-toolbar .sf-toolbarreset a {    color: #99cdd8;    margin-left: 5px;    text-decoration: underline;}.sf-error-toolbar .sf-toolbarreset a:hover {    text-decoration: none;}.sf-error-toolbar .sf-toolbarreset .sf-toolbar-icon {    float: left;    padding: 5px 0;    margin-right: 10px;}/***** Media query print: Do not print the Toolbar. *****/@media print {    .sf-toolbar {        display: none !important;    }}</style><script nonce="25dfb34141cd12a4219ddee3c5fde1a5">/*<![CDATA[*/    (function () {        Sfjs.loadToolbar('edebd7');    })();/*]]>*/</script>
</body>
</html>