<!--::result::time::01:50:45::App\Service\Components\Header\H03::-->
<!--::result::time::01:50:45::work: 0.0038 s::App\Service\Components\Header\H03::-->
<!--::result::time::01:50:45::App\Service\Components\Header\H03::-->
<!--::result::time::01:50:45::work: 0.0009 s::App\Service\Components\Header\H03::-->
<!--::result::time::01:50:45::App\Service\Components\Header\H03::-->
<!--::result::time::01:50:45::work: 0.0018 s::App\Service\Components\Header\H03::-->
<!--::result::time::01:50:45::App\Service\Components\Header\H04::-->
<!--::result::time::01:50:45::work: 0.001 s::App\Service\Components\Header\H04::-->
<!--::result::time::01:50:45::App\Service\Components\Header\H02::-->
<!--::result::time::01:50:45::work: 0.0117 s::App\Service\Components\Header\H02::-->
<!--::result::time::01:50:45::App\Service\Components\Text\T01::-->
<!--::result::time::01:50:45::work: 0.0009 s::App\Service\Components\Text\T01::-->
<!--::result::time::01:50:45::App\Service\Components\News\N12::-->
<!--::result::time::01:50:46::work: 0.119 s::App\Service\Components\News\N12::-->
<!--::result::time::01:50:46::App\Service\Components\News\N10::-->
<!--::result::time::01:50:46::work: 0.0017 s::App\Service\Components\News\N10::-->
<!--::result::time::01:50:46::App\Service\Components\News\N11::-->
<!--::result::time::01:50:47::work: 1.4237 s::App\Service\Components\News\N11::-->
<!--::result::time::01:50:47::App\Service\Components\News\N04::-->
<!--::result::time::01:50:47::work: 0.0205 s::App\Service\Components\News\N04::-->
<!--::result::time::01:50:47::App\Service\Components\News\N12::-->
<!--::result::time::01:50:47::work: 0.0091 s::App\Service\Components\News\N12::-->
<!--::result::time::01:50:47::App\Service\Components\News\N01::-->
<!--::result::time::01:50:47::getChildsMapIds work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::SELECT getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work category: 1007,1302,1303,1304::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::SELECT work: 0.0137 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::POST getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::POST work: 0.0027 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::foreach work: 0.0091 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work: 0.0315 s::App\Service\Components\News\N01::-->
<!--::result::time::01:50:47::App\Service\Components\News\N01::-->
<!--::result::time::01:50:47::getChildsMapIds work: 0.0018 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::SELECT getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work category: 1006,1284,1285,1286::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::SELECT work: 0.2196 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::POST getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::POST work: 0.0025 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::foreach work: 0.0253 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work: 0.2505 s::App\Service\Components\News\N01::-->
<!--::result::time::01:50:47::App\Service\Components\News\N01::-->
<!--::result::time::01:50:47::getChildsMapIds work: 0.0029 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::SELECT getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work category: 1008,1292,1293,1294,1295,1296::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::SELECT work: 0.134 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::POST getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::POST work: 0.0027 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::foreach work: 0.0088 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work: 0.1495 s::App\Service\Components\News\N01::-->
<!--::result::time::01:50:47::App\Service\Components\News\N06::-->
<!--::result::time::01:50:47::getChildsMapIds work: 0.0005 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::SELECT getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work category: 1005::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::SELECT work: 0.0011 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::POST getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::POST work: 0.0072 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::foreach work: 0.0137 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work: 0.0255 s::App\Service\Components\News\N06::-->
<!--::result::time::01:50:47::App\Service\Components\News\N04::-->
<!--::result::time::01:50:47::work: 0.0109 s::App\Service\Components\News\N04::-->
<!--::result::time::01:50:47::App\Service\Components\News\N01::-->
<!--::result::time::01:50:47::getChildsMapIds work: 0.0032 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::SELECT getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work category: 1002,1012,1013,1014,1015,1016::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::work count: 8::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::SELECT work: 0.019 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::POST getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::POST work: 0.0086 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:47::count work: 8 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::foreach work: 0.0262 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::work: 0.0586 s::App\Service\Components\News\N01::-->
<!--::result::time::01:50:48::App\Service\Components\News\N01::-->
<!--::result::time::01:50:48::getChildsMapIds work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::SELECT getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::work category: 1009,1287,1288,1289,1290,1291::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::SELECT work: 0.0023 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::POST getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::POST work: 0.0036 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::foreach work: 0.0098 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::work: 0.0184 s::App\Service\Components\News\N01::-->
<!--::result::time::01:50:48::App\Service\Components\News\N01::-->
<!--::result::time::01:50:48::getChildsMapIds work: 0.0021 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::SELECT getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::work category: 1010,1297,1298,1299,1300,1301::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::work count: 4::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::SELECT work: 0.0077 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::POST getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::POST work: 0.0048 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::count work: 4 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::foreach work: 0.0102 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::work: 0.0254 s::App\Service\Components\News\N01::-->
<!--::result::time::01:50:48::App\Service\Components\News\N05::-->
<!--::result::time::01:50:48::getChildsMapIds work: 0.0003 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::SELECT getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::work category: 1011::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::work count: 16::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::SELECT work: 0.0877 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::POST getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::POST work: 0.0033 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::count work: 16 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::foreach work: 0.0298 s::getPagesByCategoryLimit::-->
<!--::result::time::01:50:48::work: 0.1244 s::App\Service\Components\News\N05::-->
<!--::result::time::01:50:48::work: 2.397 s::-->
<!--::result::time::01:50:48::render work: 0.024 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-390-0 {width:95%}
.row-k-style-390-0 {background: linear-gradient(#fff200,#fff200)}
.row-k-width-390-1 {width:95%}
.row-k-style-390-1 {background: linear-gradient(#990b0d,#990b0d)}
.row-k-width-390-2 {width:95%}
.row-k-style-390-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-390-3 {width:95%}
.row-k-style-390-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-391-0 {width:95%}
.row-k-style-391-0 {background: linear-gradient(#fff,#fff)}
.row-k-width-391-1 {width:95%}
.row-k-style-391-1 {background: linear-gradient(#fff,#fff)}
.row-k-width-391-2 {width:95%}
.row-k-style-391-2 {background: linear-gradient(#fff,#fff)}
.row-k-width-391-3 {width:95%}
.row-k-style-391-3 {background: linear-gradient(#fff,#fff)}
.row-k-width-391-4 {width:95%}
.row-k-style-391-4 {background: linear-gradient(#fff,#fff)}
.row-k-width-391-5 {width:95%}
.row-k-style-391-5 {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 rel="preload" href="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/95b12adbc70094547868f5756714bba2.jpeg&size=850x560&ios=false" as="image">
			<meta property="og:title" content="Винищувач ППО ЗСУ у небі Херсонщини збив російський винищувач">
			<meta property="og:description" content="Винищувач ППО ЗСУ у небі Херсонщини збив російський винищувач Саме ця сволота полювала за літаками української штурмової авіації. Але всьому настає кінець 😈Слава українським пілотам! Смерть окупантам!">
			<meta property="og:url" content="https://dnipro-inform.com">
			<meta property="og:image" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/95b12adbc70094547868f5756714bba2.jpeg&size=1000<&ios=false">
			<meta property="og:image:secure_url" content="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/95b12adbc70094547868f5756714bba2.jpeg&size=1000<&ios=false">
			<meta property="og:site_name" content="Херсон Інформ Новини України Новости Украины">
			<link rel="canonical" href="https://ukraine-inform.com/news-derzhava-rehiony-ukrayiny/111474-vinischuvach-ppo-zsu-u-neb-hersonschini-zbiv-ros-ys-kiy-vinischuvach.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-390-0 row-k-style" id="row-k-style-390-0">
            <div class="row-k-width-390-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1113.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .widjetComponent--1113 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1113.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1113.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1113.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1113 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #000;
    }
    .widjetComponent--1113 .open-search {
        color: #000;
    }
     #navbarSupportedContent1113 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1113 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1113 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1113 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1113 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1113" once="menu" id="menu1113-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="#navbarSupportedContent1113"
                aria-controls="navbarSupportedContent1113" 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="navbarSupportedContent1113">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/">Головна</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/kontakti">Контакти</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

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

                                                                    </div>
                            </div>
                                                                                                <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1115.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1115 .nav-dropdown .link {
        margin: .667em 0em;
    }
    .widjetComponent--1115.cid-qyvfob1Ur0 .navbar {
        background: transparent;
    }
    .widjetComponent--1115.cid-qyvfob1Ur0 .navbar {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .widjetComponent--1115.cid-qyvfob1Ur0 .navbar-toggleable-sm .navbar-collapse {
        padding-right: 0;
    }
    .widjetComponent--1115 .navbar .navbar-nav .nav-link {
        font-size: 14px;
        color: #000;
    }
    .widjetComponent--1115 .open-search {
        color: #000;
    }
     #navbarSupportedContent1115 .sub-menu {
         display: none;
     }
    #navbarSupportedContent1115 .parent-menu:hover .sub-menu {
        display: block;
    }
    #navbarSupportedContent1115 .parent-menu .sub-menu {
        position: absolute;
        z-index: 999;
        background: #ffffff;
        list-style: none;
        padding: 0;
        font-size: 16px;
    }
    #navbarSupportedContent1115 .parent-menu .sub-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
    }
    #navbarSupportedContent1115 .parent-menu .sub-menu a:hover {
        background: #fff370;
    }
</style>
<section class="menu cid-qyvfob1Ur0 widjetComponent--1115" once="menu" id="menu1115-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="#navbarSupportedContent1115"
                aria-controls="navbarSupportedContent1115" 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="navbarSupportedContent1115">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/users">Автори новин</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/auth/login">Увійти</a>
                                                                        </li>
                                    <li>
                                                                                    <a class="nav-link link display-4" href="/auth/register">Зареєструватися</a>
                                                                        </li>
                            </ul>
                    </div>
    </nav>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-390-1 row-k-style" id="row-k-style-390-1">
            <div class="row-k-width-390-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-4 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
        .widjetComponent--784.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--784 .logo-text {
        margin-left: 25px;    }
    </style>
<a class="widjetComponent--784 logo-box pull-left" href="/">
            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/31.10.2019/01b8e6f53935e459d25a603caeaabe27.png&size=<<1000"
             srcset="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/31.10.2019/01b8e6f53935e459d25a603caeaabe27.png&size=<<690 690w, https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/31.10.2019/01b8e6f53935e459d25a603caeaabe27.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--1112 {
        background: transparent;
    }
    .widjetComponent--1112 .navbar-toggleable-sm .navbar-collapse {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    .widjetComponent--1112 .navbar-toggleable-sm .navbar-nav .nav-link,
    .widjetComponent--1112 .nav-dropdown>li>a {
        padding: 25px 15px 25px 15px;
        color: #ffffff;
        position: relative;
        font-size: 16px;
        margin: 0;
    }
    .widjetComponent--1112 .navbar-toggleable-sm .navbar-nav .nav-link:hover,
    .widjetComponent--1112 .nav-dropdown>li>a:hover {
        padding: 25px 15px 25px 15px;
        color: #990b0d;
        margin: 0;
        background: #ffffff;
    }
    .widjetComponent--1112 .navbar-toggleable-sm {
        padding-top: 0;
        padding-bottom: 0;
    }
    .widjetComponent--1112 .nav-item.dropdown.open .dropdown-menu{
        display: block;
        text-align: right;
        border-bottom: 2px solid #ffffff;
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
        top: 90%;
        z-index: 9999;
    }
    .widjetComponent--1112 .nav-item.dropdown.open .dropdown-menu a {
        display: inline-block;
        padding: 15px 15px;
        width: auto;
    }
    .widjetComponent--1112 .nav-item.dropdown.open .dropdown-menu a:hover {
        background: #990b0d;
        color: #ffffff;
    }
    .widjetComponent--1112 .dropdown {
        position: initial;
    }
    .widjetComponent--1112 .navbar,
    section.menu.widjetComponent--1112 {
        position: initial;
    }
    .widjetComponent--1112 .search-item .form-search {
        display: none;
    }
</style>
<section class="menu widjetComponent--1112">
    <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="#navbarSupportedContent1112"
                aria-controls="navbarSupportedContent1112" 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="navbarSupportedContent1112">
            <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-borotba-z-koruptsiyeyu">Боротьба з корупцією</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-vlada">Влада</a>
                                                                    <a class="dropdown-item" href="/news-derzhava-pravookhoronni-orhany">Правоохоронні органи</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-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-ekonomika-agro-industry">Агропромисловість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-realty">Нерухомість</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-business">Бізнес</a>
                                                                    <a class="dropdown-item" href="/news-ekonomika-industry">Промисловість</a>
                                                                    <a class="dropdown-item" href="/news-tekhnologiji">Технології</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 class="search-item">
                <a class="nav-link link open-search" href="#"><i class="fas fa-search d-block"></i></a>
                <form action="/news" method="post" class="form-search">
                    <input type="text"
                           class="form-control"
                           id="search-query"
                           name="Search[query]"
                           value="" placeholder="Введіть ключове слово">
                    <button type="submit">Знайти</button>
                </form>
            </div>
        </div>
    </nav>
</section>

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

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-391-0 row-k-style" id="row-k-style-391-0">
            <div class="row-k-width-391-0 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1117 .post-image img {
        width: 100%;
    }
    .widjetComponent--1117 .post-image {
        position: relative;
    }
    .widjetComponent--1117 .post-image a {
        display: block;
    }
    .widjetComponent--1117 .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--1117 .post-inner:hover .category {
        color: #990b0d;
    }
    .widjetComponent--1117 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--1117 .post-inner:hover .widget-title {
        color: #990b0d;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--1117">
            <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/111474-vinischuvach-ppo-zsu-u-neb-hersonschini-zbiv-ros-ys-kiy-vinischuvach.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/95b12adbc70094547868f5756714bba2.jpeg&amp;size=850x560" class="wp-post-image" alt="Винищувач ППО ЗСУ у небі Херсонщини збив російський винищувач ">
                            <div class="category">Найголовніше</div>
                            <div class="post-content">
                                <h3 class="widget-title">Винищувач ППО ЗСУ у небі Херсонщини збив російський винищувач </h3>
                                <div class="entry-content">
                                    

Винищувач ППО ЗСУ у небі Херсонщини збив російський винищувач&nbsp;
Саме ця сволота полювала за літаками української штурмової авіації. Але всьому настає кінець 😈
Слава...
                                </div>
                            </div>

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

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

    #efir-content-s-close {
        display: none;
        position: absolute;
        right: -10px;
        top: -10px;
        background: #990b0d;
        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 #990b0d99;
        border: 4px solid #990b0d99;
    }
    #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: #990b0d;
        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--1118">
    <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"
               autoplay
               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() {
                function initPlayer() {
                    var status = 0;
                    var isPlay = false;
                    var player = null;

                    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('playing', function(e) {
                        isPlay = true;
                    });
                    player.addEventListener('pause', function(e) {
                        isPlay = false;
                    });*/
                    console.log('play init');
                    videojs('video-sterem-1', {
                        controls: true,
                        autoplay: false,
                        preload: 'auto'
                    });

                    $.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--1120 {
        margin: 20px 0 0 0;
		margin-top: 10px;
        padding: 0;
        background: transparent;
    }
    .widjetComponent--title--1120 {
        font-size: 14px;
        padding: 13px 19px 13px 19px;
        border-bottom: 4px solid #dddddd;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .widjetComponent--1120 .post-inner {
        padding: 0 19px 0 19px;
    }
    .widjetComponent--1120 .post-inner a {
        color: #000;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 10px;
        padding-bottom: 9px;
        font-size: 14px;
        font-weight: normal;
        display: block;
    }
    .widjetComponent--1120 .post-inner a:hover {
        color: #990b0d;
    }
</style>
<section class="widjet-component-inner widjetComponent--1120">
    <div class="widjetComponent--title--1120 widget-title-base">
        <a href="javascript:void(0);">Останні новини</a>
    </div>
    <div class="body" id="scroll-last-n-1120" style="height: 280px">
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111501-frankenshteyny-iz-kremlya-i-ih-produkciya.html" title="Франкенштейны из Кремля и их продукция">Франкенштейны из Кремля и их продукция</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111492-frankenshteyny-iz-kremlya-i-ih-produkciya.html" title="Франкенштейны из Кремля и их продукция">Франкенштейны из Кремля и их продукция</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111461-okupant-vdariv-po-dn-propetrovschin-seryozn-ruynuvannya.html" title="Окупант вдарив по Дніпропетровщині, є серйозні руйнування">Окупант вдарив по Дніпропетровщині, є серйозні руйнування</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-derzhava-pravookhoronni-orhany/111468-prokuratura-ki-vschini-v-dstoyala-v-apelyac-virok-vbivcyam-advokata.html" title="Прокуратура Київщини відстояла в апеляції вирок вбивцям адвоката">Прокуратура Київщини відстояла в апеляції вирок вбивцям адвоката</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111469-kra-ni-g7-obm-rkovuyut-chi-dozvoliti-ros-ys-kim-p-dsankc-ynim-ol-garham-zaplatiti-za-vih-d-z-sankc-y-peredbacha-t-sya-scho-koshti-p-dut-na-v-dbudovu-ukra-ni.html" title="Країни G7 обмірковують, чи дозволити російським підсанкційним олігархам заплатити за вихід із санкцій: передбачається, що кошти підуть на відбудову України.">Країни G7 обмірковують, чи дозволити російським підсанкційним олігархам...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-polityka-zovnishnya-polityka/111471-boris-dzhonsonyuk-zaklikav-do-posilennya-v-ys-kovo-p-dtrimki-ukra-ni.html" title="Борис Джонсонюк закликав до посилення військової підтримки України">Борис Джонсонюк закликав до посилення військової підтримки України</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/video-derzhava/111472-prezident-volodimir-zelens-kiy-zvernuvsya-do-ndonez-yc-v.html" title="Президент Володимир Зеленський звернувся до індонезійців">Президент Володимир Зеленський звернувся до індонезійців</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111473-u-ros-ys-kih-zagarbnik-v-na-hark-vs-komu-napryamku-pochalisya-masov-bunti.html" title="У російських загарбників на Харківському напрямку почалися масові бунти">У російських загарбників на Харківському напрямку почалися масові бунти</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111474-vinischuvach-ppo-zsu-u-neb-hersonschini-zbiv-ros-ys-kiy-vinischuvach.html" title="Винищувач ППО ЗСУ у небі Херсонщини збив російський винищувач ">Винищувач ППО ЗСУ у небі Херсонщини збив російський винищувач </a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111476-schodo-situac-na-donechchin.html" title="Щодо ситуації на Донеччині">Щодо ситуації на Донеччині</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ekonomika-agro-industry/111477-kom-tet-z-pitan-agrarno-ta-zemel-no-pol-tiki-agrar-vzhe-zaluchili-31-5-mlrd-grn-kredit-v-dlya-pos-vno.html" title="Комітет з питань аграрної та земельної політики: &quot;Аграрії вже залучили 31,5 млрд грн кредитів для посівної&quot;">Комітет з питань аграрної та земельної політики: &quot;Аграрії вже залучили...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-suspilstvo-events/111484-dvo-brat-v-z-r-vnogo-v-odin-den-zaginuli-v-boyu-na-donechchin.html" title="Двоє братів з Рівного в один день загинули в бою на Донеччині">Двоє братів з Рівного в один день загинули в бою на Донеччині</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111478-prezident-ukra-ni-volodimir-zelens-kiy-p-d-chas-onlayn-zustr-ch-v-anal-tichnomu-centr-foreign-policy-community-of-indonesia.html" title="Президент України Володимир Зеленський під час онлайн-зустрічі в аналітичному центрі Foreign Policy Community of Indonesia">Президент України Володимир Зеленський під час онлайн-зустрічі в аналітичному...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-suspilstvo-events/111482-za-vchora-rashisti-vivezli-z-mar-upolya-280-lyudey-sered-nih-36-d-ti.html" title="За вчора, рашисти вивезли з Маріуполя 280 людей, серед них – 36 діти">За вчора, рашисти вивезли з Маріуполя 280 людей, серед них – 36 діти</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111483-sv-t-gotu-t-sya-do-mozhlivost-zastosuvannya-rf-yaderno-zbro.html" title="Світ готується до можливості застосування РФ ядерної зброї ">Світ готується до можливості застосування РФ ядерної зброї </a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111479-prezident-zavdyaki-zhurnal-stam-vdalosya-ob-dnati-ukra-ns-ke-susp-l-stvo-y-uves-sv-t.html" title="Президент: Завдяки журналістам вдалося об&#039;єднати українське суспільство й увесь світ">Президент: Завдяки журналістам вдалося об&#039;єднати українське суспільство...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111467-v-ukra-n-stvorili-re-str-ekolog-chnih-zlochin-v-rf.html" title="В Україні створили реєстр екологічних злочинів рф">В Україні створили реєстр екологічних злочинів рф</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111466-eks-glavu-konstitucionnogo-suda-aleksandra-tupickogo-ob-yavili-v-rozysk.html" title="Экс-главу Конституционного суда Александра Тупицкого объявили в розыск">Экс-главу Конституционного суда Александра Тупицкого объявили в розыск</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111465-vgen-y-n-n-kozhen-ukra-nec-mozhe-stati-partnerom-u-guman-tarnomu-rozm-nuvann-ukra-ni.html" title="Євгеній Єнін: Кожен українець може стати партнером у гуманітарному розмінуванні України">Євгеній Єнін: Кожен українець може стати партнером у гуманітарному розмінуванні...</a>
                </div>
            </div>
                    <div class="post-inner">
                <div class="post-content">
                    <a href="/news-ukraine-and-worlds/111464-sbu-vikrila-sina-kolishn-ogo-nardepa-na-p-dtrimc-okupant-v-zatrimala-kolaborant-v-yak-vbili-cholov-ka-u-per-od-okupac-gostomelya.html" title="СБУ викрила сина колишнього нардепа на підтримці окупантів і затримала колаборантів, які вбили чоловіка у період окупації Гостомеля">СБУ викрила сина колишнього нардепа на підтримці окупантів і затримала...</a>
                </div>
            </div>
            </div>
</section>

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

</script>
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-391-1 row-k-style" id="row-k-style-391-1">
            <div class="row-k-width-391-1 row-k-width">
                <div class="row">
                                                                        <div class="col-md-8 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1124 .post-image img {
        width: 100%;
    }
    .widjetComponent--1124 .post-image a {
        display: block;
    }
    .widjetComponent--1124 .post-image {
        position: relative;
    }
    .widjetComponent--1124 .post-content .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1124 .post-inner:hover .category {
        color: #990b0d;
    }
    .widjetComponent--1124 .widget-title {
        color: #ffffff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--1124 .post-inner:hover .widget-title {
        color: #990b0d;
    }

    .widjetComponent--1124 .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--1124 .post-image:hover:before {
        top: 35%;
    }
    .widjetComponent--1124 .post-content {
        position: absolute;
        padding: 20px;
        bottom: 0;
        z-index: 2;
    }

</style>
<section class="widjet-component-inner widjetComponent--1124">
            <style>
        .widjetComponent--title--1124.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #990b0d;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1124.widget-title-base {
            color: #990b0d;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1124.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
        <h4 class="widjetComponent--title--1124 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/110968-nema-kaydan-v-yak-zmozhut-skuvati-nash-v-l-niy-duh-nema-okupanta-yakiy-zmozhe-prizhitisya-na-nash-y-v-l-n-y-zeml.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/6dca177b84dc1695983dd5cc75c94b7a.jpeg&amp;size=850x560" class="wp-post-image" alt="Немає кайданів, які зможуть скувати наш вільний дух. Немає окупанта, який зможе прижитися на нашій вільній землі.">
                            <div class="post-content">
                                <div class="category">Новини України та світу</div>
                                <h3 class="widget-title">Немає кайданів, які зможуть скувати наш вільний дух. Немає окупанта, який...</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/110543-zvernennya-prezidenta-ukra-ni-volodimira-zelens-kogo-vvecher-78-go-dnya-v-yni.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/13.05.2022/4ef82f5a0b3f94487ec989d2ddf9ec72/e07f50552980c7546c10fc155a09cbb6_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Звернення Президента України Володимира Зеленського ввечері 78-го дня війни">
                            <div class="post-content">
                                <div class="category">Держава</div>
                                <h3 class="widget-title">Звернення Президента України Володимира Зеленського ввечері 78-го дня війни</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                            <style>
    .widjetComponent--1121 .post-image img {
        width: 100%;
    }
    .widjetComponent--1121 .post-image {
        position: relative;
    }
    .widjetComponent--1121 .post-image a {
        display: block;
    }
    .widjetComponent--1121 .post-inner .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        position: absolute;
        z-index: 1;
        margin: 15px;
        border: 2px solid #ffffff;
        padding: 10px 15px;
        top: 0;
        left: 0;
    }
    .widjetComponent--1121 .post-inner:hover .category {
        color: #990b0d;
    }
    .widjetComponent--1121 .widget-title {
        color: #fff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--1121 .post-inner:hover .widget-title {
        color: #990b0d;
    }

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

</style>
<section class="widjet-component-inner widjetComponent--1121">
            <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/111009-okupanti-grabuyut-muze-ta-privatn-kolekc-v-hersons-k-y-oblast-vkradene-vivozyat-v-okupovaniy-krim.html">
                            <img src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/76c61270a6fa6ec1d213ceb8c1247665.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">
                                    

🤬 Окупанти грабують музеї та приватні колекції в Херсонській області, вкрадене вивозять в окупований Крим
Про це розповіли у Головному управлінні розвідки
🔹 Рашисти вивозять...
                                </div>
                            </div>

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

                                                                            <style>
    .widjetComponent--1126 .post-image img {
        width: 100%;
    }
    .widjetComponent--1126 .post-image a {
        display: block;
    }
    .widjetComponent--1126 .post-content .category a {
        color: #990b0d;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1126 .post-content .category a:hover {
        color: #990b0d;
    }
    .widjetComponent--1126 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1126 .widget-title a:hover {
        color: #990b0d;
    }
    .widjetComponent--1126 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1126 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1126 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1126 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1126 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1126 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1126 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1126">
            <style>
        .widjetComponent--title--1126.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #990b0d;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1126.widget-title-base {
            color: #990b0d;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1126.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/news-polityka" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1126 widget-title-base">
        <span>Політика</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/111471-boris-dzhonsonyuk-zaklikav-do-posilennya-v-ys-kovo-p-dtrimki-ukra-ni.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/2fe5e7573200a2fee7db05ce8756f062.jpeg&amp;size=320x210" class="wp-post-image" alt="Борис Джонсонюк закликав до посилення військової підтримки України">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/111471-boris-dzhonsonyuk-zaklikav-do-posilennya-v-ys-kovo-p-dtrimki-ukra-ni.html" title="Борис Джонсонюк закликав до посилення військової підтримки України">Борис Джонсонюк закликав до посилення військової підтримки України</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/111471-boris-dzhonsonyuk-zaklikav-do-posilennya-v-ys-kovo-p-dtrimki-ukra-ni.html" title="Борис Джонсонюк закликав до посилення військової підтримки України">Борис Джонсонюк закликав до посилення військової підтримки...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/111438-proros-ys-kogo-eksprezidenta-moldovi-gora-dodona-v-dpravili-p-d-domashn-y-aresht-na-30-d-b-za-p-dozroyu-u-derzhzrad.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.05.2022/ed0ed06b287233041ac4bc0943b78cb4.jpeg&amp;size=320x210" class="wp-post-image" alt="Проросійського експрезидента Молдови Ігора Додона відправили під домашній арешт на 30 діб за підозрою у держзраді">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/111438-proros-ys-kogo-eksprezidenta-moldovi-gora-dodona-v-dpravili-p-d-domashn-y-aresht-na-30-d-b-za-p-dozroyu-u-derzhzrad.html" title="Проросійського експрезидента Молдови Ігора Додона відправили під домашній арешт на 30 діб за підозрою у держзраді">Проросійського експрезидента Молдови Ігора Додона відправили під домашній...</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/111438-proros-ys-kogo-eksprezidenta-moldovi-gora-dodona-v-dpravili-p-d-domashn-y-aresht-na-30-d-b-za-p-dozroyu-u-derzhzrad.html" title="Проросійського експрезидента Молдови Ігора Додона відправили під домашній арешт на 30 діб за підозрою у держзраді">Проросійського експрезидента Молдови Ігора Додона відправили...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/111374-vzhe--29-450-okupant-v-zagal-n-vtrati-ros-yan-za-chas-vtorgnennya-v-ukra-nu.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/25.05.2022/9a901630ee557960a445dc08a596c3f7.jpeg&amp;size=320x210" class="wp-post-image" alt="Вже -29 450 окупантів!  Загальні втрати росіян за час вторгнення в Україну">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/111374-vzhe--29-450-okupant-v-zagal-n-vtrati-ros-yan-za-chas-vtorgnennya-v-ukra-nu.html" title="Вже -29 450 окупантів!  Загальні втрати росіян за час вторгнення в Україну">Вже -29 450 окупантів!  Загальні втрати росіян за час вторгнення в Україну</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/111374-vzhe--29-450-okupant-v-zagal-n-vtrati-ros-yan-za-chas-vtorgnennya-v-ukra-nu.html" title="Вже -29 450 окупантів!  Загальні втрати росіян за час вторгнення в Україну">Вже -29 450 окупантів!  Загальні втрати росіян за час вторгнення...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-polityka-zovnishnya-polityka/111347-kogo-denacif-kuvati-yak-provalivsya-plan-asvabad-t-l-y.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/24.05.2022/9f6e46f711ea275eeabcb026ba10b7b7.jpeg&amp;size=320x210" class="wp-post-image" alt="Кого «денацифікувати»? Як провалився план «асвабадітєлєй»">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-polityka-zovnishnya-polityka" class="post_term category investing">Зовнішня політика</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-polityka-zovnishnya-polityka/111347-kogo-denacif-kuvati-yak-provalivsya-plan-asvabad-t-l-y.html" title="Кого «денацифікувати»? Як провалився план «асвабадітєлєй»">Кого «денацифікувати»? Як провалився план «асвабадітєлєй»</a>
                            <!--<a href="/news-polityka-zovnishnya-polityka/111347-kogo-denacif-kuvati-yak-provalivsya-plan-asvabad-t-l-y.html" title="Кого «денацифікувати»? Як провалився план «асвабадітєлєй»">Кого «денацифікувати»? Як провалився план «асвабадітєлєй»</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1126').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1126 .entry").remove();');
                                $('#streem_append_block-1126 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1126').append(curstr);

                                    }
                                }
                            });
                            break;
                        default:
                            console.log('Unrecognized message', parsedMessage);
                    }
                }
                setInterval(function () {
                    var message = {
                        id : 'users',
                    };
                    ws.send(JSON.stringify(message));
                }, 5000);
            }
        });
    });
