<!--::result::time::07:35:20::App\Service\Components\Header\H03::-->
<!--::result::time::07:35:20::work: 0.0107 s::App\Service\Components\Header\H03::-->
<!--::result::time::07:35:20::App\Service\Components\Header\H03::-->
<!--::result::time::07:35:20::work: 0.0044 s::App\Service\Components\Header\H03::-->
<!--::result::time::07:35:20::App\Service\Components\Header\H03::-->
<!--::result::time::07:35:20::work: 0.0055 s::App\Service\Components\Header\H03::-->
<!--::result::time::07:35:20::App\Service\Components\Header\H04::-->
<!--::result::time::07:35:20::work: 0.0017 s::App\Service\Components\Header\H04::-->
<!--::result::time::07:35:20::App\Service\Components\Header\H02::-->
<!--::result::time::07:35:20::work: 0.0337 s::App\Service\Components\Header\H02::-->
<!--::result::time::07:35:20::App\Service\Components\News\N12::-->
<!--::result::time::07:35:20::work: 0.0296 s::App\Service\Components\News\N12::-->
<!--::result::time::07:35:20::App\Service\Components\News\N10::-->
<!--::result::time::07:35:20::work: 0.0035 s::App\Service\Components\News\N10::-->
<!--::result::time::07:35:20::App\Service\Components\News\N11::-->
<!--::result::time::07:35:21::work: 0.7771 s::App\Service\Components\News\N11::-->
<!--::result::time::07:35:21::App\Service\Components\News\N01::-->
<!--::result::time::07:35:21::getChildsMapIds work: 0.002 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::SELECT getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work category: 2510::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::SELECT work: 0.0157 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::POST getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::POST work: 0.0029 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::foreach work: 0.0266 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work: 0.0636 s::App\Service\Components\News\N01::-->
<!--::result::time::07:35:21::App\Service\Components\News\N01::-->
<!--::result::time::07:35:21::getChildsMapIds work: 0.0007 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::SELECT getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work category: 2511::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::SELECT work: 0.0048 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::POST getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::POST work: 0.0029 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::foreach work: 0.0268 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work: 0.0505 s::App\Service\Components\News\N01::-->
<!--::result::time::07:35:21::App\Service\Components\News\N01::-->
<!--::result::time::07:35:21::getChildsMapIds work: 0.0011 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::SELECT getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work category: 2512::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::SELECT work: 0.0062 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::POST getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::POST work: 0.0031 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::foreach work: 0.0275 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work: 0.0487 s::App\Service\Components\News\N01::-->
<!--::result::time::07:35:21::App\Service\Components\News\N01::-->
<!--::result::time::07:35:21::getChildsMapIds work: 0.0008 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::SELECT getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work category: 2513::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::SELECT work: 0.0023 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::POST getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::POST work: 0.0032 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::foreach work: 0.0272 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work: 0.0545 s::App\Service\Components\News\N01::-->
<!--::result::time::07:35:21::App\Service\Components\News\N01::-->
<!--::result::time::07:35:21::getChildsMapIds work: 0.0008 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::SELECT getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work category: 2514::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::SELECT work: 0.0027 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::POST getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::POST work: 0.0029 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::foreach work: 0.0271 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:21::work: 0.0541 s::App\Service\Components\News\N01::-->
<!--::result::time::07:35:21::App\Service\Components\News\N05::-->
<!--::result::time::07:35:21::work: 0.0558 s::App\Service\Components\News\N05::-->
<!--::result::time::07:35:21::App\Service\Components\News\N05::-->
<!--::result::time::07:35:22::work: 0.066 s::App\Service\Components\News\N05::-->
<!--::result::time::07:35:22::App\Service\Components\News\N05::-->
<!--::result::time::07:35:22::getChildsMapIds work: 0.0008 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:22::SELECT getPagesByCategoryLimit::-->
<!--::result::time::07:35:22::work category: 2515::getPagesByCategoryLimit::-->
<!--::result::time::07:35:22::work count: 16::getPagesByCategoryLimit::-->
<!--::result::time::07:35:22::SELECT work: 0.0334 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:22::POST getPagesByCategoryLimit::-->
<!--::result::time::07:35:22::POST work: 0.0134 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:22::count work: 16 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:22::foreach work: 0.113 s::getPagesByCategoryLimit::-->
<!--::result::time::07:35:22::work: 0.2076 s::App\Service\Components\News\N05::-->
<!--::result::time::07:35:22::work: 1.5067 s::-->
<!--::result::time::07:35:22::render work: 0.0461 s::-->
<!DOCTYPE html>
<html class="default-style" lang="ua">
    <head>
        <meta charset="UTF-8">
                <title>Донецьк Інформ Новини України Новости Украины</title>

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

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

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

        <!--<link rel="stylesheet" href="/admin/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">-->
        <link rel="stylesheet" href="/assets-param/style/font">
        <link rel="stylesheet" href="/assets-param/style/option">
                
        
                <style>
            .row-k-width-1506-0 {width:95%}
