<!--::result::time::06:49:18::App\Service\Components\Header\H04::-->
<!--::result::time::06:49:18::work: 0.0054 s::App\Service\Components\Header\H04::-->
<!--::result::time::06:49:18::App\Service\Components\Header\H03::-->
<!--::result::time::06:49:18::work: 0.0218 s::App\Service\Components\Header\H03::-->
<!--::result::time::06:49:18::App\Service\Components\Header\L01::-->
<!--::result::time::06:49:18::work: 0.0384 s::App\Service\Components\Header\L01::-->
<!--::result::time::06:49:18::App\Service\Components\Header\H09::-->
<!--::result::time::06:49:18::work: 0.0128 s::App\Service\Components\Header\H09::-->
<!--::result::time::06:49:18::App\Service\Components\Header\H10::-->
<!--::result::time::06:49:18::work: 0.0099 s::App\Service\Components\Header\H10::-->
<!--::result::time::06:49:18::App\Service\Components\Text\T04::-->
<!--::result::time::06:49:18::work: 0.0014 s::App\Service\Components\Text\T04::-->
<!--::result::time::06:49:18::App\Service\Components\News\N14::-->
<!--::result::time::06:49:18::work: 0.044 s::App\Service\Components\News\N14::-->
<!--::result::time::06:49:18::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0.0024 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4517,4548,4549,4550,4551,4552::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.001 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.0029 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.0085 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.0205 s::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::App\Service\Components\News\N02::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4547::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 8::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.0046 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.0018 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 8 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.0141 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.026 s::App\Service\Components\News\N02::-->
<!--::result::time::06:49:18::App\Service\Components\News\N14::-->
<!--::result::time::06:49:18::work: 0.0012 s::App\Service\Components\News\N14::-->
<!--::result::time::06:49:18::App\Service\Components\News\N05::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4561::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.0038 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.007 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.0138 s::App\Service\Components\News\N05::-->
<!--::result::time::06:49:18::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4562::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.0004 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.0024 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.0067 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.0107 s::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0.0027 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4529,4530,4531,4532,4533,4534,4535,4572::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.0035 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.0084 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.0179 s::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4563::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.0006 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.0045 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.0076 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.0142 s::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4564::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.0006 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.002 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 1 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.0019 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.0056 s::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4534::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.0009 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.0035 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.0085 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.0138 s::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4565::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.003 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 2 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.0041 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.0089 s::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4570::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.0008 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.0025 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.0068 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.0116 s::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4521,4522,4523,4524::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 2::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.0018 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.0024 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 2 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.0048 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.0121 s::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::getChildsMapIds work: 0.0017 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work category: 4525,4526,4527,4528::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work count: 2::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::SELECT work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::POST work: 0.0015 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::count work: 2 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::foreach work: 0.0044 s::getPagesByCategoryLimit::-->
<!--::result::time::06:49:18::work: 0.0108 s::App\Service\Components\News\N01::-->
<!--::result::time::06:49:18::work: 0.3292 s::-->
<!--::result::time::06:49:18::render work: 0.0393 s::-->
<!DOCTYPE html>
<html class="default-style" lang="ua">
    <head>
        <meta charset="UTF-8">
                <title>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(#00a6e3,#00a6e3)}
.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/20.09.2022/18d36ee95f5b6e55794aa160f305f412.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Юрій Щербак: «Куп&#039;янськ сьогодні і під час Другої світової війни»">
			<meta property="og:description" content="Спогад: Осінь 1941-го року. Ми, евакуйовані з Києва жінки та діти, – покидаємо Харків, в якому німці нещодавно бомбардували залізницю і промислові райони. Згадую вулиці неподалік вокзалу, де ми жили – старі радянські танки, закопані в землю, як нерухомі вогневі точки – й поховані тут назавжди. Хлопці...">
			<meta property="og:url" content="https://dnipro-inform.com">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/20.09.2022/18d36ee95f5b6e55794aa160f305f412.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/20.09.2022/18d36ee95f5b6e55794aa160f305f412.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="uacenter.media">
			
            
            </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-6 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--4752.logo-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 25px;
        padding: 5px;
    }
    .widjetComponent--4752 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--4752 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.07.2022/01ae217ec7672de56cc947f1b4cbaf04.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.07.2022/01ae217ec7672de56cc947f1b4cbaf04.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.07.2022/01ae217ec7672de56cc947f1b4cbaf04.png&size=<<340 340w">
            <span class="logo-text">Вітаємо! Сайт uacenter.media відображається у тестовому режимі. Про його запуск та офіційне відкриття повідомимо додатково. Слава Україні!</span>
    </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="/">Керівництво</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/">Контакти</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/">Відео новини</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/">Блоги</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-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-12 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="/grimaces-of-the-russian-peace">Гримаси «русского міра»</a>
                                                                                                                                                                                                <a class="nav-link link" href="/poland-and-ukraine-realities-and-prospects">Польща й Україна: реалії і перспективи</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>
                                                </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/115244-sbu-dentif-kuvala-ponad-1-5-tis-os-b-yakih-vorog-planu-zaluchiti-do-organ-zac-psevdo-referendumu-na-zapor-zhzh.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/23.09.2022/1cab3386695c761bb288f215010cb6f0/1b8049b2bd39248df0a23adcdfa4d48f_poster.jpg&amp;size=700x410" class="wp-post-image" alt="СБУ ідентифікувала понад 1,5 тис. осіб, яких ворог планує залучити до організації псевдо-референдуму на Запоріжжі">
                                </a>
                            </div>
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/115244-sbu-dentif-kuvala-ponad-1-5-tis-os-b-yakih-vorog-planu-zaluchiti-do-organ-zac-psevdo-referendumu-na-zapor-zhzh.html" title="СБУ ідентифікувала понад 1,5 тис. осіб, яких ворог планує залучити до організації псевдо-референдуму на Запоріжжі">СБУ ідентифікувала понад 1,5 тис. осіб, яких ворог планує залучити до організації...</a>
                                    <!--<a href="/news-ukraine-and-worlds/115244-sbu-dentif-kuvala-ponad-1-5-tis-os-b-yakih-vorog-planu-zaluchiti-do-organ-zac-psevdo-referendumu-na-zapor-zhzh.html" title="СБУ ідентифікувала понад 1,5 тис. осіб, яких ворог планує залучити до організації псевдо-референдуму на Запоріжжі">СБУ ідентифікувала понад 1,5 тис. осіб, яких ворог планує...</a>-->
                                </h3>
                                
                                
                                <div class="entry-content">
                                    