</script>

                                                                            <style>
    .widjetComponent--1127 .post-image img {
        width: 100%;
    }
    .widjetComponent--1127 .post-image a {
        display: block;
    }
    .widjetComponent--1127 .post-content .category a {
        color: #990b0d;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1127 .post-content .category a:hover {
        color: #990b0d;
    }
    .widjetComponent--1127 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1127 .widget-title a:hover {
        color: #990b0d;
    }
    .widjetComponent--1127 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1127 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1127 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1127 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1127 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1127 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1127 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1127">
            <style>
        .widjetComponent--title--1127.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #990b0d;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1127.widget-title-base {
            color: #990b0d;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1127.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/news-derzhava" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1127 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/111468-prokuratura-ki-vschini-v-dstoyala-v-apelyac-virok-vbivcyam-advokata.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/ecd6cf60b6c2b20078f1c66ea79017f3.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/111468-prokuratura-ki-vschini-v-dstoyala-v-apelyac-virok-vbivcyam-advokata.html" title="Прокуратура Київщини відстояла в апеляції вирок вбивцям адвоката">Прокуратура Київщини відстояла в апеляції вирок вбивцям адвоката</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/111468-prokuratura-ki-vschini-v-dstoyala-v-apelyac-virok-vbivcyam-advokata.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/111427-znovu-zagibl-ta-poranen-sered-mirnogo-naselennya---raketn-obstr-li-rashist-v-na-donechchin-ne-vschuhayut.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.05.2022/9be4c2fa410b42ae351a052fb20626d6.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/111427-znovu-zagibl-ta-poranen-sered-mirnogo-naselennya---raketn-obstr-li-rashist-v-na-donechchin-ne-vschuhayut.html" title="Знову загиблі та поранені серед мирного населення - ракетні обстріли рашистів на Донеччині не вщухають ">Знову загиблі та поранені серед мирного населення - ракетні обстріли рашистів...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/111427-znovu-zagibl-ta-poranen-sered-mirnogo-naselennya---raketn-obstr-li-rashist-v-na-donechchin-ne-vschuhayut.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/111423-pracyu-na-okupanta---prac-vnic-derzhavno-krim-nal-no-vikonavcho-sluzhbi-ukra-ni-zaochno-pov-domleno-pro-p-dozru.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.05.2022/dbad5c526248593b83ab9e70861a6b20.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/111423-pracyu-na-okupanta---prac-vnic-derzhavno-krim-nal-no-vikonavcho-sluzhbi-ukra-ni-zaochno-pov-domleno-pro-p-dozru.html" title="Працює на окупанта - працівниці Державної кримінально-виконавчої служби України заочно повідомлено про підозру ">Працює на окупанта - працівниці Державної кримінально-виконавчої служби...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/111423-pracyu-na-okupanta---prac-vnic-derzhavno-krim-nal-no-vikonavcho-sluzhbi-ukra-ni-zaochno-pov-domleno-pro-p-dozru.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/111421-pereyshli-na-b-k-voroga---dvom-pol-ceys-kim-zaochno-pov-domleno-pro-p-dozru-u-derzhavn-y-zrad.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.05.2022/d3d94ef5d69f54b56b7f163eccfd7a2a.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/111421-pereyshli-na-b-k-voroga---dvom-pol-ceys-kim-zaochno-pov-domleno-pro-p-dozru-u-derzhavn-y-zrad.html" title="Перейшли на бік ворога - двом поліцейським заочно повідомлено про підозру у державній зраді ">Перейшли на бік ворога - двом поліцейським заочно повідомлено про підозру...</a>
                            <!--<a href="/news-derzhava-pravookhoronni-orhany/111421-pereyshli-na-b-k-voroga---dvom-pol-ceys-kim-zaochno-pov-domleno-pro-p-dozru-u-derzhavn-y-zrad.html" title="Перейшли на бік ворога - двом поліцейським заочно повідомлено про підозру у державній зраді ">Перейшли на бік ворога - двом поліцейським заочно повідомлено...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1127').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1127 .entry").remove();');
                                $('#streem_append_block-1127 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1127').append(curstr);

                                    }
                                }
                            });
                            break;
                        default:
                            console.log('Unrecognized message', parsedMessage);
                    }
                }
                setInterval(function () {
                    var message = {
                        id : 'users',
                    };
                    ws.send(JSON.stringify(message));
                }, 5000);
            }
        });
    });
