<!--::result::time::12:24:06::App\Service\Components\Header\H03::-->
<!--::result::time::12:24:06::work: 0.0034 s::App\Service\Components\Header\H03::-->
<!--::result::time::12:24:06::App\Service\Components\Header\H03::-->
<!--::result::time::12:24:06::work: 0.0005 s::App\Service\Components\Header\H03::-->
<!--::result::time::12:24:06::App\Service\Components\Header\H03::-->
<!--::result::time::12:24:06::work: 0.0017 s::App\Service\Components\Header\H03::-->
<!--::result::time::12:24:06::App\Service\Components\Header\H04::-->
<!--::result::time::12:24:06::work: 0.0007 s::App\Service\Components\Header\H04::-->
<!--::result::time::12:24:06::App\Service\Components\Header\H10::-->
<!--::result::time::12:24:06::work: 0.021 s::App\Service\Components\Header\H10::-->
<!--::result::time::12:24:06::App\Service\Components\News\N12::-->
<!--::result::time::12:24:06::work: 0.014 s::App\Service\Components\News\N12::-->
<!--::result::time::12:24:06::App\Service\Components\News\N10::-->
<!--::result::time::12:24:06::work: 0.0012 s::App\Service\Components\News\N10::-->
<!--::result::time::12:24:06::App\Service\Components\News\N12::-->
<!--::result::time::12:24:06::work: 0.0066 s::App\Service\Components\News\N12::-->
<!--::result::time::12:24:06::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::work: 0.0032 s::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::getChildsMapIds work: 0.0131 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work category: 372,583,584,585,586,587,588,589,593,594,595,596,597,598,599,600,601,602,603,604,605,606,607,608,609,610,611,612,613,614,615,616,617,618,619,620,621,622::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work count: 12::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT work: 0.0199 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST work: 0.0052 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::count work: 12 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::foreach work: 0.0258 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work: 0.0658 s::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::getChildsMapIds work: 0.0016 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work category: 531,537,539,544::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT work: 0.0397 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST work: 0.003 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::foreach work: 0.0114 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work: 0.0566 s::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::work: 0.0111 s::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::getChildsMapIds work: 0.0032 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work category: 533,554,556,558,559,560,561::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT work: 0.0315 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST work: 0.0024 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::foreach work: 0.0103 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work: 0.0483 s::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::getChildsMapIds work: 0.0028 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work category: 532,546,547,548,550,551,552::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT work: 0.0027 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST work: 0.0029 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::foreach work: 0.0087 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work: 0.0178 s::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::getChildsMapIds work: 0.0023 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work category: 534,563,565,568,569,623::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT work: 0.0055 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST work: 0.0032 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::foreach work: 0.0091 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work: 0.0209 s::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::getChildsMapIds work: 0.0002 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work category: 653::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work count: 16::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::SELECT work: 0.0903 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::POST work: 0.0074 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::count work: 16 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::foreach work: 0.0302 s::getPagesByCategoryLimit::-->
<!--::result::time::12:24:06::work: 0.1322 s::App\Service\Components\News\N01::-->
<!--::result::time::12:24:06::App\Service\Components\Text\T01::-->
<!--::result::time::12:24:06::work: 0.0016 s::App\Service\Components\Text\T01::-->
<!--::result::time::12:24:06::work: 0.4319 s::-->
<!--::result::time::12:24:06::render work: 0.0349 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>
            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-64-0 {width:95%}
