<!--::result::time::10:55:02::App\Service\Components\Header\H03::-->
<!--::result::time::10:55:02::work: 0.0048 s::App\Service\Components\Header\H03::-->
<!--::result::time::10:55:02::App\Service\Components\Header\H03::-->
<!--::result::time::10:55:02::work: 0.0012 s::App\Service\Components\Header\H03::-->
<!--::result::time::10:55:02::App\Service\Components\Header\H03::-->
<!--::result::time::10:55:02::work: 0.002 s::App\Service\Components\Header\H03::-->
<!--::result::time::10:55:02::App\Service\Components\Header\H04::-->
<!--::result::time::10:55:02::work: 0.0007 s::App\Service\Components\Header\H04::-->
<!--::result::time::10:55:02::App\Service\Components\Header\H05::-->
<!--::result::time::10:55:02::work: 0.0156 s::App\Service\Components\Header\H05::-->
<!--::result::time::10:55:02::App\Service\Components\News\N12::-->
<!--::result::time::10:55:02::work: 0.012 s::App\Service\Components\News\N12::-->
<!--::result::time::10:55:02::App\Service\Components\News\N10::-->
<!--::result::time::10:55:02::work: 0.0011 s::App\Service\Components\News\N10::-->
<!--::result::time::10:55:02::App\Service\Components\News\N12::-->
<!--::result::time::10:55:02::work: 0.0083 s::App\Service\Components\News\N12::-->
<!--::result::time::10:55:02::App\Service\Components\News\N01::-->
<!--::result::time::10:55:02::work: 0.0015 s::App\Service\Components\News\N01::-->
<!--::result::time::10:55:02::App\Service\Components\News\N01::-->
<!--::result::time::10:55:02::getChildsMapIds work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work category: 4910,4911,4912,4913::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::SELECT work: 0.0105 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::POST getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::POST work: 0.0026 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::foreach work: 0.006 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work: 0.0307 s::App\Service\Components\News\N01::-->
<!--::result::time::10:55:02::App\Service\Components\News\N01::-->
<!--::result::time::10:55:02::getChildsMapIds work: 0.0028 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work category: 4914,4915,4916,4917::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::SELECT work: 0.0017 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::POST getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::POST work: 0.0029 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::foreach work: 0.0098 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work: 0.0253 s::App\Service\Components\News\N01::-->
<!--::result::time::10:55:02::App\Service\Components\News\N01::-->
<!--::result::time::10:55:02::getChildsMapIds work: 0.0015 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work category: 4918,4919,4920,4921,4922,4923,4924::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::SELECT work: 0.0029 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::POST getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::POST work: 0.0047 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::foreach work: 0.0086 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work: 0.029 s::App\Service\Components\News\N01::-->
<!--::result::time::10:55:02::App\Service\Components\News\N01::-->
<!--::result::time::10:55:02::getChildsMapIds work: 0.0018 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work category: 4925,4926,4927,4928,4929,4930::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::SELECT work: 0.0024 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::POST getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::POST work: 0.0027 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::foreach work: 0.0083 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:02::work: 0.0268 s::App\Service\Components\News\N01::-->
<!--::result::time::10:55:02::App\Service\Components\News\N01::-->
<!--::result::time::10:55:03::getChildsMapIds work: 0.0014 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:03::SELECT getPagesByCategoryLimit::-->
<!--::result::time::10:55:03::work category: 4931,4932,4933,4934,4935::getPagesByCategoryLimit::-->
<!--::result::time::10:55:03::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::10:55:03::SELECT work: 0.0018 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:03::POST getPagesByCategoryLimit::-->
<!--::result::time::10:55:03::POST work: 0.0028 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:03::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:03::foreach work: 0.008 s::getPagesByCategoryLimit::-->
<!--::result::time::10:55:03::work: 0.0261 s::App\Service\Components\News\N01::-->
<!--::result::time::10:55:03::work: 0.2086 s::-->
<!--::result::time::10:55:03::render work: 0.0193 s::-->
<!DOCTYPE html>
<html class="default-style" lang="ua">
    <head>
        <meta charset="UTF-8">
                <title>politics world</title>
        
        <!-- this favocon -->
        <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.unt.ua" />
                <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.0.1/dropzone.js"></script>
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.0.1/dropzone.css"
  type="text/css"
/>
        <script>
            var thumb_url = "https://media.unt.ua/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.unt.ua/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/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="/widjets/assets/material-icons.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-2504-0 {width:95%}