</script>

                                                                            <style>
    .widjetComponent--1128 .post-image img {
        width: 100%;
    }
    .widjetComponent--1128 .post-image a {
        display: block;
    }
    .widjetComponent--1128 .post-content .category a {
        color: #990b0d;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1128 .post-content .category a:hover {
        color: #990b0d;
    }
    .widjetComponent--1128 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1128 .widget-title a:hover {
        color: #990b0d;
    }
    .widjetComponent--1128 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1128 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1128 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1128 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1128 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1128 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1128 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1128">
            <style>
        .widjetComponent--title--1128.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #990b0d;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1128.widget-title-base {
            color: #990b0d;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1128.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/news-suspilstvo" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1128 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/111484-dvo-brat-v-z-r-vnogo-v-odin-den-zaginuli-v-boyu-na-donechchin.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/5c0b46db482dd6f94dfab973575838f2.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/111484-dvo-brat-v-z-r-vnogo-v-odin-den-zaginuli-v-boyu-na-donechchin.html" title="Двоє братів з Рівного в один день загинули в бою на Донеччині">Двоє братів з Рівного в один день загинули в бою на Донеччині</a>
                            <!--<a href="/news-suspilstvo-events/111484-dvo-brat-v-z-r-vnogo-v-odin-den-zaginuli-v-boyu-na-donechchin.html" title="Двоє братів з Рівного в один день загинули в бою на Донеччині">Двоє братів з Рівного в один день загинули в бою на Донеччині</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-suspilstvo-events/111482-za-vchora-rashisti-vivezli-z-mar-upolya-280-lyudey-sered-nih-36-d-ti.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/fc5cba2a4043785fb0a56b925faf647b.jpeg&amp;size=320x210" class="wp-post-image" alt="За вчора, рашисти вивезли з Маріуполя 280 людей, серед них – 36 діти">
                        </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/111482-za-vchora-rashisti-vivezli-z-mar-upolya-280-lyudey-sered-nih-36-d-ti.html" title="За вчора, рашисти вивезли з Маріуполя 280 людей, серед них – 36 діти">За вчора, рашисти вивезли з Маріуполя 280 людей, серед них – 36 діти</a>
                            <!--<a href="/news-suspilstvo-events/111482-za-vchora-rashisti-vivezli-z-mar-upolya-280-lyudey-sered-nih-36-d-ti.html" title="За вчора, рашисти вивезли з Маріуполя 280 людей, серед них – 36 діти">За вчора, рашисти вивезли з Маріуполя 280 людей, серед них...</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/111431-92-ukra-nc-v-pogano-stavlyat-sya-do-ros-lishe-2-vse-sche-mayut-dobre-stavlennya-rezul-tati-opituvannya-km-s.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.05.2022/59fbd6f5e09ea23c6eefcf1df3090ae9.jpeg&amp;size=320x210" class="wp-post-image" alt="92% українців погано ставляться до росії, лише 2% все ще мають добре ставлення — результати опитування КМІС.">
                        </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/111431-92-ukra-nc-v-pogano-stavlyat-sya-do-ros-lishe-2-vse-sche-mayut-dobre-stavlennya-rezul-tati-opituvannya-km-s.html" title="92% українців погано ставляться до росії, лише 2% все ще мають добре ставлення — результати опитування КМІС.">92% українців погано ставляться до росії, лише 2% все ще мають добре ставлення...</a>
                            <!--<a href="/news-suspilstvo-events/111431-92-ukra-nc-v-pogano-stavlyat-sya-do-ros-lishe-2-vse-sche-mayut-dobre-stavlennya-rezul-tati-opituvannya-km-s.html" title="92% українців погано ставляться до росії, лише 2% все ще мають добре ставлення — результати опитування КМІС.">92% українців погано ставляться до росії, лише 2% все ще...</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/111432-u-rayon-trasi-bahmut-lisichans-k-na-luganschin-zaginuv-v-ys-koviy-valer-y-gonta-yakiy-proyshov-bo-za-donec-kiy-aeroport-bo-na-sv-tlodars-k-y-duz-ta-za-p-ski.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/26.05.2022/e2f19d79aa98186f55cd4e94e13f7ecd.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/111432-u-rayon-trasi-bahmut-lisichans-k-na-luganschin-zaginuv-v-ys-koviy-valer-y-gonta-yakiy-proyshov-bo-za-donec-kiy-aeroport-bo-na-sv-tlodars-k-y-duz-ta-za-p-ski.html" title="У районі траси Бахмут — Лисичанськ на Луганщині загинув військовий Валерій Гонта, який пройшов бої за Донецький аеропорт, бої на Світлодарській дузі та за Піски.">У районі траси Бахмут — Лисичанськ на Луганщині загинув військовий Валерій...</a>
                            <!--<a href="/news-suspilstvo-events/111432-u-rayon-trasi-bahmut-lisichans-k-na-luganschin-zaginuv-v-ys-koviy-valer-y-gonta-yakiy-proyshov-bo-za-donec-kiy-aeroport-bo-na-sv-tlodars-k-y-duz-ta-za-p-ski.html" title="У районі траси Бахмут — Лисичанськ на Луганщині загинув військовий Валерій Гонта, який пройшов бої за Донецький аеропорт, бої на Світлодарській дузі та за Піски.">У районі траси Бахмут — Лисичанськ на Луганщині загинув...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1128').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1128 .entry").remove();');
                                $('#streem_append_block-1128 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1128').append(curstr);

                                    }
                                }
                            });
                            break;
                        default:
                            console.log('Unrecognized message', parsedMessage);
                    }
                }
                setInterval(function () {
                    var message = {
                        id : 'users',
                    };
                    ws.send(JSON.stringify(message));
                }, 5000);
            }
        });
    });