.row-k-style-64-0 {background: linear-gradient(#45aeff,#8ac5ff)}
.row-k-width-64-1 {width:95%}
.row-k-style-64-1 {background: linear-gradient(#edca40,#ffee82)}
.row-k-width-64-2 {width:95%}
.row-k-style-64-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-0 {width:95%}
.row-k-style-65-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-1 {width:95%}
.row-k-style-65-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-2 {width:95%}
.row-k-style-65-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-3 {width:95%}
.row-k-style-65-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-4 {width:95%}
.row-k-style-65-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-5 {width:95%}
.row-k-style-65-5 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-6 {width:95%}
.row-k-style-65-6 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-7 {width:95%}
.row-k-style-65-7 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-8 {width:95%}
.row-k-style-65-8 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-9 {width:95%}
.row-k-style-65-9 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-10 {width:95%}
.row-k-style-65-10 {background: linear-gradient(#fff,#fff)}
.row-k-width-65-11 {width:95%}
.row-k-style-65-11 {background: linear-gradient(#fff,#fff)}

        </style>
                <style>
            .row-k-style {
                transition: all 0.3s ease;
            }
            .row-k-style.fixed-menu-bar {
                position: fixed;
                z-index: 9999;
                width: 100%;
                top: 0;
                padding: 5px;
                box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
            }
        </style>
    
                    <link href="https://cdn.jsdelivr.net/npm/video.js@6.6.2/dist/video-js.css" rel="stylesheet">
            <link href="https://cdn.jsdelivr.net/npm/vue-video-player@5.0.0/src/custom-theme.css" rel="stylesheet">
            <link href="https://unpkg.com/vue-slick-carousel@1.0.6/dist/vue-slick-carousel.css" rel="stylesheet">
            <link href="https://unpkg.com/vue-slick-carousel@1.0.6/dist/vue-slick-carousel-theme.css" rel="stylesheet">
            <link href="https://cdn.ukraine-inform.com/assets/video/videojs-vtt-thumbnails.css" rel="stylesheet">
                                                                		            <link rel="preload" href="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/07f967987ca6871095d5778635c72f6b.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="&quot;Укроборонпром&quot; разом із країною НАТО налагодив виробництво артилерійського 122-мм снаряду за кордоном">
			<meta property="og:description" content="🤝&quot;Укроборонпром&quot; разом із країною НАТО налагодив виробництво артилерійського 122-мм снаряду за кордоном Уже відвантажено партію для ЗСУ.До слова,  це вже третій вид боєприпасу після мінометної 120-мм міни та танкового 125-мм снаряду.">
			<meta property="og:url" content="https://dnipro-inform.com">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/07f967987ca6871095d5778635c72f6b.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/07f967987ca6871095d5778635c72f6b.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="ДНІПРО ІНФОРМ Інформаційне Агентство">
			<link rel="canonical" href="https://ukraine-inform.com/news-ukraine-and-worlds/124222-ukroboronprom-razom-z-kra-noyu-nato-nalagodiv-virobnictvo-artiler-ys-kogo-122-mm-snaryadu-za-kordonom.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-64-0 row-k-style" id="row-k-style-64-0">
            <div class="row-k-width-64-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-3 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4097.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--4097 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--4097.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--4097.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--4097.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--4097 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--4097 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent4097 .sub-menu {
         display: none;
     }
    #navbarSupportedContent4097 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent4097 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent4097 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent4097 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--4097" once="menu" id="menu4097-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="#navbarSupportedContent4097"
                aria-controls="navbarSupportedContent4097" 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="navbarSupportedContent4097">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/kerivnuk">Керівництво</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/about-company">Про компанію</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-6 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4098.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: center;
        -webkit-justify-content: center;
    }
    .widjetComponent--4098 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--4098.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--4098.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--4098.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--4098 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--4098 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent4098 .sub-menu {
         display: none;
     }
    #navbarSupportedContent4098 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent4098 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent4098 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent4098 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--4098" once="menu" id="menu4098-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="#navbarSupportedContent4098"
                aria-controls="navbarSupportedContent4098" 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="navbarSupportedContent4098">
            <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-3 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4099.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--4099 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--4099.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--4099.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--4099.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--4099 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #ffffff;
    }
    .widjetComponent--4099 .open-search {
        color: #ffffff;
    }
     #navbarSupportedContent4099 .sub-menu {
         display: none;
     }
    #navbarSupportedContent4099 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent4099 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent4099 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent4099 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--4099" once="menu" id="menu4099-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="#navbarSupportedContent4099"
                aria-controls="navbarSupportedContent4099" 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="navbarSupportedContent4099">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/auth/login">Увійти</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-64-1 row-k-style" id="row-k-style-64-1">
            <div class="row-k-width-64-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--4095.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--4095 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--4095 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.03.2021/c85509947b9dc772dfcdbc05733d23ff.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.03.2021/c85509947b9dc772dfcdbc05733d23ff.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/29.03.2021/c85509947b9dc772dfcdbc05733d23ff.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--4096 .navbar {
        padding: 0;
    }
    .widjetComponent--4096 .nav-dropdown .link {
        margin: 0;
    }
    .widjetComponent--4096 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--4096 {
        background: transparent;
    }

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

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

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

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

    .widjetComponent--4096 .dropdown.open .dropdown-menu {
        display: block;
        padding: 0;
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    }
    .widjetComponent--4096 .dropdown .dropdown-menu .dropdown-item {
        background: #000000bf;
        padding: 5px 10px;
        font-size: 14px;
        color: #ddd;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        border-bottom: 1px solid #252525;
    }
    .widjetComponent--4096 .dropdown .dropdown-menu .dropdown-item:hover {
        background: #000d1;
        color: #f80000;
    }
</style>
<section class="menu widjetComponent--4096">
    <nav class="navbar navbar-expand navbar-toggleable-sm">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent4096"
                aria-controls="navbarSupportedContent4096" 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="navbarSupportedContent4096">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                                            <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-derzhava"
                               data-toggle="dropdown-submenu" aria-expanded="false">Держава</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-derzhava-pravookhoronni-orhany">Правоохоронні органи</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-vlada">Влада</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-borotba-z-koruptsiyeyu">Боротьба з корупцією</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-polityka"
                               data-toggle="dropdown-submenu" aria-expanded="false">Політика</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-polityka-vnutrishnya-polityka">Внутрішня політика</a>
                                                                    <a class="dropdown-item" href="/news-polityka-zovnishnya-polityka">Зовнішня політика</a>
                                                                    <a class="dropdown-item" href="/news-polityka-mistseve-samovryaduvannya">Місцеве самоврядування</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-suspilstvo"
                               data-toggle="dropdown-submenu" aria-expanded="false">Суспільство</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-suspilstvo-medicine">Медицина</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-education">Освіта</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-culture">Культура</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-religion">Релігія</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-events">Події</a>
                                                                    <a class="dropdown-item" href="/news-suspilstvo-hromadski-ob-yednannya">Громадські об’єднання</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-ekonomika"
                               data-toggle="dropdown-submenu" aria-expanded="false">Економіка</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-tekhnologiji">Технології</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-industry">Промисловість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-business">Бізнес</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-realty">Нерухомість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-finances">Фінанси</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-agro-industry">Агропромисловість</a>
                                                            </div>
                        </li>
                                                                                <li class="nav-item dropdown">
                            <a class="nav-link link dropdown-toggle" href="/news-sport"
                               data-toggle="dropdown-submenu" aria-expanded="false">Спорт</a>
                            <div class="dropdown-menu">
                                                                    <a class="dropdown-item" href="/news-sport-sport-news">Новини спорту</a>
                                                                    <a class="dropdown-item" href="/news-sport-boxing">Бокс</a>
                                                                    <a class="dropdown-item" href="/news-sport-zmaganna">Змагання</a>
                                                                    <a class="dropdown-item" href="/news-sport-football">Футбол</a>
                                                                    <a class="dropdown-item" href="/news-sport-edunoborstva">Єдиноборства</a>
                                                            </div>
                        </li>
                                                </ul>
        </div>
    </nav>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-65-0 row-k-style" id="row-k-style-65-0">
            <div class="row-k-width-65-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 base-content no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-65-1 row-k-style" id="row-k-style-65-1">
            <div class="row-k-width-65-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4103 .post-image img {
        width: 100%;
    }
    .widjetComponent--4103 .post-image {
        position: relative;
    }
    .widjetComponent--4103 .post-image a {
        display: block;
    }
    .widjetComponent--4103 .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--4103 .post-inner:hover .category {
        color: #fff;
    }
    .widjetComponent--4103 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--4103 .post-inner:hover .widget-title {
        color: #fff;
    }

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

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

        <h4 class="widjetComponent--title--4103 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-ukraine-and-worlds/124222-ukroboronprom-razom-z-kra-noyu-nato-nalagodiv-virobnictvo-artiler-ys-kogo-122-mm-snaryadu-za-kordonom.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/07f967987ca6871095d5778635c72f6b.jpeg&amp;size=850x560" class="wp-post-image" alt="&quot;Укроборонпром&quot; разом із країною НАТО налагодив виробництво артилерійського 122-мм снаряду за кордоном">
                            <div class="category">Найголовніше</div>
                            <div class="post-content">
                                <h3 class="widget-title">"Укроборонпром" разом із країною НАТО налагодив виробництво артилерійського...</h3>
                                <div class="entry-content">
                                    

🤝"Укроборонпром" разом із країною НАТО налагодив виробництво артилерійського 122-мм снаряду за кордоном&nbsp;
Уже відвантажено партію для ЗСУ.
До слова,&nbsp; це вже третій...
                                </div>
                            </div>

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

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 no-height no-height no-height no-height no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
.widjet-component-inner.widjetComponent--4091 {
       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--4091">
    <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--4104 .post-image img {
        width: 100%;
    }
    .widjetComponent--4104 .post-image {
        position: relative;
    }
    .widjetComponent--4104 .post-image a {
        display: block;
    }
    .widjetComponent--4104 .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--4104 .post-inner:hover .category {
        color: #fff;
    }
    .widjetComponent--4104 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--4104 .post-inner:hover .widget-title {
        color: #fff;
    }

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

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

        <h4 class="widjetComponent--title--4104 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-ukraine-and-worlds/124162-znischeno-ros-ys-k-krilat-raketi-kal-br-nk-p-d-chas-hn-ogo-transportuvannya-zal-zniceyu.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.03.2023/478e94e64815896ef7904e5b597b5fd5.jpeg&amp;size=851x561" class="wp-post-image" alt="Знищено російські крилаті ракети «Калібр НК» під час їхнього транспортування залізницею">
                            <div class="category">Важливо</div>
                            <div class="post-content">
                                <h3 class="widget-title">Знищено російські крилаті ракети «Калібр НК» під час їхнього транспортування...</h3>
                                <div class="entry-content">
                                    

🔥Знищено російські крилаті ракети &laquo;Калібр НК&raquo; під час їхнього транспортування залізницею &mdash; ГУР про вибухи у Джанкої.


                                </div>
                            </div>

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

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-65-2 row-k-style" id="row-k-style-65-2">
            <div class="row-k-width-65-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4093 .post-image img {
        width: 100%;
    }
    .widjetComponent--4093 .post-image a {
        display: block;
    }
    .widjetComponent--4093 .post-content .category a {
        color: transparent;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4093 .post-content .category a:hover {
        color: transparent;
    }
    .widjetComponent--4093 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4093 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--4093 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4093 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4093 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4093 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4093 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4093 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4093 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4093">
            <style>
        .widjetComponent--title--4093.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--4093.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
        <h4 class="widjetComponent--title--4093 widget-title-base">
        <span>Стріми</span>
    </h4>
        <div class="row" id="streem_append_block-4093">
                                        </div>
</section>

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

            }

            $('.widjetComponent--4093 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4093 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4093 .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-4093 .entry").remove();');
                            //$('#streem_append_block-4093 .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-4093').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4093 .entry").remove();');
                            $('#streem_append_block-4093 .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-4093').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-65-3 row-k-style" id="row-k-style-65-3">
            <div class="row-k-width-65-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4094 .post-image img {
        width: 100%;
    }
    .widjetComponent--4094 .post-image a {
        display: block;
    }
    .widjetComponent--4094 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4094 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--4094 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4094 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--4094 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4094 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4094 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4094 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4094 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4094 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4094 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4094">
            <style>
        .widjetComponent--title--4094.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--4094.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/video" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4094 widget-title-base">
        <span>Відео новини</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/124260-zvernennya-volodimira-zelens-kogo-naprik-nc-392-go-dnya-v-yni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.03.2023/db019e8cfa50414fc868452987f63f02/d99a8ccf2633f2201f75246850ae54c2.mp4"
                               data-videoid="5039"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.03.2023/db019e8cfa50414fc868452987f63f02/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/124260-zvernennya-volodimira-zelens-kogo-naprik-nc-392-go-dnya-v-yni.html"
                               title="Звернення Володимира Зеленського наприкінці 392-го дня війни"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.03.2023/db019e8cfa50414fc868452987f63f02/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.03.2023/db019e8cfa50414fc868452987f63f02/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.03.2023/db019e8cfa50414fc868452987f63f02/4b694b9878c2c2f3c66a0c9af12d6c26_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Звернення Володимира Зеленського наприкінці 392-го дня війни">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/124260-zvernennya-volodimira-zelens-kogo-naprik-nc-392-go-dnya-v-yni.html" title="Звернення Володимира Зеленського наприкінці 392-го дня війни">Звернення Володимира Зеленського наприкінці 392-го дня війни</a>
                            <!--<a href="/video-derzhava/124260-zvernennya-volodimira-zelens-kogo-naprik-nc-392-go-dnya-v-yni.html" title="Звернення Володимира Зеленського наприкінці 392-го дня війни">Звернення Володимира Зеленського наприкінці 392-го дня війни</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/124259-donechchina-peredov-pozic-ukra-ns-kih-v-ys-kovih-na-bahmuts-komu-napryamku.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.03.2023/ccfc0096975774fe8e61314585b137ce/40aa3b5eb23574176043201328770c24.mp4"
                               data-videoid="5038"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.03.2023/ccfc0096975774fe8e61314585b137ce/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/124259-donechchina-peredov-pozic-ukra-ns-kih-v-ys-kovih-na-bahmuts-komu-napryamku.html"
                               title="Донеччина. Передові позиції українських військових на Бахмутському напрямку"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.03.2023/ccfc0096975774fe8e61314585b137ce/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.03.2023/ccfc0096975774fe8e61314585b137ce/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.03.2023/ccfc0096975774fe8e61314585b137ce/d57dcacab33364ac3ab6552c178b398c_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Донеччина. Передові позиції українських військових на Бахмутському напрямку">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/124259-donechchina-peredov-pozic-ukra-ns-kih-v-ys-kovih-na-bahmuts-komu-napryamku.html" title="Донеччина. Передові позиції українських військових на Бахмутському напрямку">Донеччина. Передові позиції українських військових на Бахмутському напрямку</a>
                            <!--<a href="/video-derzhava/124259-donechchina-peredov-pozic-ukra-ns-kih-v-ys-kovih-na-bahmuts-komu-napryamku.html" title="Донеччина. Передові позиції українських військових на Бахмутському напрямку">Донеччина. Передові позиції українських військових на Бахмутському...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/124258-v-dv-dali-nashih-vo-n-v-yak-prohodyat-l-kuvannya-p-slya-poranen.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.03.2023/ad8112e0ebf2852a7cb0ba1a057ecf90/7c364bc3b137a8a5bf28dada2960de2e.mp4"
                               data-videoid="5037"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.03.2023/ad8112e0ebf2852a7cb0ba1a057ecf90/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/124258-v-dv-dali-nashih-vo-n-v-yak-prohodyat-l-kuvannya-p-slya-poranen.html"
                               title="Відвідали наших воїнів, які проходять лікування після поранень"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.03.2023/ad8112e0ebf2852a7cb0ba1a057ecf90/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.03.2023/ad8112e0ebf2852a7cb0ba1a057ecf90/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.03.2023/ad8112e0ebf2852a7cb0ba1a057ecf90/d1eedab75fd9ec8218846bb2b69f023c_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Відвідали наших воїнів, які проходять лікування після поранень">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/124258-v-dv-dali-nashih-vo-n-v-yak-prohodyat-l-kuvannya-p-slya-poranen.html" title="Відвідали наших воїнів, які проходять лікування після поранень">Відвідали наших воїнів, які проходять лікування після поранень</a>
                            <!--<a href="/video-derzhava/124258-v-dv-dali-nashih-vo-n-v-yak-prohodyat-l-kuvannya-p-slya-poranen.html" title="Відвідали наших воїнів, які проходять лікування після поранень">Відвідали наших воїнів, які проходять лікування після поранень</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/124257-prov-v-naradu-schodo-soc-al-no-ta-bezpekovo-situac-na-donechchin.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.03.2023/a6dc36263ce3b0b5c2ef2c7c2f01d8b4/3cc9f8dd16bf47d2f1b33de6569121f0.mp4"
                               data-videoid="5036"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.03.2023/a6dc36263ce3b0b5c2ef2c7c2f01d8b4/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/124257-prov-v-naradu-schodo-soc-al-no-ta-bezpekovo-situac-na-donechchin.html"
                               title="Провів нараду щодо соціальної та безпекової ситуації на Донеччині"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.03.2023/a6dc36263ce3b0b5c2ef2c7c2f01d8b4/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.03.2023/a6dc36263ce3b0b5c2ef2c7c2f01d8b4/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.03.2023/a6dc36263ce3b0b5c2ef2c7c2f01d8b4/b3af0321ca69cf4ff9790cd09fe9fc5d_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Провів нараду щодо соціальної та безпекової ситуації на Донеччині">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/124257-prov-v-naradu-schodo-soc-al-no-ta-bezpekovo-situac-na-donechchin.html" title="Провів нараду щодо соціальної та безпекової ситуації на Донеччині">Провів нараду щодо соціальної та безпекової ситуації на Донеччині</a>
                            <!--<a href="/video-derzhava/124257-prov-v-naradu-schodo-soc-al-no-ta-bezpekovo-situac-na-donechchin.html" title="Провів нараду щодо соціальної та безпекової ситуації на Донеччині">Провів нараду щодо соціальної та безпекової ситуації на...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/124254-nash-lyudi-nash-v-ys-kov-nasha-donechchina-nasha-ukra-na.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.03.2023/4a244c9ff5c3a2f6c1af203755f2efa3/8fed70feab744486378e1f4ecf846bf4.mp4"
                               data-videoid="5033"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.03.2023/4a244c9ff5c3a2f6c1af203755f2efa3/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/124254-nash-lyudi-nash-v-ys-kov-nasha-donechchina-nasha-ukra-na.html"
                               title="Наші люди. Наші військові. Наша Донеччина. Наша Україна"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.03.2023/4a244c9ff5c3a2f6c1af203755f2efa3/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.03.2023/4a244c9ff5c3a2f6c1af203755f2efa3/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.03.2023/4a244c9ff5c3a2f6c1af203755f2efa3/cfed6927a9eb1fb0b01fc69216f84276_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Наші люди. Наші військові. Наша Донеччина. Наша Україна">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/124254-nash-lyudi-nash-v-ys-kov-nasha-donechchina-nasha-ukra-na.html" title="Наші люди. Наші військові. Наша Донеччина. Наша Україна">Наші люди. Наші військові. Наша Донеччина. Наша Україна</a>
                            <!--<a href="/video-derzhava/124254-nash-lyudi-nash-v-ys-kov-nasha-donechchina-nasha-ukra-na.html" title="Наші люди. Наші військові. Наша Донеччина. Наша Україна">Наші люди. Наші військові. Наша Донеччина. Наша Україна</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/124253-u-m-st--gero-harkov-nagorodiv-nashih-gero-v-yak-v-dznachilisya-p-d-chas-oboroni-hark-vschini-v-d-agresora.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.03.2023/7539d2fad5d6fd6c46d1d74a87f391fb/83c1b9da05eac7eae95a6f3d1a7e8ef1.mp4"
                               data-videoid="5032"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.03.2023/7539d2fad5d6fd6c46d1d74a87f391fb/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/124253-u-m-st--gero-harkov-nagorodiv-nashih-gero-v-yak-v-dznachilisya-p-d-chas-oboroni-hark-vschini-v-d-agresora.html"
                               title="У місті-герої Харкові нагородив наших героїв, які відзначилися під час оборони Харківщини від агресора"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.03.2023/7539d2fad5d6fd6c46d1d74a87f391fb/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.03.2023/7539d2fad5d6fd6c46d1d74a87f391fb/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.03.2023/7539d2fad5d6fd6c46d1d74a87f391fb/3f855353dd150a4ac1163452716b0355_poster.jpg&amp;size=205x135" class="wp-post-image" alt="У місті-герої Харкові нагородив наших героїв, які відзначилися під час оборони Харківщини від агресора">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/124253-u-m-st--gero-harkov-nagorodiv-nashih-gero-v-yak-v-dznachilisya-p-d-chas-oboroni-hark-vschini-v-d-agresora.html" title="У місті-герої Харкові нагородив наших героїв, які відзначилися під час оборони Харківщини від агресора">У місті-герої Харкові нагородив наших героїв, які відзначилися під час...</a>
                            <!--<a href="/video-derzhava/124253-u-m-st--gero-harkov-nagorodiv-nashih-gero-v-yak-v-dznachilisya-p-d-chas-oboroni-hark-vschini-v-d-agresora.html" title="У місті-герої Харкові нагородив наших героїв, які відзначилися під час оборони Харківщини від агресора">У місті-герої Харкові нагородив наших героїв, які відзначилися...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/124232-prezident-zelens-kiy-opubl-kuvav-v-deo-z-momentom-vluchannya-ros-ys-ko-raketi-po-zhitlov-y-dev-yatipoverh-vc-v-zapor-zhzh.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.03.2023/aedd02dd1550b4630d9bab2f03e53697/f0421d7f7de1a4a4534837566e4a147b.mp4"
                               data-videoid="5031"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.03.2023/aedd02dd1550b4630d9bab2f03e53697/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/124232-prezident-zelens-kiy-opubl-kuvav-v-deo-z-momentom-vluchannya-ros-ys-ko-raketi-po-zhitlov-y-dev-yatipoverh-vc-v-zapor-zhzh.html"
                               title="Президент Зеленський опублікував відео з моментом влучання російської ракети по житловій дев'ятиповерхівці в Запоріжжі"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.03.2023/aedd02dd1550b4630d9bab2f03e53697/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.03.2023/aedd02dd1550b4630d9bab2f03e53697/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.03.2023/aedd02dd1550b4630d9bab2f03e53697/4b2576dc71e5a771fadece049a5f244c_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Президент Зеленський опублікував відео з моментом влучання російської ракети по житловій дев'ятиповерхівці в Запоріжжі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/124232-prezident-zelens-kiy-opubl-kuvav-v-deo-z-momentom-vluchannya-ros-ys-ko-raketi-po-zhitlov-y-dev-yatipoverh-vc-v-zapor-zhzh.html" title="Президент Зеленський опублікував відео з моментом влучання російської ракети по житловій дев'ятиповерхівці в Запоріжжі">Президент Зеленський опублікував відео з моментом влучання російської ракети...</a>
                            <!--<a href="/video-derzhava/124232-prezident-zelens-kiy-opubl-kuvav-v-deo-z-momentom-vluchannya-ros-ys-ko-raketi-po-zhitlov-y-dev-yatipoverh-vc-v-zapor-zhzh.html" title="Президент Зеленський опублікував відео з моментом влучання російської ракети по житловій дев&#039;ятиповерхівці в Запоріжжі">Президент Зеленський опублікував відео з моментом влучання...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo-culture/124219-ukra-ns-kiy-f-l-m-mavka-l-sova-p-snya-stav-naykasov-shim-f-l-mom-za-chas-nezalezhnost.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/22.03.2023/059479dcb11111b9e8e03f9399716ec1/5ecbba26b0c8c418a09a304090bb0704.mp4"
                               data-videoid="5030"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/22.03.2023/059479dcb11111b9e8e03f9399716ec1/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo-culture/124219-ukra-ns-kiy-f-l-m-mavka-l-sova-p-snya-stav-naykasov-shim-f-l-mom-za-chas-nezalezhnost.html"
                               title=" Український фільм «Мавка. Лісова пісня» став найкасовішим фільмом за час незалежності"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/22.03.2023/059479dcb11111b9e8e03f9399716ec1/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/22.03.2023/059479dcb11111b9e8e03f9399716ec1/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.03.2023/059479dcb11111b9e8e03f9399716ec1/7b8399505b0f37a12b8495ca07077b90_poster.jpg&amp;size=205x135" class="wp-post-image" alt=" Український фільм «Мавка. Лісова пісня» став найкасовішим фільмом за час незалежності">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo-culture" class="post_term category investing">Культура</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo-culture/124219-ukra-ns-kiy-f-l-m-mavka-l-sova-p-snya-stav-naykasov-shim-f-l-mom-za-chas-nezalezhnost.html" title=" Український фільм «Мавка. Лісова пісня» став найкасовішим фільмом за час незалежності"> Український фільм «Мавка. Лісова пісня» став найкасовішим фільмом за час...</a>
                            <!--<a href="/video-suspilstvo-culture/124219-ukra-ns-kiy-f-l-m-mavka-l-sova-p-snya-stav-naykasov-shim-f-l-mom-za-chas-nezalezhnost.html" title=" Український фільм «Мавка. Лісова пісня» став найкасовішим фільмом за час незалежності"> Український фільм «Мавка. Лісова пісня» став найкасовішим...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/124190-zvernennya-volodimira-zelens-kogo-naprik-nc-391-go-dnya-v-yni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/21.03.2023/a3ca86fc770caa11d08feb503f52968e/69605f6a6aa9f00832b01bdf8cc55584.mp4"
                               data-videoid="5029"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/21.03.2023/a3ca86fc770caa11d08feb503f52968e/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/124190-zvernennya-volodimira-zelens-kogo-naprik-nc-391-go-dnya-v-yni.html"
                               title="Звернення Володимира Зеленського наприкінці 391-го дня війни"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/21.03.2023/a3ca86fc770caa11d08feb503f52968e/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/21.03.2023/a3ca86fc770caa11d08feb503f52968e/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/21.03.2023/a3ca86fc770caa11d08feb503f52968e/31b7dfbeaf76b3b677f78bcc4d336d16_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Звернення Володимира Зеленського наприкінці 391-го дня війни">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/124190-zvernennya-volodimira-zelens-kogo-naprik-nc-391-go-dnya-v-yni.html" title="Звернення Володимира Зеленського наприкінці 391-го дня війни">Звернення Володимира Зеленського наприкінці 391-го дня війни</a>
                            <!--<a href="/video-derzhava/124190-zvernennya-volodimira-zelens-kogo-naprik-nc-391-go-dnya-v-yni.html" title="Звернення Володимира Зеленського наприкінці 391-го дня війни">Звернення Володимира Зеленського наприкінці 391-го дня війни</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/124185-radiy-v-tati-v-ki-v-prem-r-m-n-stra-yapon-fum-o-k-sh-du-d-ysno-sil-nogo-zahisnika-m-zhnarodnogo-poryadku-y-davn-ogo-druga-ukra-ni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/21.03.2023/0da65ad86f5322285256a097ba1709b5/425d62cb86439e5b8dffd5a8996b3938.mp4"
                               data-videoid="5028"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/21.03.2023/0da65ad86f5322285256a097ba1709b5/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/124185-radiy-v-tati-v-ki-v-prem-r-m-n-stra-yapon-fum-o-k-sh-du-d-ysno-sil-nogo-zahisnika-m-zhnarodnogo-poryadku-y-davn-ogo-druga-ukra-ni.html"
                               title="Радий вітати в Києві Премʼєр-міністра Японії Фуміо Кішіду – дійсно сильного захисника міжнародного порядку й давнього друга України"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/21.03.2023/0da65ad86f5322285256a097ba1709b5/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/21.03.2023/0da65ad86f5322285256a097ba1709b5/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/21.03.2023/0da65ad86f5322285256a097ba1709b5/84a7131056a18affba1f1d484d0c02e2_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Радий вітати в Києві Премʼєр-міністра Японії Фуміо Кішіду – дійсно сильного захисника міжнародного порядку й давнього друга України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/124185-radiy-v-tati-v-ki-v-prem-r-m-n-stra-yapon-fum-o-k-sh-du-d-ysno-sil-nogo-zahisnika-m-zhnarodnogo-poryadku-y-davn-ogo-druga-ukra-ni.html" title="Радий вітати в Києві Премʼєр-міністра Японії Фуміо Кішіду – дійсно сильного захисника міжнародного порядку й давнього друга України">Радий вітати в Києві Премʼєр-міністра Японії Фуміо Кішіду – дійсно сильного...</a>
                            <!--<a href="/video-derzhava/124185-radiy-v-tati-v-ki-v-prem-r-m-n-stra-yapon-fum-o-k-sh-du-d-ysno-sil-nogo-zahisnika-m-zhnarodnogo-poryadku-y-davn-ogo-druga-ukra-ni.html" title="Радий вітати в Києві Премʼєр-міністра Японії Фуміо Кішіду – дійсно сильного захисника міжнародного порядку й давнього друга України">Радий вітати в Києві Премʼєр-міністра Японії Фуміо Кішіду...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/124115-zvernennya-volodimira-zelens-kogo-naprik-nc-390-go-dnya-v-yni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/20.03.2023/52b2e2c5ee9a58e6e163301633f441c3/a71b216f8f7ab329e5c7cb9fd509d08b.mp4"
                               data-videoid="5025"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/20.03.2023/52b2e2c5ee9a58e6e163301633f441c3/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/124115-zvernennya-volodimira-zelens-kogo-naprik-nc-390-go-dnya-v-yni.html"
                               title="Звернення Володимира Зеленського наприкінці 390-го дня війни"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/20.03.2023/52b2e2c5ee9a58e6e163301633f441c3/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/20.03.2023/52b2e2c5ee9a58e6e163301633f441c3/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/20.03.2023/52b2e2c5ee9a58e6e163301633f441c3/4e95e5b082b43b923822036487946823_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Звернення Володимира Зеленського наприкінці 390-го дня війни">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/124115-zvernennya-volodimira-zelens-kogo-naprik-nc-390-go-dnya-v-yni.html" title="Звернення Володимира Зеленського наприкінці 390-го дня війни">Звернення Володимира Зеленського наприкінці 390-го дня війни</a>
                            <!--<a href="/video-derzhava/124115-zvernennya-volodimira-zelens-kogo-naprik-nc-390-go-dnya-v-yni.html" title="Звернення Володимира Зеленського наприкінці 390-го дня війни">Звернення Володимира Зеленського наприкінці 390-го дня війни</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo-events/124024-tim-chasom-v-parizh-ne-pripinyayut-sya-protesti-proti-pens-yno-reformi.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/19.03.2023/a12f18dfa9547bc7223450a4e43b1d36/6cb06be4af427d3e5ef99662a81fe20f.mp4"
                               data-videoid="5022"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/19.03.2023/a12f18dfa9547bc7223450a4e43b1d36/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo-events/124024-tim-chasom-v-parizh-ne-pripinyayut-sya-protesti-proti-pens-yno-reformi.html"
                               title="Тим часом в Парижі не припиняються протести проти пенсійної реформи"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/19.03.2023/a12f18dfa9547bc7223450a4e43b1d36/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/19.03.2023/a12f18dfa9547bc7223450a4e43b1d36/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/19.03.2023/a12f18dfa9547bc7223450a4e43b1d36/03af94a638cdd2331aa990751475bfc0_poster.jpg&amp;size=205x135" class="wp-post-image" alt="Тим часом в Парижі не припиняються протести проти пенсійної реформи">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo-events/124024-tim-chasom-v-parizh-ne-pripinyayut-sya-protesti-proti-pens-yno-reformi.html" title="Тим часом в Парижі не припиняються протести проти пенсійної реформи">Тим часом в Парижі не припиняються протести проти пенсійної реформи</a>
                            <!--<a href="/video-suspilstvo-events/124024-tim-chasom-v-parizh-ne-pripinyayut-sya-protesti-proti-pens-yno-reformi.html" title="Тим часом в Парижі не припиняються протести проти пенсійної реформи">Тим часом в Парижі не припиняються протести проти пенсійної...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--4094 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4094 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4094 .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-4094 .entry").remove();');
                            //$('#streem_append_block-4094 .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-4094').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4094 .entry").remove();');
                            $('#streem_append_block-4094 .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-4094').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-65-4 row-k-style" id="row-k-style-65-4">
            <div class="row-k-width-65-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4100 .post-image img {
        width: 100%;
    }
    .widjetComponent--4100 .post-image a {
        display: block;
    }
    .widjetComponent--4100 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4100 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--4100 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4100 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--4100 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4100 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4100 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4100 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4100 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4100 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4100 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4100">
            <style>
        .widjetComponent--title--4100.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--4100.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4100 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-pravookhoronni-orhany/124240-beb-skeruvalo-do-sudu-obvinuval-niy-akt-stosovno-organ-zator-v-p-dp-l-nogo-virobnictva-alkogolyu-na-volin.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/016b470139d52e5c2dbbfca6e63f1b62.jpeg&amp;size=320x210" class="wp-post-image" alt="БЕБ скерувало до суду обвинувальний акт стосовно організаторів підпільного виробництва алкоголю на Волині">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/124240-beb-skeruvalo-do-sudu-obvinuval-niy-akt-stosovno-organ-zator-v-p-dp-l-nogo-virobnictva-alkogolyu-na-volin.html" title="БЕБ скерувало до суду обвинувальний акт стосовно організаторів підпільного виробництва алкоголю на Волині">БЕБ скерувало до суду обвинувальний акт стосовно організаторів підпільного...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/124240-beb-skeruvalo-do-sudu-obvinuval-niy-akt-stosovno-organ-zator-v-p-dp-l-nogo-virobnictva-alkogolyu-na-volin.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-pravookhoronni-orhany/124239-beb-sp-vpracyuvatime-z-sluzhboyu-vnutr-shn-h-dohod-v-ssha.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/b98f177c621280c065c2903950eca66f.jpeg&amp;size=320x210" class="wp-post-image" alt="БЕБ співпрацюватиме з Службою внутрішніх доходів США">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/124239-beb-sp-vpracyuvatime-z-sluzhboyu-vnutr-shn-h-dohod-v-ssha.html" title="БЕБ співпрацюватиме з Службою внутрішніх доходів США">БЕБ співпрацюватиме з Службою внутрішніх доходів США</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/124239-beb-sp-vpracyuvatime-z-sluzhboyu-vnutr-shn-h-dohod-v-ssha.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-pravookhoronni-orhany/124192-v-dpravlyav-dan-pro-roztashuvannya-ukra-ns-kih-v-ys-kovih-yak-boronyat-kramators-k-vzyato-p-d-vartu-m-scevogo-meshkancya-foto.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/9a1cbb80560715d3725640327ca1bddb.jpeg&amp;size=320x210" class="wp-post-image" alt="Відправляв дані про розташування українських військових, які боронять Краматорськ – взято під варту місцевого мешканця (ФОТО)">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/124192-v-dpravlyav-dan-pro-roztashuvannya-ukra-ns-kih-v-ys-kovih-yak-boronyat-kramators-k-vzyato-p-d-vartu-m-scevogo-meshkancya-foto.html" title="Відправляв дані про розташування українських військових, які боронять Краматорськ – взято під варту місцевого мешканця (ФОТО)">Відправляв дані про розташування українських військових, які боронять Краматорськ...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/124192-v-dpravlyav-dan-pro-roztashuvannya-ukra-ns-kih-v-ys-kovih-yak-boronyat-kramators-k-vzyato-p-d-vartu-m-scevogo-meshkancya-foto.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-pravookhoronni-orhany/124225-komandiru-l-v-vs-kogo-berkutu-vruchili-p-dozru-za-uchast-v-umisnih-vbivstvah-aktiv-st-v-maydanu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/08d0ae50b42b33069f5e2df1e8752f32.jpeg&amp;size=320x210" class="wp-post-image" alt="Командиру львівського "Беркуту" вручили підозру за участь в умисних вбивствах активістів Майдану">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-derzhava-pravookhoronni-orhany" class="post_term category investing">Правоохоронні органи</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-derzhava-pravookhoronni-orhany/124225-komandiru-l-v-vs-kogo-berkutu-vruchili-p-dozru-za-uchast-v-umisnih-vbivstvah-aktiv-st-v-maydanu.html" title="Командиру львівського "Беркуту" вручили підозру за участь в умисних вбивствах активістів Майдану">Командиру львівського "Беркуту" вручили підозру за участь в умисних вбивствах...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/124225-komandiru-l-v-vs-kogo-berkutu-vruchili-p-dozru-za-uchast-v-umisnih-vbivstvah-aktiv-st-v-maydanu.html" title="Командиру львівського &quot;Беркуту&quot; вручили підозру за участь в умисних вбивствах активістів Майдану">Командиру львівського "Беркуту" вручили підозру за участь...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--4100 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4100 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4100 .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-4100 .entry").remove();');
                            //$('#streem_append_block-4100 .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-4100').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4100 .entry").remove();');
                            $('#streem_append_block-4100 .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-4100').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-65-5 row-k-style" id="row-k-style-65-5">
            <div class="row-k-width-65-5 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4101 .post-image img {
        width: 100%;
    }
    .widjetComponent--4101 .post-image a {
        display: block;
    }
    .widjetComponent--4101 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4101 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--4101 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4101 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--4101 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4101 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4101 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4101 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4101 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4101 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4101 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4101">
            <style>
        .widjetComponent--title--4101.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--4101.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
        <h4 class="widjetComponent--title--4101 widget-title-base">
        <span>Популярне</span>
    </h4>
        <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/123651-arh-vator.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.03.2023/cf589810f41d092d7f999daa7d68e992.png&amp;size=850x560" class="wp-post-image" alt="Архіватор">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/123651-arh-vator.html" title="Архіватор">Архіватор</a>
                            <!--<a href="/news-ukraine-and-worlds/123651-arh-vator.html" title="Архіватор">Архіватор</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ukraine-and-worlds/122638-115-brigada-zsu-zdavatisya-zaraz-t-l-ki-granatu-d-stanu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.02.2023/68c0af1982e3be54bd8757dbe5d9b85d.jpeg&amp;size=850x560" class="wp-post-image" alt="115 бригада ЗСУ: «Здаватися? Зараз, тільки гранату дістану!»">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ukraine-and-worlds" class="post_term category investing">Новини України та світу</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ukraine-and-worlds/122638-115-brigada-zsu-zdavatisya-zaraz-t-l-ki-granatu-d-stanu.html" title="115 бригада ЗСУ: «Здаватися? Зараз, тільки гранату дістану!»">115 бригада ЗСУ: «Здаватися? Зараз, тільки гранату дістану!»</a>
                            <!--<a href="/news-ukraine-and-worlds/122638-115-brigada-zsu-zdavatisya-zaraz-t-l-ki-granatu-d-stanu.html" title="115 бригада ЗСУ: «Здаватися? Зараз, тільки гранату дістану!»">115 бригада ЗСУ: «Здаватися? Зараз, тільки гранату дістану!»</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--4101 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4101 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4101 .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-4101 .entry").remove();');
                            //$('#streem_append_block-4101 .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-4101').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4101 .entry").remove();');
                            $('#streem_append_block-4101 .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-4101').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-65-6 row-k-style" id="row-k-style-65-6">
            <div class="row-k-width-65-6 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4105 .post-image img {
        width: 100%;
    }
    .widjetComponent--4105 .post-image a {
        display: block;
    }
    .widjetComponent--4105 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4105 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--4105 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4105 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--4105 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4105 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4105 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4105 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4105 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4105 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4105 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4105">
            <style>
        .widjetComponent--title--4105.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--4105.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4105 widget-title-base">
        <span>Суспільство</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/124191-mezha-m-zh-zakonom-ta-bezzakonnyam-st-40-kku.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/57a0153a2de5b7101e261716e8194efc.jpeg&amp;size=320x210" class="wp-post-image" alt="Межа між законом та беззаконням: Ст 40 ККУ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/124191-mezha-m-zh-zakonom-ta-bezzakonnyam-st-40-kku.html" title="Межа між законом та беззаконням: Ст 40 ККУ">Межа між законом та беззаконням: Ст 40 ККУ</a>
                            <!--<a href="/news-suspilstvo-events/124191-mezha-m-zh-zakonom-ta-bezzakonnyam-st-40-kku.html" title="Межа між законом та беззаконням: Ст 40 ККУ">Межа між законом та беззаконням: Ст 40 ККУ</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/124187-ukra-na-povn-styu-v-dmovlya-t-sya-v-d-nazv-pov-yazanih-z-ros-yu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.03.2023/ba59a1a53a858857351554cb8ff86282.jpeg&amp;size=320x210" class="wp-post-image" alt="Україна повністю відмовляється від назв, пов'язаних із росією">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/124187-ukra-na-povn-styu-v-dmovlya-t-sya-v-d-nazv-pov-yazanih-z-ros-yu.html" title="Україна повністю відмовляється від назв, пов'язаних із росією">Україна повністю відмовляється від назв, пов'язаних із росією</a>
                            <!--<a href="/news-suspilstvo-events/124187-ukra-na-povn-styu-v-dmovlya-t-sya-v-d-nazv-pov-yazanih-z-ros-yu.html" title="Україна повністю відмовляється від назв, пов&#039;язаних із росією">Україна повністю відмовляється від назв, пов'язаних із росією</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/124179-18-r-chniy-kursant-zastrelivsya-z-avtomata-u-l-v-vs-komu-un-versitet-vnutr-shn-h-sprav.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.03.2023/e54eee5580e00564b7254ebd7f91896f.png&amp;size=320x210" class="wp-post-image" alt="18-річний курсант застрелився з автомата у Львівському університеті внутрішніх справ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-events" class="post_term category investing">Події</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-events/124179-18-r-chniy-kursant-zastrelivsya-z-avtomata-u-l-v-vs-komu-un-versitet-vnutr-shn-h-sprav.html" title="18-річний курсант застрелився з автомата у Львівському університеті внутрішніх справ">18-річний курсант застрелився з автомата у Львівському університеті внутрішніх...</a>
                            <!--<a href="/news-suspilstvo-events/124179-18-r-chniy-kursant-zastrelivsya-z-avtomata-u-l-v-vs-komu-un-versitet-vnutr-shn-h-sprav.html" title="18-річний курсант застрелився з автомата у Львівському університеті внутрішніх справ">18-річний курсант застрелився з автомата у Львівському університеті...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-medicine/124176-bayden-p-dpisav-zakon-yakiy-zmushu-rozv-duval-nu-sp-l-notu-rozsekretiti-yakomoga-b-l-she-nayavno-nformac-pro-pohodzhennya-covid-19.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.03.2023/6b4d3a477905d1be40ac2aa252838bb3.jpeg&amp;size=320x210" class="wp-post-image" alt="Байден підписав закон, який змушує розвідувальну спільноту розсекретити якомога більше наявної інформації про походження COVID-19">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-suspilstvo-medicine" class="post_term category investing">Медицина</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-suspilstvo-medicine/124176-bayden-p-dpisav-zakon-yakiy-zmushu-rozv-duval-nu-sp-l-notu-rozsekretiti-yakomoga-b-l-she-nayavno-nformac-pro-pohodzhennya-covid-19.html" title="Байден підписав закон, який змушує розвідувальну спільноту розсекретити якомога більше наявної інформації про походження COVID-19">Байден підписав закон, який змушує розвідувальну спільноту розсекретити...</a>
                            <!--<a href="/news-suspilstvo-medicine/124176-bayden-p-dpisav-zakon-yakiy-zmushu-rozv-duval-nu-sp-l-notu-rozsekretiti-yakomoga-b-l-she-nayavno-nformac-pro-pohodzhennya-covid-19.html" title="Байден підписав закон, який змушує розвідувальну спільноту розсекретити якомога більше наявної інформації про походження COVID-19">Байден підписав закон, який змушує розвідувальну спільноту...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--4105 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4105 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4105 .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-4105 .entry").remove();');
                            //$('#streem_append_block-4105 .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-4105').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4105 .entry").remove();');
                            $('#streem_append_block-4105 .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-4105').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-65-7 row-k-style" id="row-k-style-65-7">
            <div class="row-k-width-65-7 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4106 .post-image img {
        width: 100%;
    }
    .widjetComponent--4106 .post-image a {
        display: block;
    }
    .widjetComponent--4106 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4106 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--4106 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4106 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--4106 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4106 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4106 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4106 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4106 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4106 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4106 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4106">
            <style>
        .widjetComponent--title--4106.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--4106.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4106 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-finances/124182-tri-m-l-yoni-dolar-v-vroobl-gac-y-verhovniy-sud-dozvoliv-ukra-n-zahischati-pozov.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.03.2023/71964b59c388c49e2e26ed03a10dc7ff.jpeg&amp;size=320x210" class="wp-post-image" alt="Три мільйони доларів єврооблігацій. Верховний суд дозволив Україні захищати позов">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-finances" class="post_term category investing">Фінанси</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-finances/124182-tri-m-l-yoni-dolar-v-vroobl-gac-y-verhovniy-sud-dozvoliv-ukra-n-zahischati-pozov.html" title="Три мільйони доларів єврооблігацій. Верховний суд дозволив Україні захищати позов">Три мільйони доларів єврооблігацій. Верховний суд дозволив Україні захищати...</a>
                            <!--<a href="/news-ekonomika-finances/124182-tri-m-l-yoni-dolar-v-vroobl-gac-y-verhovniy-sud-dozvoliv-ukra-n-zahischati-pozov.html" title="Три мільйони доларів єврооблігацій. Верховний суд дозволив Україні захищати позов">Три мільйони доларів єврооблігацій. Верховний суд дозволив...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-finances/124016-nbu-zobov-yazav-ukra-ns-k-banki-zbirati-nformac-yu-pro-kl-nt-v-na-predmet-zv-yazk-v-z-rf.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/19.03.2023/3a6def13f5857d1ef35b7b22268cb7f0.jpeg&amp;size=320x210" class="wp-post-image" alt="НБУ зобов'язав українські банки збирати інформацію про клієнтів на предмет зв'язків з рф">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-finances" class="post_term category investing">Фінанси</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-finances/124016-nbu-zobov-yazav-ukra-ns-k-banki-zbirati-nformac-yu-pro-kl-nt-v-na-predmet-zv-yazk-v-z-rf.html" title="НБУ зобов'язав українські банки збирати інформацію про клієнтів на предмет зв'язків з рф">НБУ зобов'язав українські банки збирати інформацію про клієнтів на предмет...</a>
                            <!--<a href="/news-ekonomika-finances/124016-nbu-zobov-yazav-ukra-ns-k-banki-zbirati-nformac-yu-pro-kl-nt-v-na-predmet-zv-yazk-v-z-rf.html" title="НБУ зобов&#039;язав українські банки збирати інформацію про клієнтів на предмет зв&#039;язків з рф">НБУ зобов'язав українські банки збирати інформацію про клієнтів...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-industry/123970-doh-d-v-d-eksportu-ros-ys-ko-nafti-skorotivsya-na-42-sankc-vse-zh-taki-d-yut.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.03.2023/9e90c1bef8a992a589831d2abec77250.png&amp;size=320x210" class="wp-post-image" alt="Дохід від експорту російської нафти скоротився на 42%. Санкції все ж таки діють?">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-industry" class="post_term category investing">Промисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-industry/123970-doh-d-v-d-eksportu-ros-ys-ko-nafti-skorotivsya-na-42-sankc-vse-zh-taki-d-yut.html" title="Дохід від експорту російської нафти скоротився на 42%. Санкції все ж таки діють?">Дохід від експорту російської нафти скоротився на 42%. Санкції все ж таки...</a>
                            <!--<a href="/news-ekonomika-industry/123970-doh-d-v-d-eksportu-ros-ys-ko-nafti-skorotivsya-na-42-sankc-vse-zh-taki-d-yut.html" title="Дохід від експорту російської нафти скоротився на 42%. Санкції все ж таки діють?">Дохід від експорту російської нафти скоротився на 42%. Санкції...</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-agro-industry/123960-zernovu-ugodu-prodovzheno-na-120-dn-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.03.2023/037c9d2c306652a12ca9dae014d50fd9.png&amp;size=320x210" class="wp-post-image" alt=""Зернову угоду" продовжено на 120 днів">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-ekonomika-agro-industry" class="post_term category investing">Агропромисловість</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-ekonomika-agro-industry/123960-zernovu-ugodu-prodovzheno-na-120-dn-v.html" title=""Зернову угоду" продовжено на 120 днів">"Зернову угоду" продовжено на 120 днів</a>
                            <!--<a href="/news-ekonomika-agro-industry/123960-zernovu-ugodu-prodovzheno-na-120-dn-v.html" title="&quot;Зернову угоду&quot; продовжено на 120 днів">"Зернову угоду" продовжено на 120 днів</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--4106 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4106 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4106 .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-4106 .entry").remove();');
                            //$('#streem_append_block-4106 .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-4106').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4106 .entry").remove();');
                            $('#streem_append_block-4106 .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-4106').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-65-8 row-k-style" id="row-k-style-65-8">
            <div class="row-k-width-65-8 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--4107 .post-image img {
        width: 100%;
    }
    .widjetComponent--4107 .post-image a {
        display: block;
    }
    .widjetComponent--4107 .post-content .category a {
        color: #d52c32;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--4107 .post-content .category a:hover {
        color: #d52c32;
    }
    .widjetComponent--4107 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--4107 .widget-title a:hover {
        color: #d52c32;
    }
    .widjetComponent--4107 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--4107 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--4107 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4107 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--4107 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--4107 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--4107 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--4107">
            <style>
        .widjetComponent--title--4107.widget-title-base {
            color: #d52c32;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--4107.widget-title-base span {
            padding: 10px 15px;
            display: inline-block;
        }
    </style>
    <a href="/news-sport" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--4107 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-boxing/124251-chemp-on-sv-tu-2014-ogolosiv-pro-zavershennya-kar-ri.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/93ac1855778acf4d8da15661f9152dfb.jpeg&amp;size=320x210" class="wp-post-image" alt="Чемпіон світу-2014 оголосив про завершення кар'єри">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/124251-chemp-on-sv-tu-2014-ogolosiv-pro-zavershennya-kar-ri.html" title="Чемпіон світу-2014 оголосив про завершення кар'єри">Чемпіон світу-2014 оголосив про завершення кар'єри</a>
                            <!--<a href="/news-sport-boxing/124251-chemp-on-sv-tu-2014-ogolosiv-pro-zavershennya-kar-ri.html" title="Чемпіон світу-2014 оголосив про завершення кар&#039;єри">Чемпіон світу-2014 оголосив про завершення кар'єри</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-boxing/124247-boy-veka-otmenyaetsya-ili-sostoitsya-chto-proishodit-vokrug-boya-usika-i-f-yuri.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/340ddf6d5ebb922a97920825ed2900ae.jpeg&amp;size=320x210" class="wp-post-image" alt="Бой века отменяется? Или состоится? Что происходит вокруг боя Усика и Фьюри">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/124247-boy-veka-otmenyaetsya-ili-sostoitsya-chto-proishodit-vokrug-boya-usika-i-f-yuri.html" title="Бой века отменяется? Или состоится? Что происходит вокруг боя Усика и Фьюри">Бой века отменяется? Или состоится? Что происходит вокруг боя Усика и Фьюри</a>
                            <!--<a href="/news-sport-boxing/124247-boy-veka-otmenyaetsya-ili-sostoitsya-chto-proishodit-vokrug-boya-usika-i-f-yuri.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-boxing/124230-boya-s-f-yuri-ne-budet-usik-zakryl-trenirovochnyy-lager.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/10d2961b617e49eed4dd8b59b223fd3a.jpeg&amp;size=320x210" class="wp-post-image" alt="Боя с Фьюри не будет. Усик закрыл тренировочный лагерь">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/124230-boya-s-f-yuri-ne-budet-usik-zakryl-trenirovochnyy-lager.html" title="Боя с Фьюри не будет. Усик закрыл тренировочный лагерь">Боя с Фьюри не будет. Усик закрыл тренировочный лагерь</a>
                            <!--<a href="/news-sport-boxing/124230-boya-s-f-yuri-ne-budet-usik-zakryl-trenirovochnyy-lager.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-boxing/124189-skandal-u-futzal-kolishnya-gravchinya-poltavs-ko-komandi-gra-u-tak-zvan-y-lnr-zm.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/21.03.2023/2b63f262a399cc62499dd728f439cc20.jpeg&amp;size=320x210" class="wp-post-image" alt="Скандал у футзалі: колишня гравчиня полтавської команди грає у так званій “ЛНР”, – ЗМІ">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-boxing" class="post_term category investing">Бокс</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-boxing/124189-skandal-u-futzal-kolishnya-gravchinya-poltavs-ko-komandi-gra-u-tak-zvan-y-lnr-zm.html" title="Скандал у футзалі: колишня гравчиня полтавської команди грає у так званій “ЛНР”, – ЗМІ">Скандал у футзалі: колишня гравчиня полтавської команди грає у так званій...</a>
                            <!--<a href="/news-sport-boxing/124189-skandal-u-futzal-kolishnya-gravchinya-poltavs-ko-komandi-gra-u-tak-zvan-y-lnr-zm.html" title="Скандал у футзалі: колишня гравчиня полтавської команди грає у так званій “ЛНР”, – ЗМІ">Скандал у футзалі: колишня гравчиня полтавської команди...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

            $('.widjetComponent--4107 .set-price-params').click(function (e) {
                e.preventDefault();
                var price = $(this).data('price');
                var id = $(this).data('id');
                $('.widjetComponent--4107 .par-post-id-' + id + ' .set-price-params').removeClass('active');
                $(this).addClass('active');
                $('.widjetComponent--4107 .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-4107 .entry").remove();');
                            //$('#streem_append_block-4107 .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-4107').append(curstr);
                            }
                            
                        }

                        if(count < 1) {
                            console.log('$("#streem_append_block-4107 .entry").remove();');
                            $('#streem_append_block-4107 .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-4107').length > 0) {
                setInterval(function () {
                    if(!sendStreem)
                        getStream();
                }, 5000);
            }
        });
    });