.row-k-style-2504-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-2504-1 {width:95%}
.row-k-style-2504-1 {background: linear-gradient(#00a6e3,#00a6e3)}
.row-k-width-2504-2 {width:95%}
.row-k-style-2504-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-2505-0 {width:95%}
.row-k-style-2505-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-2505-1 {width:95%}
.row-k-style-2505-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-2505-2 {width:95%}
.row-k-style-2505-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-2505-3 {width:95%}
.row-k-style-2505-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-2505-4 {width:95%}
.row-k-style-2505-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-2505-5 {width:95%}
.row-k-style-2505-5 {background: linear-gradient(#fff,#fff)}
.row-k-width-2505-6 {width:95%}
.row-k-style-2505-6 {background: linear-gradient(#fff,#fff)}
.row-k-width-2505-7 {width:95%}
.row-k-style-2505-7 {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.unt.ua/assets/video/videojs-vtt-thumbnails.css" rel="stylesheet">
                                                                        		                    <link rel="preload" href="https://media.unt.ua/thumb/thumb.php?src=/upload/video/07.07.2025/0d9200e29bfaa5922b023ccfddd8fdcd/e51ccb853c81ad98b3a6c451323341cc_poster.jpg&size=850x560&ios=false" as="image">
            <meta name="description" content="Опель — командир роти механізованого батальйону 23-ї окремої механізованої бригади Сухопутних військ ЗСУ. У цивільному житті офіцер був керівником відділу збуту, жив у Запоріжжі, їздив на дачу біля Василівки. Коли фронт наблизився на відстань 50 км від дому, прийняв рішення доєднатися до лав Збройних...">
			<meta property="og:title" content="Опель: «Щоб моїм дітям не довелося — я пішов до війська сам»">
			<meta property="og:description" content="Опель — командир роти механізованого батальйону 23-ї окремої механізованої бригади Сухопутних військ ЗСУ. У цивільному житті офіцер був керівником відділу збуту, жив у Запоріжжі, їздив на дачу біля Василівки. Коли фронт наблизився на відстань 50 км від дому, прийняв рішення доєднатися до лав Збройних...">
			<meta property="og:url" content="https://ukraine-inform.com">
			<meta property="og:image" content="https://ukraine-inform.com/thumb/thumb.php?src=/upload/video/07.07.2025/0d9200e29bfaa5922b023ccfddd8fdcd/e51ccb853c81ad98b3a6c451323341cc_poster.jpg&size=1200x630&ios=false">
			<meta property="og:site_name" content="politics world">
			
            
            </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-2504-0 row-k-style" id="row-k-style-2504-0">
            <div class="row-k-width-2504-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--5067.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--5067 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--5067.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--5067.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--5067.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--5067 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #848484;
    }
    .widjetComponent--5067 .open-search {
        color: #848484;
    }
     #navbarSupportedContent5067 .sub-menu {
         display: none;
     }
    #navbarSupportedContent5067 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent5067 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent5067 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent5067 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--5067" once="menu" id="menu5067-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="#navbarSupportedContent5067"
                aria-controls="navbarSupportedContent5067" 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="navbarSupportedContent5067">
            <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="/kontakti">Контакти</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--5068.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .widjetComponent--5068 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--5068.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--5068.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--5068.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--5068 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #848484;
    }
    .widjetComponent--5068 .open-search {
        color: #848484;
    }
     #navbarSupportedContent5068 .sub-menu {
         display: none;
     }
    #navbarSupportedContent5068 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent5068 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent5068 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent5068 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--5068" once="menu" id="menu5068-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="#navbarSupportedContent5068"
                aria-controls="navbarSupportedContent5068" 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="navbarSupportedContent5068">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/video">Відео новини</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/pyblichni-diyachi">Громадські діячі</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/preview">Анонси</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--5069.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--5069 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--5069.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--5069.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--5069.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--5069 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #848484;
    }
    .widjetComponent--5069 .open-search {
        color: #848484;
    }
     #navbarSupportedContent5069 .sub-menu {
         display: none;
     }
    #navbarSupportedContent5069 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent5069 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent5069 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent5069 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--5069" once="menu" id="menu5069-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="#navbarSupportedContent5069"
                aria-controls="navbarSupportedContent5069" 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="navbarSupportedContent5069">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <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>
            </div>
        </section>
                                <section class=" row-k-style-2504-1 row-k-style" id="row-k-style-2504-1">
            <div class="row-k-width-2504-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--5070.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--5070 .logo-text {
            }
    </style>
<a class="widjetComponent--5070 logo-box pull-left" href="/">
            <span class="logo-text">politics world</span>
    </a>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-8 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--5071 .dropdown {
        position: initial;
    }
    .widjetComponent--5071.cid-qyvfob1Ur0 .dropdown .dropdown-menu {
        position: absolute;
        right: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: right;
        z-index: 9999;
        padding-right: 15px;
        top: 55px;
    }
    .widjetComponent--5071 .navbar .navbar-nav .dropdown-item.text-black {
        display: inline-block;
        margin: 0 !important;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--5071" once="menu" id="menu2-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="#navbarSupportedContent5071"
                aria-controls="navbarSupportedContent5071" 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="navbarSupportedContent5071">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle text-black display-4" href="/news-derzhava"
                               data-toggle="dropdown-submenu" aria-expanded="false">Держава</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item text-black display-4" href="/news-derzhava-pravookhoronni-orhany">Правоохоронні органи</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-derzhava-vlada">Влада</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-derzhava-borotba-z-koruptsiyeyu">Боротьба з корупцією</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle text-black display-4" href="/news-polityka"
                               data-toggle="dropdown-submenu" aria-expanded="false">Політика</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item text-black display-4" href="/news-polityka-mistseve-samovryaduvannya">Місцеве самоврядування</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-polityka-zovnishnya-polityka">Зовнішня політика</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-polityka-vnutrishnya-polityka">Внутрішня політика</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle text-black display-4" href="/news-suspilstvo"
                               data-toggle="dropdown-submenu" aria-expanded="false">Суспільство</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item text-black display-4" href="/news-suspilstvo-hromadski-ob-yednannya">Громадські об’єднання</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-suspilstvo-events">Події</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-suspilstvo-religion">Релігія</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-suspilstvo-culture">Культура</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-suspilstvo-education">Освіта</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-suspilstvo-medicine">Медицина</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle text-black display-4" href="/news-ekonomika"
                               data-toggle="dropdown-submenu" aria-expanded="false">Економіка</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item text-black display-4" href="/news-ekonomika-industry">Промисловість</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-ekonomika-business">Бізнес</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-ekonomika-realty">Нерухомість</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-ekonomika-agro-industry">Агропромисловість</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-ekonomika-finances">Фінанси</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle text-black display-4" href="/news-sport"
                               data-toggle="dropdown-submenu" aria-expanded="false">Спорт</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item text-black display-4" href="/news-sport-football">Футбол</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-sport-zmaganna">Змагання</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-sport-boxing">Бокс</a>
                                                                    <a class="dropdown-item text-black display-4" href="/news-sport-sport-news">Новини спорту</a>
                                                            </div>
                        </li>
                                                </ul>
        </div>
    </nav>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2505-0 row-k-style" id="row-k-style-2505-0">
            <div class="row-k-width-2505-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--5072 .post-image img {
        width: 100%;
    }
    .widjetComponent--5072 .post-image {
        position: relative;
    }
    .widjetComponent--5072 .post-content .category {
        color: #fff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--5072 .post-inner:hover .category {
        color: #fff;
    }
    .widjetComponent--5072 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--5072 .post-inner:hover .widget-title {
        color: #fff;
    }

    .widjetComponent--5072 .post-image:before {
        content: '';
        position: absolute;
        width: 100%;
        bottom: 0;
        top: 50%;
        left: 0;
        opacity: 1;
        z-index: 1;
        background-image: -webkit-linear-gradient(top, transparent 0%, black 100%);
        background-image: linear-gradient(to bottom, transparent 0%, black 100%);
        background-repeat: repeat-x;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .widjetComponent--5072 .post-image:hover:before {
        top: 35%;
    }
    .widjetComponent--5072 .post-content {
        position: absolute;
        padding: 20px;
        bottom: 0;
        z-index: 2;
    }

</style>
<section class="widjet-component-inner widjetComponent--5072">
            <style>
        .widjetComponent--title--5072.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            text-align: flex-start;
        }
    </style>

        <h4 class="widjetComponent--title--5072 widget-title-base">Найголовніше</h4>
    
    <div id="carousel-slide-5072-id" class="carousel slide" data-ride="carousel" role="listbox">
        <div class="carousel-inner" data-visible="1">
                        <div class="carousel-item active">
                                                                                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                    <div class="post-inner">
                        <div class="post-image">
                            <a class="" href="/opel-schob-mo-m-d-tyam-ne-dovelosya-ya-p-shov-do-v-ys-ka-sam">
                                <img src="https://media.unt.ua/thumb/thumb.php?src=/upload/video/07.07.2025/0d9200e29bfaa5922b023ccfddd8fdcd/e51ccb853c81ad98b3a6c451323341cc_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Опель: «Щоб моїм дітям не довелося — я пішов до війська сам»">
                                <div class="post-content">
                                    <div class="category">Держава</div>
                                    <h3 class="widget-title">Опель: «Щоб моїм дітям не довелося — я пішов до війська сам»</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                                                                                                            </div>
        </div>
        <a class="carousel-control-prev" href="#carousel-slide-5072-id" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carousel-slide-5072-id" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