</script>

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

</style>
<section class="widjet-component-inner widjetComponent--1122">
            <style>
        .widjetComponent--title--1122.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #990b0d;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1122.widget-title-base {
            color: #990b0d;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1122.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/preview" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1122 widget-title-base">
        <span>Анонси</span>
    </h4>
    </a>    <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-12">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/preview/25341-z-13-po-22-bereznya-v-n-am-ki-vs-ka-fortecya-v-dbudet-sya-fotovistavka-do-dnya-ukra-ns-kogo-dobrovol-cya.html" title="з 13 по 22 березня в НІАМ &quot;Київська фортеця&quot; відбудеться фотовиставка до Дня українського добровольця">з 13 по 22 березня в НІАМ &quot;Київська фортеця&quot; відбудеться фотовиставка до...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-12">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/preview/25333-vistava-romeo-zhasmin.html" title="Вистава &quot;РОМЕО І ЖАСМИН">Вистава &quot;РОМЕО І ЖАСМИН</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                    <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-12">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/preview/25332-vistava-romeo-zhasmin-zapor-z-kiy-dityachiy-teatr-sv-ya.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-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="row">
                        <div class="col-12">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/preview/25292-nova-zustr-ch-z-sv-tovoyu-muzichnoyu-klasikoyu.html" title="НОВА ЗУСТРІЧ ЗІ СВІТОВОЮ МУЗИЧНОЮ КЛАСИКОЮ">НОВА ЗУСТРІЧ ЗІ СВІТОВОЮ МУЗИЧНОЮ КЛАСИКОЮ</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>
                                                                            <style>
    .widjetComponent--1125 .post-image img {
        width: 100%;
    }
    .widjetComponent--1125 .post-image a {
        display: block;
    }
    .widjetComponent--1125 .post-image {
        position: relative;
    }
    .widjetComponent--1125 .post-content .category {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1125 .post-inner:hover .category {
        color: #ffffff;
    }
    .widjetComponent--1125 .widget-title {
        color: #ffffff;
        font-size: 24px;
        font-weight: normal;;
    }
    .widjetComponent--1125 .post-inner:hover .widget-title {
        color: #ffffff;
    }

    .widjetComponent--1125 .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--1125 .post-image:hover:before {
        top: 35%;
    }
    .widjetComponent--1125 .post-content {
        position: absolute;
        padding: 20px;
        bottom: 0;
        z-index: 2;
    }

</style>
<section class="widjet-component-inner widjetComponent--1125">
            <style>
        .widjetComponent--title--1125.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #990b0d;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1125.widget-title-base {
            color: #990b0d;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1125.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
        <h4 class="widjetComponent--title--1125 widget-title-base">
        <span>Топ відео</span>
    </h4>
        <div class="row">
                                                <div class="post col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/107942-yak-ukra-ns-k-specpriznachenc-zachischayut-buchu.html">
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/03.04.2022/27d620740df1db66b7215c24e21df71c/116207331289132204704ed0a46cc1f7_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Як українські спецпризначенці зачищають Бучу">
                            <div class="post-content">
                                <div class="category">Держава</div>
                                <h3 class="widget-title">Як українські спецпризначенці зачищають Бучу</h3>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                            <style>
    .widjetComponent--1123 .post-image img {
        width: 100%;
    }
    .widjetComponent--1123 .post-image a {
        display: block;
    }
    .widjetComponent--1123 .post-content .category a {
        color: #990b0d;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1123 .post-content .category a:hover {
        color: #990b0d;
    }
    .widjetComponent--1123 .widget-title a {
        color: #000;
        font-size: 14px;
        font-weight: normal;;
    }
    .widjetComponent--1123 .widget-title a:hover {
        color: #990b0d;
    }
    .widjetComponent--1123 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1123 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1123 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1123 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1123 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1123 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1123 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1123">
            <style>
        .widjetComponent--title--1123.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #990b0d;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1123.widget-title-base {
            color: #990b0d;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1123.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/video" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1123 widget-title-base">
        <span>Відео</span>
    </h4>
    </a>    <div class="row" >
                                                                                                            <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/111472-prezident-volodimir-zelens-kiy-zvernuvsya-do-ndonez-yc-v.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/27.05.2022/f78a6bbaeef7bf6eaf2e2408fed516f0/06963718158f8f43477442b3432deede.mp4"
                               data-videoid="3850"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/27.05.2022/f78a6bbaeef7bf6eaf2e2408fed516f0/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/111472-prezident-volodimir-zelens-kiy-zvernuvsya-do-ndonez-yc-v.html"
                               title="Президент Володимир Зеленський звернувся до індонезійців"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/27.05.2022/f78a6bbaeef7bf6eaf2e2408fed516f0/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/27.05.2022/f78a6bbaeef7bf6eaf2e2408fed516f0/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/27.05.2022/f78a6bbaeef7bf6eaf2e2408fed516f0/cca75ab84947ebddd5fb8d509c6e84b0_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Президент Володимир Зеленський звернувся до індонезійців">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/111472-prezident-volodimir-zelens-kiy-zvernuvsya-do-ndonez-yc-v.html" title="Президент Володимир Зеленський звернувся до індонезійців">Президент Володимир Зеленський звернувся до індонезійців</a>
                            <!--<a href="/video-derzhava/111472-prezident-volodimir-zelens-kiy-zvernuvsya-do-ndonez-yc-v.html" title="Президент Володимир Зеленський звернувся до індонезійців">Президент Володимир Зеленський звернувся до індонезійців</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/111470-ki-v-bankova-27-05-22.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/27.05.2022/7b3fd5033c2569bc90eada2458694ae8/214f1f8383e1d892bfb441dc77e41fc5.mp4"
                               data-videoid="3849"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/27.05.2022/7b3fd5033c2569bc90eada2458694ae8/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/111470-ki-v-bankova-27-05-22.html"
                               title="Київ, Банкова, 27.05.22"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/27.05.2022/7b3fd5033c2569bc90eada2458694ae8/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/27.05.2022/7b3fd5033c2569bc90eada2458694ae8/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/27.05.2022/7b3fd5033c2569bc90eada2458694ae8/6d5cf887c9623425280338af9200b4ae_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Київ, Банкова, 27.05.22">
                        </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/111470-ki-v-bankova-27-05-22.html" title="Київ, Банкова, 27.05.22">Київ, Банкова, 27.05.22</a>
                            <!--<a href="/video-derzhava/111470-ki-v-bankova-27-05-22.html" title="Київ, Банкова, 27.05.22">Київ, Банкова, 27.05.22</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo/111435-u-ki-v-stalasya-dtp-za-uchastyu-elektrosamokata-ta-avto.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/26.05.2022/e44566d310eca066fbd4283d3acc49b4/73ce9ee23bb0309068452e7db4adc16a.mp4"
                               data-videoid="3843"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/26.05.2022/e44566d310eca066fbd4283d3acc49b4/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo/111435-u-ki-v-stalasya-dtp-za-uchastyu-elektrosamokata-ta-avto.html"
                               title=" У Києві сталася ДТП за участю електросамоката та авто"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/26.05.2022/e44566d310eca066fbd4283d3acc49b4/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/26.05.2022/e44566d310eca066fbd4283d3acc49b4/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/26.05.2022/e44566d310eca066fbd4283d3acc49b4/415d73c964f562aa5ba4aad9cf04cc28_poster.jpg&amp;size=850x560" class="wp-post-image" alt=" У Києві сталася ДТП за участю електросамоката та авто">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo/111435-u-ki-v-stalasya-dtp-za-uchastyu-elektrosamokata-ta-avto.html" title=" У Києві сталася ДТП за участю електросамоката та авто"> У Києві сталася ДТП за участю електросамоката та авто</a>
                            <!--<a href="/video-suspilstvo/111435-u-ki-v-stalasya-dtp-za-uchastyu-elektrosamokata-ta-avto.html" title=" У Києві сталася ДТП за участю електросамоката та авто"> У Києві сталася ДТП за участю електросамоката та авто</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/111382-zvernennya-prezidenta-volodimira-zelens-kogo-za-p-dsumkami-90-go-dnya-povnomasshtabno-v-yni.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/25.05.2022/f46ae4d9781c539ad4084cb92d0f75e7/56461e390b8f6b24aa852e83cbe2954f.mp4"
                               data-videoid="3842"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/25.05.2022/f46ae4d9781c539ad4084cb92d0f75e7/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/111382-zvernennya-prezidenta-volodimira-zelens-kogo-za-p-dsumkami-90-go-dnya-povnomasshtabno-v-yni.html"
                               title="Звернення Президента Володимира Зеленського за підсумками 90-го дня повномасштабної війни"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/25.05.2022/f46ae4d9781c539ad4084cb92d0f75e7/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/25.05.2022/f46ae4d9781c539ad4084cb92d0f75e7/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/25.05.2022/f46ae4d9781c539ad4084cb92d0f75e7/e68a96d7a0d52574bf5cba1848f7450d_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Звернення Президента Володимира Зеленського за підсумками 90-го дня повномасштабної війни">
                        </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/111382-zvernennya-prezidenta-volodimira-zelens-kogo-za-p-dsumkami-90-go-dnya-povnomasshtabno-v-yni.html" title="Звернення Президента Володимира Зеленського за підсумками 90-го дня повномасштабної війни">Звернення Президента Володимира Зеленського за підсумками 90-го дня повномасштабної...</a>
                            <!--<a href="/video-derzhava/111382-zvernennya-prezidenta-volodimira-zelens-kogo-za-p-dsumkami-90-go-dnya-povnomasshtabno-v-yni.html" title="Звернення Президента Володимира Зеленського за підсумками 90-го дня повномасштабної війни">Звернення Президента Володимира Зеленського за підсумками...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/111380-ukra-na-borotimet-sya-doki-ne-poverne-svo-teritor-zelens-kiy-na-ukra-ns-komu-sn-danku-u-davos.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/25.05.2022/9481d3997b7d910eee2ea217864960c0/d28fb46375439ed6e652b5b6200b9993.mp4"
                               data-videoid="3841"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/25.05.2022/9481d3997b7d910eee2ea217864960c0/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/111380-ukra-na-borotimet-sya-doki-ne-poverne-svo-teritor-zelens-kiy-na-ukra-ns-komu-sn-danku-u-davos.html"
                               title=" Україна боротиметься, доки не поверне свої території, — Зеленський на «Українському сніданку» у Давосі"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/25.05.2022/9481d3997b7d910eee2ea217864960c0/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/25.05.2022/9481d3997b7d910eee2ea217864960c0/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/25.05.2022/9481d3997b7d910eee2ea217864960c0/404d2f6912738f4cb30c5a6fbf1eace8_poster.jpg&amp;size=850x560" class="wp-post-image" alt=" Україна боротиметься, доки не поверне свої території, — Зеленський на «Українському сніданку» у Давосі">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/111380-ukra-na-borotimet-sya-doki-ne-poverne-svo-teritor-zelens-kiy-na-ukra-ns-komu-sn-danku-u-davos.html" title=" Україна боротиметься, доки не поверне свої території, — Зеленський на «Українському сніданку» у Давосі"> Україна боротиметься, доки не поверне свої території, — Зеленський на...</a>
                            <!--<a href="/video-derzhava/111380-ukra-na-borotimet-sya-doki-ne-poverne-svo-teritor-zelens-kiy-na-ukra-ns-komu-sn-danku-u-davos.html" title=" Україна боротиметься, доки не поверне свої території, — Зеленський на «Українському сніданку» у Давосі"> Україна боротиметься, доки не поверне свої території, —...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo/111379-sercya-nashih-v-ys-kovih-napovnen-lyubov-yu-do-vs-ogo-dovkola.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/25.05.2022/e8e6ed8927f5d7f4874476146ae2a8d4/039d2135f456beb184063a8b7ab4ea52.mp4"
                               data-videoid="3840"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/25.05.2022/e8e6ed8927f5d7f4874476146ae2a8d4/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo/111379-sercya-nashih-v-ys-kovih-napovnen-lyubov-yu-do-vs-ogo-dovkola.html"
                               title="Серця наших військових наповнені любов'ю до всього довкола"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/25.05.2022/e8e6ed8927f5d7f4874476146ae2a8d4/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/25.05.2022/e8e6ed8927f5d7f4874476146ae2a8d4/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/25.05.2022/e8e6ed8927f5d7f4874476146ae2a8d4/d242399bd58c722fe0aa5ce350896256_poster.jpg&amp;size=850x560" class="wp-post-image" alt="Серця наших військових наповнені любов'ю до всього довкола">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo/111379-sercya-nashih-v-ys-kovih-napovnen-lyubov-yu-do-vs-ogo-dovkola.html" title="Серця наших військових наповнені любов'ю до всього довкола">Серця наших військових наповнені любов'ю до всього довкола</a>
                            <!--<a href="/video-suspilstvo/111379-sercya-nashih-v-ys-kovih-napovnen-lyubov-yu-do-vs-ogo-dovkola.html" title="Серця наших військових наповнені любов&#039;ю до всього довкола">Серця наших військових наповнені любов'ю до всього довкола</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-suspilstvo/111334-v-eston-tisyach-sp-vak-v-na-stad-on-vikonali-p-snyu-oy-u-luz-chervona-kalina-schob-p-dtrimati-ukra-nu.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/24.05.2022/04d250a82165276cae6457db4209207a/982a0520d14179d7d81571ef56b8afca.mp4"
                               data-videoid="3830"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/24.05.2022/04d250a82165276cae6457db4209207a/sprite_hls_manifest.m3u8"
                               data-link="/video-suspilstvo/111334-v-eston-tisyach-sp-vak-v-na-stad-on-vikonali-p-snyu-oy-u-luz-chervona-kalina-schob-p-dtrimati-ukra-nu.html"
                               title="В Естонії тисячі співаків на стадіоні виконали пісню «Ой у лузі червона калина», щоб підтримати Україну."
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/24.05.2022/04d250a82165276cae6457db4209207a/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/24.05.2022/04d250a82165276cae6457db4209207a/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.05.2022/04d250a82165276cae6457db4209207a/25a952578c2a85f098576cfee1376982_poster.jpg&amp;size=850x560" class="wp-post-image" alt="В Естонії тисячі співаків на стадіоні виконали пісню «Ой у лузі червона калина», щоб підтримати Україну.">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-suspilstvo" class="post_term category investing">Суспільство</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-suspilstvo/111334-v-eston-tisyach-sp-vak-v-na-stad-on-vikonali-p-snyu-oy-u-luz-chervona-kalina-schob-p-dtrimati-ukra-nu.html" title="В Естонії тисячі співаків на стадіоні виконали пісню «Ой у лузі червона калина», щоб підтримати Україну.">В Естонії тисячі співаків на стадіоні виконали пісню «Ой у лузі червона...</a>
                            <!--<a href="/video-suspilstvo/111334-v-eston-tisyach-sp-vak-v-na-stad-on-vikonali-p-snyu-oy-u-luz-chervona-kalina-schob-p-dtrimati-ukra-nu.html" title="В Естонії тисячі співаків на стадіоні виконали пісню «Ой у лузі червона калина», щоб підтримати Україну.">В Естонії тисячі співаків на стадіоні виконали пісню «Ой...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/video-derzhava/111327-nayblizhch-tizhn-v-yni-budut-skladnimi-mi-povinn-ce-usv-domlyuvati-golovne-z-zvernennya-zelens-kogo.html"
                                                          data-videoMP4="https://media.ukraine-inform.com/upload/video/24.05.2022/638e750398ccf78a4f28bf2ed3fa9f5c/9c4bf5392192d1e6b72941c03c955432.mp4"
                               data-videoid="3828"
                               data-videoHLS="https://media.ukraine-inform.com/upload/video/24.05.2022/638e750398ccf78a4f28bf2ed3fa9f5c/sprite_hls_manifest.m3u8"
                               data-link="/video-derzhava/111327-nayblizhch-tizhn-v-yni-budut-skladnimi-mi-povinn-ce-usv-domlyuvati-golovne-z-zvernennya-zelens-kogo.html"
                               title="«Найближчі тижні війни будуть складними і ми повинні це усвідомлювати». Головне зі звернення Зеленського"
                               data-videothumbnails="https://media.ukraine-inform.com/upload/video/24.05.2022/638e750398ccf78a4f28bf2ed3fa9f5c/timeline"
                               data-videoAnimation="https://media.ukraine-inform.com/upload/video/24.05.2022/638e750398ccf78a4f28bf2ed3fa9f5c/gif/video1.webp"
                                                    >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/24.05.2022/638e750398ccf78a4f28bf2ed3fa9f5c/6bad8f7d1079ba162384b7f1d7b06560_poster.jpg&amp;size=850x560" class="wp-post-image" alt="«Найближчі тижні війни будуть складними і ми повинні це усвідомлювати». Головне зі звернення Зеленського">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/video-derzhava" class="post_term category investing">Держава</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/video-derzhava/111327-nayblizhch-tizhn-v-yni-budut-skladnimi-mi-povinn-ce-usv-domlyuvati-golovne-z-zvernennya-zelens-kogo.html" title="«Найближчі тижні війни будуть складними і ми повинні це усвідомлювати». Головне зі звернення Зеленського">«Найближчі тижні війни будуть складними і ми повинні це усвідомлювати»....</a>
                            <!--<a href="/video-derzhava/111327-nayblizhch-tizhn-v-yni-budut-skladnimi-mi-povinn-ce-usv-domlyuvati-golovne-z-zvernennya-zelens-kogo.html" title="«Найближчі тижні війни будуть складними і ми повинні це усвідомлювати». Головне зі звернення Зеленського">«Найближчі тижні війни будуть складними і ми повинні це...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1123').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1123 .entry").remove();');
                                $('#streem_append_block-1123 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1123').append(curstr);

                                    }
                                }
                            });
                            break;
                        default:
                            console.log('Unrecognized message', parsedMessage);
                    }
                }
                setInterval(function () {
                    var message = {
                        id : 'users',
                    };
                    ws.send(JSON.stringify(message));
                }, 5000);
            }
        });
    });