</script>

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

</style>
<section class="widjet-component-inner widjetComponent--4109">
            <style>
        .widjetComponent--title--4109.widget-title-base {
            color: #d52c32;
            font-size: 24px;
            font-weight: bold;
            margin: 15px 0;
            border-bottom: 2px solid #d52c32;
            text-align: center;
        }
        .widjetComponent--title--4109.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--4109 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/124276-eksnardepa-v-d-opzzh-voloshina-ogolosili-u-m-zhnarodniy-rozshuk.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.03.2023/195f4b6f57b0ea3c331eb7ac40133f72.png&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/124276-eksnardepa-v-d-opzzh-voloshina-ogolosili-u-m-zhnarodniy-rozshuk.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/124275-yur-y-butusov-chomu-ukra-na-peremaga-ale-mozhe-prograti.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.03.2023/43fa6334676cb46b0db1d2a916d85185.png&amp;size=850x560" class="wp-post-image" alt="Юрій Бутусов: Чому Україна перемагає, але може &quot;програти&quot;">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/124275-yur-y-butusov-chomu-ukra-na-peremaga-ale-mozhe-prograti.html" title="Юрій Бутусов: Чому Україна перемагає, але може &quot;програти&quot;">Юрій Бутусов: Чому Україна перемагає, але може &quot;програти&quot;</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/124274-mera-polonnogo-na-hmel-nichchin-yakiy-nasmert-zbiv-lyudinu-mozhut-v-dmazati-m-scev-aktiv-sti.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.03.2023/12eea50f8b5b874f02dfc5b156779dbf.png&amp;size=850x560" class="wp-post-image" alt="Мера Полонного на Хмельниччині, який насмерть збив людину, можуть &quot;відмазати&quot;, – місцеві активісти">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/124274-mera-polonnogo-na-hmel-nichchin-yakiy-nasmert-zbiv-lyudinu-mozhut-v-dmazati-m-scev-aktiv-sti.html" title="Мера Полонного на Хмельниччині, який насмерть збив людину, можуть &quot;відмазати&quot;, – місцеві активісти">Мера Полонного на Хмельниччині, який насмерть збив людину, можуть &quot;відмазати&quot;,...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/124273-areshtovano-mayno-zavodu-z-vigotovlennya-titanovih-trub-ros-ys-kogo-p-dsankc-ynogo-ol-garha.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.03.2023/97c69af811a3f5681a856581a9c6fd32.png&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/124273-areshtovano-mayno-zavodu-z-vigotovlennya-titanovih-trub-ros-ys-kogo-p-dsankc-ynogo-ol-garha.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/124271-sumn-vn-nvestic-ta-sudov-spori-chomu-nabu-sap-zac-kavilisya-zabudovoyu-dmitra-sa-nka.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.03.2023/c6f8b2ad94473917801762f42b24b408.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/124271-sumn-vn-nvestic-ta-sudov-spori-chomu-nabu-sap-zac-kavilisya-zabudovoyu-dmitra-sa-nka.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/124270-nabu-zakrilo-spravu-mitnika-burdeynogo-kotriy-vez-700-tisyach-dolar-v-do-ki-va.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.03.2023/8c124d0d7bfd7aed0f41d05cbae3b7ed.png&amp;size=850x560" class="wp-post-image" alt="НАБУ закрило справу митника Бурдейного, котрий вез 700 тисяч доларів до Києва">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/124270-nabu-zakrilo-spravu-mitnika-burdeynogo-kotriy-vez-700-tisyach-dolar-v-do-ki-va.html" title="НАБУ закрило справу митника Бурдейного, котрий вез 700 тисяч доларів до Києва">НАБУ закрило справу митника Бурдейного, котрий вез 700 тисяч доларів до...</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/124269-rozsekrechen-arh-vi-radyans-kih-specsluzhb-rozgornuti-rozv-duval-nu-propagandists-ku-robotu-stosovno-ukra-ns-ko-em-grac.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.03.2023/485a743bc1b1c8cb275d92a9bfcc5295.png&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/124269-rozsekrechen-arh-vi-radyans-kih-specsluzhb-rozgornuti-rozv-duval-nu-propagandists-ku-robotu-stosovno-ukra-ns-ko-em-grac.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/124268-sbu-vikrila-na-hmel-nichchin-vorozhu-botofermu-cherez-yaku-rozganyali-feyki-pro-v-ynu-v-ukra-n.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.03.2023/f2eb81f2b54f2eac4f61742ecbfde450.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/124268-sbu-vikrila-na-hmel-nichchin-vorozhu-botofermu-cherez-yaku-rozganyali-feyki-pro-v-ynu-v-ukra-n.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/124267-m-nus-660-okupant-v-ta-v-dbito-mayzhe-sotnyu-atak-ros-yan-dan-genshtabu-za-dobu.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.03.2023/132b3311379409942584631f0d9e66b2.png&amp;size=850x560" class="wp-post-image" alt="&quot;Мінус&quot; 660 окупантів та відбито майже сотню атак росіян – дані Генштабу за добу">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/124267-m-nus-660-okupant-v-ta-v-dbito-mayzhe-sotnyu-atak-ros-yan-dan-genshtabu-za-dobu.html" title="&quot;Мінус&quot; 660 окупантів та відбито майже сотню атак росіян – дані Генштабу за добу">&quot;Мінус&quot; 660 окупантів та відбито майже сотню атак росіян – дані Генштабу...</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/124266-vysshee-obrazovanie-v-pol-she-v-luchshih-universitetah.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.03.2023/03e8afd09165cf3611b462be9c8fe137.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/124266-vysshee-obrazovanie-v-pol-she-v-luchshih-universitetah.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/124264-mi-zrobimo-vse-schob-sin-o-zhovt-kol-ori-prodovzhili-sv-y-vizvol-niy-ruh-zvernennya-prezidenta-ukra-ni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/23.03.2023/96185a571dd3e33e19ff76a2947c52e5.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/124264-mi-zrobimo-vse-schob-sin-o-zhovt-kol-ori-prodovzhili-sv-y-vizvol-niy-ruh-zvernennya-prezidenta-ukra-ni.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/124256-v-ys-kovosluzhbovc-mostov-dnovlyuval-nih-p-drozd-l-v-derzhavno-spec-al-no-sluzhbi-transportu-u-stisl-term-ni-zbuduvali-kap-tal-niy-m-st-na-deokupovan-y-mikola-vschin.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/22.03.2023/34889b7cb433465711b95f06e1b329d5/6d12e2220d70f82dc800a365a6f69c08_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/124256-v-ys-kovosluzhbovc-mostov-dnovlyuval-nih-p-drozd-l-v-derzhavno-spec-al-no-sluzhbi-transportu-u-stisl-term-ni-zbuduvali-kap-tal-niy-m-st-na-deokupovan-y-mikola-vschin.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/124242-na-hark-vschin-u-sel-van-vka-50-ti-r-chniy-cholov-k-p-d-rvavsya-u-pol-na-kasetnomu-snaryad.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/4a99eecc87b4c6a734a7d21d9f5b23ea.png&amp;size=850x560" class="wp-post-image" alt="На Харківщині у селі Іванівка 50-ти річний чоловік підірвався у полі на касетному снаряді">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/124242-na-hark-vschin-u-sel-van-vka-50-ti-r-chniy-cholov-k-p-d-rvavsya-u-pol-na-kasetnomu-snaryad.html" title="На Харківщині у селі Іванівка 50-ти річний чоловік підірвався у полі на касетному снаряді">На Харківщині у селі Іванівка 50-ти річний чоловік підірвався у полі на...</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/124250-z-rka-kl-vlenda-efektnim-poster-dankom-shokuvav-brukl-n-moment-dnya-v-nba.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/a329859793d67f3ce9207d0ce8ffc732.jpeg&amp;size=850x560" class="wp-post-image" alt="Зірка &quot;Клівленда&quot; ефектним постер-данком шокував &quot;Бруклін&quot;: момент дня в НБА">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/124250-z-rka-kl-vlenda-efektnim-poster-dankom-shokuvav-brukl-n-moment-dnya-v-nba.html" title="Зірка &quot;Клівленда&quot; ефектним постер-данком шокував &quot;Бруклін&quot;: момент дня в НБА">Зірка &quot;Клівленда&quot; ефектним постер-данком шокував &quot;Бруклін&quot;: момент дня...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-4">
                            <div class="post-image">
                                <a class="" href="/news-ukraine-and-worlds/124248-nba-sakramento-proigral-bostonu-len-ne-poluchil-igrovogo-vremeni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/c37ecb7a4d375e33bbc5ebe82ed20a8d.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/124248-nba-sakramento-proigral-bostonu-len-ne-poluchil-igrovogo-vremeni.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/124245-use-zaperechuvav-oprilyudneno-foto-ros-ys-kogo-pasportu-p-schanogo-generala-ta-vlasnika-yun-granu-naumcya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/22.03.2023/58fd72a9a2d11cb291d421df066ffc03.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/124245-use-zaperechuvav-oprilyudneno-foto-ros-ys-kogo-pasportu-p-schanogo-generala-ta-vlasnika-yun-granu-naumcya.html" title="Усе заперечував: оприлюднено фото російського паспорту «піщаного генерала» та власника «Юніграну» Наумця">Усе заперечував: оприлюднено фото російського паспорту «піщаного генерала»...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-65-10 row-k-style" id="row-k-style-65-10">
            <div class="row-k-width-65-10 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1478 {
        background: transparent;;
    }
    .widjetComponent--1478 .inner-text {
        padding: 10px 10px 10px 10px;
        color: #000;
    }
    .widjetComponent--1478 .inner-text * {
        color: #000;
    }
</style>

<section class="widjetComponent--1478">
    <div class="inner-text">
        <p style="font-size: 32px; text-align: center;"><span style="background-color: #ffffff; color: #4d5156; font-family: arial, sans-serif; font-size: 24pt;">© </span>Дніпро Інформ 2019</p>
    </div>
</section>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-65-11 row-k-style" id="row-k-style-65-11">
            <div class="row-k-width-65-11 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 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=1679567046");
                        }
                                                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=1679567046");
                                                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=1679567046"></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>