СБУ ідентифікувала понад 1,5 тис. осіб, яких ворог планує залучити до організації псевдо-референдуму на Запоріжжі.


                                </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/115311-volodimir-zelens-kiy-zvernuvsya-do-lyudey-na-okupovanih-teritor-yah.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/24.09.2022/714bceb1520f22e6fe3ff44f799addeb/edf61b785136d904f3cac8c17774f453.mp4"
                               data-videoid="4299"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/24.09.2022/714bceb1520f22e6fe3ff44f799addeb/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/115311-volodimir-zelens-kiy-zvernuvsya-do-lyudey-na-okupovanih-teritor-yah.html"
                               title="Володимир Зеленський звернувся до людей на окупованих територіях"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/24.09.2022/714bceb1520f22e6fe3ff44f799addeb/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/24.09.2022/714bceb1520f22e6fe3ff44f799addeb/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.09.2022/714bceb1520f22e6fe3ff44f799addeb/73be89ec302b1ec5366259883ef43fcb_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/115311-volodimir-zelens-kiy-zvernuvsya-do-lyudey-na-okupovanih-teritor-yah.html" title="Володимир Зеленський звернувся до людей на окупованих територіях">Володимир Зеленський звернувся до людей на окупованих територіях</a>
                            <!--<a href="/video-derzhava/115311-volodimir-zelens-kiy-zvernuvsya-do-lyudey-na-okupovanih-teritor-yah.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="/video-derzhava/115241-tetyana-voroncova-volonterka-zav-tala-do-115-brigadi-zsu.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/23.09.2022/e62a2e1ac6f8fe1292789184c72e6864/19ae3413644f42ce05098c88e11a4d39.mp4"
                               data-videoid="4291"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/23.09.2022/e62a2e1ac6f8fe1292789184c72e6864/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/115241-tetyana-voroncova-volonterka-zav-tala-do-115-brigadi-zsu.html"
                               title="Тетяна Воронцова, волонтерка завітала до 115 бригади ЗСУ"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/23.09.2022/e62a2e1ac6f8fe1292789184c72e6864/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/23.09.2022/e62a2e1ac6f8fe1292789184c72e6864/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/23.09.2022/e62a2e1ac6f8fe1292789184c72e6864/9309734ce834a4c6ba06ef9f3ab6679c_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/115241-tetyana-voroncova-volonterka-zav-tala-do-115-brigadi-zsu.html" title="Тетяна Воронцова, волонтерка завітала до 115 бригади ЗСУ">Тетяна Воронцова, волонтерка завітала до 115 бригади ЗСУ</a>
                            <!--<a href="/video-derzhava/115241-tetyana-voroncova-volonterka-zav-tala-do-115-brigadi-zsu.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-suspilstvo/115214-bezoplatna-pravova-dopomoga-v-ukra-n.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/23.09.2022/4b2df3c60b44f9c27ec1c5047c633406/eb052b086ead007e4fb9e0bd976b66a1.mp4"
                               data-videoid="4280"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/23.09.2022/4b2df3c60b44f9c27ec1c5047c633406/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo/115214-bezoplatna-pravova-dopomoga-v-ukra-n.html"
                               title="Безоплатна правова допомога в Україні"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/23.09.2022/4b2df3c60b44f9c27ec1c5047c633406/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/23.09.2022/4b2df3c60b44f9c27ec1c5047c633406/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/23.09.2022/4b2df3c60b44f9c27ec1c5047c633406/a618f68365e0c489167c730c9c3a7f39_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Безоплатна правова допомога в Україні">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo/115214-bezoplatna-pravova-dopomoga-v-ukra-n.html" title="Безоплатна правова допомога в Україні">Безоплатна правова допомога в Україні</a>
                            <!--<a href="/video-suspilstvo/115214-bezoplatna-pravova-dopomoga-v-ukra-n.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="/video-derzhava/115149-olena-zelens-ka-pribula-do-oon-de-prohodit-77-a-ses-ya-genasamble.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/21.09.2022/6309d979f0559cf42982e9a3091d5bac/fdb76589ee81dda623b3a28c40af5da3.mp4"
                               data-videoid="4270"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/21.09.2022/6309d979f0559cf42982e9a3091d5bac/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/115149-olena-zelens-ka-pribula-do-oon-de-prohodit-77-a-ses-ya-genasamble.html"
                               title="Олена Зеленська прибула до ООН, де проходить 77-а сесія Генасамблеї"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/21.09.2022/6309d979f0559cf42982e9a3091d5bac/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/21.09.2022/6309d979f0559cf42982e9a3091d5bac/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/21.09.2022/6309d979f0559cf42982e9a3091d5bac/855692daeb6f6c82fde70fd9e4e1e3ed_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Олена Зеленська прибула до ООН, де проходить 77-а сесія Генасамблеї">
                        </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/115149-olena-zelens-ka-pribula-do-oon-de-prohodit-77-a-ses-ya-genasamble.html" title="Олена Зеленська прибула до ООН, де проходить 77-а сесія Генасамблеї">Олена Зеленська прибула до ООН, де проходить 77-а сесія Генасамблеї</a>
                            <!--<a href="/video-derzhava/115149-olena-zelens-ka-pribula-do-oon-de-prohodit-77-a-ses-ya-genasamble.html" title="Олена Зеленська прибула до ООН, де проходить 77-а сесія Генасамблеї">Олена Зеленська прибула до ООН, де проходить 77-а сесія...</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/115334-sche-na-pochatku-veresnya-okupanti-mali-rezul-tati-psevdoreferendum-v-na-okupovanih-teritor-yah.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/25.09.2022/4d6733a1f919e69445dc560724b22e26/65b79db337b6367ee322ff2345d0d8b8_poster.jpg&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/115334-sche-na-pochatku-veresnya-okupanti-mali-rezul-tati-psevdoreferendum-v-na-okupovanih-teritor-yah.html" title="Ще на початку вересня окупанти мали «результати» псевдореферендумів на окупованих територіях">Ще на початку вересня окупанти мали «результати» псевдореферендумів на...</a>
                        </h3>
                    </div>
                    <div class="entry-content">
                        