</script>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-391-2 row-k-style" id="row-k-style-391-2">
            <div class="row-k-width-391-2 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-height no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1129 .post-image img {
        width: 100%;
    }
    .widjetComponent--1129 .post-image a {
        display: block;
    }
    .widjetComponent--1129 .post-content .category a {
        color: #990b0d;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1129 .post-content .category a:hover {
        color: #990b0d;
    }
    .widjetComponent--1129 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1129 .widget-title a:hover {
        color: #990b0d;
    }
    .widjetComponent--1129 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1129 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1129 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1129 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1129 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1129 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1129 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1129">
            <style>
        .widjetComponent--title--1129.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #990b0d;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1129.widget-title-base {
            color: #990b0d;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1129.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/news-ekonomika" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1129 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-agro-industry/111477-kom-tet-z-pitan-agrarno-ta-zemel-no-pol-tiki-agrar-vzhe-zaluchili-31-5-mlrd-grn-kredit-v-dlya-pos-vno.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/2fbf984f9c7e663d27e614b8eabf68cb.jpeg&amp;size=320x210" class="wp-post-image" alt="Комітет з питань аграрної та земельної політики: "Аграрії вже залучили 31,5 млрд грн кредитів для посівної"">
                        </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/111477-kom-tet-z-pitan-agrarno-ta-zemel-no-pol-tiki-agrar-vzhe-zaluchili-31-5-mlrd-grn-kredit-v-dlya-pos-vno.html" title="Комітет з питань аграрної та земельної політики: "Аграрії вже залучили 31,5 млрд грн кредитів для посівної"">Комітет з питань аграрної та земельної політики: "Аграрії вже залучили...</a>
                            <!--<a href="/news-ekonomika-agro-industry/111477-kom-tet-z-pitan-agrarno-ta-zemel-no-pol-tiki-agrar-vzhe-zaluchili-31-5-mlrd-grn-kredit-v-dlya-pos-vno.html" title="Комітет з питань аграрної та земельної політики: &quot;Аграрії вже залучили 31,5 млрд грн кредитів для посівної&quot;">Комітет з питань аграрної та земельної політики: "Аграрії...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-ekonomika-agro-industry/111005-ssha-ta-soyuzniki-aktivno-dumayut-nad-rozrobkoyu-marshrut-v-vivezennya-z-ukra-ni-zhitt-vo-vazhlivih-zapas-v-zerna-pishe-cnn.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/62b5e458bd88c003f4d30c5ed6565120.jpeg&amp;size=320x210" class="wp-post-image" alt="США та союзники активно думають над розробкою маршрутів вивезення з України життєво важливих запасів зерна, – пише CNN">
                        </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/111005-ssha-ta-soyuzniki-aktivno-dumayut-nad-rozrobkoyu-marshrut-v-vivezennya-z-ukra-ni-zhitt-vo-vazhlivih-zapas-v-zerna-pishe-cnn.html" title="США та союзники активно думають над розробкою маршрутів вивезення з України життєво важливих запасів зерна, – пише CNN">США та союзники активно думають над розробкою маршрутів вивезення з України...</a>
                            <!--<a href="/news-ekonomika-agro-industry/111005-ssha-ta-soyuzniki-aktivno-dumayut-nad-rozrobkoyu-marshrut-v-vivezennya-z-ukra-ni-zhitt-vo-vazhlivih-zapas-v-zerna-pishe-cnn.html" title="США та союзники активно думають над розробкою маршрутів вивезення з України життєво важливих запасів зерна, – пише CNN">США та союзники активно думають над розробкою маршрутів...</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/110855-vrokom-s-ya-zaproponuvala-plan-dopomogi-ukra-n-z-eksportu-s-l-s-kogospodars-ko-produkc.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/bb60f8c84f26280206fb73823420072b.jpeg&amp;size=320x210" class="wp-post-image" alt="Єврокомісія запропонувала план допомоги Україні із експорту сільськогосподарської продукції">
                        </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/110855-vrokom-s-ya-zaproponuvala-plan-dopomogi-ukra-n-z-eksportu-s-l-s-kogospodars-ko-produkc.html" title="Єврокомісія запропонувала план допомоги Україні із експорту сільськогосподарської продукції">Єврокомісія запропонувала план допомоги Україні із експорту сільськогосподарської...</a>
                            <!--<a href="/news-ekonomika-agro-industry/110855-vrokom-s-ya-zaproponuvala-plan-dopomogi-ukra-n-z-eksportu-s-l-s-kogospodars-ko-produkc.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-agro-industry/110756-kuleba-ukra-na-robit-vse-mozhlive-schob-ponoviti-eksport-v-afriku.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/15.05.2022/f407e5437ae56476faf453411d6cf6bd.jpeg&amp;size=320x210" class="wp-post-image" alt="Кулеба: Україна робить все можливе, щоб поновити експорт в Африку">
                        </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/110756-kuleba-ukra-na-robit-vse-mozhlive-schob-ponoviti-eksport-v-afriku.html" title="Кулеба: Україна робить все можливе, щоб поновити експорт в Африку">Кулеба: Україна робить все можливе, щоб поновити експорт в Африку</a>
                            <!--<a href="/news-ekonomika-agro-industry/110756-kuleba-ukra-na-robit-vse-mozhlive-schob-ponoviti-eksport-v-afriku.html" title="Кулеба: Україна робить все можливе, щоб поновити експорт в Африку">Кулеба: Україна робить все можливе, щоб поновити експорт...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1129').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1129 .entry").remove();');
                                $('#streem_append_block-1129 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1129').append(curstr);

                                    }
                                }
                            });
                            break;
                        default:
                            console.log('Unrecognized message', parsedMessage);
                    }
                }
                setInterval(function () {
                    var message = {
                        id : 'users',
                    };
                    ws.send(JSON.stringify(message));
                }, 5000);
            }
        });
    });