.row-k-style-1506-0 {background: linear-gradient(#728CAA,#728CAA)}
.row-k-width-1506-1 {width:95%}
.row-k-style-1506-1 {background: linear-gradient(#344767,#344767)}
.row-k-width-1506-2 {width:95%}
.row-k-style-1506-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-1507-0 {width:95%}
.row-k-style-1507-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-1507-1 {width:95%}
.row-k-style-1507-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-1507-2 {width:95%}
.row-k-style-1507-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-1507-3 {width:95%}
.row-k-style-1507-3 {background: linear-gradient(#fff,#fff)}

        </style>
                <style>
            .row-k-style {
                transition: all 0.3s ease;
            }
            .row-k-style.fixed-menu-bar {
                position: fixed;
                z-index: 9999;
                width: 100%;
                top: 0;
                padding: 5px;
                box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
            }
        </style>
    
                    <link href="https://cdn.jsdelivr.net/npm/video.js@6.6.2/dist/video-js.css" rel="stylesheet">
            <link href="https://cdn.jsdelivr.net/npm/vue-video-player@5.0.0/src/custom-theme.css" rel="stylesheet">
            <link href="https://unpkg.com/vue-slick-carousel@1.0.6/dist/vue-slick-carousel.css" rel="stylesheet">
            <link href="https://unpkg.com/vue-slick-carousel@1.0.6/dist/vue-slick-carousel-theme.css" rel="stylesheet">
            <link href="https://cdn.ukraine-inform.com/assets/video/videojs-vtt-thumbnails.css" rel="stylesheet">
                                                                		            <link rel="preload" href="https://media.unt.ua/thumb/thumb.php?src=/upload/24.07.2024/acf929701ff1c8d76dcd30a70f955197.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Олена Мокренчук: За що воюють росіяни?">
			<meta property="og:description" content="Полонені росіяни – окрема тема на фронті. Щодня від військових надходить інформація про тих росіян, хто здається в полон сам, або був захоплений під час спроб штурмувати наші позиції. В інтернет-просторі гуляють відео здачі «чмобіків» у полон та допитів російських «воєнів»: зазвичай принижені, налякані,...">
			<meta property="og:url" content="https://dnipro-inform.com">
			<meta property="og:image" content="https://media.unt.ua/thumb/thumb.php?src=/upload/24.07.2024/acf929701ff1c8d76dcd30a70f955197.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.unt.ua/thumb/thumb.php?src=/upload/24.07.2024/acf929701ff1c8d76dcd30a70f955197.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="Донецьк Інформ Новини України Новости Украины">
			<link rel="canonical" href="https://ukraine-inform.com/news-derzhava-borotba-z-koruptsiyeyu/133547-olena-mokrenchuk-za-scho-voyuyut-ros-yani.html"/>
            
            </head>
    <body>
   <!-- <div class="preloader-page">
        <div class="hpp"></div>
        <div class="bpp"></div>
        <div class="blpp"></div>
        <div style="clear: both"></div>
        <div class="bbpp"></div>
    </div>-->
                                <section class=" row-k-style-1506-0 row-k-style" id="row-k-style-1506-0">
            <div class="row-k-width-1506-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--2817.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--2817 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--2817.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--2817.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--2817.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--2817 .navbar .navbar-nav .nav-link {
        font-size: 12px;
        color: #ffffff;
    }
    .widjetComponent--2817 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent2817 .sub-menu {
         display: none;
     }
    #navbarSupportedContent2817 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent2817 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent2817 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent2817 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--2817" once="menu" id="menu2817-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="#navbarSupportedContent2817"
                aria-controls="navbarSupportedContent2817" 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="navbarSupportedContent2817">
            <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--2819.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .widjetComponent--2819 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--2819.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--2819.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--2819.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--2819 .navbar .navbar-nav .nav-link {
        font-size: 12px;
        color: #ffffff;
    }
    .widjetComponent--2819 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent2819 .sub-menu {
         display: none;
     }
    #navbarSupportedContent2819 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent2819 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent2819 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent2819 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--2819" once="menu" id="menu2819-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="#navbarSupportedContent2819"
                aria-controls="navbarSupportedContent2819" 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="navbarSupportedContent2819">
            <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--2818.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--2818 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--2818.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--2818.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--2818.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--2818 .navbar .navbar-nav .nav-link {
        font-size: 12px;
        color: #ffffff;
    }
    .widjetComponent--2818 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent2818 .sub-menu {
         display: none;
     }
    #navbarSupportedContent2818 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent2818 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent2818 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent2818 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--2818" once="menu" id="menu2818-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="#navbarSupportedContent2818"
                aria-controls="navbarSupportedContent2818" 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="navbarSupportedContent2818">
            <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-1506-1 row-k-style" id="row-k-style-1506-1">
            <div class="row-k-width-1506-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--2815.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--2815 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--2815 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.04.2020/f2715e71949d698d3ca870e2d5268028.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.04.2020/f2715e71949d698d3ca870e2d5268028.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.04.2020/f2715e71949d698d3ca870e2d5268028.png&size=<<340 340w">
            <span class="logo-text">Донецьк Інформ</span>
    </a>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-8 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--2816 {
        background: transparent;
    }
    .widjetComponent--2816 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--2816 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--2816 .nav-dropdown>li>a {
        padding: 25px 5px 15px 5px;
        color: #ffffff;
        position: relative;
        font-size: 16px;
        margin: 0;
    }
    .widjetComponent--2816 .navbar-toggleable-sm .navbar-nav .nav-link:hover,
    .widjetComponent--2816 .nav-dropdown>li>a:hover {
        padding: 25px 5px 15px 5px;
        color: #ffffff;
        margin: 0;
        background: #8a9db6;
    }
    .widjetComponent--2816 .navbar-toggleable-sm {
        padding-top: 0;
        padding-bottom: 0;
    }
    .widjetComponent--2816 .nav-item.dropdown.open .dropdown-menu{
        display: block;
        text-align: right;
        border-bottom: 2px solid #8a9db6;
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
        top: 90%;
        z-index: 9999;
    }
    .widjetComponent--2816 .nav-item.dropdown.open .dropdown-menu a {
        display: inline-block;
        padding: 15px 15px;
        width: auto;
    }
    .widjetComponent--2816 .nav-item.dropdown.open .dropdown-menu a:hover {
        background: #ffffff;
        color: #54a1d4;
    }
    .widjetComponent--2816 .dropdown {
        position: initial;
    }
    .widjetComponent--2816 .navbar,
    section.menu.widjetComponent--2816 {
        position: initial;
    }
    .widjetComponent--2816 .search-item .form-search {
        display: none;
    }
</style>
<section class="menu widjetComponent--2816">
    <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="#navbarSupportedContent2816"
                aria-controls="navbarSupportedContent2816" 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="navbarSupportedContent2816">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li>
                            <a class="nav-link link" href="/news-derzhava">Держава</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/news-polityka">Політика</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/news-suspilstvo">Суспільство</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/news-ekonomika">Економіка</a>
                        </li>
                                                                                <li>
                            <a class="nav-link link" href="/news-sport">Спорт</a>
                        </li>
                                                </ul>
            <div class="search-item">
                <a class="nav-link link open-search" href="#"><i class="fas fa-search d-block"></i></a>
                <form action="/news" method="post" class="form-search">
                    <input type="text"
                           class="form-control"
                           id="search-query"
                           name="Search[query]"
                           value="" placeholder="Введіть ключове слово">
                    <button type="submit">Знайти</button>
                </form>
            </div>
        </div>
    </nav>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(document).ready(function() {
            $('.widjetComponent--2816').parent().parent().css('position', 'initial')
        });
    });

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-1507-0 row-k-style" id="row-k-style-1507-0">
            <div class="row-k-width-1507-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--2820 .post-image img {
        width: 100%;
    }
    .widjetComponent--2820 .post-image {
        position: relative;
    }
    .widjetComponent--2820 .post-image a {
        display: block;
    }
    .widjetComponent--2820 .post-inner .category {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        z-index: 1;
        margin: 15px;
        border: 2px solid #fff;
        padding: 10px 15px;
        top: 0;
        left: 0;
    }
    .widjetComponent--2820 .post-inner:hover .category {
        color: #fff;
    }
    .widjetComponent--2820 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--2820 .post-inner:hover .widget-title {
        color: #fff;
    }

    .widjetComponent--2820 .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--2820 .post-image:hover:before {
        top: 35%;
    }
    .widjetComponent--2820 .post-content {
        position: absolute;
        padding: 20px;
        bottom: 0;
        z-index: 2;
    }
    .widjetComponent--2820 .post-content .entry-content {
        font-size: 14px;
        color: #fff;
    }

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

        <h4 class="widjetComponent--title--2820 widget-title-base">Найголовніше</h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava/133547-olena-mokrenchuk-za-scho-voyuyut-ros-yani.html">
                            <img src="https://media.unt.ua/thumb/thumb.php?src=/upload/24.07.2024/acf929701ff1c8d76dcd30a70f955197.jpeg&amp;size=850x560" class="wp-post-image" alt="Олена Мокренчук: За що воюють росіяни?">
                            <div class="category">Найголовніше</div>
                            <div class="post-content">
                                <h3 class="widget-title">Олена Мокренчук: За що воюють росіяни?</h3>
                                <div class="entry-content">
                                    

Полонені росіяни &ndash; окрема тема на фронті. Щодня від військових надходить інформація про тих росіян, хто здається в полон сам, або був захоплений під час спроб штурмувати...
                                </div>
                            </div>

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

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

    #efir-content-s-close {
        display: none;
        position: absolute;
        right: -10px;
        top: -10px;
        background: #0068b2;
        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 #0068b299;
        border: 4px solid #0068b299;
    }
    #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: #0068b2;
        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--2821">
    <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://media.ukraine-inform.com/ef/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--2822 {
        margin: 20px 0 0 0;
		margin-top: 10px;
        padding: 0;
        background: #f6f6f6;
    }
    .widjetComponent--title--2822 {
        font-size: 14px;
        padding: 13px 19px 13px 19px;
        border-bottom: 4px solid #dddddd;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .widjetComponent--2822 .post-inner {
        padding: 0 19px 0 19px;
    }
    .widjetComponent--2822 .post-inner a {
        color: #000;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 10px;
        padding-bottom: 9px;
        font-size: 14px;
        font-weight: normal;
        display: block;
    }
    .widjetComponent--2822 .post-inner a:hover {
        color: #1f93f5;
    }