Ще на початку вересня окупанти мали &laquo;результати&raquo;...
                    </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/115335-propov-d-mitropolita-longina-ta-zvrnennya-do-prezidenta-ukra-ni.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/74a020e120bc37247af3cf9d90863422.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/115335-propov-d-mitropolita-longina-ta-zvrnennya-do-prezidenta-ukra-ni.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/115328-zsu-znischili-tri-skladi-bo-pripas-v-okupant-v.html">
                            <img loading="lazy" src="&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/115328-zsu-znischili-tri-skladi-bo-pripas-v-okupant-v.html" title="ЗСУ знищили три склади боєприпасів окупантів">ЗСУ знищили три склади боєприпасів окупантів</a>
                        </h3>
                    </div>
                    <div class="entry-content">
                        

⚡️ЗСУ знищили три склади боєприпасів окупантів&nbsp;
☝️За добу...
                    </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/115322-vikoristannya-ukra-ns-ko-elektroenerg-dozvolit-derzhavam-s-zam-stiti-5-6-mlrd-kubometr-v-ros-ys-kogo-gazu.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/0b80a724dac364f68bb33e82f8e68dbe.jpeg&amp;size=850x560" class="wp-post-image" alt="Використання української електроенергії дозволить державам ЄС замістити 5-6 млрд кубометрів російського газу">
                        </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/115322-vikoristannya-ukra-ns-ko-elektroenerg-dozvolit-derzhavam-s-zam-stiti-5-6-mlrd-kubometr-v-ros-ys-kogo-gazu.html" title="Використання української електроенергії дозволить державам ЄС замістити 5-6 млрд кубометрів російського газу">Використання української електроенергії дозволить державам ЄС замістити...</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/115321-u-zapor-z-k-y-ta-hersons-k-y-oblastyah-cholov-ki-prizovnogo-v-ku-yak-v-dmovilisya-v-d-ukra-ns-kogo-pasporta-ta-otrimali-ros-ys-ke-gromadyanstvo-pochali-otrimuvati-pov-stki-pro-mob-l-zac-yu-do-okupac-yno-arm.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/eec46695debb2391881b4a49c3ea04b6.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/115321-u-zapor-z-k-y-ta-hersons-k-y-oblastyah-cholov-ki-prizovnogo-v-ku-yak-v-dmovilisya-v-d-ukra-ns-kogo-pasporta-ta-otrimali-ros-ys-ke-gromadyanstvo-pochali-otrimuvati-pov-stki-pro-mob-l-zac-yu-do-okupac-yno-arm.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/115327-ros-ya-mozhe-skinuti-odnu-abo-k-l-ka-taktichnih-yadernih-bomb-potuzhn-styu-0-3-100-k-loton---francuz-ke-vidannya-afp.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/25.09.2022/804454ef48c47bb514d36a79bcaefb0c/8afa0562fdab6a6878328e65e5a5a2b7_poster.jpg&amp;size=850x560" class="wp-post-image" alt="росія може скинути одну або кілька тактичних ядерних бомб потужністю 0,3-100 кілотон, - французьке видання AFP">
                        </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/115327-ros-ya-mozhe-skinuti-odnu-abo-k-l-ka-taktichnih-yadernih-bomb-potuzhn-styu-0-3-100-k-loton---francuz-ke-vidannya-afp.html" title="росія може скинути одну або кілька тактичних ядерних бомб потужністю 0,3-100 кілотон, - французьке видання AFP">росія може скинути одну або кілька тактичних ядерних бомб потужністю 0,3-100...</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/115319-ukra-na-pozbavlya-akreditac-posla-ranu.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/04d073541ba8e4b793a00706e8ed4037.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/115319-ukra-na-pozbavlya-akreditac-posla-ranu.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/115317-volodimir-zelens-kiy-prisvo-v-zvannya-geroy-ukra-ni-zagiblomu-v-ys-kovomu-serg-yu-sov.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/24.09.2022/d660e99537ae1bb4ed542fc9fe765085.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/115317-volodimir-zelens-kiy-prisvo-v-zvannya-geroy-ukra-ni-zagiblomu-v-ys-kovomu-serg-yu-sov.html" title="Володимир Зеленський присвоїв звання «Герой України» загиблому військовому Сергію Сові">Володимир Зеленський присвоїв звання «Герой України» загиблому військовому...</a>
                        </h3>
                    </div>
                    <div class="entry-content">
                        