.widjet-component-inner.widjetComponent--5073 {
       padding: 10px 0;
	   padding-bottom: 0;
    }

    #efir-content-s-close {
        display: none;
        position: absolute;
        right: -10px;
        top: -10px;
        background: #fff;
        font-size: 18px;
        line-height: 18px;
        padding: 5px 10px;
        z-index: 99;
        color: #fff;
        opacity: .6;
    }
    #efir-content-s-close:hover {
        opacity: 0.9;
    }
    #efir-content-s.fixed {
        position: fixed;
        width: 300px;
        right: 25px;
        z-index: 999;
        bottom: 120px;
        box-shadow: 3px 3px 6px  #ffffff99;
        border: 4px solid #ffffff99;
    }
    #efir-content-s.fixed #efir-content-s-close {
        display: block;
    }

    #efir-content-s-open {
        display: none;
        position: fixed;
        right: 25px;
        z-index: 999;
        bottom: 120px;
        background: #ffffff;
        padding: 5px 10px;
        color: #fff;
        box-shadow: 3px 3px 6px #0000007a;
    }
    #efir-content-s-open:hover {
        cursor: pointer;
    }
    #efir-content-s-open.fixed {
        display: block;
    }

.theo-primary-color, .theo-upnext-panel .theo-upnext-panel-content .theo-upnext-panel-autoplay, .theoplayer-skin .theo-settings-control-menu-item-hd-label, .theoplayer-skin .theo-settings-control-menu-item-value, .theoplayer-skin .vjs-volume-level, .theoplayer-skin .vjs-play-progress, .theoplayer-skin .vjs-slider-bar, .theoplayer-skin .vjs-big-play-button {
    color: #ffffff !important;
}
</style>
<section class="widjet-component-inner widjetComponent--5073">
    <div class="post-video" id="efir-content-s">
        <a href="#" id="efir-content-s-close">x</a>
        <video id="video-sterem-1"
               class="video-js vjs-default-skin"
               height="230px"
               width="100%"
               preload="auto"
               controls>
            <source src="https://apinew-playout.mhu.news/stream/69/stream.m3u8" type="application/x-mpegurl">
        </video>
    </div>
</section>
<div id="efir-content-s-open">ПРЯМИЙ ЕФІР</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 isPlay = false;
                    var player = null;
                function openScreen() {
                    console.log('openScreen');
                    console.log(isPlay);
                    const innerHeight = window.innerHeight;
                    if(isPlay) {
                        if(window.innerWidth > innerHeight) {
                            $('#efir-content-s').addClass('bigPlay');
                            console.log('notFullscreen');
                        } else {
                        $('#efir-content-s').removeClass('bigPlay');
                            
                            
                        }
                    } else  {
                        $('#efir-content-s').removeClass('bigPlay');
                    }
                }
                screen.orientation.addEventListener('change', openScreen);
                function initPlayer() {
                    var status = 0;
                    

                    var new_st = 1;
                    console.log(new_st);
                    console.log(status);
                    status = new_st;
                    //$('#video-sterem-1').fadeOut();
                    //$('#video-streem').attr('class', 'theoplayer-container video-js theoplayer-skin vjs-16-9');
                    var element = document.querySelector(".theoplayer-container");
                    /*player = new THEOplayer.Player(element, {
                        libraryLocation: "https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed"
                    });
                    player.source = {
                        sources : [{
                            src : "https://media.ukraine-inform.com/ef/stream.m3u8",
                            type : 'application/x-mpegurl'
                        }]
                    };
                    player.addEventListener('play', function(e) {
                    console.log('play');
                        isPlay = true;
                    });
                    player.addEventListener('playing', function(e) {
                    console.log('play');
                        isPlay = true;
                    });
                    player.addEventListener('pause', function(e) {
                        isPlay = false;
                    });*/
                    console.log('play init');
                    var videoPl = videojs('video-sterem-1', {
                        controls: true,
                        autoplay: false,
                        preload: 'auto'
                    });
                    videoPl.on('play', function(e) {
                    console.log('play');
                        isPlay = true;
                    });
                    videoPl.on('pause', function(e) {
                    console.log('pause');
                        isPlay = false;
                    });

                    $('#efir-content-s').on('touchstart' , 'video', function (e) {
                        console.log('sdasdasd111')
                        if(isPlay) {
                            videoPl.pause();
                        } else {
                            videoPl.play();
                        }
                    });

                    
                    $.fn.videoIsScroll = function() {
                        var content_open = $('#efir-content-s-open');
                        var content = $('#efir-content-s');
                        if ($(window).scrollTop() >= "300" && status && isPlay) {
                            content.addClass('fixed');
                        }
                        if ($(window).scrollTop() >= "300" && status && !isPlay) {
                            content_open.addClass('fixed');
                        }
                        $(window).scroll(function() {
                            if ($(window).scrollTop() <= "300") {
                                content.removeClass('fixed');
                                content_open.removeClass('fixed');
                            } else if(status && isPlay) {
                                content.addClass('fixed');
                            } else if(status && !isPlay) {
                                content_open.addClass('fixed');
                            }
                        });
                    }
                    $("#efir-content-s").videoIsScroll();
                    $('#efir-content-s-close').click(function (e) {
                        e.preventDefault();
                        $('#efir-content-s').removeClass('fixed');
                        $('#efir-content-s-open').addClass('fixed');
                        player.pause();
                    });
                    $('#efir-content-s-open').click(function (e) {
                        e.preventDefault();
                        $('#efir-content-s').addClass('fixed');
                        $('#efir-content-s-open').removeClass('fixed');
                        player.play();
                    })
                }

                if($(window).width()<=992) {
                    var in_slider_3 = false;
                    $(window).scroll(function () {
                        var scroll = $(window).scrollTop();

                        if (scroll >= 100) {
                            if (!in_slider_3) {
                                in_slider_3 = true;
                                //addStyle("https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed/ui.css");
                                //addScript("https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed/THEOplayer.js");
                                setTimeout(function () {
                                    //initPlayer();
                                }, 3000)
                            }
                        }
                    });
                } else {
                    //addStyle("https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed/ui.css");
                    //addScript("https://cdn.myth.theoplayer.com/d562d374-dbf5-400b-a62f-aa15e1c452ed/THEOplayer.js");
                    
                }
                var pltime = setInterval(function () {
                        if(typeof videojs !== 'undefined') {
                            clearInterval(pltime);
                            initPlayer();
                        }
                    }, 1000);

            });
        });

   // }, 5000);