</style>
<section class="widjet-component-inner widjetComponent--2822">
    <div class="widjetComponent--title--2822 widget-title-base">
        <a href="javascript:void(0);">Останні новини</a>
    </div>
    <div class="body" id="scroll-last-n-2822" style="height: 440px">
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/133554-nazhivsya-na-zsu-na-11-mlrd-b-znesmen-borzhnik-volods-kiy-otrimav-nov-p-dryadi-v-d-dot.html" title="«Нажився» на ЗСУ на 11 млрд: бізнесмен-боржник Володський отримав нові підряди від ДОТ">«Нажився» на ЗСУ на 11 млрд: бізнесмен-боржник Володський отримав нові...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133527-meshkancyu-kostyantin-vki-pov-domleno-pro-p-dozru-u-rozkritt-vognevih-pozic-y-zsu.html" title="Мешканцю Костянтинівки повідомлено про підозру у розкритті вогневих позицій ЗСУ">Мешканцю Костянтинівки повідомлено про підозру у розкритті вогневих позицій...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133542-m-zhnarodniy-den-turboti-pro-sebe.html" title="МІЖНАРОДНИЙ ДЕНЬ ТУРБОТИ ПРО СЕБЕ ">МІЖНАРОДНИЙ ДЕНЬ ТУРБОТИ ПРО СЕБЕ </a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133544-oborudki-z-kvartirami-pomerlih-gromadyan-na-mayzhe-4-mln-grn-na-ki-vschin-vikrito-organ-zovanu-grupu.html" title="Оборудки з квартирами померлих громадян на майже 4 млн грн – на Київщині викрито організовану групу">Оборудки з квартирами померлих громадян на майже 4 млн грн – на Київщині...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/133545-za-derzhavnu-zradu-pravoohoronnicyu-z-luganschini-zasudzheno-do-15-rok-v-uv-yaznennya.html" title=" За державну зраду правоохоронницю з Луганщини засуджено до 15 років ув’язнення"> За державну зраду правоохоронницю з Луганщини засуджено до 15 років ув’язнення</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133547-olena-mokrenchuk-za-scho-voyuyut-ros-yani.html" title="Олена Мокренчук: За що воюють росіяни?">Олена Мокренчук: За що воюють росіяни?</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-suspilstvo/133546-rozvitok-kul-turi-ukra-ni-dopomoga-zsu-yak-artem-kolyuba-v-dopomaga-zberegti-nac-onal-nu-dentichn-st.html" title="Розвиток культури України і допомога ЗСУ: як Артем Колюбаєв допомагає зберегти національну ідентичність">Розвиток культури України і допомога ЗСУ: як Артем Колюбаєв допомагає зберегти...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133540-v-ys-koviy-zb-r-v-d-platnik-v-cherkaschini-do-derzhavnogo-byudzhetu-nad-yshlo-470-3-mln-grn.html" title="Військовий збір: від платників Черкащини до державного бюджету надійшло 470,3 млн грн">Військовий збір: від платників Черкащини до державного бюджету надійшло...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133541-pracyu-nad-visv-tlennyam-geopol-tichnih-nteres-v-kremlya-pov-domleno-pro-p-dozru-gendirektoru-respubl-kans-kogo-med-aholdingu.html" title="Працює над висвітленням геополітичних інтересів кремля – повідомлено про підозру гендиректору «республіканського медіахолдингу»">Працює над висвітленням геополітичних інтересів кремля – повідомлено про...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-suspilstvo/133528-solonk-vs-ka-teritor-al-na-gromada-p-dpisala-ugodu-pro-transkordonnu-sp-vpracyu-z-m-stom-bubu-ch-respubl-ka-moldova.html" title="Солонківська територіальна громада підписала угоду про транскордонну співпрацю з містом Бубуєч, Республіка Молдова">Солонківська територіальна громада підписала угоду про транскордонну співпрацю...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133539-m-l-yoni-dolar-v-v-obh-d-derzhbyudzhetu-ukra-ni-advokat-shkarovs-kiy-na-zahist-ros-yanina-palamarchuka.html" title="Мільйони доларів в обхід держбюджету України: адвокат Шкаровський на захисті росіянина Паламарчука">Мільйони доларів в обхід держбюджету України: адвокат Шкаровський на захисті...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133526-platnikam-podatk-v-cherkaschini-za-p-v-roku-v-dshkoduvali-b-l-she-700-mln-grn-podatku-na-dodanu-vart-st.html" title="Платникам податків Черкащини за пів року відшкодували більше 700 млн грн податку на додану вартість">Платникам податків Черкащини за пів року відшкодували більше 700 млн грн...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133537-visokoposadovicyu-okupac-ynogo-m-n-sterstva-lnr-suditimut-za-kolaborac-on-zm.html" title=" Високопосадовицю окупаційного «міністерства лнр» судитимуть за колабораціонізм"> Високопосадовицю окупаційного «міністерства лнр» судитимуть за колабораціонізм</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-suspilstvo/133536-p-dkoryuy-vershini-znan-z-vaucherami-na-navchannya-v-poltavs-komu-nac-onal-nomu-pedagog-chnomu-un-versitet-men-v-g-korolenka.html" title="Підкорюй вершини знань з ваучерами на навчання в Полтавському національному педагогічному університеті імені В. Г. Короленка!">Підкорюй вершини знань з ваучерами на навчання в Полтавському національному...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133538-bezbar-rn-st-ce.html" title="БЕЗБАР’ЄРНІСТЬ – ЦЕ...">БЕЗБАР’ЄРНІСТЬ – ЦЕ...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/133532-na-donechchin-zasudzheno-tr-oh-str-l-c-v-okupac-ynih-v-ys-k-rf-yak-voyuvali-proti-zsu.html" title="На Донеччині засуджено трьох стрільців окупаційних військ рф, які воювали проти ЗСУ">На Донеччині засуджено трьох стрільців окупаційних військ рф, які воювали...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133533-pov-domleno-pro-p-dozru-p-dsankc-ynomu-m-n-stru-transportu-dnr-yakiy-v-dpov-da-za-zabezpechennya-tehn-koyu-okupant-v-tak-zvanim-suhoputnim-koridorom.html" title="Повідомлено про підозру підсанкційному «міністру транспорту днр», який відповідає за забезпечення технікою окупантів так званим сухопутним коридором">Повідомлено про підозру підсанкційному «міністру транспорту днр», який...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133524-pov-domleno-pro-p-dozru-sh-st-om-meshkancyam-luganschini-yakih-okupanti-priznachili-na-ker-vn-posadi-v-nezakonnih-organah-vladi.html" title=" Повідомлено про підозру шістьом мешканцям Луганщини, яких окупанти призначили на керівні посади в незаконних органах влади"> Повідомлено про підозру шістьом мешканцям Луганщини, яких окупанти призначили...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-sport/133521-olympic-day---2024-v-dbuvsya-u-m-st---geroy-rp-n.html" title="Оlympic day - 2024 відбувся у місті - герой Ірпінь.">Оlympic day - 2024 відбувся у місті - герой Ірпінь.</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava/133520-115-brigada-zsu-tank-sti-115-brigadi-zsu.html" title="115 бригада ЗСУ: Танкісти 115 бригади ЗСУ">115 бригада ЗСУ: Танкісти 115 бригади ЗСУ</a>
                </div>
            </div>
            </div>