</script>

                                                                            <style>
    .widjetComponent--1130 .post-image img {
        width: 100%;
    }
    .widjetComponent--1130 .post-image a {
        display: block;
    }
    .widjetComponent--1130 .post-content .category a {
        color: #990b0d;
        font-size: 14px;
        font-weight: bold;;
    }
    .widjetComponent--1130 .post-content .category a:hover {
        color: #990b0d;
    }
    .widjetComponent--1130 .widget-title a {
        color: #000;
        font-size: 18px;
        font-weight: normal;;
    }
    .widjetComponent--1130 .widget-title a:hover {
        color: #990b0d;
    }
    .widjetComponent--1130 .field-params {
        margin: 25px 0;
        text-align: center;
    }
    .widjetComponent--1130 .field-params a {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #ddd;
        border-radius: 20px;
        margin: 5px;
        color: #000000;
        font-size: 14px;
    }
    .widjetComponent--1130 .field-params a.active {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1130 .field-params a:hover {
        background: #4f4f4f;
        color: #fff;
    }
    .widjetComponent--1130 .price-set {
        font-size: 24px !important;
        font-weight: 600;
    }
    .widjetComponent--1130 .button-add-checkout {
        display: inline-block;
        padding: 8px 15px;
        background: #e31837;
        border-radius: 15px;
        color: #fff;
    }
    .widjetComponent--1130 .button-add-checkout:hover {
        background: #bf142e;
        color: #fff;
    }
</style>
<section class="widjet-component-inner widjetComponent--1130">
            <style>
        .widjetComponent--title--1130.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #990b0d;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--1130.widget-title-base {
            color: #990b0d;
            font-size: 20px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--1130.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/news-sport" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--1130 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-sport-news/111070-ros-ya-ta-b-lorus-v-dstoronen-v-d-nayb-l-shih-m-zhnarodnih-turn-r-v-z-basketbolu-ce-r-shennya-f-ba.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/18.05.2022/490dbdd1ac70b31de091aa6f3ac4a693.jpeg&amp;size=320x210" class="wp-post-image" alt="Росія та Білорусь відсторонені від найбільших міжнародних турнірів з баскетболу, це рішення ФІБА.">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-sport-news/111070-ros-ya-ta-b-lorus-v-dstoronen-v-d-nayb-l-shih-m-zhnarodnih-turn-r-v-z-basketbolu-ce-r-shennya-f-ba.html" title="Росія та Білорусь відсторонені від найбільших міжнародних турнірів з баскетболу, це рішення ФІБА.">Росія та Білорусь відсторонені від найбільших міжнародних турнірів з баскетболу,...</a>
                            <!--<a href="/news-sport-sport-news/111070-ros-ya-ta-b-lorus-v-dstoronen-v-d-nayb-l-shih-m-zhnarodnih-turn-r-v-z-basketbolu-ce-r-shennya-f-ba.html" title="Росія та Білорусь відсторонені від найбільших міжнародних турнірів з баскетболу, це рішення ФІБА.">Росія та Білорусь відсторонені від найбільших міжнародних...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-sport-news/110917-yaka-sumna-novina-u-ros-ta-b-lorus-ne-translyuvatimut-ol-mp-ys-k-gri-2026-ta-2028-rok-v.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/17.05.2022/5ba6bc7fd5d982666e14d994f3c67e72.jpeg&amp;size=320x210" class="wp-post-image" alt=""Яка сумна новина": у Росії та Білорусі не транслюватимуть Олімпійські ігри 2026 та 2028 років">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-sport-news/110917-yaka-sumna-novina-u-ros-ta-b-lorus-ne-translyuvatimut-ol-mp-ys-k-gri-2026-ta-2028-rok-v.html" title=""Яка сумна новина": у Росії та Білорусі не транслюватимуть Олімпійські ігри 2026 та 2028 років">"Яка сумна новина": у Росії та Білорусі не транслюватимуть Олімпійські...</a>
                            <!--<a href="/news-sport-sport-news/110917-yaka-sumna-novina-u-ros-ta-b-lorus-ne-translyuvatimut-ol-mp-ys-k-gri-2026-ta-2028-rok-v.html" title="&quot;Яка сумна новина&quot;: у Росії та Білорусі не транслюватимуть Олімпійські ігри 2026 та 2028 років">"Яка сумна новина": у Росії та Білорусі не транслюватимуть...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                                                                        <div class="post col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3">
                <div class="post-inner">
                    <div class="post-image">
                        <a class="" href="/news-sport-sport-news/110797-nac-onal-na-defl-mp-ys-ka-zb-rna-komanda-ukra-ni-postavila-yaskravu-zolotu-futbol-nu-krapku-defl-mp-adi-u-match-z-franc-yu-1-0.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/16.05.2022/c28be29fe7c2cff03505bd2ac67228bc.jpeg&amp;size=320x210" class="wp-post-image" alt="Національна дефлімпійська збірна команда України поставила яскраву золоту футбольну крапку Дефлімпіади у матчі з Францією! 1:0!">
                        </a>
                    </div>
                    <div class="post-content">
                        <div class="category">
                            <a href="/news-sport-sport-news" class="post_term category investing">Новини спорту</a>
                        </div>
                        <h3 class="widget-title">
                            <a href="/news-sport-sport-news/110797-nac-onal-na-defl-mp-ys-ka-zb-rna-komanda-ukra-ni-postavila-yaskravu-zolotu-futbol-nu-krapku-defl-mp-adi-u-match-z-franc-yu-1-0.html" title="Національна дефлімпійська збірна команда України поставила яскраву золоту футбольну крапку Дефлімпіади у матчі з Францією! 1:0!">Національна дефлімпійська збірна команда України поставила яскраву золоту...</a>
                            <!--<a href="/news-sport-sport-news/110797-nac-onal-na-defl-mp-ys-ka-zb-rna-komanda-ukra-ni-postavila-yaskravu-zolotu-futbol-nu-krapku-defl-mp-adi-u-match-z-franc-yu-1-0.html" title="Національна дефлімпійська збірна команда України поставила яскраву золоту футбольну крапку Дефлімпіади у матчі з Францією! 1:0!">Національна дефлімпійська збірна команда України поставила...</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/110654-on-boksiroval-s-al-varesom-i-kroufordom-eks-chempion-mira-prinyal-reshenie-zavershit-kar-eru.html"
                                                   >
                            <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/13.05.2022/c6cee98e95c9f216854c849859b13987.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/110654-on-boksiroval-s-al-varesom-i-kroufordom-eks-chempion-mira-prinyal-reshenie-zavershit-kar-eru.html" title="ОН БОКСИРОВАЛ С АЛЬВАРЕСОМ И КРОУФОРДОМ. ЭКС-ЧЕМПИОН МИРА ПРИНЯЛ РЕШЕНИЕ ЗАВЕРШИТЬ КАРЬЕРУ">ОН БОКСИРОВАЛ С АЛЬВАРЕСОМ И КРОУФОРДОМ. ЭКС-ЧЕМПИОН МИРА ПРИНЯЛ РЕШЕНИЕ...</a>
                            <!--<a href="/news-sport-boxing/110654-on-boksiroval-s-al-varesom-i-kroufordom-eks-chempion-mira-prinyal-reshenie-zavershit-kar-eru.html" title="ОН БОКСИРОВАЛ С АЛЬВАРЕСОМ И КРОУФОРДОМ. ЭКС-ЧЕМПИОН МИРА ПРИНЯЛ РЕШЕНИЕ ЗАВЕРШИТЬ КАРЬЕРУ">ОН БОКСИРОВАЛ С АЛЬВАРЕСОМ И КРОУФОРДОМ. ЭКС-ЧЕМПИОН МИРА...</a>-->
                        </h3>
                        
                                            </div>
                </div>
            </div>
                    </div>
</section>

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

            }

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

            if ($('#streem_append_block-1130').length > 0) {
                const self = this;
                var ws = new WebSocket('wss://t.ukraine-inform.com:8444/magicmirror');
                ws.onmessage = function (message) {
                    var parsedMessage = JSON.parse(message.data);

                    switch (parsedMessage.id) {
                        case 'users':
                         console.log(parsedMessage);
                            console.log(Object.keys(parsedMessage.users).length);
                            if(Object.keys(parsedMessage.users).length < 1) {
                                console.log('$("#streem_append_block-1130 .entry").remove();');
                                $('#streem_append_block-1130 .entry').remove();
                            }
                            console.log(parsedMessage.users);
                            $('.slider-streem').fadeIn(300);
                            var streems_all = $('#streem_append_block .entry');
                            streems_all.each(function () {
                                var num = $(self).data('id');
                                var remove = true;
                                Object.keys(parsedMessage.users).forEach(function (el) {
                                    if(parsedMessage.users[el].userId==num)
                                        remove = false;
                                });
                                if(remove)
                                    $(self).parent().remove();
                            });
                            Object.keys(parsedMessage.users).forEach(function (el) {
                                console.log(parsedMessage.users);
                                if(parsedMessage.users[el].email !== 'studia') {
                                    var cur = parsedMessage.users[el];
                                    console.log(cur.userId);
                                    if($('.entry-'+cur.userId).length==0) {
                                        var curstr = '<div class="col-md-3 ">';
                                        curstr += '<div class="entry entry-'+cur.userId+'" data-id="'+cur.userId+'">';
                                        curstr += '<iframe width="355" height="220" scrolling="no" src="/streem-frame/'+cur.userId+'" frameborder="0" allowfullscreen=""></iframe>';
                                        curstr += '<div class="title">';
                                        curstr += '<a href="/s/'+cur.userId+'">' + cur.userName + '</a>';
                                        curstr += '</div></div></div>';
                                        $('#streem_append_block-1130').append(curstr);

                                    }
                                }
                            });
                            break;
                        default:
                            console.log('Unrecognized message', parsedMessage);
                    }
                }
                setInterval(function () {
                    var message = {
                        id : 'users',
                    };
                    ws.send(JSON.stringify(message));
                }, 5000);
            }
        });
    });