</script>

                                                                            <style>
    .widjetComponent--5074 .post-image img {
        width: 100%;
    }
    .widjetComponent--5074 .post-image {
        position: relative;
    }
    .widjetComponent--5074 .post-content .category {
        color: #fff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--5074 .post-inner:hover .category {
        color: #fff;
    }
    .widjetComponent--5074 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--5074 .post-inner:hover .widget-title {
        color: #fff;
    }

    .widjetComponent--5074 .post-image:before {
        content: '';
        position: absolute;
        width: 100%;
        bottom: 0;
        top: 50%;
        left: 0;
        opacity: 1;
        z-index: 1;
        background-image: -webkit-linear-gradient(top, transparent 0%, black 100%);
        background-image: linear-gradient(to bottom, transparent 0%, black 100%);
        background-repeat: repeat-x;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .widjetComponent--5074 .post-image:hover:before {
        top: 35%;
    }
    .widjetComponent--5074 .post-content {
        position: absolute;
        padding: 20px;
        bottom: 0;
        z-index: 2;
    }

</style>
<section class="widjet-component-inner widjetComponent--5074">
            <style>
        .widjetComponent--title--5074.widget-title-base {
            color: #000000;
            font-size: 18px;
            font-weight: normal;
            margin: 15px 0;
            text-align: flex-start;
        }
    </style>

        <h4 class="widjetComponent--title--5074 widget-title-base">Важливо</h4>
    
    <div id="carousel-slide-5074-id" class="carousel slide" data-ride="carousel" role="listbox">
        <div class="carousel-inner" data-visible="1">
                        <div class="carousel-item active">
                                                                                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                    <div class="post-inner">
                        <div class="post-image">
                            <a class="" href="/news-ukraine-and-worlds/135666-shvec-dmitro-vasil-ovich-peredav-dopomogu-152-y-gers-k-y-brigad-zsu-b-znes-z-sercem.html">
                                <img src="https://media.unt.ua/thumb/thumb.php?src=/upload/12.05.2025/ba6632e3663d636c870bbe3e06d7e631.jpeg&amp;size=851x561" class="wp-post-image" alt="Швець  Дмитро Васильович передав допомогу 152-й єгерській бригаді ЗСУ — Бізнес із серцем">
                                <div class="post-content">
                                    <div class="category">Новини України та світу</div>
                                    <h3 class="widget-title">Швець  Дмитро Васильович передав допомогу 152-й єгерській бригаді ЗСУ —...</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                                                                                                            </div>
        </div>
        <a class="carousel-control-prev" href="#carousel-slide-5074-id" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carousel-slide-5074-id" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>

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

        <h4 class="widjetComponent--title--5075 widget-title-base">Стріми</h4>
        <div class="row" id="streem_append_block-5075">
                                        </div>
</section>

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

            }

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

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://new-playout.mhu.news:9997/v3/webrtcsessions/list',
                    type: "GET",
                    dataType: 'json',
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.items;
                        console.log(conections);
                        console.log(conections.length);

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

                        var count = 0;
                        /*for(var i = 0; i < conections.length; i++) {
                            var user = conections[i];
                           
                            if(user.state !== 'publish')
                                continue;
                            count++;

                            var conection = conections[i];
                            
                            var user = conection;
                            const username = decodeURIComponent(user.query.split("=")[1]);

                            if($('.entry-'+user.path).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.path+'" data-id="'+user.path+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="https://new-playout.mhu.news:8889/'+user.path+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.path+'">' + username + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-5075').append(curstr);
                            }
                            
                        }*/

                        if(count < 1) {
                            console.log('$("#streem_append_block-5075 .entry").remove();');
                            $('#streem_append_block-5075 .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;
                                user = JSON.parse(user);

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

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

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

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

    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--5076 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="/elektronna-cherga-v-centrah-obslugovuvannya-platnik-v"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/14.08.2025/442608c6ed92f1e92151b0f9d922ec40.png&amp;size=320x210" class="wp-post-image" alt="Електронна черга в Центрах обслуговування платників">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-borotba-z-koruptsiyeyu" class="post_term category investing">Боротьба з корупцією</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/elektronna-cherga-v-centrah-obslugovuvannya-platnik-v" title="Електронна черга в Центрах обслуговування платників">Електронна черга в Центрах обслуговування платників</a>
                            <!--<a href="/elektronna-cherga-v-centrah-obslugovuvannya-platnik-v" 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="/v-dpustki-dlya-vag-tnih-zh-nok-prac-vnik-v-z-d-t-mi-of-c-yna-pracya-nvestic-ya-v-maybutn"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/14.08.2025/a91c91caef0ddbcbfe3ecce74a52d7a4.jpeg&amp;size=320x210" class="wp-post-image" alt="Відпустки для вагітних жінок і працівників з дітьми: офіційна праця – інвестиція в майбутнє">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-borotba-z-koruptsiyeyu" class="post_term category investing">Боротьба з корупцією</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/v-dpustki-dlya-vag-tnih-zh-nok-prac-vnik-v-z-d-t-mi-of-c-yna-pracya-nvestic-ya-v-maybutn" title="Відпустки для вагітних жінок і працівників з дітьми: офіційна праця – інвестиція в майбутнє">Відпустки для вагітних жінок і працівників з дітьми: офіційна праця – інвестиція...</a>
                            <!--<a href="/v-dpustki-dlya-vag-tnih-zh-nok-prac-vnik-v-z-d-t-mi-of-c-yna-pracya-nvestic-ya-v-maybutn" 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="/f-skal-niy-chek---garant-ya-zahistu-prav-spozhivacha"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/13.08.2025/77380ffbaa94f4b33c9044de545e9bd6.png&amp;size=320x210" class="wp-post-image" alt="Фіскальний чек - гарантія захисту прав споживача">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-borotba-z-koruptsiyeyu" class="post_term category investing">Боротьба з корупцією</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/f-skal-niy-chek---garant-ya-zahistu-prav-spozhivacha" title="Фіскальний чек - гарантія захисту прав споживача">Фіскальний чек - гарантія захисту прав споживача</a>
                            <!--<a href="/f-skal-niy-chek---garant-ya-zahistu-prav-spozhivacha" 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="/prokurori-domoglis-maksimal-nogo-pokarannya-dlya-zhorstokogo-vbivc-zhitelya-slov-yans-ka"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/13.08.2025/f8ec16d41086a666c9ce4a19151fa30f.jpeg&amp;size=320x210" class="wp-post-image" alt="Прокурори домоглись максимального покарання для жорстокого вбивці жителя Слов’янська">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-borotba-z-koruptsiyeyu" class="post_term category investing">Боротьба з корупцією</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/prokurori-domoglis-maksimal-nogo-pokarannya-dlya-zhorstokogo-vbivc-zhitelya-slov-yans-ka" title="Прокурори домоглись максимального покарання для жорстокого вбивці жителя Слов’янська">Прокурори домоглись максимального покарання для жорстокого вбивці жителя...</a>
                            <!--<a href="/prokurori-domoglis-maksimal-nogo-pokarannya-dlya-zhorstokogo-vbivc-zhitelya-slov-yans-ka" title="Прокурори домоглись максимального покарання для жорстокого вбивці жителя Слов’янська">Прокурори домоглись максимального покарання для жорстокого...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://new-playout.mhu.news:9997/v3/webrtcsessions/list',
                    type: "GET",
                    dataType: 'json',
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.items;
                        console.log(conections);
                        console.log(conections.length);

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

                        var count = 0;
                        /*for(var i = 0; i < conections.length; i++) {
                            var user = conections[i];
                           
                            if(user.state !== 'publish')
                                continue;
                            count++;

                            var conection = conections[i];
                            
                            var user = conection;
                            const username = decodeURIComponent(user.query.split("=")[1]);

                            if($('.entry-'+user.path).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.path+'" data-id="'+user.path+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="https://new-playout.mhu.news:8889/'+user.path+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.path+'">' + username + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-5076').append(curstr);
                            }
                            
                        }*/

                        if(count < 1) {
                            console.log('$("#streem_append_block-5076 .entry").remove();');
                            $('#streem_append_block-5076 .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;
                                user = JSON.parse(user);

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

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

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

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

    <a href="/news-polityka" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--5077 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-polityka-vnutrishnya-polityka/134655-l-deri-dov-ri-gromadyan-zaluzhniy-ta-budanov.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/29.01.2025/43afee9ccc6dd661f4f78492975c192a.jpeg&amp;size=320x210" class="wp-post-image" alt="Лідери довіри громадян – Залужний та Буданов">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-vnutrishnya-polityka" class="post_term category investing">Внутрішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-vnutrishnya-polityka/134655-l-deri-dov-ri-gromadyan-zaluzhniy-ta-budanov.html" title="Лідери довіри громадян – Залужний та Буданов">Лідери довіри громадян – Залужний та Буданов</a>
                            <!--<a href="/news-polityka-vnutrishnya-polityka/134655-l-deri-dov-ri-gromadyan-zaluzhniy-ta-budanov.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-polityka-vnutrishnya-polityka/134607-of-s-prezidenta-uhvaliv-r-shennya-pro-zv-l-nennya-rustema-um-rova-z-posadi-m-n-stra-oboroni.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/23.01.2025/4a044313cfa88adb381b6473dc27496a.jpeg&amp;size=320x210" class="wp-post-image" alt="Офіс Президента ухвалив рішення про звільнення Рустема Умєрова з посади міністра оборони">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-vnutrishnya-polityka" class="post_term category investing">Внутрішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-vnutrishnya-polityka/134607-of-s-prezidenta-uhvaliv-r-shennya-pro-zv-l-nennya-rustema-um-rova-z-posadi-m-n-stra-oboroni.html" title="Офіс Президента ухвалив рішення про звільнення Рустема Умєрова з посади міністра оборони">Офіс Президента ухвалив рішення про звільнення Рустема Умєрова з посади...</a>
                            <!--<a href="/news-polityka-vnutrishnya-polityka/134607-of-s-prezidenta-uhvaliv-r-shennya-pro-zv-l-nennya-rustema-um-rova-z-posadi-m-n-stra-oboroni.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-polityka-vnutrishnya-polityka/134562-noviy-pol-tichniy-proekt.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/17.01.2025/6aaceb7727836fbc90652678198e571b.png&amp;size=320x210" class="wp-post-image" alt="Залужний та Порошенко створюють політичний союз?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-vnutrishnya-polityka" class="post_term category investing">Внутрішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-vnutrishnya-polityka/134562-noviy-pol-tichniy-proekt.html" title="Залужний та Порошенко створюють політичний союз?">Залужний та Порошенко створюють політичний союз?</a>
                            <!--<a href="/news-polityka-vnutrishnya-polityka/134562-noviy-pol-tichniy-proekt.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-polityka-vnutrishnya-polityka/134563-prezident-ssha-dzho-bayden-poyasniv-scho-yogo-v-zit-do-ki-va-u-lyutomu-2023-roku-cherez-r-k-p-slya-pochatku-povnomasshtabnogo-vtorgnennya-ros-mav-duzhe-vazhlive-znachennya.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/17.01.2025/337c3e5b2dbe579f3412e90355f5ad51.png&amp;size=320x210" class="wp-post-image" alt="Президент США Джо Байден пояснив, що його візит до Києва у лютому 2023 року, через рік після початку повномасштабного вторгнення Росії, мав дуже важливе значення">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-vnutrishnya-polityka" class="post_term category investing">Внутрішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-vnutrishnya-polityka/134563-prezident-ssha-dzho-bayden-poyasniv-scho-yogo-v-zit-do-ki-va-u-lyutomu-2023-roku-cherez-r-k-p-slya-pochatku-povnomasshtabnogo-vtorgnennya-ros-mav-duzhe-vazhlive-znachennya.html" title="Президент США Джо Байден пояснив, що його візит до Києва у лютому 2023 року, через рік після початку повномасштабного вторгнення Росії, мав дуже важливе значення">Президент США Джо Байден пояснив, що його візит до Києва у лютому 2023...</a>
                            <!--<a href="/news-polityka-vnutrishnya-polityka/134563-prezident-ssha-dzho-bayden-poyasniv-scho-yogo-v-zit-do-ki-va-u-lyutomu-2023-roku-cherez-r-k-p-slya-pochatku-povnomasshtabnogo-vtorgnennya-ros-mav-duzhe-vazhlive-znachennya.html" title="Президент США Джо Байден пояснив, що його візит до Києва у лютому 2023 року, через рік після початку повномасштабного вторгнення Росії, мав дуже важливе значення">Президент США Джо Байден пояснив, що його візит до Києва...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://new-playout.mhu.news:9997/v3/webrtcsessions/list',
                    type: "GET",
                    dataType: 'json',
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.items;
                        console.log(conections);
                        console.log(conections.length);

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

                        var count = 0;
                        /*for(var i = 0; i < conections.length; i++) {
                            var user = conections[i];
                           
                            if(user.state !== 'publish')
                                continue;
                            count++;

                            var conection = conections[i];
                            
                            var user = conection;
                            const username = decodeURIComponent(user.query.split("=")[1]);

                            if($('.entry-'+user.path).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.path+'" data-id="'+user.path+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="https://new-playout.mhu.news:8889/'+user.path+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.path+'">' + username + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-5077').append(curstr);
                            }
                            
                        }*/

                        if(count < 1) {
                            console.log('$("#streem_append_block-5077 .entry").remove();');
                            $('#streem_append_block-5077 .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;
                                user = JSON.parse(user);

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

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

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

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

    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--5078 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="/an-exciting-celebration-is-coming-to-austin-texas-the-ukrainian-national-women-s-league-of-america-is-hosting-ukraine-s-independence-day-2025-celebration-on-saturday-august-24-2025"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/14.08.2025/541217d51f60fed7fd05fe54ff5517ef.jpeg&amp;size=320x210" class="wp-post-image" alt="An exciting celebration is coming to Austin, Texas! The Ukrainian National Women's League of America is hosting "Ukraine's Independence Day 2025 Celebration" on Saturday, August 24, 2025">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-medicine" class="post_term category investing">Медицина</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/an-exciting-celebration-is-coming-to-austin-texas-the-ukrainian-national-women-s-league-of-america-is-hosting-ukraine-s-independence-day-2025-celebration-on-saturday-august-24-2025" title="An exciting celebration is coming to Austin, Texas! The Ukrainian National Women's League of America is hosting "Ukraine's Independence Day 2025 Celebration" on Saturday, August 24, 2025">An exciting celebration is coming to Austin, Texas! The Ukrainian National...</a>
                            <!--<a href="/an-exciting-celebration-is-coming-to-austin-texas-the-ukrainian-national-women-s-league-of-america-is-hosting-ukraine-s-independence-day-2025-celebration-on-saturday-august-24-2025" title="An exciting celebration is coming to Austin, Texas! The Ukrainian National Women&#039;s League of America is hosting &quot;Ukraine&#039;s Independence Day 2025 Celebration&quot; on Saturday, August 24, 2025">An exciting celebration is coming to Austin, Texas! The...</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="/l-tnya-shkola-psiholog-soc-al-no-roboti"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/08.08.2025/aa921ec4488cd25df1b5adcbe3411437.jpeg&amp;size=320x210" class="wp-post-image" alt="Літня школа психології і соціальної роботи">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-medicine" class="post_term category investing">Медицина</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/l-tnya-shkola-psiholog-soc-al-no-roboti" title="Літня школа психології і соціальної роботи">Літня школа психології і соціальної роботи</a>
                            <!--<a href="/l-tnya-shkola-psiholog-soc-al-no-roboti" 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="/drugiy-shans-na-vstup-do-mag-straturi-real-zuy-razom-z-pnpu-men-v-g-korolenka"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/08.08.2025/6a4b3369119ea720f4304c5d55105735.jpeg&amp;size=320x210" class="wp-post-image" alt="Другий шанс на вступ до магістратури реалізуй разом із ПНПУ імені В. Г. Короленка">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-medicine" class="post_term category investing">Медицина</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/drugiy-shans-na-vstup-do-mag-straturi-real-zuy-razom-z-pnpu-men-v-g-korolenka" title="Другий шанс на вступ до магістратури реалізуй разом із ПНПУ імені В. Г. Короленка">Другий шанс на вступ до магістратури реалізуй разом із ПНПУ імені В. Г....</a>
                            <!--<a href="/drugiy-shans-na-vstup-do-mag-straturi-real-zuy-razom-z-pnpu-men-v-g-korolenka" 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="/volodimir-koster-n-ntelektual-na-gra-go-zas-b-osobist-snogo-rozvitku"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/08.08.2025/7fe00b450d5040ee96d1c7ed76712610.jpeg&amp;size=320x210" class="wp-post-image" alt="Володимир Костерін: Інтелектуальна гра Го – засіб особистісного розвитку">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-medicine" class="post_term category investing">Медицина</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/volodimir-koster-n-ntelektual-na-gra-go-zas-b-osobist-snogo-rozvitku" title="Володимир Костерін: Інтелектуальна гра Го – засіб особистісного розвитку">Володимир Костерін: Інтелектуальна гра Го – засіб особистісного розвитку</a>
                            <!--<a href="/volodimir-koster-n-ntelektual-na-gra-go-zas-b-osobist-snogo-rozvitku" title="Володимир Костерін: Інтелектуальна гра Го – засіб особистісного розвитку">Володимир Костерін: Інтелектуальна гра Го – засіб особистісного...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://new-playout.mhu.news:9997/v3/webrtcsessions/list',
                    type: "GET",
                    dataType: 'json',
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.items;
                        console.log(conections);
                        console.log(conections.length);

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

                        var count = 0;
                        /*for(var i = 0; i < conections.length; i++) {
                            var user = conections[i];
                           
                            if(user.state !== 'publish')
                                continue;
                            count++;

                            var conection = conections[i];
                            
                            var user = conection;
                            const username = decodeURIComponent(user.query.split("=")[1]);

                            if($('.entry-'+user.path).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.path+'" data-id="'+user.path+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="https://new-playout.mhu.news:8889/'+user.path+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.path+'">' + username + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-5078').append(curstr);
                            }
                            
                        }*/

                        if(count < 1) {
                            console.log('$("#streem_append_block-5078 .entry").remove();');
                            $('#streem_append_block-5078 .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;
                                user = JSON.parse(user);

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

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

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

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

    <a href="/news-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--5079 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-ekonomika-finances/134759-nash-pr-oritet-efektivna-vza-mod-ya-ta-komun-kac-ya-z-b-znesom-tetyana-har-kovs-ka.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/11.02.2025/4855b43304350da835e6efbac1b950a7.jpeg&amp;size=320x210" class="wp-post-image" alt="Наш пріоритет – ефективна взаємодія та комунікація з бізнесом, – Тетяна Харьковська">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-finances" class="post_term category investing">Фінанси</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-finances/134759-nash-pr-oritet-efektivna-vza-mod-ya-ta-komun-kac-ya-z-b-znesom-tetyana-har-kovs-ka.html" title="Наш пріоритет – ефективна взаємодія та комунікація з бізнесом, – Тетяна Харьковська">Наш пріоритет – ефективна взаємодія та комунікація з бізнесом, – Тетяна...</a>
                            <!--<a href="/news-ekonomika-finances/134759-nash-pr-oritet-efektivna-vza-mod-ya-ta-komun-kac-ya-z-b-znesom-tetyana-har-kovs-ka.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-ekonomika-finances/134748-ukraine-s-reaction-to-the-2024-us-presidential-election-politicians-and-the-public-s-views.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/10.02.2025/5b11d12e533dba8f6af6b29dbf53edc1.png&amp;size=320x210" class="wp-post-image" alt="Ukraine's Reaction to the 2024 US Presidential Election: Politicians' and the Public's Views">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-finances" class="post_term category investing">Фінанси</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-finances/134748-ukraine-s-reaction-to-the-2024-us-presidential-election-politicians-and-the-public-s-views.html" title="Ukraine's Reaction to the 2024 US Presidential Election: Politicians' and the Public's Views">Ukraine's Reaction to the 2024 US Presidential Election: Politicians' and...</a>
                            <!--<a href="/news-ekonomika-finances/134748-ukraine-s-reaction-to-the-2024-us-presidential-election-politicians-and-the-public-s-views.html" title="Ukraine&#039;s Reaction to the 2024 US Presidential Election: Politicians&#039; and the Public&#039;s Views">Ukraine's Reaction to the 2024 US Presidential Election:...</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-ekonomika-finances/134239-ponad-4-mln-grn-transportnogo-podatku-splatili-vlasniki-el-tnih-avt-vok-cherkaschini.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/22.11.2024/5609c10e904d1b2b7c52a965fbdea1cc.png&amp;size=320x210" class="wp-post-image" alt="Понад 4 млн грн транспортного податку сплатили власники елітних автівок Черкащини">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-finances" class="post_term category investing">Фінанси</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-finances/134239-ponad-4-mln-grn-transportnogo-podatku-splatili-vlasniki-el-tnih-avt-vok-cherkaschini.html" title="Понад 4 млн грн транспортного податку сплатили власники елітних автівок Черкащини">Понад 4 млн грн транспортного податку сплатили власники елітних автівок...</a>
                            <!--<a href="/news-ekonomika-finances/134239-ponad-4-mln-grn-transportnogo-podatku-splatili-vlasniki-el-tnih-avt-vok-cherkaschini.html" title="Понад 4 млн грн транспортного податку сплатили власники елітних автівок Черкащини">Понад 4 млн грн транспортного податку сплатили власники...</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-ekonomika-business/134235-sistemn-st-ta-diniy-p-dh-d-dps-rozviva-sistemu-upravl-nnya-kompla-ns-rizikami.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/21.11.2024/2faacc17a798febd012961f32e782ba8.jpeg&amp;size=320x210" class="wp-post-image" alt="Системність та єдиний підхід: ДПС розвиває систему управління комплаєнс-ризиками">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-business" class="post_term category investing">Бізнес</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-business/134235-sistemn-st-ta-diniy-p-dh-d-dps-rozviva-sistemu-upravl-nnya-kompla-ns-rizikami.html" title="Системність та єдиний підхід: ДПС розвиває систему управління комплаєнс-ризиками">Системність та єдиний підхід: ДПС розвиває систему управління комплаєнс-ризиками</a>
                            <!--<a href="/news-ekonomika-business/134235-sistemn-st-ta-diniy-p-dh-d-dps-rozviva-sistemu-upravl-nnya-kompla-ns-rizikami.html" title="Системність та єдиний підхід: ДПС розвиває систему управління комплаєнс-ризиками">Системність та єдиний підхід: ДПС розвиває систему управління...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://new-playout.mhu.news:9997/v3/webrtcsessions/list',
                    type: "GET",
                    dataType: 'json',
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.items;
                        console.log(conections);
                        console.log(conections.length);

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

                        var count = 0;
                        /*for(var i = 0; i < conections.length; i++) {
                            var user = conections[i];
                           
                            if(user.state !== 'publish')
                                continue;
                            count++;

                            var conection = conections[i];
                            
                            var user = conection;
                            const username = decodeURIComponent(user.query.split("=")[1]);

                            if($('.entry-'+user.path).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.path+'" data-id="'+user.path+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="https://new-playout.mhu.news:8889/'+user.path+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.path+'">' + username + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-5079').append(curstr);
                            }
                            
                        }*/

                        if(count < 1) {
                            console.log('$("#streem_append_block-5079 .entry").remove();');
                            $('#streem_append_block-5079 .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;
                                user = JSON.parse(user);

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

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

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

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

    <a href="/news-sport" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--5080 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="/molodiy-legkoatlet-andr-y-pospol-ta-otrimav-p-dtrimku-pered-vropeys-kim-yunac-kim-ol-mp-ys-kim-festivalem"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/10.07.2025/dc1bc053c02a825023799977f59f94e6.jpeg&amp;size=320x210" class="wp-post-image" alt="Молодий легкоатлет Андрій Посполіта отримав підтримку перед Європейським юнацьким олімпійським фестивалем">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/molodiy-legkoatlet-andr-y-pospol-ta-otrimav-p-dtrimku-pered-vropeys-kim-yunac-kim-ol-mp-ys-kim-festivalem" title="Молодий легкоатлет Андрій Посполіта отримав підтримку перед Європейським юнацьким олімпійським фестивалем">Молодий легкоатлет Андрій Посполіта отримав підтримку перед Європейським...</a>
                            <!--<a href="/molodiy-legkoatlet-andr-y-pospol-ta-otrimav-p-dtrimku-pered-vropeys-kim-yunac-kim-ol-mp-ys-kim-festivalem" 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="/shlyah-chemp-on-v-na-ki-vschin-start-velikih-peremog"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/04.07.2025/c2632bdbc3d59dc1f660cb4e77d21742.jpeg&amp;size=320x210" class="wp-post-image" alt=""Шлях чемпіонів" на Київщині — старт великих перемог!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/shlyah-chemp-on-v-na-ki-vschin-start-velikih-peremog" title=""Шлях чемпіонів" на Київщині — старт великих перемог!">"Шлях чемпіонів" на Київщині — старт великих перемог!</a>
                            <!--<a href="/shlyah-chemp-on-v-na-ki-vschin-start-velikih-peremog" title="&quot;Шлях чемпіонів&quot; на Київщині — старт великих перемог!">"Шлях чемпіонів" на Київщині — старт великих перемог!</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/135790-sila-chest-pam-yat-turn-r-z-greko-rims-ko-borot-bi-na-chest-geroya-ukra-ni-artura-pashkulyaka.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/31.05.2025/9b50467861067eb9771b02df64b0c6f1.jpeg&amp;size=320x210" 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/135790-sila-chest-pam-yat-turn-r-z-greko-rims-ko-borot-bi-na-chest-geroya-ukra-ni-artura-pashkulyaka.html" title="Сила, Честь, Пам’ять: Турнір з Греко-римської Боротьби на честь Героя України Артура Пашкуляка">Сила, Честь, Пам’ять: Турнір з Греко-римської Боротьби на честь Героя України...</a>
                            <!--<a href="/news-ukraine-and-worlds/135790-sila-chest-pam-yat-turn-r-z-greko-rims-ko-borot-bi-na-chest-geroya-ukra-ni-artura-pashkulyaka.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-sport-sport-news/135791-sila-chest-pam-yat-turn-r-z-greko-rims-ko-borot-bi-na-chest-geroya-ukra-ni-artura-pashkulyaka.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/31.05.2025/9b50467861067eb9771b02df64b0c6f1.jpeg&amp;size=320x210" class="wp-post-image" alt="Сила, Честь, Пам’ять: Турнір з Греко-римської Боротьби на честь Героя України Артура Пашкуляка">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-sport-news/135791-sila-chest-pam-yat-turn-r-z-greko-rims-ko-borot-bi-na-chest-geroya-ukra-ni-artura-pashkulyaka.html" title="Сила, Честь, Пам’ять: Турнір з Греко-римської Боротьби на честь Героя України Артура Пашкуляка">Сила, Честь, Пам’ять: Турнір з Греко-римської Боротьби на честь Героя України...</a>
                            <!--<a href="/news-sport-sport-news/135791-sila-chest-pam-yat-turn-r-z-greko-rims-ko-borot-bi-na-chest-geroya-ukra-ni-artura-pashkulyaka.html" title="Сила, Честь, Пам’ять: Турнір з Греко-римської Боротьби на честь Героя України Артура Пашкуляка">Сила, Честь, Пам’ять: Турнір з Греко-римської Боротьби на...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            var sendStreem = false;

            function getStream() {
                sendStreem = true;
                $.ajax({
                    url: 'https://new-playout.mhu.news:9997/v3/webrtcsessions/list',
                    type: "GET",
                    dataType: 'json',
                    async: true,
                    success: function (data)
                    {
                        sendStreem = false;
                        console.log(data);

                        var conections = data.items;
                        console.log(conections);
                        console.log(conections.length);

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

                        var count = 0;
                        /*for(var i = 0; i < conections.length; i++) {
                            var user = conections[i];
                           
                            if(user.state !== 'publish')
                                continue;
                            count++;

                            var conection = conections[i];
                            
                            var user = conection;
                            const username = decodeURIComponent(user.query.split("=")[1]);

                            if($('.entry-'+user.path).length==0) {
                                var curstr = '<div class="col-md-3 ">';
                                curstr += '<div class="entry entry-'+user.path+'" data-id="'+user.path+'">';
                                curstr += '<iframe width="355" height="220" scrolling="no" src="https://new-playout.mhu.news:8889/'+user.path+'" frameborder="0" allowfullscreen=""></iframe>';
                                curstr += '<div class="title">';
                                curstr += '<a href="/s/'+user.path+'">' + username + '</a>';
                                curstr += '</div></div></div>';
                                $('#streem_append_block-5080').append(curstr);
                            }
                            
                        }*/

                        if(count < 1) {
                            console.log('$("#streem_append_block-5080 .entry").remove();');
                            $('#streem_append_block-5080 .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;
                                user = JSON.parse(user);

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

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

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

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-2505-7 row-k-style" id="row-k-style-2505-7">
            <div class="row-k-width-2505-7 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 base-content 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.unt.ua/new1/runtime.554dc886.js"></script>
            <script src="https://cdn.unt.ua/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 src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
            <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 () {
                        $('.carousel').carousel();
                        var in_slider_2 = false;
                        var ww = $(window).width();
                        addStyle("https://cdn.unt.ua/assets/videoplayer.css?v=2df3sss1");
                        if(ww > 991) {

                                                        addStyle("https://cdn.unt.ua/new1/lazy-app.4f192f45.css");
                            addScript("https://cdn.unt.ua/new1/app.a5e7f618.js");
                            
                            addScript("https://cdn.unt.ua/assets/videoplayer.js?v=1755244503");
                        }
                                                addStyle("https://cdn.unt.ua/new1/lazy-app.4f192f45.css");
                                                addScript("https://cdn.unt.ua/new1/app.a5e7f618.js");
                        addScript("https://cdn.unt.ua/assets/videoplayer.js?v=1755244503");
                                                addStyle("https://cdn.unt.ua/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.unt.ua/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.unt.ua/assets/video/videojs-vtt-thumbnails.min.js"></script>

                            <!--player-->

                            <script src="https://cdn.unt.ua/admin/axios.min.js"></script>
            <!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
            <script src="https://cdn.unt.ua/admin/vue.js"></script>
            <script src="https://cdn.unt.ua/assets/video-player/player.js?v=1755244503"></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>
    
        
    </body>
</html>