</section>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        $(document).ready(function() {
            new PerfectScrollbar(document.getElementById('scroll-last-n-2822'));
        });
    });

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-1507-1 row-k-style" id="row-k-style-1507-1">
            <div class="row-k-width-1507-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--2823 .post-image img {
        width: 100%;
    }
    .widjetComponent--2823 .post-image a {
        display: block;
    }
    .widjetComponent--2823 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--2823 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--2823 .widget-title a {
        color: #344767;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--2823 .widget-title a:hover {
        color: #344767;
    }
    .widjetComponent--2823 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--2823 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--2823 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2823 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2823 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--2823 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--2823 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--2823">
            <style>
        .widjetComponent--title--2823.widget-title-base {
            color: #344767;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #344767;
            text-align: center;
        }
        .widjetComponent--title--2823.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--2823 widget-title-base">
        <span>Держава</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava/133527-meshkancyu-kostyantin-vki-pov-domleno-pro-p-dozru-u-rozkritt-vognevih-pozic-y-zsu.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/22.07.2024/3ff70c3ba83f98af095d9e5a8e4a98f8.jpeg&amp;size=320x210" class="wp-post-image" alt="Мешканцю Костянтинівки повідомлено про підозру у розкритті вогневих позицій ЗСУ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/133527-meshkancyu-kostyantin-vki-pov-domleno-pro-p-dozru-u-rozkritt-vognevih-pozic-y-zsu.html" title="Мешканцю Костянтинівки повідомлено про підозру у розкритті вогневих позицій ЗСУ">Мешканцю Костянтинівки повідомлено про підозру у розкритті вогневих позицій...</a>
                            <!--<a href="/news-derzhava/133527-meshkancyu-kostyantin-vki-pov-domleno-pro-p-dozru-u-rozkritt-vognevih-pozic-y-zsu.html" title="Мешканцю Костянтинівки повідомлено про підозру у розкритті вогневих позицій ЗСУ">Мешканцю Костянтинівки повідомлено про підозру у розкритті...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava/133542-m-zhnarodniy-den-turboti-pro-sebe.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/24.07.2024/0e0a0eb83c24b417a9b08cda1a3d2e48.jpeg&amp;size=320x210" class="wp-post-image" alt="МІЖНАРОДНИЙ ДЕНЬ ТУРБОТИ ПРО СЕБЕ ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/133542-m-zhnarodniy-den-turboti-pro-sebe.html" title="МІЖНАРОДНИЙ ДЕНЬ ТУРБОТИ ПРО СЕБЕ ">МІЖНАРОДНИЙ ДЕНЬ ТУРБОТИ ПРО СЕБЕ </a>
                            <!--<a href="/news-derzhava/133542-m-zhnarodniy-den-turboti-pro-sebe.html" title="МІЖНАРОДНИЙ ДЕНЬ ТУРБОТИ ПРО СЕБЕ ">МІЖНАРОДНИЙ ДЕНЬ ТУРБОТИ ПРО СЕБЕ </a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-derzhava/133544-oborudki-z-kvartirami-pomerlih-gromadyan-na-mayzhe-4-mln-grn-na-ki-vschin-vikrito-organ-zovanu-grupu.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/24.07.2024/26b26697757ee83a6095dd6e296af52c.jpeg&amp;size=320x210" class="wp-post-image" alt="Оборудки з квартирами померлих громадян на майже 4 млн грн – на Київщині викрито організовану групу">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/133544-oborudki-z-kvartirami-pomerlih-gromadyan-na-mayzhe-4-mln-grn-na-ki-vschin-vikrito-organ-zovanu-grupu.html" title="Оборудки з квартирами померлих громадян на майже 4 млн грн – на Київщині викрито організовану групу">Оборудки з квартирами померлих громадян на майже 4 млн грн – на Київщині...</a>
                            <!--<a href="/news-derzhava/133544-oborudki-z-kvartirami-pomerlih-gromadyan-na-mayzhe-4-mln-grn-na-ki-vschin-vikrito-organ-zovanu-grupu.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-derzhava/133547-olena-mokrenchuk-za-scho-voyuyut-ros-yani.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/24.07.2024/acf929701ff1c8d76dcd30a70f955197.jpeg&amp;size=320x210" class="wp-post-image" alt="Олена Мокренчук: За що воюють росіяни?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava/133547-olena-mokrenchuk-za-scho-voyuyut-ros-yani.html" title="Олена Мокренчук: За що воюють росіяни?">Олена Мокренчук: За що воюють росіяни?</a>
                            <!--<a href="/news-derzhava/133547-olena-mokrenchuk-za-scho-voyuyut-ros-yani.html" title="Олена Мокренчук: За що воюють росіяни?">Олена Мокренчук: За що воюють росіяни?</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            var sendStreem = false;

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

                        var conections = data.content;

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

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

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

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


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

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

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

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

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

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

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

                                                                            <style>
    .widjetComponent--2824 .post-image img {
        width: 100%;
    }
    .widjetComponent--2824 .post-image a {
        display: block;
    }
    .widjetComponent--2824 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--2824 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--2824 .widget-title a {
        color: #344767;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--2824 .widget-title a:hover {
        color: #344767;
    }
    .widjetComponent--2824 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--2824 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--2824 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2824 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2824 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--2824 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--2824 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--2824">
            <style>
        .widjetComponent--title--2824.widget-title-base {
            color: #344767;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #344767;
            text-align: center;
        }
        .widjetComponent--title--2824.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-polityka" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--2824 widget-title-base">
        <span>Політика</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka/133445-politolog-yuliy-kaloev-put-ukrainy-v-es-zaklyuchaetsya-v-preodolenii-korrupcii.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/04.07.2024/c5acb65766fa3bc5707548dddcbf629b.jpeg&amp;size=320x210" class="wp-post-image" alt="Политолог Юлий Калоев: путь Украины в ЕС заключается в преодолении коррупции">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka" class="post_term category investing">Політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka/133445-politolog-yuliy-kaloev-put-ukrainy-v-es-zaklyuchaetsya-v-preodolenii-korrupcii.html" title="Политолог Юлий Калоев: путь Украины в ЕС заключается в преодолении коррупции">Политолог Юлий Калоев: путь Украины в ЕС заключается в преодолении коррупции</a>
                            <!--<a href="/news-polityka/133445-politolog-yuliy-kaloev-put-ukrainy-v-es-zaklyuchaetsya-v-preodolenii-korrupcii.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/133394-uryad-uhvaliv-nac-onal-nu-strateg-yu-protim-nno-d-yal-nost.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/29.06.2024/78054518b88cb9537f450117029d66a2.jpeg&amp;size=320x210" class="wp-post-image" alt="Уряд ухвалив Національну стратегію протимінної діяльності">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka" class="post_term category investing">Політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka/133394-uryad-uhvaliv-nac-onal-nu-strateg-yu-protim-nno-d-yal-nost.html" title="Уряд ухвалив Національну стратегію протимінної діяльності">Уряд ухвалив Національну стратегію протимінної діяльності</a>
                            <!--<a href="/news-polityka/133394-uryad-uhvaliv-nac-onal-nu-strateg-yu-protim-nno-d-yal-nost.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/133342-och-l-nicya-m-neokonom-ki-rozpov-la-pro-rezul-tati-ekonom-chno-pol-tiki-zrobleno-v-ukra-n.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/22.06.2024/8c62c6030041f2bde973332e024c9734.jpeg&amp;size=320x210" class="wp-post-image" alt="Очільниця Мінеокономіки розповіла про результати економічної політики «Зроблено в Україні»">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka" class="post_term category investing">Політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka/133342-och-l-nicya-m-neokonom-ki-rozpov-la-pro-rezul-tati-ekonom-chno-pol-tiki-zrobleno-v-ukra-n.html" title="Очільниця Мінеокономіки розповіла про результати економічної політики «Зроблено в Україні»">Очільниця Мінеокономіки розповіла про результати економічної політики «Зроблено...</a>
                            <!--<a href="/news-polityka/133342-och-l-nicya-m-neokonom-ki-rozpov-la-pro-rezul-tati-ekonom-chno-pol-tiki-zrobleno-v-ukra-n.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/133314-m-n-str-ekonom-ki-ukra-ns-ke-prodovol-stvo-dzherelom-zh-dlya-400-mln-lyudey-u-sv-t.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/18.06.2024/79f4d9291d5832fb3728bf779f0f3238.jpeg&amp;size=320x210" class="wp-post-image" alt="Міністр економіки: українське продовольство є джерелом їжі для 400 млн людей у світі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka" class="post_term category investing">Політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka/133314-m-n-str-ekonom-ki-ukra-ns-ke-prodovol-stvo-dzherelom-zh-dlya-400-mln-lyudey-u-sv-t.html" title="Міністр економіки: українське продовольство є джерелом їжі для 400 млн людей у світі">Міністр економіки: українське продовольство є джерелом їжі для 400 млн...</a>
                            <!--<a href="/news-polityka/133314-m-n-str-ekonom-ki-ukra-ns-ke-prodovol-stvo-dzherelom-zh-dlya-400-mln-lyudey-u-sv-t.html" title="Міністр економіки: українське продовольство є джерелом їжі для 400 млн людей у світі">Міністр економіки: українське продовольство є джерелом їжі...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            var sendStreem = false;

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

                        var conections = data.content;

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

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

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

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


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

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

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

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

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

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

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

                                                                            <style>
    .widjetComponent--2825 .post-image img {
        width: 100%;
    }
    .widjetComponent--2825 .post-image a {
        display: block;
    }
    .widjetComponent--2825 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--2825 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--2825 .widget-title a {
        color: #344767;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--2825 .widget-title a:hover {
        color: #344767;
    }
    .widjetComponent--2825 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--2825 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--2825 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2825 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2825 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--2825 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--2825 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--2825">
            <style>
        .widjetComponent--title--2825.widget-title-base {
            color: #344767;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #344767;
            text-align: center;
        }
        .widjetComponent--title--2825.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--2825 widget-title-base">
        <span>Суспільство</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo/133546-rozvitok-kul-turi-ukra-ni-dopomoga-zsu-yak-artem-kolyuba-v-dopomaga-zberegti-nac-onal-nu-dentichn-st.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/24.07.2024/2504a142844ffbc2aa78871cc71a0511.png&amp;size=320x210" class="wp-post-image" alt="Розвиток культури України і допомога ЗСУ: як Артем Колюбаєв допомагає зберегти національну ідентичність">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/133546-rozvitok-kul-turi-ukra-ni-dopomoga-zsu-yak-artem-kolyuba-v-dopomaga-zberegti-nac-onal-nu-dentichn-st.html" title="Розвиток культури України і допомога ЗСУ: як Артем Колюбаєв допомагає зберегти національну ідентичність">Розвиток культури України і допомога ЗСУ: як Артем Колюбаєв допомагає зберегти...</a>
                            <!--<a href="/news-suspilstvo/133546-rozvitok-kul-turi-ukra-ni-dopomoga-zsu-yak-artem-kolyuba-v-dopomaga-zberegti-nac-onal-nu-dentichn-st.html" title="Розвиток культури України і допомога ЗСУ: як Артем Колюбаєв допомагає зберегти національну ідентичність">Розвиток культури України і допомога ЗСУ: як Артем Колюбаєв...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo/133528-solonk-vs-ka-teritor-al-na-gromada-p-dpisala-ugodu-pro-transkordonnu-sp-vpracyu-z-m-stom-bubu-ch-respubl-ka-moldova.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/22.07.2024/c73da61ac0890eba81b394b3dcc7f72d.jpeg&amp;size=320x210" class="wp-post-image" alt="Солонківська територіальна громада підписала угоду про транскордонну співпрацю з містом Бубуєч, Республіка Молдова">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/133528-solonk-vs-ka-teritor-al-na-gromada-p-dpisala-ugodu-pro-transkordonnu-sp-vpracyu-z-m-stom-bubu-ch-respubl-ka-moldova.html" title="Солонківська територіальна громада підписала угоду про транскордонну співпрацю з містом Бубуєч, Республіка Молдова">Солонківська територіальна громада підписала угоду про транскордонну співпрацю...</a>
                            <!--<a href="/news-suspilstvo/133528-solonk-vs-ka-teritor-al-na-gromada-p-dpisala-ugodu-pro-transkordonnu-sp-vpracyu-z-m-stom-bubu-ch-respubl-ka-moldova.html" title="Солонківська територіальна громада підписала угоду про транскордонну співпрацю з містом Бубуєч, Республіка Молдова">Солонківська територіальна громада підписала угоду про транскордонну...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo/133536-p-dkoryuy-vershini-znan-z-vaucherami-na-navchannya-v-poltavs-komu-nac-onal-nomu-pedagog-chnomu-un-versitet-men-v-g-korolenka.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/23.07.2024/ad6a416c567bcfbbf87078c0f5d52079.jpeg&amp;size=320x210" class="wp-post-image" alt="Підкорюй вершини знань з ваучерами на навчання в Полтавському національному педагогічному університеті імені В. Г. Короленка!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/133536-p-dkoryuy-vershini-znan-z-vaucherami-na-navchannya-v-poltavs-komu-nac-onal-nomu-pedagog-chnomu-un-versitet-men-v-g-korolenka.html" title="Підкорюй вершини знань з ваучерами на навчання в Полтавському національному педагогічному університеті імені В. Г. Короленка!">Підкорюй вершини знань з ваучерами на навчання в Полтавському національному...</a>
                            <!--<a href="/news-suspilstvo/133536-p-dkoryuy-vershini-znan-z-vaucherami-na-navchannya-v-poltavs-komu-nac-onal-nomu-pedagog-chnomu-un-versitet-men-v-g-korolenka.html" title="Підкорюй вершини знань з ваучерами на навчання в Полтавському національному педагогічному університеті імені В. Г. Короленка!">Підкорюй вершини знань з ваучерами на навчання в Полтавському...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo/133492-drugiy-vipusk-bakalavr-v-fakul-tetu-psiholog-soc-al-no-roboti-vipusknikam-urochisto-vruchili-diplomi.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/16.07.2024/4357625b87c3a09a29ee3bda8f3ea98e.jpeg&amp;size=320x210" class="wp-post-image" alt="Другий випуск бакалаврів факультету психології і соціальної роботи: випускникам урочисто вручили дипломи">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo/133492-drugiy-vipusk-bakalavr-v-fakul-tetu-psiholog-soc-al-no-roboti-vipusknikam-urochisto-vruchili-diplomi.html" title="Другий випуск бакалаврів факультету психології і соціальної роботи: випускникам урочисто вручили дипломи">Другий випуск бакалаврів факультету психології і соціальної роботи: випускникам...</a>
                            <!--<a href="/news-suspilstvo/133492-drugiy-vipusk-bakalavr-v-fakul-tetu-psiholog-soc-al-no-roboti-vipusknikam-urochisto-vruchili-diplomi.html" title="Другий випуск бакалаврів факультету психології і соціальної роботи: випускникам урочисто вручили дипломи">Другий випуск бакалаврів факультету психології і соціальної...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            var sendStreem = false;

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

                        var conections = data.content;

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

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

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

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


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

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

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

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

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

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

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

                                                                            <style>
    .widjetComponent--2826 .post-image img {
        width: 100%;
    }
    .widjetComponent--2826 .post-image a {
        display: block;
    }
    .widjetComponent--2826 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--2826 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--2826 .widget-title a {
        color: #344767;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--2826 .widget-title a:hover {
        color: #344767;
    }
    .widjetComponent--2826 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--2826 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--2826 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2826 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2826 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--2826 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--2826 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--2826">
            <style>
        .widjetComponent--title--2826.widget-title-base {
            color: #344767;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #344767;
            text-align: center;
        }
        .widjetComponent--title--2826.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--2826 widget-title-base">
        <span>Економіка</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika/133423-eksport-ukra-ns-kih-tovar-v-zr-s-na-35.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/03.07.2024/0dec35cc9a4b5fa946d0d2144fcbc6ba.jpeg&amp;size=320x210" class="wp-post-image" alt="Експорт українських товарів зріс на 35%">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/133423-eksport-ukra-ns-kih-tovar-v-zr-s-na-35.html" title="Експорт українських товарів зріс на 35%">Експорт українських товарів зріс на 35%</a>
                            <!--<a href="/news-ekonomika/133423-eksport-ukra-ns-kih-tovar-v-zr-s-na-35.html" title="Експорт українських товарів зріс на 35%">Експорт українських товарів зріс на 35%</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/133422-ford-f-yuzhn-2019-tehn-chn-harakteristiki-model.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/02.07.2024/6f214ad96ea73172f8fdf5b337eb6c6a.jpeg&amp;size=320x210" class="wp-post-image" alt="Форд Фьюжн 2019: технічні характеристики моделі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/133422-ford-f-yuzhn-2019-tehn-chn-harakteristiki-model.html" title="Форд Фьюжн 2019: технічні характеристики моделі">Форд Фьюжн 2019: технічні характеристики моделі</a>
                            <!--<a href="/news-ekonomika/133422-ford-f-yuzhn-2019-tehn-chn-harakteristiki-model.html" title="Форд Фьюжн 2019: технічні характеристики моделі">Форд Фьюжн 2019: технічні характеристики моделі</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/133406-chi-vhodyat-do-dohodu-fop-na-zagal-n-y-sistem-opodatkuvannya-koshti-otriman-v-d-nerezident-v-za-zovn-shn-oekonom-chnimi-kontraktami-na-rahunok-v-dkritiy-u-sistemah-payoneer-ta-wise.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/01.07.2024/b48752caae5473569a904f1a51d21e80.png&amp;size=320x210" class="wp-post-image" alt="Чи входять до доходу ФОП на загальній системі оподаткування кошти, отримані від нерезидентів за зовнішньоекономічними контрактами на рахунок, відкритий у системах PAYONEER та WISE?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/133406-chi-vhodyat-do-dohodu-fop-na-zagal-n-y-sistem-opodatkuvannya-koshti-otriman-v-d-nerezident-v-za-zovn-shn-oekonom-chnimi-kontraktami-na-rahunok-v-dkritiy-u-sistemah-payoneer-ta-wise.html" title="Чи входять до доходу ФОП на загальній системі оподаткування кошти, отримані від нерезидентів за зовнішньоекономічними контрактами на рахунок, відкритий у системах PAYONEER та WISE?">Чи входять до доходу ФОП на загальній системі оподаткування кошти, отримані...</a>
                            <!--<a href="/news-ekonomika/133406-chi-vhodyat-do-dohodu-fop-na-zagal-n-y-sistem-opodatkuvannya-koshti-otriman-v-d-nerezident-v-za-zovn-shn-oekonom-chnimi-kontraktami-na-rahunok-v-dkritiy-u-sistemah-payoneer-ta-wise.html" title="Чи входять до доходу ФОП на загальній системі оподаткування кошти, отримані від нерезидентів за зовнішньоекономічними контрактами на рахунок, відкритий у системах PAYONEER та WISE?">Чи входять до доходу ФОП на загальній системі оподаткування...</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/133407-do-uvagi-platnik-v-plati-za-zemlyu-zm-na-granichnogo-rozm-ru-orendno-plati.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/01.07.2024/b06145bc877c407ff98891784a901c37.png&amp;size=320x210" class="wp-post-image" alt="До уваги платників плати за землю! Зміна граничного розміру орендної плати">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika" class="post_term category investing">Економіка</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika/133407-do-uvagi-platnik-v-plati-za-zemlyu-zm-na-granichnogo-rozm-ru-orendno-plati.html" title="До уваги платників плати за землю! Зміна граничного розміру орендної плати">До уваги платників плати за землю! Зміна граничного розміру орендної плати</a>
                            <!--<a href="/news-ekonomika/133407-do-uvagi-platnik-v-plati-za-zemlyu-zm-na-granichnogo-rozm-ru-orendno-plati.html" title="До уваги платників плати за землю! Зміна граничного розміру орендної плати">До уваги платників плати за землю! Зміна граничного розміру...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            var sendStreem = false;

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

                        var conections = data.content;

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

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

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

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


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

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

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

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

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

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

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

                                                                            <style>
    .widjetComponent--2827 .post-image img {
        width: 100%;
    }
    .widjetComponent--2827 .post-image a {
        display: block;
    }
    .widjetComponent--2827 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--2827 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--2827 .widget-title a {
        color: #344767;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--2827 .widget-title a:hover {
        color: #344767;
    }
    .widjetComponent--2827 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--2827 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--2827 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2827 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--2827 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--2827 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--2827 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--2827">
            <style>
        .widjetComponent--title--2827.widget-title-base {
            color: #344767;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #344767;
            text-align: center;
        }
        .widjetComponent--title--2827.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-sport" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--2827 widget-title-base">
        <span>Спорт</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport/133521-olympic-day---2024-v-dbuvsya-u-m-st---geroy-rp-n.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/21.07.2024/33ed59a650eb0fb3908c3f4f65886b3f.jpeg&amp;size=320x210" class="wp-post-image" alt="Оlympic day - 2024 відбувся у місті - герой Ірпінь.">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport/133521-olympic-day---2024-v-dbuvsya-u-m-st---geroy-rp-n.html" title="Оlympic day - 2024 відбувся у місті - герой Ірпінь.">Оlympic day - 2024 відбувся у місті - герой Ірпінь.</a>
                            <!--<a href="/news-sport/133521-olympic-day---2024-v-dbuvsya-u-m-st---geroy-rp-n.html" title="Оlympic day - 2024 відбувся у місті - герой Ірпінь.">Оlympic day - 2024 відбувся у місті - герой Ірпінь.</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/133404-pochesn-gost-priv-tali-uchasnik-v-chemp-onatu-ki-vs-ko-oblast-z-thekvondo.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/01.07.2024/b4c1d187467560e43569aea1cd066138.jpeg&amp;size=320x210" class="wp-post-image" alt="Почесні гості привітали учасників Чемпіонату Київської області з тхеквондо">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport/133404-pochesn-gost-priv-tali-uchasnik-v-chemp-onatu-ki-vs-ko-oblast-z-thekvondo.html" title="Почесні гості привітали учасників Чемпіонату Київської області з тхеквондо">Почесні гості привітали учасників Чемпіонату Київської області з тхеквондо</a>
                            <!--<a href="/news-sport/133404-pochesn-gost-priv-tali-uchasnik-v-chemp-onatu-ki-vs-ko-oblast-z-thekvondo.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/133405-den-konstituc-ukra-ni-v-dsvyatkuvali-predstavniki-vid-v-sportu.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/01.07.2024/b2d286392fb72a0d1eb640f032510f86.jpeg&amp;size=320x210" class="wp-post-image" alt="День Конституції України відсвяткували представники видів спорту">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport/133405-den-konstituc-ukra-ni-v-dsvyatkuvali-predstavniki-vid-v-sportu.html" title="День Конституції України відсвяткували представники видів спорту">День Конституції України відсвяткували представники видів спорту</a>
                            <!--<a href="/news-sport/133405-den-konstituc-ukra-ni-v-dsvyatkuvali-predstavniki-vid-v-sportu.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/133346-sp-l-na-n-c-ativa-da-spravzhn-y-ta-d-viy-rezul-tat-olympicday2024ua.html"
                                                   >
                            <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/23.06.2024/19fc6b59a1e0c567a9bcbd44ec002cfa.jpeg&amp;size=320x210" class="wp-post-image" alt="Спільна ініціатива дає справжній та дієвий результат #OlympicDay2024ua.">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport" class="post_term category investing">Спорт</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport/133346-sp-l-na-n-c-ativa-da-spravzhn-y-ta-d-viy-rezul-tat-olympicday2024ua.html" title="Спільна ініціатива дає справжній та дієвий результат #OlympicDay2024ua.">Спільна ініціатива дає справжній та дієвий результат #OlympicDay2024ua.</a>
                            <!--<a href="/news-sport/133346-sp-l-na-n-c-ativa-da-spravzhn-y-ta-d-viy-rezul-tat-olympicday2024ua.html" title="Спільна ініціатива дає справжній та дієвий результат #OlympicDay2024ua.">Спільна ініціатива дає справжній та дієвий результат #OlympicDay2024ua.</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            var sendStreem = false;

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

                        var conections = data.content;

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

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

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

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


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

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

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

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

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

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

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

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--2831 .post-inner {
        padding-bottom: 15px;
        box-shadow: 0 0 0 rgba(103, 122, 141, 0);
        margin-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    .widjetComponent--2831 .post-image img {
        width: 100%;
    }
    .widjetComponent--2831 .post-image a {
        display: block;
    }
    .widjetComponent--2831 .widget-title a {
        color: #344767;
        font-size: 12px;
        font-weight: normal;
    }
    .widjetComponent--2831 .widget-title a:hover {
        color: #344767;
    }

</style>
<section class="widjet-component-inner widjetComponent--2831">
            <style>
        .widjetComponent--title--2831.widget-title-base {
            color: #344767;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #344767;
            text-align: flex-start;
        }
        .widjetComponent--title--2831.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
        <h4 class="widjetComponent--title--2831 widget-title-base">
        <span>Популярне</span>
    </h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-derzhava/133520-115-brigada-zsu-tank-sti-115-brigadi-zsu.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/21.07.2024/a1d99696007c5af96af5a158af00d182.jpeg&amp;size=850x560" class="wp-post-image" alt="115 бригада ЗСУ: Танкісти 115 бригади ЗСУ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-derzhava/133520-115-brigada-zsu-tank-sti-115-brigadi-zsu.html" title="115 бригада ЗСУ: Танкісти 115 бригади ЗСУ">115 бригада ЗСУ: Танкісти 115 бригади ЗСУ</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-derzhava/133502-kontrolyu-vitrachannya-kosht-v-na-potrebi-okupant-v---suditimut-tak-zvanu-posadovicyu-mvs-dnr.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/18.07.2024/96f8d2f22a5b82fbdd6578b45f64f0c4.jpeg&amp;size=850x560" class="wp-post-image" alt="Контролює витрачання коштів на потреби окупантів - судитимуть так звану посадовицю «мвс днр»">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-derzhava/133502-kontrolyu-vitrachannya-kosht-v-na-potrebi-okupant-v---suditimut-tak-zvanu-posadovicyu-mvs-dnr.html" title="Контролює витрачання коштів на потреби окупантів - судитимуть так звану посадовицю «мвс днр»">Контролює витрачання коштів на потреби окупантів - судитимуть так звану...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-derzhava/133505-eksmer-rub-zhnogo-otrimav-novu-p-dozru-za-kolaborac-yu-z-vorogom-takozh-p-dozryuyut-sya-sche-tro-vorozhih-popl-chnik-v.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/18.07.2024/88a2719c8e0baa5a5c4ecb8b70c68130.jpeg&amp;size=850x560" class="wp-post-image" alt="Ексмер Рубіжного отримав нову підозру за колаборацію з ворогом, також підозрюються ще троє ворожих поплічників">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-derzhava/133505-eksmer-rub-zhnogo-otrimav-novu-p-dozru-za-kolaborac-yu-z-vorogom-takozh-p-dozryuyut-sya-sche-tro-vorozhih-popl-chnik-v.html" title="Ексмер Рубіжного отримав нову підозру за колаборацію з ворогом, також підозрюються ще троє ворожих поплічників">Ексмер Рубіжного отримав нову підозру за колаборацію з ворогом, також підозрюються...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-derzhava/133484-tr-om-meshkankam-luganschini-yak-brali-uchast-v-organ-zac-ta-provedenn-vibor-v-prezidenta-rf-pov-domleno-pro-p-dozru.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/15.07.2024/b1cc65a0f42a2e0f960832dc4569394b.jpeg&amp;size=850x560" class="wp-post-image" alt="Трьом мешканкам Луганщини, які брали участь в організації та проведенні «виборів президента рф», повідомлено про підозру">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-derzhava/133484-tr-om-meshkankam-luganschini-yak-brali-uchast-v-organ-zac-ta-provedenn-vibor-v-prezidenta-rf-pov-domleno-pro-p-dozru.html" title="Трьом мешканкам Луганщини, які брали участь в організації та проведенні «виборів президента рф», повідомлено про підозру">Трьом мешканкам Луганщини, які брали участь в організації та проведенні...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                            <style>
    .widjetComponent--2832 .post-inner {
        padding-bottom: 15px;
        box-shadow: 0 0 0 rgba(103, 122, 141, 0);
        margin-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    .widjetComponent--2832 .post-image img {
        width: 100%;
    }
    .widjetComponent--2832 .post-image a {
        display: block;
    }
    .widjetComponent--2832 .widget-title a {
        color: #344767;
        font-size: 12px;
        font-weight: normal;
    }
    .widjetComponent--2832 .widget-title a:hover {
        color: #344767;
    }

</style>
<section class="widjet-component-inner widjetComponent--2832">
            <style>
        .widjetComponent--title--2832.widget-title-base {
            color: #344767;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #344767;
            text-align: flex-start;
        }
        .widjetComponent--title--2832.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
        <h4 class="widjetComponent--title--2832 widget-title-base">
        <span>Новини</span>
    </h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-derzhava/133479-115-brigada-zsu-ogoloshu-nab-r-operator-v-bpla.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/13.07.2024/e8e15f9ff9779023a887a16270d06d6b.jpeg&amp;size=850x560" class="wp-post-image" alt="115 бригада ЗСУ оголошує набір операторів БПЛА">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-derzhava/133479-115-brigada-zsu-ogoloshu-nab-r-operator-v-bpla.html" title="115 бригада ЗСУ оголошує набір операторів БПЛА">115 бригада ЗСУ оголошує набір операторів БПЛА</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-derzhava/132907-ocheretine---115-brigada-zsu-sprostuvannya-nepravdivo-nformac-komentar-dlya-zm.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/02.05.2024/a8ae534abbac0e3223dac55ff8e6bad0.jpeg&amp;size=850x560" class="wp-post-image" alt="Очеретине - 115 бригада ЗСУ: Спростування неправдивої інформації. Коментар для ЗМІ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-derzhava/132907-ocheretine---115-brigada-zsu-sprostuvannya-nepravdivo-nformac-komentar-dlya-zm.html" title="Очеретине - 115 бригада ЗСУ: Спростування неправдивої інформації. Коментар для ЗМІ">Очеретине - 115 бригада ЗСУ: Спростування неправдивої інформації. Коментар...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/109580-ros-ys-ke-vtorgnennya-v-ukra-nu-ros-ys-k-okupanti-tak-hochut-vtekti-z-v-yni-v-ukra-n-scho-gotov-zabivati-sob-v-t-lo-oskolki.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/video/30.04.2022/bf9aad302effc807c4c65d82299f5f9d/cf55bb257ce43094ccc999d0bea200d3_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Російське вторгнення в Україну : Російські окупанти так хочуть втекти з війни в Україні, що готові забивати собі в тіло осколки">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/109580-ros-ys-ke-vtorgnennya-v-ukra-nu-ros-ys-k-okupanti-tak-hochut-vtekti-z-v-yni-v-ukra-n-scho-gotov-zabivati-sob-v-t-lo-oskolki.html" title="Російське вторгнення в Україну : Російські окупанти так хочуть втекти з війни в Україні, що готові забивати собі в тіло осколки">Російське вторгнення в Україну : Російські окупанти так хочуть втекти з...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/107927-zvernennya-zastupnika-komandira-polku-azov-stosovno-situac-v-mar-upol.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/video/02.04.2022/045ef7ab8d0e21467a78bfef392eed9e/7e7b928cd320e16c3594988227aef734_poster.jpg&amp;size=850x560" class="wp-post-image" alt=" Звернення заступника командира полку «АЗОВ» стосовно ситуації в Маріуполі ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/107927-zvernennya-zastupnika-komandira-polku-azov-stosovno-situac-v-mar-upol.html" title=" Звернення заступника командира полку «АЗОВ» стосовно ситуації в Маріуполі "> Звернення заступника командира полку «АЗОВ» стосовно ситуації в Маріуполі...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-1507-2 row-k-style" id="row-k-style-1507-2">
            <div class="row-k-width-1507-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--2830 .post-inner {
        padding-bottom: 15px;
        box-shadow: 0 0 0 rgba(103, 122, 141, 0);
        margin-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }
    .widjetComponent--2830 .post-image img {
        width: 100%;
    }
    .widjetComponent--2830 .post-image a {
        display: block;
    }
    .widjetComponent--2830 .widget-title a {
        color: #344767;
        font-size: 12px;
        font-weight: normal;
    }
    .widjetComponent--2830 .widget-title a:hover {
        color: #344767;
    }

</style>
<section class="widjet-component-inner widjetComponent--2830">
            <style>
        .widjetComponent--title--2830.widget-title-base {
            color: #344767;
            font-size: 24px;
            font-weight: normal;
            margin: 15px 0;
            border-bottom: 2px solid #344767;
            text-align: flex-start;
        }
        .widjetComponent--title--2830.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--2830 widget-title-base">
        <span>Новини України та світу</span>
    </h4>
    </a>    <div class="row">
                                                <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133554-nazhivsya-na-zsu-na-11-mlrd-b-znesmen-borzhnik-volods-kiy-otrimav-nov-p-dryadi-v-d-dot.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/25.07.2024/b3891d002732d81ab57f301896e75e18.png&amp;size=850x560" class="wp-post-image" alt="«Нажився» на ЗСУ на 11 млрд: бізнесмен-боржник Володський отримав нові підряди від ДОТ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133554-nazhivsya-na-zsu-na-11-mlrd-b-znesmen-borzhnik-volods-kiy-otrimav-nov-p-dryadi-v-d-dot.html" title="«Нажився» на ЗСУ на 11 млрд: бізнесмен-боржник Володський отримав нові підряди від ДОТ">«Нажився» на ЗСУ на 11 млрд: бізнесмен-боржник Володський отримав нові...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133545-za-derzhavnu-zradu-pravoohoronnicyu-z-luganschini-zasudzheno-do-15-rok-v-uv-yaznennya.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/24.07.2024/ce3fc5904f97a21cd6df8ef658d82c85.png&amp;size=850x560" class="wp-post-image" alt=" За державну зраду правоохоронницю з Луганщини засуджено до 15 років ув’язнення">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133545-za-derzhavnu-zradu-pravoohoronnicyu-z-luganschini-zasudzheno-do-15-rok-v-uv-yaznennya.html" title=" За державну зраду правоохоронницю з Луганщини засуджено до 15 років ув’язнення"> За державну зраду правоохоронницю з Луганщини засуджено до 15 років ув’язнення</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133532-na-donechchin-zasudzheno-tr-oh-str-l-c-v-okupac-ynih-v-ys-k-rf-yak-voyuvali-proti-zsu.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/23.07.2024/9cfe4e3ae8a8f30689ee8eaac47c769c.jpeg&amp;size=850x560" class="wp-post-image" alt="На Донеччині засуджено трьох стрільців окупаційних військ рф, які воювали проти ЗСУ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133532-na-donechchin-zasudzheno-tr-oh-str-l-c-v-okupac-ynih-v-ys-k-rf-yak-voyuvali-proti-zsu.html" title="На Донеччині засуджено трьох стрільців окупаційних військ рф, які воювали проти ЗСУ">На Донеччині засуджено трьох стрільців окупаційних військ рф, які воювали...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133518-efektivna-robota-operator-v-udarnih-dron-v-115-brigadi-zsu.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/video/21.07.2024/55671ad03695bed317f6b5a0806021af/8c9d514a95261647954d64f1ac9be0de_poster.jpg&amp;size=850x560" class="wp-post-image" alt="115 бригада ЗСУ: Ефективна робота операторів ударних дронів 115 бригади ЗСУ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133518-efektivna-robota-operator-v-udarnih-dron-v-115-brigadi-zsu.html" title="115 бригада ЗСУ: Ефективна робота операторів ударних дронів 115 бригади ЗСУ">115 бригада ЗСУ: Ефективна робота операторів ударних дронів 115 бригади...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133486-pered-sudom-postanut-tro-okupant-v-zatrimanih-u-bahmuts-komu-ta-yasinuvats-komu-rayonah.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/15.07.2024/3c1bb9ff88a59d00f934b309ff2cc799.jpeg&amp;size=850x560" class="wp-post-image" alt="Перед судом постануть троє окупантів, затриманих у Бахмутському та Ясинуватському районах">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133486-pered-sudom-postanut-tro-okupant-v-zatrimanih-u-bahmuts-komu-ta-yasinuvats-komu-rayonah.html" title="Перед судом постануть троє окупантів, затриманих у Бахмутському та Ясинуватському районах">Перед судом постануть троє окупантів, затриманих у Бахмутському та Ясинуватському...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133477-v-dbulas-prem-ra-f-l-mu-pro-p-dgotovku-nashih-ol-mp-yc-v-do-xxxiii-gor-ol-mp-adi-ukra-ns-kiy-vogon.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/13.07.2024/25894ca28ae08c0ebe0d56eefca3fe5e.jpeg&amp;size=850x560" class="wp-post-image" alt="Відбулась прем&#039;єра фільму про підготовку наших олімпійців до XXXIII Ігор Олімпіади &quot;Український вогонь&quot;">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133477-v-dbulas-prem-ra-f-l-mu-pro-p-dgotovku-nashih-ol-mp-yc-v-do-xxxiii-gor-ol-mp-adi-ukra-ns-kiy-vogon.html" title="Відбулась прем&#039;єра фільму про підготовку наших олімпійців до XXXIII Ігор Олімпіади &quot;Український вогонь&quot;">Відбулась прем&#039;єра фільму про підготовку наших олімпійців до XXXIII Ігор...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133454-prokuratura-vimaga-viznati-ned-ysnim-dogov-r-na-remont-dorogi-yaka-prohodit-po-okupovan-y-teritor-donechchini.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/08.07.2024/14fd00fa9204eeee33eb288eb82b9ec3.jpeg&amp;size=850x560" class="wp-post-image" alt="Прокуратура вимагає визнати недійсним договір на ремонт дороги, яка проходить по окупованій території Донеччини">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133454-prokuratura-vimaga-viznati-ned-ysnim-dogov-r-na-remont-dorogi-yaka-prohodit-po-okupovan-y-teritor-donechchini.html" title="Прокуратура вимагає визнати недійсним договір на ремонт дороги, яка проходить по окупованій території Донеччини">Прокуратура вимагає визнати недійсним договір на ремонт дороги, яка проходить...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133455-za-peredachu-zs-rf-nformac-pro-roztashuvannya-p-drozd-l-v-zsu-zh-nku-zasudzheno-do-14-rok-v-uv-yaznennya.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/08.07.2024/ada32881397cbfee9c4ce3275d34b18b.jpeg&amp;size=850x560" class="wp-post-image" alt="За передачу зс рф інформації про розташування підрозділів ЗСУ жінку засуджено до 14 років ув’язнення">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133455-za-peredachu-zs-rf-nformac-pro-roztashuvannya-p-drozd-l-v-zsu-zh-nku-zasudzheno-do-14-rok-v-uv-yaznennya.html" title="За передачу зс рф інформації про розташування підрозділів ЗСУ жінку засуджено до 14 років ув’язнення">За передачу зс рф інформації про розташування підрозділів ЗСУ жінку засуджено...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133456-dopomagayut-vorogu-prihovuvati-sl-di-zlochin-v-u-rozbomblenomu-mar-upol-suditimut-15-ekspravoohoronc-v.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/08.07.2024/afb0b8de5b2a4cf39cf7812d951d207a.jpeg&amp;size=850x560" class="wp-post-image" alt="Допомагають ворогу приховувати сліди злочинів у розбомбленому Маріуполі – судитимуть 15 експравоохоронців">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133456-dopomagayut-vorogu-prihovuvati-sl-di-zlochin-v-u-rozbomblenomu-mar-upol-suditimut-15-ekspravoohoronc-v.html" title="Допомагають ворогу приховувати сліди злочинів у розбомбленому Маріуполі – судитимуть 15 експравоохоронців">Допомагають ворогу приховувати сліди злочинів у розбомбленому Маріуполі...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133459-ponad-156-6-tis-ga-zeml-povernuli-do-vikoristannya.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/09.07.2024/ba1143610f0ee290fd750b046c07b526.jpeg&amp;size=850x560" class="wp-post-image" alt="Понад 156,6 тис га землі повернули до використання">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133459-ponad-156-6-tis-ga-zeml-povernuli-do-vikoristannya.html" title="Понад 156,6 тис га землі повернули до використання">Понад 156,6 тис га землі повернули до використання</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133460-golov-narodno-radi-lnr-pov-domleno-pro-p-dozru-u-kolaborac-z-okupantami.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/09.07.2024/eb301704e031c71e9f5280ffac3b0147.jpeg&amp;size=850x560" class="wp-post-image" alt="«Голові народної ради лнр» повідомлено про підозру у колаборації з окупантами">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133460-golov-narodno-radi-lnr-pov-domleno-pro-p-dozru-u-kolaborac-z-okupantami.html" title="«Голові народної ради лнр» повідомлено про підозру у колаборації з окупантами">«Голові народної ради лнр» повідомлено про підозру у колаборації з окупантами</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133464-etichna-poved-nka-derzhsluzhbovcya.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/10.07.2024/4b689b994f898bb66640278d304d22cf.jpeg&amp;size=850x560" class="wp-post-image" alt="Етична поведінка держслужбовця">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133464-etichna-poved-nka-derzhsluzhbovcya.html" title="Етична поведінка держслужбовця">Етична поведінка держслужбовця</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133465-yak-zaspoko-ti-ditinu-p-d-chas-guchnih-zvuk-v-ta-vibuh-v.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/10.07.2024/3633dc55694f0beda5e410b7143d8afe.jpeg&amp;size=850x560" class="wp-post-image" alt="Як заспокоїти дитину під час гучних звуків та вибухів">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133465-yak-zaspoko-ti-ditinu-p-d-chas-guchnih-zvuk-v-ta-vibuh-v.html" title="Як заспокоїти дитину під час гучних звуків та вибухів">Як заспокоїти дитину під час гучних звуків та вибухів</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133440-nformac-yniy-daydzhest-lugans-ko-oblasno-prokuraturi-za-6-m-syac-v-2024-roku.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/video/04.07.2024/2d85a8fdac2f82951ac273be827ae4e7/84f7a04267ebdca0a1a5c05e62762c5a_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Інформаційний дайджест Луганської обласної прокуратури за 6 місяців 2024 року">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133440-nformac-yniy-daydzhest-lugans-ko-oblasno-prokuraturi-za-6-m-syac-v-2024-roku.html" title="Інформаційний дайджест Луганської обласної прокуратури за 6 місяців 2024 року">Інформаційний дайджест Луганської обласної прокуратури за 6 місяців 2024...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133438-operativna-nformac-ya-stanom-na-08-00-04-07-2024-schodo-ros-ys-kogo-vtorgnennya.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/04.07.2024/599b8282d706c1ed29e35cf40f1cb963.jpeg&amp;size=850x560" class="wp-post-image" alt="Оперативна інформація станом на 08.00 04.07.2024 щодо російського вторгнення">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133438-operativna-nformac-ya-stanom-na-08-00-04-07-2024-schodo-ros-ys-kogo-vtorgnennya.html" title="Оперативна інформація станом на 08.00 04.07.2024 щодо російського вторгнення">Оперативна інформація станом на 08.00 04.07.2024 щодо російського вторгнення</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/133424-115-brigada-zsu-kulemetniki.html">
                                    <img loading="lazy" src="https://media.unt.ua/thumb/thumb.php?src=/upload/03.07.2024/238422d04832a0ba1c63378561a8a010.jpeg&amp;size=850x560" class="wp-post-image" alt="115 Бригада ЗСУ: Кулеметники">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/133424-115-brigada-zsu-kulemetniki.html" title="115 Бригада ЗСУ: Кулеметники">115 Бригада ЗСУ: Кулеметники</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

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


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

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


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


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

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

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

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

                            <!--player-->

                            <script src="https://cdn.ukraine-inform.com/admin/axios.min.js"></script>
            <!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
            <script src="https://cdn.ukraine-inform.com/admin/vue.js"></script>
            <script src="https://cdn.ukraine-inform.com/assets/video-player/player.js?v=1722054922"></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>