</script>

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

</style>
<section class="widjet-component-inner widjetComponent--876">
            <style>
        .widjetComponent--title--876.widget-title-base:before {
            content: '';
            display: block;
            height: 4px;
            width: 100%;
            background: #990b0d;
            position: absolute;
            top: 50%;
            margin-top: -2px;
            left: 0;
        }
        .widjetComponent--title--876.widget-title-base {
            color: #990b0d;
            font-size: 24px;
            font-weight: bold;
            margin: 15px 0;
            text-align: center;
            position: relative;
            padding: 0 25px;
        }
        .widjetComponent--title--876.widget-title-base span {
            position: relative;
            z-index: 1;
            background: #fff;
            padding: 0 15px;
        }
    </style>
    <a href="/news-ukraine-and-worlds" class="widjetComponent--a--title--">    <h4 class="widjetComponent--title--876 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/111501-frankenshteyny-iz-kremlya-i-ih-produkciya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/28.05.2022/48e71869828ab84039ec1f5b562ed577.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/111501-frankenshteyny-iz-kremlya-i-ih-produkciya.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/111492-frankenshteyny-iz-kremlya-i-ih-produkciya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/28.05.2022/f60ac1cd516bec422e5bab85f36af0c3.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/111492-frankenshteyny-iz-kremlya-i-ih-produkciya.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/111461-okupant-vdariv-po-dn-propetrovschin-seryozn-ruynuvannya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/d5758bddec6bd17d5df0d9a8d3aba6e4.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/111461-okupant-vdariv-po-dn-propetrovschin-seryozn-ruynuvannya.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/111469-kra-ni-g7-obm-rkovuyut-chi-dozvoliti-ros-ys-kim-p-dsankc-ynim-ol-garham-zaplatiti-za-vih-d-z-sankc-y-peredbacha-t-sya-scho-koshti-p-dut-na-v-dbudovu-ukra-ni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/584d63dd445532d5ca37e1a13e39e685.jpeg&amp;size=850x560" class="wp-post-image" alt="Країни G7 обмірковують, чи дозволити російським підсанкційним олігархам заплатити за вихід із санкцій: передбачається, що кошти підуть на відбудову України.">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111469-kra-ni-g7-obm-rkovuyut-chi-dozvoliti-ros-ys-kim-p-dsankc-ynim-ol-garham-zaplatiti-za-vih-d-z-sankc-y-peredbacha-t-sya-scho-koshti-p-dut-na-v-dbudovu-ukra-ni.html" title="Країни G7 обмірковують, чи дозволити російським підсанкційним олігархам заплатити за вихід із санкцій: передбачається, що кошти підуть на відбудову України.">Країни G7 обмірковують, чи дозволити російським підсанкційним олігархам...</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/111473-u-ros-ys-kih-zagarbnik-v-na-hark-vs-komu-napryamku-pochalisya-masov-bunti.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/27.05.2022/1df166e3c4798ad50f8ae12bd089d04b/466a89b59f80cf46ac887f4c4d98d4f9_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/111473-u-ros-ys-kih-zagarbnik-v-na-hark-vs-komu-napryamku-pochalisya-masov-bunti.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/111474-vinischuvach-ppo-zsu-u-neb-hersonschini-zbiv-ros-ys-kiy-vinischuvach.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/95b12adbc70094547868f5756714bba2.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/111474-vinischuvach-ppo-zsu-u-neb-hersonschini-zbiv-ros-ys-kiy-vinischuvach.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/111476-schodo-situac-na-donechchin.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/video/27.05.2022/94867c72840c26068fd1f2e5a73189ed/a2a38c2a49572e3bd2ee2322a24a6782_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/111476-schodo-situac-na-donechchin.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/111478-prezident-ukra-ni-volodimir-zelens-kiy-p-d-chas-onlayn-zustr-ch-v-anal-tichnomu-centr-foreign-policy-community-of-indonesia.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/962d3741cde049de3d0c237d81d5fdee.jpeg&amp;size=850x560" class="wp-post-image" alt="Президент України Володимир Зеленський під час онлайн-зустрічі в аналітичному центрі Foreign Policy Community of Indonesia">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111478-prezident-ukra-ni-volodimir-zelens-kiy-p-d-chas-onlayn-zustr-ch-v-anal-tichnomu-centr-foreign-policy-community-of-indonesia.html" title="Президент України Володимир Зеленський під час онлайн-зустрічі в аналітичному центрі Foreign Policy Community of Indonesia">Президент України Володимир Зеленський під час онлайн-зустрічі в аналітичному...</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/111483-sv-t-gotu-t-sya-do-mozhlivost-zastosuvannya-rf-yaderno-zbro.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/9bd3db53f9a03aed729ba56273a80a1f.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/111483-sv-t-gotu-t-sya-do-mozhlivost-zastosuvannya-rf-yaderno-zbro.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/111479-prezident-zavdyaki-zhurnal-stam-vdalosya-ob-dnati-ukra-ns-ke-susp-l-stvo-y-uves-sv-t.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/cc67c9eed4be0853084cd7d82c3fce56.jpeg&amp;size=850x560" class="wp-post-image" alt="Президент: Завдяки журналістам вдалося об&#039;єднати українське суспільство й увесь світ">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111479-prezident-zavdyaki-zhurnal-stam-vdalosya-ob-dnati-ukra-ns-ke-susp-l-stvo-y-uves-sv-t.html" title="Президент: Завдяки журналістам вдалося об&#039;єднати українське суспільство й увесь світ">Президент: Завдяки журналістам вдалося об&#039;єднати українське суспільство...</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/111475-vchora-26-travnya-rusnya-sil-no-obstr-lyuvala-hark-v.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/c2487cd135eee6c58440fc362aa405f5.png&amp;size=850x560" class="wp-post-image" alt="Вчора, 26 травня, русня сильно обстрілювала Харків">
                                </a>
                            </div>
                        </div>
                        <div class="col-8">
                            <div class="post-content">
                                <h3 class="widget-title">
                                    <a href="/news-ukraine-and-worlds/111475-vchora-26-travnya-rusnya-sil-no-obstr-lyuvala-hark-v.html" title="Вчора, 26 травня, русня сильно обстрілювала Харків">Вчора, 26 травня, русня сильно обстрілювала Харків</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/111467-v-ukra-n-stvorili-re-str-ekolog-chnih-zlochin-v-rf.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/66268ee93133533755ed88ead3497e45.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/111467-v-ukra-n-stvorili-re-str-ekolog-chnih-zlochin-v-rf.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/111466-eks-glavu-konstitucionnogo-suda-aleksandra-tupickogo-ob-yavili-v-rozysk.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/3a29ee288713fdf92f7ef5559e2c0858.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/111466-eks-glavu-konstitucionnogo-suda-aleksandra-tupickogo-ob-yavili-v-rozysk.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/111465-vgen-y-n-n-kozhen-ukra-nec-mozhe-stati-partnerom-u-guman-tarnomu-rozm-nuvann-ukra-ni.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/47c786c1c60e9ba32a72ae374f5817b3.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/111465-vgen-y-n-n-kozhen-ukra-nec-mozhe-stati-partnerom-u-guman-tarnomu-rozm-nuvann-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/111464-sbu-vikrila-sina-kolishn-ogo-nardepa-na-p-dtrimc-okupant-v-zatrimala-kolaborant-v-yak-vbili-cholov-ka-u-per-od-okupac-gostomelya.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/87c453166458806694bf1dec0b6d43ff.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/111464-sbu-vikrila-sina-kolishn-ogo-nardepa-na-p-dtrimc-okupant-v-zatrimala-kolaborant-v-yak-vbili-cholov-ka-u-per-od-okupac-gostomelya.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/111463-sp-vpracyuvav-z-teroristami-do-gorya-naumcya-z-yun-granu-priyshli-pravoohoronc-z-obshukami.html">
                                    <img loading="lazy" src="https://media.ukraine-inform.com/thumb/thumb.php?src=/upload/27.05.2022/39be8169783d884364bb818c1c29824b.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/111463-sp-vpracyuvav-z-teroristami-do-gorya-naumcya-z-yun-granu-priyshli-pravoohoronc-z-obshukami.html" title="Співпрацював з терористами? До Ігоря Наумця з &quot;Юніграну&quot; прийшли правоохоронці з обшуками">Співпрацював з терористами? До Ігоря Наумця з &quot;Юніграну&quot; прийшли правоохоронці...</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