⚡️Володимир Зеленський присвоїв звання &laquo;Герой України&raquo;...
                    </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>
        <div class="col-md-6">
            <div class="row">
                            </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--4742 .post-inner {
        padding-bottom: 15px;
        box-shadow: 0 0 0 rgba(103, 122, 141, 0);
        margin-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    .widjetComponent--4742 .post-image img {
        width: 100%;
    }
    .widjetComponent--4742 .post-image a {
        display: block;
    }
    .widjetComponent--4742 .widget-title a {
        color: #000;
        font-size: 24px;
        font-weight: normal;
    }
    .widjetComponent--4742 .widget-title a:hover {
        color: #00a6e3;
    }

</style>
<section class="widjet-component-inner widjetComponent--4742">
            <style>
        .widjetComponent--title--4742.widget-title-base {
            color: #ffffff;
            font-size: 18px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
        }
    </style>

    <a href="/grimaces-of-the-russian-peace" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4742 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="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/grimaces-of-the-russian-peace/114339-pocha-vs-ka-lavra-nayzah-dn-shiy-forpost-russka-o-m-ra-provoku.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/28.08.2022/78da771e93680edfdabada6be1123479.jpeg&amp;size=850x560" class="wp-post-image" alt="Почаївська лавра: Найзахідніший форпост &quot;русскаґо міра&quot; провокує">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/grimaces-of-the-russian-peace/114339-pocha-vs-ka-lavra-nayzah-dn-shiy-forpost-russka-o-m-ra-provoku.html" title="Почаївська лавра: Найзахідніший форпост &quot;русскаґо міра&quot; провокує">Почаївська лавра: Найзахідніший форпост &quot;русскаґо міра&quot; провокує</a>
                                </h3>
                            </div>
                        </div>
                    </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="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/grimaces-of-the-russian-peace/114312-ros-ys-kiy-krim-m-f-chna-ekonom-chna-suverenn-st-ta-global-na-konkurentospromozhn-st.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.08.2022/6de390ecc0dddf07495052513607f992.jpeg&amp;size=850x560" class="wp-post-image" alt="Російський Крим: міфічна «економічна суверенність» та «глобальна конкурентоспроможність» ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/grimaces-of-the-russian-peace/114312-ros-ys-kiy-krim-m-f-chna-ekonom-chna-suverenn-st-ta-global-na-konkurentospromozhn-st.html" title="Російський Крим: міфічна «економічна суверенність» та «глобальна конкурентоспроможність» ">Російський Крим: міфічна «економічна суверенність» та «глобальна конкурентоспроможність»...</a>
                                </h3>
                            </div>
                        </div>
                    </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="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/grimaces-of-the-russian-peace/114315-hto-sche-v-rit-u-kazochku-pro-dobrogo-carya-ros.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.08.2022/43127bca8c1a1ef4b6482282e30df87e.jpeg&amp;size=850x560" class="wp-post-image" alt="Хто іще вірить у казочку про доброго царя росії?..">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/grimaces-of-the-russian-peace/114315-hto-sche-v-rit-u-kazochku-pro-dobrogo-carya-ros.html" title="Хто іще вірить у казочку про доброго царя росії?..">Хто іще вірить у казочку про доброго царя росії?..</a>
                                </h3>
                            </div>
                        </div>
                    </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="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/grimaces-of-the-russian-peace/114292-zamah-na-svyate-movniy-zakon-k-valova-kolesn-chenka-2012-roku.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.08.2022/51c2a61aabf862ec0661a2cf3ca9b60e.jpeg&amp;size=850x560" class="wp-post-image" alt="Замах на святе: Мовний закон Ківалова-Колесніченка 2012 року ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/grimaces-of-the-russian-peace/114292-zamah-na-svyate-movniy-zakon-k-valova-kolesn-chenka-2012-roku.html" title="Замах на святе: Мовний закон Ківалова-Колесніченка 2012 року ">Замах на святе: Мовний закон Ківалова-Колесніченка 2012 року </a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </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/114889-ukra-ns-kiy-prapor-dlya-viznachnih-pol-s-kih-zhurnal-st-v-sdp.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.09.2022/0e135ea14519b6c361f0e7e0868e1d0d.jpeg&amp;size=320x210" class="wp-post-image" alt="Український прапор для визначних польських журналістів SDP">
                        </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/114889-ukra-ns-kiy-prapor-dlya-viznachnih-pol-s-kih-zhurnal-st-v-sdp.html" title="Український прапор для визначних польських журналістів SDP">Український прапор для визначних польських журналістів SDP</a>
                            <!--<a href="/poland-and-ukraine-realities-and-prospects/114889-ukra-ns-kiy-prapor-dlya-viznachnih-pol-s-kih-zhurnal-st-v-sdp.html" title="Український прапор для визначних польських журналістів SDP">Український прапор для визначних польських журналістів SDP</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/114293-adna-kobieta-anna-sen-k-proslavlya-ukra-nu-v-bolgar.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.08.2022/e2c5d7bff3c9f7265a6759e1672192e8.jpeg&amp;size=320x210" class="wp-post-image" alt="Ładna Kobieta / Анна Сенік прославляє Україну в Болгарії ">
                        </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/114293-adna-kobieta-anna-sen-k-proslavlya-ukra-nu-v-bolgar.html" title="Ładna Kobieta / Анна Сенік прославляє Україну в Болгарії ">Ładna Kobieta / Анна Сенік прославляє Україну в Болгарії </a>
                            <!--<a href="/poland-and-ukraine-realities-and-prospects/114293-adna-kobieta-anna-sen-k-proslavlya-ukra-nu-v-bolgar.html" title="Ładna Kobieta / Анна Сенік прославляє Україну в Болгарії ">Ładna Kobieta / Анна Сенік прославляє Україну в Болгарії...</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/114255-pol-scha-mi-nin-tut-mayzhe-vs-ukra-nc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.08.2022/cbb51a887b31d40eb27fe3c42229af2b.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/114255-pol-scha-mi-nin-tut-mayzhe-vs-ukra-nc.html" title="Польща: "Ми нині тут майже всі – українці!.."">Польща: "Ми нині тут майже всі – українці!.."</a>
                            <!--<a href="/poland-and-ukraine-realities-and-prospects/114255-pol-scha-mi-nin-tut-mayzhe-vs-ukra-nc.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="/poland-and-ukraine-realities-and-prospects/114254-denacif-kac-ya-zagrozhuvala-pol-sch.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/24.08.2022/0dae1d1b777b7a994555bb5dd7ce8ecc.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/114254-denacif-kac-ya-zagrozhuvala-pol-sch.html" title=""Денацифікація" загрожувала і Польщі...">"Денацифікація" загрожувала і Польщі...</a>
                            <!--<a href="/poland-and-ukraine-realities-and-prospects/114254-denacif-kac-ya-zagrozhuvala-pol-sch.html" title="&quot;Денацифікація&quot; загрожувала і Польщі...">"Денацифікація" загрожувала і Польщі...</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="/news-suspilstvo-events/115330-populyarniy-ukra-ns-kiy-bloger-z-pozivnim-mal-zaginuv-u-boyah.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/69b4ebd32e6ee15ecaac002d0a24d351.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/115330-populyarniy-ukra-ns-kiy-bloger-z-pozivnim-mal-zaginuv-u-boyah.html" title="Популярний український блогер із позивним «Малі» загинув у боях">Популярний український блогер із позивним «Малі» загинув у боях</a>
                            <!--<a href="/news-suspilstvo-events/115330-populyarniy-ukra-ns-kiy-bloger-z-pozivnim-mal-zaginuv-u-boyah.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/115329-ukra-nc-z-brali-mayzhe-6-mln-griven-na-l-kuvannya-zv-l-nenogo-z-polonu-mihayla-d-anova.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/30eac52c31341340d8de3997bd63eaf2.jpeg&amp;size=320x210" class="wp-post-image" alt="Українці зібрали майже 6 млн гривень на лікування звільненого з полону Михайла Діанова">
                        </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/115329-ukra-nc-z-brali-mayzhe-6-mln-griven-na-l-kuvannya-zv-l-nenogo-z-polonu-mihayla-d-anova.html" title="Українці зібрали майже 6 млн гривень на лікування звільненого з полону Михайла Діанова">Українці зібрали майже 6 млн гривень на лікування звільненого з полону...</a>
                            <!--<a href="/news-suspilstvo-events/115329-ukra-nc-z-brali-mayzhe-6-mln-griven-na-l-kuvannya-zv-l-nenogo-z-polonu-mihayla-d-anova.html" title="Українці зібрали майже 6 млн гривень на лікування звільненого з полону Михайла Діанова">Українці зібрали майже 6 млн гривень на лікування звільненого...</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/115331-u-zv-l-neno-z-polonu-mar-yani-mamonovo-narodilasya-don-ka.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/75e4521deaabd1953ebf814386f46b9c.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/115331-u-zv-l-neno-z-polonu-mar-yani-mamonovo-narodilasya-don-ka.html" title="У звільненої з полону Мар'яни Мамонової народилася донька">У звільненої з полону Мар'яни Мамонової народилася донька</a>
                            <!--<a href="/news-suspilstvo-events/115331-u-zv-l-neno-z-polonu-mar-yani-mamonovo-narodilasya-don-ka.html" title="У звільненої з полону Мар&#039;яни Мамонової народилася донька">У звільненої з полону Мар'яни Мамонової народилася донька</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/115315-u-marganc-s-ogodn-vnoch-buv-pril-t-u-rayon-hl-bozavodu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/24.09.2022/74c88772fa6e16fc6d187ae1f03c32a0.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/115315-u-marganc-s-ogodn-vnoch-buv-pril-t-u-rayon-hl-bozavodu.html" title="У Марганці сьогодні вночі був приліт у районі хлібозаводу">У Марганці сьогодні вночі був приліт у районі хлібозаводу</a>
                            <!--<a href="/news-suspilstvo-events/115315-u-marganc-s-ogodn-vnoch-buv-pril-t-u-rayon-hl-bozavodu.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/114597-motoroshna-traged-ya-ochima-8-l-tn-o-d-vchinki-krivaviy-veresen-1939-go-u-pol-sch-y-ukra-n.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/04.09.2022/6165021f61bd5882b31083fc0d2d4760.jpeg&amp;size=320x210" class="wp-post-image" alt="Моторошна трагедія очима 8-літньої дівчинки. Кривавий вересень 1939-го у Польщі й Україні">
                        </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/114597-motoroshna-traged-ya-ochima-8-l-tn-o-d-vchinki-krivaviy-veresen-1939-go-u-pol-sch-y-ukra-n.html" title="Моторошна трагедія очима 8-літньої дівчинки. Кривавий вересень 1939-го у Польщі й Україні">Моторошна трагедія очима 8-літньої дівчинки. Кривавий вересень 1939-го...</a>
                            <!--<a href="/human-destinies/114597-motoroshna-traged-ya-ochima-8-l-tn-o-d-vchinki-krivaviy-veresen-1939-go-u-pol-sch-y-ukra-n.html" title="Моторошна трагедія очима 8-літньої дівчинки. Кривавий вересень 1939-го у Польщі й Україні">Моторошна трагедія очима 8-літньої дівчинки. Кривавий вересень...</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/114581-k-shka-musya-pro-hala-p-v-vropi-teper-vona-u-pol-sch.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/03.09.2022/b33b158e9af250452e0d43390a6231ad.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/114581-k-shka-musya-pro-hala-p-v-vropi-teper-vona-u-pol-sch.html" title="Кішка Муся проїхала пів Європи. Тепер вона у Польщі..">Кішка Муся проїхала пів Європи. Тепер вона у Польщі..</a>
                            <!--<a href="/human-destinies/114581-k-shka-musya-pro-hala-p-v-vropi-teper-vona-u-pol-sch.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/114568-zhittya-m-zh-kulyami-yak-opov-da-valentina-oleshko-starosta-sela-p-ski-na-chern-g-vschin.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.09.2022/c0833ba193a083f0cae679010c609555.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/114568-zhittya-m-zh-kulyami-yak-opov-da-valentina-oleshko-starosta-sela-p-ski-na-chern-g-vschin.html" title="Життя між кулями: Як оповідає Валентина Олешко, староста села Піски на Чернігівщині ">Життя між кулями: Як оповідає Валентина Олешко, староста села Піски на...</a>
                            <!--<a href="/human-destinies/114568-zhittya-m-zh-kulyami-yak-opov-da-valentina-oleshko-starosta-sela-p-ski-na-chern-g-vschin.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/114567-zhittya-m-zh-kulyami-poryatunok-blagod-yn-st-po-bobrovic-ki.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/02.09.2022/2bd0fbc032488f14d385a71dfc6188c6.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/114567-zhittya-m-zh-kulyami-poryatunok-blagod-yn-st-po-bobrovic-ki.html" title="Життя між кулями: Порятунок і благодійність по-бобровицьки ">Життя між кулями: Порятунок і благодійність по-бобровицьки </a>
                            <!--<a href="/human-destinies/114567-zhittya-m-zh-kulyami-poryatunok-blagod-yn-st-po-bobrovic-ki.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/114316-svyaschenn-skrizhal-nezabutn-ogo-ukra-ns-kogo-ditinstva.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.08.2022/69749085cd16e8d9416e3aab03cdc56c.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/114316-svyaschenn-skrizhal-nezabutn-ogo-ukra-ns-kogo-ditinstva.html" title="Священні скрижалі незабутнього українського дитинства">Священні скрижалі незабутнього українського дитинства</a>
                            <!--<a href="/the-ukrainian-word-is-immortal/114316-svyaschenn-skrizhal-nezabutn-ogo-ukra-ns-kogo-ditinstva.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/115100-persha-stor-nka-stor-usp-hu-v-un-versitet-v-dbulasya-urochista-ceremon-ya-posvyati-pershokursnik-v-u-studenti.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.09.2022/5f8c21c28eb3ef167091668958306388.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/115100-persha-stor-nka-stor-usp-hu-v-un-versitet-v-dbulasya-urochista-ceremon-ya-posvyati-pershokursnik-v-u-studenti.html" title="Перша сторінка історії успіху: в університеті відбулася урочиста церемонія посвяти першокурсників у студенти">Перша сторінка історії успіху: в університеті відбулася урочиста церемонія...</a>
                            <!--<a href="/news-suspilstvo-education/115100-persha-stor-nka-stor-usp-hu-v-un-versitet-v-dbulasya-urochista-ceremon-ya-posvyati-pershokursnik-v-u-studenti.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/115098-pnpu-men-v-g-korolenka-ta-nstitut-pedagog-ki-napn-ukra-ni-p-dpisali-memorandum-pro-sp-vpracyu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.09.2022/4a4e89368a5a16db6a67b2e4c09bc7f6.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/115098-pnpu-men-v-g-korolenka-ta-nstitut-pedagog-ki-napn-ukra-ni-p-dpisali-memorandum-pro-sp-vpracyu.html" title="ПНПУ імені В. Г. Короленка та Інститут педагогіки НАПН України підписали Меморандум про співпрацю">ПНПУ імені В. Г. Короленка та Інститут педагогіки НАПН України підписали...</a>
                            <!--<a href="/news-suspilstvo-education/115098-pnpu-men-v-g-korolenka-ta-nstitut-pedagog-ki-napn-ukra-ni-p-dpisali-memorandum-pro-sp-vpracyu.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/115069-m-zhnarodna-sp-vpracya-pnpu-men-v-g-korolenka-z-un-versitetom-florenc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.09.2022/e0ea32701ceb5c0edaa59d232e13d20a.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/115069-m-zhnarodna-sp-vpracya-pnpu-men-v-g-korolenka-z-un-versitetom-florenc.html" title="Міжнародна співпраця ПНПУ імені В. Г. Короленка з Університетом Флоренції">Міжнародна співпраця ПНПУ імені В. Г. Короленка з Університетом Флоренції</a>
                            <!--<a href="/news-suspilstvo-education/115069-m-zhnarodna-sp-vpracya-pnpu-men-v-g-korolenka-z-un-versitetom-florenc.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/114682-vikladach-kafedri-virobnicho--nformac-ynih-tehnolog-y-ta-bezpeki-zhitt-d-yal-nost-post-yno-pracyuyut-nad-vdoskonalennya-svo-h-fahovih-kompetentnostey.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/07.09.2022/add3711093d9789e93597e0db8e19d83.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/114682-vikladach-kafedri-virobnicho--nformac-ynih-tehnolog-y-ta-bezpeki-zhitt-d-yal-nost-post-yno-pracyuyut-nad-vdoskonalennya-svo-h-fahovih-kompetentnostey.html" title="Викладачі кафедри виробничо-інформаційних технологій та безпеки життєдіяльності постійно працюють над вдосконалення своїх фахових компетентностей">Викладачі кафедри виробничо-інформаційних технологій та безпеки життєдіяльності...</a>
                            <!--<a href="/news-suspilstvo-education/114682-vikladach-kafedri-virobnicho--nformac-ynih-tehnolog-y-ta-bezpeki-zhitt-d-yal-nost-post-yno-pracyuyut-nad-vdoskonalennya-svo-h-fahovih-kompetentnostey.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/114314-tolochki-v-d-nauki-v-ukra-n-bezkarn-chomu-derzhava-toleru-ukra-nofobstvo.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.08.2022/fbd2c597168fc835f7faaea8b0422161.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/114314-tolochki-v-d-nauki-v-ukra-n-bezkarn-chomu-derzhava-toleru-ukra-nofobstvo.html" title="Толочки від науки в Україні безкарні. Чому держава толерує українофобство?">Толочки від науки в Україні безкарні. Чому держава толерує українофобство?</a>
                            <!--<a href="/thoughts-aloud/114314-tolochki-v-d-nauki-v-ukra-n-bezkarn-chomu-derzhava-toleru-ukra-nofobstvo.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/114276-hersoncyam-vdoma-v-sv-t-ne-do-rozvag-sub-ktivn-notatki.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.08.2022/c61c1d9b8908a9522a22e02707d2c840.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/114276-hersoncyam-vdoma-v-sv-t-ne-do-rozvag-sub-ktivn-notatki.html" title="Херсонцям – вдома і в світі – не до розваг… Суб’єктивні нотатки">Херсонцям – вдома і в світі – не до розваг… Суб’єктивні нотатки</a>
                            <!--<a href="/thoughts-aloud/114276-hersoncyam-vdoma-v-sv-t-ne-do-rozvag-sub-ktivn-notatki.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/115332-lishe-za-k-l-ka-dn-v-ros-yani-rozdali-1-5-tisyach-pov-stok-krims-kim-tataram.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/523392eb8e43bea2fb3e78707fc143a4.jpeg&amp;size=320x210" class="wp-post-image" alt="Лише за кілька днів росіяни роздали 1,5 тисячі повісток кримським татарам">
                        </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/115332-lishe-za-k-l-ka-dn-v-ros-yani-rozdali-1-5-tisyach-pov-stok-krims-kim-tataram.html" title="Лише за кілька днів росіяни роздали 1,5 тисячі повісток кримським татарам">Лише за кілька днів росіяни роздали 1,5 тисячі повісток кримським татарам</a>
                            <!--<a href="/news-derzhava-rehiony-ukrayiny/115332-lishe-za-k-l-ka-dn-v-ros-yani-rozdali-1-5-tisyach-pov-stok-krims-kim-tataram.html" title="Лише за кілька днів росіяни роздали 1,5 тисячі повісток кримським татарам">Лише за кілька днів росіяни роздали 1,5 тисячі повісток...</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/115326-ros-ya-znovu-atakuvala-odesu-dronami-kam-kadze.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/83e10d53427f47c978e1246430735509.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/115326-ros-ya-znovu-atakuvala-odesu-dronami-kam-kadze.html" title="Росія знову атакувала Одесу дронами-камікадзе">Росія знову атакувала Одесу дронами-камікадзе</a>
                            <!--<a href="/news-derzhava-rehiony-ukrayiny/115326-ros-ya-znovu-atakuvala-odesu-dronami-kam-kadze.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/115324-p-drozd-li-zsu-v-dbili-vorozh-ataki-v-rayonah-soledara-vi-mki-kurdyum-vki-zayceva-novomihayl-vki-ta-pervomays-kogo.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/702b1676a73296904c368d22c2c5c160.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/115324-p-drozd-li-zsu-v-dbili-vorozh-ataki-v-rayonah-soledara-vi-mki-kurdyum-vki-zayceva-novomihayl-vki-ta-pervomays-kogo.html" title="Підрозділи ЗСУ відбили ворожі атаки в районах Соледара, Виїмки, Курдюмівки, Зайцева, Новомихайлівки та Первомайського">Підрозділи ЗСУ відбили ворожі атаки в районах Соледара, Виїмки, Курдюмівки,...</a>
                            <!--<a href="/news-derzhava-rehiony-ukrayiny/115324-p-drozd-li-zsu-v-dbili-vorozh-ataki-v-rayonah-soledara-vi-mki-kurdyum-vki-zayceva-novomihayl-vki-ta-pervomays-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="/news-derzhava-rehiony-ukrayiny/115275-zsu-zv-l-nili-selo-yack-vka-na-donechchin-ta-zmogli-v-dnoviti-ran-she-vtrachen-pozic-na-p-vden-v-d-bahmuta.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.09.2022/a7209d60c8cdc40ab3a4f5996eb74c91.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/115275-zsu-zv-l-nili-selo-yack-vka-na-donechchin-ta-zmogli-v-dnoviti-ran-she-vtrachen-pozic-na-p-vden-v-d-bahmuta.html" title="ЗСУ звільнили село Яцківка на Донеччині та змогли відновити раніше втрачені позиції на південь від Бахмута">ЗСУ звільнили село Яцківка на Донеччині та змогли відновити раніше втрачені...</a>
                            <!--<a href="/news-derzhava-rehiony-ukrayiny/115275-zsu-zv-l-nili-selo-yack-vka-na-donechchin-ta-zmogli-v-dnoviti-ran-she-vtrachen-pozic-na-p-vden-v-d-bahmuta.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-pravookhoronni-orhany/115190-zalishilis-v-okupac-ta-pracyuyut-na-voroga---zaochno-pov-domleno-pro-p-dozru-8-kolishn-m-pol-ceys-kim-ta-ekspertam.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.09.2022/1340cea16153345b69e096519dca81c9.jpeg&amp;size=850x560" class="wp-post-image" alt="Залишились в окупації та працюють на ворога - заочно повідомлено про підозру 8 колишнім поліцейським та експертам">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/115190-zalishilis-v-okupac-ta-pracyuyut-na-voroga---zaochno-pov-domleno-pro-p-dozru-8-kolishn-m-pol-ceys-kim-ta-ekspertam.html" title="Залишились в окупації та працюють на ворога - заочно повідомлено про підозру 8 колишнім поліцейським та експертам">Залишились в окупації та працюють на ворога - заочно повідомлено про підозру...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/115190-zalishilis-v-okupac-ta-pracyuyut-na-voroga---zaochno-pov-domleno-pro-p-dozru-8-kolishn-m-pol-ceys-kim-ta-ekspertam.html" title="Залишились в окупації та працюють на ворога - заочно повідомлено про підозру 8 колишнім поліцейським та експертам">Залишились в окупації та працюють на ворога - заочно повідомлено...</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-pravookhoronni-orhany/115179-pomstivsya-za-prinizhennya-druzhini-cholov-ka-vzyato-p-d-vartu-za-p-dozroyu-v-umisnomu-vbivstv-znayomogo.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.09.2022/2367da69a70fb3fa37ebd55a304b052c.jpeg&amp;size=850x560" class="wp-post-image" alt="Помстився за приниження дружини – чоловіка взято під варту за підозрою в умисному вбивстві знайомого">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/115179-pomstivsya-za-prinizhennya-druzhini-cholov-ka-vzyato-p-d-vartu-za-p-dozroyu-v-umisnomu-vbivstv-znayomogo.html" title="Помстився за приниження дружини – чоловіка взято під варту за підозрою в умисному вбивстві знайомого">Помстився за приниження дружини – чоловіка взято під варту за підозрою...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/115179-pomstivsya-za-prinizhennya-druzhini-cholov-ka-vzyato-p-d-vartu-za-p-dozroyu-v-umisnomu-vbivstv-znayomogo.html" title="Помстився за приниження дружини – чоловіка взято під варту за підозрою в умисному вбивстві знайомого">Помстився за приниження дружини – чоловіка взято під варту...</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/115323-v-s-m-francuz-kih-zakonodavc-v-zvernulisya-do-glavi-nizhn-o-palati-parlamentu-yael-braun-p-ve-z-propozic-yu-stvoriti-kom-tet-dlya-rozsl-duvannya-v-rog-dnogo-ros-ys-kogo-f-nansuvannya-pol-tichnih-part-y-franc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/cd181913a6e6285f82ac905edcff1eeb.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/115323-v-s-m-francuz-kih-zakonodavc-v-zvernulisya-do-glavi-nizhn-o-palati-parlamentu-yael-braun-p-ve-z-propozic-yu-stvoriti-kom-tet-dlya-rozsl-duvannya-v-rog-dnogo-ros-ys-kogo-f-nansuvannya-pol-tichnih-part-y-franc.html" title="Вісім французьких законодавців звернулися до глави нижньої палати парламенту Яель Браун-Піве із пропозицією створити комітет для розслідування вірогідного російського фінансування політичних партій Франції">Вісім французьких законодавців звернулися до глави нижньої палати парламенту...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/115323-v-s-m-francuz-kih-zakonodavc-v-zvernulisya-do-glavi-nizhn-o-palati-parlamentu-yael-braun-p-ve-z-propozic-yu-stvoriti-kom-tet-dlya-rozsl-duvannya-v-rog-dnogo-ros-ys-kogo-f-nansuvannya-pol-tichnih-part-y-franc.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-polityka-zovnishnya-polityka/115320-pol-scha-rland-ya-ta-tri-kra-ni-balt-vimagayut-posiliti-tisk-na-ros-yu-u-novomu-paket-sankc-y-vropeys-kogo-soyuzu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.09.2022/a6b68f58f92225365d3d069b3167dc58.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/115320-pol-scha-rland-ya-ta-tri-kra-ni-balt-vimagayut-posiliti-tisk-na-ros-yu-u-novomu-paket-sankc-y-vropeys-kogo-soyuzu.html" title="Польща, Ірландія та три країни Балтії вимагають посилити тиск на Росію у новому пакеті санкцій Європейського Союзу">Польща, Ірландія та три країни Балтії вимагають посилити тиск на Росію...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/115320-pol-scha-rland-ya-ta-tri-kra-ni-balt-vimagayut-posiliti-tisk-na-ros-yu-u-novomu-paket-sankc-y-vropeys-kogo-soyuzu.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-3 row-k-style" id="row-k-style-2365-3">
            <div class="row-k-width-2365-3 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">
                                                                    </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=07");
                        }
                                                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=06");
                                                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=2"></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="sfwdta06333" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"></div><script nonce="b4718db2002d97376dce5fc04c9489e4">/*<![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="fe8ee871ab002088ba5d5990bbefab94">    .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="b4718db2002d97376dce5fc04c9489e4">/*<![CDATA[*/    (function () {        Sfjs.loadToolbar('a06333');    })();/*]]>*/</script>
</body>
</html>