</section>

                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-391-3 row-k-style" id="row-k-style-391-3">
            <div class="row-k-width-391-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-391-4 row-k-style" id="row-k-style-391-4">
            <div class="row-k-width-391-4 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 no-padding">
                                <div class="content-inner">
                                                                    </div>
                            </div>
                                                            </div>
            </div>
        </section>
                                <section class=" row-k-style-391-5 row-k-style" id="row-k-style-391-5">
            <div class="row-k-width-391-5 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-390-3 row-k-style" id="row-k-style-390-3">
            <div class="row-k-width-390-3 row-k-width">
                <div class="row">
                                                                        <div class="col-md-12 disable-cont no-padding">
                                <div class="content-inner">
                                                                            <style>
    .widjetComponent--1116 {
        background: transparent;;
    }
    .widjetComponent--1116 .inner-text {
        padding: 20px 10px 20px 10px;
        color: #3d3d3d;
    }
    .widjetComponent--1116 .inner-text * {
        color: #3d3d3d;
    }
</style>

<section class="widjetComponent--1116">
    <div class="inner-text">
        <p style="text-align: center;"><strong>© 2020 kherson-inform</strong></p>
    </div>
</section>
                                                                    </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();
                        if(ww > 991) {
                            addStyle("https://cdn.ukraine-inform.com/assets/videoplayer.css");
                                                        addStyle("https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.css");
                            addScript("https://cdn.ukraine-inform.com/new1/app.a5e7f618.js");
                            
                            addScript("https://cdn.ukraine-inform.com/assets/videoplayer.js?v=06");
                        }
                        $(window).scroll(function() {
                            var scroll = $(window).scrollTop();

                            if (scroll >= 100) {
                                if (!in_slider_2) {
                                    in_slider_2 = true;
                                    if(ww < 991) {
                                        addStyle("/assets/videoplayer.css");
                                                                                addStyle("https://cdn.ukraine-inform.com/new1/lazy-app.4f192f45.css");
                                                                                addScript("https://cdn.ukraine-inform.com/new1/app.a5e7f618.js");
                                        addScript("https://cdn.ukraine-inform.com/assets/videoplayer.js?v=06");
                                    }


                                                                        addStyle("https://cdn.ukraine-inform.com/assets/proxyma/stylesheet.css");
                                                                                                            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>


                            <!--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=07"></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>